

body,table,td,p,span,div,form,textarea,input,iframe,select,img,a, h1,h2,h3,h4,h5,h6 {
  font-family: Arial;
	font-size: 12px;	
	color: #000000 ;
  margin: 0px 0px 0px 0px ;  
	padding: 0px 0px 0px 0px ;
}
/* its predominantly black at the mo so flick a few things to white like the form element inputs and wotnot */

body  {background-color:#000000; padding: 10px 10px 10px 10px;  }
td,div,p,span,pre { color:#FFFFFF;}
td { vertical-align:top;}

a {color:#FF0000; font-weight:bold; }
a:active	{ color:#FF0000; }
a:visited	{ color:#FF0000; }
a:hover	  { color:#0000FF; }
a:link		{ color:#FF0000; }


h1 { color:#666666; margin: 12px 0px 12px 0px; font-size:18px;}
h2 { color:#FFFFFF; margin: 12px 0px 10px 0px; font-size:16px;}
h3 { color:#FF0000; margin: 12px 0px 8px 0px; font-size:14px;}
h4 { color:#FF0000; margin: 12px 0px 6px 0px; font-size:12px;}
h5 { color:#FF0000; margin: 12px 0px 6px 0px; font-size:12px;}
h6 { color:#FF0000; margin: 12px 0px 6px 0px; font-size:12px;}

/* common classes */
.intro_medium { padding-top:8px; padding-bottom: 12px; padding-left: 6px; margin-top:8px ; margin-bottom:8px ; border: 1px solid #666666; font-size:14px }
.intro { border: 1px solid #FFFFFF; font-size:16px }
div.msg_wrapper { margin:6px 0px 6px 0px; padding:6px 6px 6px 6px; background-color:#FFFFFF; border: 1px solid yellow; }
div.msg_c_item { font-weight:bold; font-size:16px;  color: #FF0000;  }




/*textarea, input,select {color: #000000; background-color: #FFFFFF ; }*/
textarea {width:100%;}
textarea.terms {width:100%; color:#000000 ; height: 300px;  background-color: #FFFFFF; }
/* except the flippin submit bttn of course 
.bttn_submit { width:100px;}*/

/* the content:  div #page_top */
#main_temp #page_top {  margin-top : 40px;  margin-bottom : 40px; padding: 6px; border: 1px solid #FF0000 ;}

/* the content table */
table#page_content { width:100%; }
table#page_content tr { vertical-align:top; }
table#page_content td { vertical-align:top; padding: 6px; }
table#page_content #page_left  { width:15%;}
table#page_content #page_right { width:85%; padding-top: 160px ;
			background-image: url(/images/main_02.gif);
			background-repeat: no-repeat;
			background-position: top left ; 
}

/* the content:  div #page_foot */
#main_temp #page_foot { margin-top : 20px; padding: 6px; border: 1px solid #FF0000; }

/* the links:  div#top_nav  .top_nav */
#top_nav a.top_nav {border-width: 2px; border: thin solid #FFFFFF; line-height:15pt; font-size: 11pt;  color: #FF0000;  font-weight:bold; text-decoration: none; } 
#top_nav a.top_nav:active	{ background-color: #96a4ff; }
#top_nav a.top_nav:visited	{ background-color: #96a4ff; }
#top_nav a.top_nav:hover	{ background-color: #CF7F00; }
#top_nav a.top_nav:link		{ background-color: #96a4ff; }

#esc_reg_steps { margin-top: 12px; margin-bottom: 12px;}
#esc_reg_steps a{ color:#FF0000;}


/* the edit form:  div .bttn_submit */
.bttn_submit {display:block; margin-top: 18px;}
.new_line {display:block; margin-bottom: 12px;}

/* The textarea thing when editing a file: depends on file size ?now redundant?  */
.ta_small  { height: 150px; } 
.ta_medium { height: 300px; }
.ta_large  { height: 600px; }
.ta_xlarge { height: 900px; }



/* START : The client escort search results / catalogue view floated item list  */
	div#esc_list_wrapper{} 
	div#esc_list_wrapper div.item {
	 height: 200px ;
	 width: 150px;
	 margin: 20px; 
	 float : left ;
	 margin-bottom:25px;
	 
	}
	div#esc_list_wrapper div.item div { text-align:center; }
	/* the image is in a div wrap, the image has a width but we dont tall aspected images throwing the row height out 
	   so fix the width and hide the overspill so we get a guaranteed max height and tough if you have a tall pic!
	*/
	div#esc_list_wrapper .img_wrap { overflow:hidden; height:150px; } 
	div#esc_list_wrapper div.item img {
	 display : inline;
	 width:130px; 
	 margin: 10px 0px 10px 0px ; 
	 /*border: 1px solid green ; */
	}
	
	div#esc_list_wrapper div.name_display, div#esc_list_wrapper div.tel_display {
	 width:100% ;
	 height: 20px; 
	 font-size:12px ;
	 color:#FF9933;
	 border: 1px solid green ;
	 vertical-align:middle;
	 text-align:center;
	 border: 1px solid #999999 ;
	}
	/* the iframe it sits on */
	iframe#search_res_frame {width: 100%;}
	
/* STOP : The client escort search results / catalogue view floated item list  */

/* START : THE ESCORTS DISPLAY PROFILE  as in what the client sees */

	/* the profile has a head on top of  table h1 name h2 = tel h3 = desc*/
	h1#esc_prof { color:#666666;  font-size:24px; text-transform:capitalize; display:inline;}
	h2#esc_prof { color:#666666;  font-size:14; margin-left:24px; display:inline;} 
	h3#esc_prof { color: #999999 ;}

	
	#escort_profile_head, 
	#escort_profile_tbl {margin-top: 20px ;}
	div.escort_general { margin-top:6px ; color:#666666; font-size:12px;}

	#escort_profile_tbl  td { font-size:11px; color: #000000 ;  border:1px solid #666666 ; padding:0px 2px 0px 2px; margin-bottom:20px;}
	#escort_profile_tbl td#col_3 { width:20px; border:0px;}
	#escort_profile_tbl td#col_6 { padding-left:20px; border:0px;}
	/* the alt thumbs if they have any */
	div#esc_prof_alt_images { margin-top: 6px;padding:2px;}
	div#esc_prof_alt_images img { border:1px solid #666666;  cursor:pointer;}
	/* the text above the alts if they have any */
	div#alt_images_prefix { margin-top:6px ; color:#666666; font-size:12px;}
	

/* STOP : THE ESCORTS DISPLAY PROFILE */


#escort_search_region { margin-top: 12px ;}
#profile_display_name { font-size:20; color:#FFCC00; padding: 20px 0px 20px 0px; }
.escort_profile_alts { width:60px ;}



/* the escort edit proflie pictue upload*/
#escort_photo_upld_tbl { margin-top: 6px;}
#escort_photo_upld_tbl td { width:300px; text-align:center;}

#escort_photo_upld_tbl img { margin-top: 6px;  margin-bottom: 20px; border:1px solid  #00FF00;  }

/* EXAMPLE IMAGES */
.example_image { margin: 6px 6px 6px 6px; border:3px solid yellow; ;}
.example_wrapper a { text-decoration:none; color:#00FF66; border:1px solid #666666; ;}
.example_wrapper a: hover{ color:#00FF00; border:1px solid #666666; ;}


/* THE PAYMENT AND BASKET AREA */
div.items_wrapper { border:1px solid #666666; color: #0000FF;font-weight:bold; padding-left:6px; margin-bottom: 8px; margin-top: 8px;}
div.order_item { font-weight:bold; margin-bottom: 8px; margin-top: 8px;}
div.order_total{ font-size:14px; margin-bottom: 16px;}
form#payment_form { margin-bottom:20px;;}



/*



.bg_black{background-color: #000000}
.bg_white{background-color: #FFFFFF}

.tbl_bot_white{border-bottom: thin solid #ffffff; border-bottom-width: 2px;}
.photo_sel {border: thin solid #FF0000;border-width: 6px;}

.tbl_bdr_outer {border: thin solid #000000; border-width: 2px;}
.tbl_bdr_inner {
	border: thin solid #000000;
	border-width: 1px;

}
.txt_tbl_inner {	font-family : Times New Roman;
	font-size: 24px;
	font-weight:bold;
	color: #333333;
	font-style: italic;} 

.txt_yellow_medium{font-family: Arial;font-size: 16px;	color: yellow;}
.txt_red_medium{font-family: Arial;font-size: 16px;	color: red;}
.txt_red_small{font-family: Arial;font-size: 12px;	color: red;}
.txt_white_small{font-family: Arial;font-size: 12px;	color: #FFFFFF;}
.txt_white_medium{font-family: Arial;font-size: 16px;	color: #FFFFFF;}
.txt_white_large{font-family: Arial;font-size: 18px;	color: #FFFFFF;}
.txt_msg_c_medium{
	font-family: Arial;
	font-size: 14px;
	color: red;
	background-color: #FFFFFF;
	border-width: 1;
}
.txt_black_ital_med{
	font-family : Times New Roman;
	font-size: 18px;
	color: #333333;
	font-style: italic;
}
.txt_head_large{
	font-family : arial;
	font-size: 24px;
	color: #333333;
	font-wieght: bold;
}


a.h_pag_sel:active		{border: thin solid #FFFFFF; border-width: 2px; background-color: #96a4ff; font-family: arial; line-height:15pt; font-size: 11pt;color: #FF0000;  font-weight:bold; text-decoration: none;}
a.h_pag_sel:visited		{border: thin solid #FFFFFF; border-width: 2px; background-color: #96a4ff; font-family: arial; line-height:15pt; font-size: 11pt;color: #FF0000;  font-weight:bold; text-decoration: none;}
a.h_pag_sel:hover		{border: thin solid #FFFFFF; border-width: 2px; background-color: #CF7F00; font-family: arial; line-height:15pt; font-size: 11pt;color: #FF0000;  font-weight:bold; text-decoration: none;}
a.h_pag_sel:link		{border: thin solid #FFFFFF; border-width: 2px; background-color: #96a4ff; font-family: arial; line-height:15pt; font-size: 11pt;color: #FF0000;  font-weight:bold; text-decoration: none;}

a.h_pag_not:active		{border: thin solid #FFFFFF; border-width: 2px; background-color: #96a4ff; font-family: arial; line-height:15pt; font-size: 11pt;color: #FFFFFF;  font-weight:bold; text-decoration: none;}
a.h_pag_not:visited		{border: thin solid #FFFFFF; border-width: 2px; background-color: #96a4ff; font-family: arial; line-height:15pt; font-size: 11pt;color: #FFFFFF;  font-weight:bold; text-decoration: none;}
a.h_pag_not:hover		{border: thin solid #FFFFFF; border-width: 2px; background-color: #CF7F00; font-family: arial; line-height:15pt; font-size: 11pt;color: #FFFFFF;  font-weight:bold; text-decoration: none;}
a.h_pag_not:link		{border: thin solid #FFFFFF; border-width: 2px; background-color: #96a4ff; font-family: arial; line-height:15pt; font-size: 11pt;color: #FFFFFF;  font-weight:bold; text-decoration: none;}

a.h_gen_sel:active		{font-family: arial; font-size: 12px;color: red;  font-weight:bold; text-decoration: underline;}
a.h_gen_sel:visited		{font-family: arial; font-size: 12px;color: red;  font-weight:bold; text-decoration: underline;}
a.h_gen_sel:hover		{font-family: arial; font-size: 12px;color: yellow;  font-weight:bold; text-decoration: underline;}
a.h_gen_sel:link		{font-family: arial; font-size: 12px;color: red;  font-weight:bold; text-decoration: underline;}

a.h_gen_not:active		{font-family: arial; font-size: 12px;color: yellow; font-weight:bold; text-decoration: underline;}
a.h_gen_not:visited		{font-family: arial; font-size: 12px;color: yellow; font-weight:bold; text-decoration: underline;}
a.h_gen_not:hover		{font-family: arial; font-size: 12px;color: red;  	font-weight:bold; text-decoration: underline;}
a.h_gen_not:link		{font-family: arial; font-size: 12px;color: yellow; font-weight:bold; text-decoration: underline;}

*/ 
