/* 
Author: 	Yasir Zaka Bhatti
Filename:	makewebsitenow.css
Website:    www.makewebsitenow.com
*/

body {
	background-color: #DBE8F7; /*dededd;*/
	font-size: 16px; 
	color: #020202;
	font-family: Arial, Helvetica, sans-serif; 
	/*width:100%;*/
	/*margin: 3px 0px 3px 0px;*/
}

/*#main {
    background-color: #ffffff;
	border-color:#000000;
	border-style: solid;
	border-width:1px;
}*/

a:link {
	font-weight: bold; 
	color: #3366CC;/* #FFFFFF;/* #FFFFCC; */
	text-decoration: none;
}

a:visited {
	font-weight: bold; 
	color: #3366CC; /*#FFFFFF;/*#FFFFCC; */
	text-decoration: none;
}

a:hover {
	font-weight: bold; 
	color: #FF0000;/*#FFFFCC; */
	text-decoration: underline;	
}

.active_page {
	color:#FF0000;
}

/* *********************** not used yet **************************/
h1 {
	font-size: 20px;
	color: #FF99CC;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	/*border-bottom: dashed;
	border-bottom-width: thin;*/
	margin: 0;
}

h2 {
	font-size: 16px; 
	color: #FF99CC; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	border-bottom: dashed;
	border-bottom-width: thin;
	margin: 0;
}

h3 {
	font-size: 12px; 
	color: #FF99CC; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	margin: 0;
}

#spacer1 {
	line-height: 1px;
}
#spacer2 {
	line-height: 2px;
}
/* *************************************************/

div.clear {
	clear: both;
	font-size: 2px;
}

/*////////////////// Menu Bar ///////////////////*/
#menu-bar {
	height: 18px; 
    background-color: #ACC8EA;/*#28C12D; /*000000; /*  #993366;/* #9966FF;/* #CC99FF;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	padding-top: 4px;
	padding-left: 20px;
	border:solid 1px #000000;
}

.menu-bar a:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.menu-bar a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.menu-bar a:hover {
	/*background-color: #FFFFFF;*/
	color: #FFFFFF;/* #ffffff;*/
	font-weight: bold;
	text-decoration: underline;
}

/*///////////////// BreadCrumb ////////////////*/
.breadcrumb{
	height:15px;
	margin-top:1px;
	margin-bottom:1px;
	background-color: #ACC8EA; /* #28C12D;/*#26B929; /*#9acd32;*/
	border:solid 1px #000000;
	
	padding-left:10px;
	color:#666666;
	font-size:11px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
}
/*///////////////// BreadCrumb ////////////////*/

/*////////////////// Footer ///////////////////*/
#footer {
	background-color: #26B929; /* #000000;*/
	height: 35px;
    text-align: center;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

.footer a:link {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.footer a:visited {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.footer a:hover {
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}

/*
.breadcrumb{
	padding-left:10px;
	color:#666666;
	FONT-SIZE: 11px; 
	FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif;
}
*/
/*
#navbar{
	height:17px;
	margin-top:0px;
	margin-bottom:3px;
	background-color:#9acd32;
	border:solid 1px #000000;
} 
*/
/*////////////////// Boxes ///////////////////*/



.small-section {
	width: 48%;
	margin-right: 1px;
	margin-left: 1px;
	margin-bottom: 1px;
	margin-top: 1px;
	padding-right:2px;	
	/*float: left; */
	float:right;
}

.small-box {
	background-color: #efefef;
	/*width: 166px;	*/
	height: 150px;
	margin-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #020202;
}

.middle-section {
	/*width: 370px;*/
	width: 98%;
	padding-right:3px;
	padding-left:3px; 
	/*float: left; */
	float:right;
}

.middle-box {
	/*background-color: #efefef;*/
	/*height: 180px;
	width: 370px;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #020202;
	
}

.middle-bar {
	background-color: #ACC8EA;/*#28C12D; /*#E139A3;/*#E96BBA; #EB7EC2;*/
	width: 100%;
	height: 18px;
	/*padding-top: 0px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}


.side-bar {
	background-color: #E139A3; /*#28C12D;/*#28C12D; /*#E139A3;/*#E96BBA; #EB7EC2;*/
	width: 100%;
	height: 18px;
	/*padding-top: 0px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;	
}



/*
.middle-long-bar {
	background-color: #E139A3;
	height: 18px;
	padding-top: 0px;
	margin-right: 0px;
	margin-left: 0px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
*/



.listing-bar {
	background-color: #AECCEC;
	width: 540px;
	height: 18px;
	padding-top: 0px;
	margin-right: 0px;
	margin-left: 0px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

.listing-section {
	background-color:#FFFFFF; 
	width: 540px;
	/*height: 103px;*/
	margin-right: 3px;
	margin-left: 3px;
	float: left; 
}

.listing-left-box {
	background-color: #DBE8F7;
	height: 96px;
	width: 210px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #020202;
	float:left;
	border-bottom-color: #AECCEC;
	border-bottom: double;

}

.inner-box-left { 
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 126px;
	text-align:left;
	float:left;
}

.listing-right-box {
	background-color: #F4F9FD;
	height: 96px;
	width: 330px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #020202;
	float:left;
	border-bottom-color: #AECCEC;
	border-bottom: double;
}

.inner-box { 
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
	
	padding-left: 3px;
	padding-right: 3px;
	
	text-align:left;
	float:left;
}

.photo-box-small { 
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	border-color: #AECCEC;
	border-style: solid;
	border-width:3px;
	text-align:left;
	float:left;
}

.div-float-left { 
	text-align:left;
	width: 210px;
	float:left;
}

.div-float-right { 
	text-align:right;
	width: 330px;
	float:left;
}

.left-bar {
	width: 100%;
	/*height: 18px;*/
	background-color: #ACC8EA;/* #28C12D;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

.left-item {
	width: 100%;
	/*height: 14px;*/
	background-color: #D2E4F2;/* #BBECB3;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	border-bottom-color: #000000; /*AECCEC;*/
	border-bottom: thin; /* double;*/
	float:right;
}

.left-item a:link {
	color: #000000;
	text-decoration: none;
}

.left-item a:visited {
	color: #000000;
	text-decoration: none;
}

.left-item a:hover {
	font-weight: bold; 
	color: #FFFFFF;
	text-decoration: underline;	
}


/***********************************/
.leftmenu_table{
	background-color:#FFFFFF;
	width:100%;
	border-color:#000000;
	padding:0px;

}

.fullcontainer{
	/*width:750px;*/
	height:60px;
	margin-bottom:2px;
	margin-top:0px;
	background-color:#FFFFFF;
	border:solid 1px #000000;		
	font-size:12px;
	font-family:Tahoma, Verdana, Arial, sans-serif;		
}

#logo{
	height:50px;
	width:120px;
	background-color:#FFFFFF;
	margin-top:2px;
	margin-left:2px;
	/*padding:2px;*/
	
	/*padding-left:2px;
	padding-top:2px;*/
	
	/*margin:1px;*/
	float:left;
}

#menu {
  float:right;
  display:table;
  padding:0px; 
  margin-top:26px; 
  list-style-type:none;
  white-space:nowrap;
  FONT-SIZE: 12px; 
  FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif;
  }
#menu span {
  display:table-cell;
  
  }
#menu div {
	height:22px;
	
}

#menu a {
  
  text-align:center;
  padding-top:4px;
  padding-left:4px;
  padding-right:4px;
  color:#ffffff; 
 /* height:18;
  
  background-image:url(../images/menu_tab.gif);
  background-repeat: no-repeat;
  width:101;
  border:1px solid #fff; */
  text-decoration:none;
 }
#menu a:hover {
  color:#FFFFFF;
  font-weight:bold; 
  text-decoration:underline; 
}

#menu span {
  float:left;
  }
#menu a {
  float:left;
  }
  
.leftpic {
	display:block;
	float:left;
	height:20px;
	width:8px;
	background-image:url(../images/menu_tab_left.gif);
  	background-repeat: no-repeat;
}
.middlepic {
	display:block;
	float:left;
	height:22px;
	background-image:url(../images/menu_tab_middle.gif);
  	background-repeat: repeat-x;
}
.rightpic {
	display:block;
	float:left;
	height:20px;
	width:10px;
	background-image:url(../images/menu_tab_right.gif);
  	background-repeat:no-repeat;
}
.freespace{
	display:block;
	float:left;
	width:3px;
}
 
#navbar{
	height:17px;
	margin-top:0px;
	margin-bottom:3px;
	background-color:#ACC8EA;/*#28C12D;*/
	border:solid 1px #000000;
} 
.Menutext{
	padding-left:10px;
	color: #FFFFFF; /*#666666;*/
	FONT-SIZE: 11px; 
	FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif;
}

.topleveltable{
	padding-top:0px;
	margin-bottom:2px;
	margin-top:2px;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;		
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	background-color:#ffffff;/* #efefef; /**/
	font-size:12px;
}

.narrow_line{
	font-size:3px;
}

.errors {
	/*background: #E9B7D7 url(Submission-Error_01.gif) no-repeat top;*/
	background: #E9B7D7;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #C259A8;
	/*padding: 22px 0px 10px 6px !important;*/
	padding: 5px 0px 5px 6px !important;	
	/*width: 308px;*/
	height: auto;
}


.hr {
	color: #FFCC33;
	background-color: #FFCC33;
	width:100%;
	height:15;
}

/***********************************************/
.cssform p{
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/************* from dating site************/
.page_main_heading {
	text-align: right; 
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #C14A67;
}

.row_properties {
	height:25px;
	vertical-align:top;
}

.narrow_row_properties {
	height:25px;
	vertical-align:top;
}

.field_heading {
   vertical-align:top;
	color: #000000;
	font-weight: bold;
}

.field_value {
	color: #999999;	
}

.profiletitle { 
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:center;
}

.drop_down_value {
	font:bold 9px Verdana, Arial, Helvetica, sans-serif;
	width:125px;
}

.drop_down_value_nowidth {
	font:bold 9px Verdana, Arial, Helvetica, sans-serif;
}

.drop_down_value_short {
	font:bold 9px Verdana, Arial, Helvetica, sans-serif;
	width:50px;
}

.drop_down_value_long {
	font:bold 9px Verdana, Arial, Helvetica, sans-serif;
	width:175px;
}

.buttons {
	border: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
	height: 26px !important;
	width:auto; 
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #FF6600 repeat-x top;
}

.errors {
	/*background: #E9B7D7 url(Submission-Error_01.gif) no-repeat top;*/
	background: #ACC8EA no-repeat top;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;/* #FF0000; /* #C259A8;*/
	/*padding: 22px 0px 10px 6px !important;*/
	width: 308px;
	height: auto;
}

.index-box01-RedText {
	text-align: right; 
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #FF0000;
}

.index-box01-RedText a {
	text-align: center; 
	font: italic bold 14px Arial, Helvetica, sans-serif;
	color: #FF2903;
	text-decoration: none;
}
.index-box01-RedText a:hover {
	text-align: center; 
	font: italic bold 14px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}


.pro_black_box_wrapper {
	border: 1px solid #999999;
	background-color: #CCCCCC;/* #000000;*/
	margin-bottom: 16px;
	width: 99%;
} 
/*#282828;*/
.pro_black_box_01 {
	/*background: url(pro_black_box_01.gif) repeat-x;*/
	background: #CCCCCC repeat-x top;
	height: 23px;
}
.pro_black_box_02 {
	padding-left: 6px;
	padding-right: 6px;
}
.pro_black_box_03 {
	/*background: url(pro_black_box_03.gif) repeat-x top;*/
	background: #CCCCCC repeat-x top;
	height: 23px;
}


/* ======================== */

.NButton2 {
	/*font: 11px Arial, Helvetica, sans-serif!important;
	color: #FFFFFF!important;
	border: 1px solid #7D7D7D;;
	padding: 3px;
	width: 120px;
	background-color: #BF0F0F;*/
	/*width: 120px;*/
}

.NButton2 a {
	font: 11px Arial, Helvetica, sans-serif!important;
	color: #FFFFFF!important;
	border: 1px solid #7D7D7D;;
	padding: 2px;
	width: 120px;
	background-color: #CE758E;



	/*font: 11px Arial, Helvetica, sans-serif !important;
	color: #FFFFFF;
	/*margin: 3px;*/
	/*padding: 2px 2px 2px 2px;*/
	/*border: 1px solid #7D7D7D;*/
	/*background-color: #BF0F0F;
	text-align: center;
	/*margin-left: 6px;
	margin-right: 6px;*/
}

.NButton2 a:visited {
}

.NButton2 a:hover {
	background-color: #BF0F0F;
	color: #FFFFFF;
}

/************************************************/
.member_row_properties {
	height:20px;
	vertical-align:top;
}

.member_field_heading {
	color: #000000;
	font-weight: bold;
	vertical-align:top;
}

.member_field_heading img {
	border: 2px solid #FFFFFF;
	padding: 1px;
	background-color: #AAAAAA;
}

.member_field_value {
    vertical-align:top;
	text-align:left;
	/*font-weight: bold;*/
	/*font: italic bold 11px Arial, Helvetica, sans-serif;	*/
}
/************************************************/

/*///////////////// topline ////////////////*/
.topline{
	height:15px;
	margin-top:1px;
	margin-bottom:1px;
	/*background-color: #FFFFFF; */
	border: 1px #000000;
	
	padding-left:10px;
	color:#666666;
	font-size:11px;
	font-weight:bold;
	font-family:Tahoma, Verdana, Arial, sans-serif;
}
/*///////////////// BreadCrumb ////////////////*/