/* general structure globally throughout the site  
------------------------------------------------------------------------------*/
body{
	width:100%;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	background-color:#fff;
	text-align:center;
	margin:0px;
	}

#girl{
	background-color:#666;
	text-align:left;
	vertical-align: top;
	margin:0px;
	font-size: 90%;
	padding:0px;
	border-bottom: 1px solid #000000;
}
#directory{
	background-color:#666;
	text-align:left;
	vertical-align: top;
	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
}
#wrap {
		background-color:#666;
		float:left;
		margin:0px;
		width:100%;
		min-width:780px;
		border-bottom: 1px #000000 solid;
		clear:both;
}

#logotext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #999999;
	padding-left: 100px;
	background-color:#666;
	padding-top:5px;
}
#adlogotext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #999999;
	padding-top: 2px;
	
	background-color:#666;
	border-bottom: 1px solid #000000;
	vertical-align: top;
	text-align:center;
	float:left;
	padding-left:8px;
	border:0px;
	max-width:18%;
}
#adlogotext p{
	margin:2px;
	text-align:center;
}
#adbanner {
	background-color:#666;
	border-bottom: 1px solid #000000;
	padding:1px;
	float:right;
	width:468px;
}
#logintop {
	background-color: #666666;
	text-align: right;
	border-bottom: 1px solid #000000;
	padding-bottom:0px;
}
#rightlogo {
	background-color: #666;
	text-align: right;
	vertical-align: top;
	border-bottom: 1px solid #000000;
	padding-bottom: 10px;
	padding-top: 3px;

}
#adrightlogo {
	background-color: #666;
	text-align: right;
	vertical-align: top;
	border-bottom: 1px solid #000000;
	padding-right:4px;
	padding-bottom: 0px;
}

#toplinks{
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	padding:2px;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	min-width:600px;
	background-image:url(images/menu.gif);
	background-color: #ccc;
	clear:both;
}
#toplinks a:link, #toplinks a:visited,#toplinks a:hover{
	text-decoration:none;
	padding-left:1.5em;
	padding-left:1.5em;
}
#toplinks a:link, #toplinks a:visited{
	color:#000;
}
#toplinks a:hover {
	color:#fc9;
}


#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place*/ 
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs*/ 
	background-color:#666;
	margin-top:5px;
	margin-bottom:5px;	/* Left column background colour */
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:130px;
	background:#ccc;
	 	/* Centre column background colour*/ 
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-290px;
	background:#666;
	    	/* Right column background colour*/ 
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0px 0px 0px 280px;
	overflow:hidden;
	background:#ccc;
	border-left:#FFFFFF 5px solid;
	border-right:#FFFFFF 5px solid;
}
#col1 {
	width:98%;
	overflow:hidden;
	text-align:left;
	padding-left:1%;
	padding-right:1%;
	min-height:1700px;
}

#col1  p{
	font-size:80%;
	padding-left:1%;
	padding-right:1%;
}
#col1  h2{
	margin-top:5px;
}

#col2 {
	float:left;
	width:104px;
	position:relative;
	margin-left:-50%;
	left:160px;
	overflow:hidden;
	background:#666;
	padding:8px;
	background-image: url(images/leftgrey.jpg);
	background-repeat: no-repeat;
	background-position: 5px 60px;
	text-align:left;
	border-right:#FFFFFF 5px solid;
}
#col2 h3 {
margin-top:0px;
}
#col2 h2 {
margin-top:0px;
margin-left:1%;
margin-right:1%;
text-align:center;
}
#col3 {
	float:left;
	width:144px;
	position:relative;
	left:0px;
	overflow:hidden;
	vertical-align:top;
	text-align: center;
	font-size: 14px;
	background:#666;
	padding:8px;
}

#col3  a:link, #col3  a:visited, #col3  a:hover{
	font-size:80%; 	
}

#col3  a:link{
	color: #fff;
	text-decoration:none;
}

#col3  a:visited {
	color: #CCCCCC;
	text-decoration:none;
	}
#col3 a:hover {
	color: #fc9;
	text-decoration: underline;
}
#col3 h4{
font-size:90%;
	margin:0px;
	color: #FFFFFF;
	background-color: #999999;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
}
#col3 p{
	margin-top:5px;
	margin-bottom:5px;
	text-align: center;
}

.roundtop{
	margin-top:10px;
	background: url(images/tl.png) no-repeat top left;
}
.roundtop h2 { 
	background: url(images/tr.png) no-repeat top right;
	padding:7px;
	vedrtical-align:center;
	font-size:16px;
	backgound:transparent;
	border:none;
	margin:0px;
	color:#eee;
	margin-left:32px;
	height:18px;
	
}

img.corner {
   width: 32px;
   height: 32px;
   border: none;
   float:left;
   display: block !important;
}
h1{
font-size: 14px;
display: inline;
color: #000;
margin: 0px;
text-align:left;
font-weight: bold;
}
h2{
	margin:0 0 10px 0;
	background-color: #666666;
	color: #fff;
	font-size:90%;
	text-align:center;
	padding: 3px;
	border-top: 1px solid #fff;
	border-right: 1px solid  #000;
	border-bottom: 1px solid  #000;
	border-left: 1px solid  #fff;
}
h3{	background-color: #999999;
	margin:12px 0px;
	color: #333;
	font-size:80%;
	text-align:center;
	padding: 1px;
	padding: 3px;
	border-top: 1px solid #fff;
	border-right: 1px solid  #666;
	border-bottom: 1px solid  #666;
	border-left: 1px solid  #fff;
}
h4{
font-size:85%;
margin:0 0 0;
 }
h5{
margin:12px 0 8px;
font-size:80%;
background-color:#999;
padding-left:2px;
border-top: 1px solid #fff;
border-right: 1px solid  #666;
border-bottom: 1px solid  #666;
border-left: 1px solid  #fff;
color: #333;
}
h6{
font-size:85%;
margin:0 0 0;
 }
.breadcrumb{
background-color:#fff;
margin-top:5px;

}
.breadcrumb p{
	font-size: 65%;
	margin:0px;
	color: #fff;
	text-align:left;
	padding-top:1px;
	padding-bottom:1px;
	padding-right: 3px;
	padding-left: 6px;
	background-color:#000;
	border-top: 1px solid #000;
	border-bottom: 1px solid  #000;
	
}
.breadcrumb a:link, .breadcrumb a:visited {
	color:#fff;
	text-decoration:none;
	}
.breadcrumb a:hover {
	color:#fc9;
	text-decoration:underline;
}
#leftbar{
	color: #000;
	background-color: #666666;
	padding: 0px 2px 3px 3px;
	vertical-align:top;
	background-image: url(images/leftgrey.jpg);
	background-repeat: no-repeat;
	background-position: left 20px;
	width:110px;
	font-size:16px;
	
}
#content{
	color: #000;
	background-color: #CCCCCC;
	padding: 10px 8px 20px 10px;
	vertical-align:top;
	border-right: 6px solid #fff;
	border-bottom: 6px solid #fff;
	border-left: 6px solid #fff;
	
}
#content p{
	font-size:80%;
	
}
.citylink{
	font-size:80%;
	color: #000;
	border: 0px solid #fff;
	margin-top:2px;
	margin-bottom:2px;
	margin-left:5px;
}
.citylink a:link, .citylink a:hover, .citylink a:visited {
	color: #000;
	border: 0px solid #fff;
	text-decoration: none;
	text-align:left;
	padding: 2px 2px;
	}

.citylink a:link, .citylink a:visited {
	background-color: transparent;
}
.citylink a:hover {
	color: #fff;
	background-color: #000;
	border-top: 1px solid #999;
	border-right: 1px solid  #666;
	border-bottom: 1px solid  #666;
	border-left: 1px solid  #999;
}
.cityhome {
	background-color: #000;
	font-size: 80%;
	color: #fff;
	border-top: 1px solid #999;
	border-right: 1px solid  #666;
	border-bottom: 1px solid  #666;
	border-left: 1px solid  #999;
	text-align:center;
	padding: 2px;
	margin-top:2px;
	margin-bottom:2px;
}
.cityhome a:link, .cityhome a:hover, .cityhome a:visited {
	text-align:left;
	text-decoration: none;
	background-color: transparent;
	}
.cityhome a:link {
	color: #000;
}
.cityhome a:visited {
	color: #999;
}
.cityhome a:hover {
	text-decoration: underline;
	color:#000;
}
.onpage{
font-size:80%;
}

.new{
font-size:90%;
font-weight:bold;
}
#footbar {
	margin: 5px 0px 0px;
	color: #fff;
	font-size:10px;
	text-align:center;
}
#footbar a:link {
	color: #fff;
	text-decoration:none;
}
#footbar a:visited {
	color: #999;
	text-decoration:none;}
#footbar a:hover {
	color: #fc9;
	text-decoration: underline;
}
#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
		text-align:left;
		font-size: 9px;
		color: #FFFFFF;
		background-color:#000;
}
#footer p {
	padding:10px;
	margin:0;
}
/* escort formatting throughout the site  
------------------------------------------------------------------------------*/

.escort-thumbnail{
		border: 1px solid #666666;
}
.thumb{
margin: 0 0 0;
}
.escortlink{
border: 1px solid #666;
margin-top:3px;
margin-bottom:0px;
margin-left:2px;
margin-right:2px;
}
.escortlink a:link {
	color: #000;
	text-decoration:none;
}
.escortlink a:visited {
	color: #666;
	text-decoration:none;
	}
.escortlink a:hover {
	color: #fff;
}
.escortcards{
	text-align:center;
	background-color:#CCCCCC;
	border: 0px solid #666666;
	vertical-align: top;
	padding-top: 3px;
}
.photoclick{
	border: 1px solid #666666;
	padding:3px;
	background-color:#FFFFFF;
	margin:2px;
}
.newcards {
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 15px;
	margin-top:0px;
	font-size:85%;
}
.newcards p {
	border: 1px solid #999;
	background-color: #fff;
	padding:5px;
	vertical-align:top;
	margin:0px;
}
.newescort {
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
	
}
.newescort p {
	border: 1px solid #999;
	background-color: #fff;
	padding:5px;
	margin-right: 10px;
	vertical-align:top;
}
.articleintro{
margin-top:3px;
margin-bottom:3px;
font-size:16px;
}
#largephoto{
vertical-align:top;
}
#girlmessage{
	font-size:160%;
	font-weight:bold;
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #CC3300;
}
.frame {
	text-align: left;
	padding:3px;
	vertical-align: top;
	min-height:85px;
	background-color: #fff;
	border: 1px solid #333;
	margin-bottom:5px;
	
}
.cardinfo {
	font-weight: bold;
	padding-left:4px;
	padding-right:8px;
	padding-bottom:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #666;
}

.cardbase{
	vertical-align: bottom;
	margin:0px;
	text-align: right;
	padding-right:5px;
	padding-top:3px;
}

.introtext {
	margin-left:75px;
	vertical-align: top;
	padding:5px;
	background-color: #fff;
	color: #333;
	text-align: left;
	font-size: 95%;
	margin-top:2px;
}
.introtext p{
	margin:0px;
}


.whitebox{
	color: #000000;
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #ccc;
	text-align: left;
	padding:6px;
	font-size:12px;
	font-weight:bold;
}
.thumbnail-latest {
	padding-right: 5px;
	border: none;


}
#featured {
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

#feature td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	border: 1px solid #CCCCCC;


}
#feature th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	text-align: center;
	border: 4px solid #CCCCCC;
	padding: 2px;


}

/* agency page 
------------------------------------------------------------------------------*/
.agencyname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #CCCCCC;
	background-color: #000;
	text-align: left;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	vertical-align: top;
	background-image: none;
	background-position: left;
	margin-bottom: 10px;
}
.agencydetails {
	background-image: url(images/escort-back.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #FFFFFF;
	margin: 5px;
	padding-right: 10px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px none #000000;

}
.escort-rep-thumbnail {
	padding-right: 0px;
	margin-right: 10px;
	border-top: 1px none #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	margin-bottom: 10px;
}

/* forms throughout the site  
------------------------------------------------------------------------------*/

.box p{
	margin: 5px auto;
}
.box div {
	margin: 0.5em 0 -1.5em -4em;
}
.box h6 {
	margin: 0.5em 0 1em 0;
}
.box div.topleft {
	display: block;
	background: url("images/box-bg.png") top left no-repeat white;
	padding: 2.0em 0em 0em 2.0em;
}

.box div.topright {
	display: block;
	background: url("images/box-bg.png") top right no-repeat white;
	padding: 2.0em;
	margin: -2.0em 0 0 2.0em;
}

.box div.bottomleft {
	display: block;
	height: 35px;
	margin-top: -2.0em;
	background: url("images/box-bg.png") bottom left no-repeat white;
}

.box div.bottomright {
	display: block;
	background: url("images/box-bg.png") bottom right no-repeat white;
	height: 35px;
	margin-left: 3.0em;
}


form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 10px 0 0 0;
}

form fieldset legend {
  font-size: 100%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}
form div label {
  display: block;
  float: left;
  width: 140px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: left;
}

.loginbutton {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #333;
	font-size: 12px;
}

#searchbox{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	margin: 0px;
	text-align: left;
}
.smallfieldcell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	padding-bottom: 0px;
	width: 120px;

}

.submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #333;
	border: 1px solid #000000;
}
.search{
background-color:#fff;
color:#000;
font-family: Verdana, Helvetica, sans-serif;
font-size:100%;
}
.smallfieldcell select { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #D7E5F2; 
 color: #102132; 
 border: 1px solid #284279; 
}

input { border: 1px solid black; margin-bottom: .5em;  }
label { width: 10em; float: left; }
label.error { float: none; color: #cc0000; padding-left: .5em; vertical-align: center; }


input.error { border: 1px solid  #cc0000; }
select.error { border: 1px solid  #cc0000; }
textarea.error { border: 1px solid  #cc0000; }
label.error {
	background: url('images/unchecked.gif') no-repeat;
	padding-left: 16px;
	margin-left: .3em;
	font-size:12px;
	text-align:left;
}
label.valid {
	background: url('images/checked.gif') no-repeat;
	width: 16px;
	height: 16px;
}
.errortext{color: #cc0000;
background: url('images/unchecked.gif') no-repeat;
		font-size:90%;
		height: 16px;
		padding-left: 16px;
}
input.csub {
border:none 0px
}
.whiteform {
	border: 1px solid #999;
	background-color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
.whiteform p {
	font-weight: normal;
	margin: 3px;
}
/* pagenumbers
------------------------------------------------------------------------------*/
.numon{
	color: #fff;
	font-size: 12px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	border: 1px solid #369;
	background-color: #369;
	margin-right:5px;
	margin-left:5px;
}
.fadepage{
	color: #bbb;
	font-size: 12px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	border: 1px solid #bbb;
	margin-right:5px;
	margin-left:5px;
}
#pages{
	color: #369;
	font-size: 12px;	
}
#pages a:link, #pages a:visited, #pages a:hover{
	padding-left:5px;
	padding-right:5px;
	margin-left:5px;
	margin-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	text-decoration :none;
	color: #369;
}
#pages a:link{
	border: 1px solid #999;
}

#pages a:visited{
	border: 1px solid #999;
}
#pages a:hover{
	border: 1px solid #369;
}
#pagewin{
	min-height:400px;
}
#page_navigation a:link, .pages a:visited, .pages a:hover{
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	color: #369;
	text-decoration:none;
	margin:3px;
}
#page_navigation a:link{
	border: 1px solid #999;
	font-size: 12px;
	text-decoration :none;
}

#page_navigation a:visited{
	border: 1px solid #666;
	font-size: 12px;
	text-decoration :none;
}
#page_navigation a:hover{
	border: 1px solid #369;
	font-size: 12px;
}
.active_page{
	background: #369;
	color:white !important;
}
#content-slider {
      width: 90%;
      height: 6px;
      margin: 5px;
      background: #BBBBBB;
      position: relative;
}

.ui-slider-handle {
  width: 8px;
  height: 14px;
  position: absolute;
  top: -4px;
  background: #478AFF;
  border: solid 1px black;
}

#content-scroll {
  width: 95%;
  height: 30px;;
  margin-top: 10px;
  overflow: hidden;
  border: solid 1px black;
}

#content-holder {
  height: 20px;
}

.content-item {
  width: 90%;
  height: 20px;
  padding: 5px;
  float: left;
}

/* blogs page
------------------------------------------------------------------------------*/
#messages {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #666;
	text-align: left;
	margin-bottom:10px;
}
#messages p{
	
	font-size:100%;
	
}

.message1{
	color: #000;
	
	font-size: 70%;
	border-top: 1px none #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px none #CCCCCC;
	border-left: 1px none #CCCCCC;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	vertical-align: top;
	
}
.message2{
	color: #000;
	font-size: 70%;
	border-top: 1px none #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #eee;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	vertical-align: top;
	
}
/* miscellaneous
------------------------------------------------------------------------------*/
.uktable {
	border: 1px none #666666;
	vertical-align: top;
	width: 50%;
}
.uklist {
	font-size: small;
	list-style-type: none;
	padding: 5px;
}
.uktablehead {
	font-weight: bold;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	width: 25%;
	font-size: small;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-left-color: #666666;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
	margin: 0px;
}
.ukcitylist {
	font-size: x-small;
	list-style-type: none;
	padding-bottom: 0px;
	vertical-align: top;
}
.ultop {
	vertical-align: top;
	padding: 2px;
	list-style-position: inside;
}

.para1 {
	margin: 0px;
	padding: 2px;
}
.para2 {
	margin: 5px 0px;
	padding: 2px;
}

.sidep {
	font-size: 80%;
}
.small{
	font-size:85%;
	
}

.whiteback {
	background-color: #FFFFFF;
}
#gaptop {
	background-color: #FFFFFF;
	padding-top: 4px;
	text-align: right;

	}

.smallstrong {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
	color: #990000;

}
.smallwarn {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
	color: #990000;
}

.noborder{
	border-bottom: 0px dashed #666

}

.criteria {
	font-size: small;
	font-weight: bold;
}
.bookmark {
	font-size: x-small;
}
.latest {
	padding: 0px;

}
#rightbar h5 {
	margin:12px 0 8px;
	font-size:80%;
	background-color:#999;
	width: 136px;
}

#guidelinks a:link{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	
}

.smallred{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #990000;
}


#strong{
font-weight: bold;
}

.top {
	vertical-align: top;
	padding: 6px;
	background-color:#FFF;
	border:#666 thin solid;
	color:#333;
	
}

.sale {
	font-weight: bold;
	color: #990000;
	text-decoration: line-through;
}

.nonpay p{
	margin-right:10px;
	padding:5px;
	border: 1px solid #000;
}

.prices {
	color: #000000;
	background-color: #999999;
	border: 1px solid #000000;
	text-align: center;

}
th{
font-size:85%;
color:#fff;
background-color:#666;
}
#adrates td{
	font-size:80%;
	text-align:center;
	border: 1px solid #000000;
}
.note{
	border: none;
	text-align:left;
}
.clearlink{
position: absolute; 
top: 0px; 
left: 30px; 
z-index:2
}

.redwarn{
	font-size:100%;
	font-weight:bold;
	color: #990000;
}


UL{
	list-style-type: square;
	font-size: 80%;
}


#reviews {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
}

.noparasmall{
font-size:70%;
}

#mark_input {
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}
#mark_input td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.guidesmall {
	font-size: 9px;
}

#passchange {
	background-color: #999999;
	border: 1px solid #333333;
	text-align: left;
	padding: 5px;

}

ol {
	font-size: 80%;
}
/*--------------------------------*gallery*------------------------------/
/* gallery-specific styles */
.gallery {
	text-align: center;    /* centers inline paragraphs */
	font-size: .7em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
/* gallery container */
.gallery a:link{
	text-decoration: none;
	color:#000;
}
.gallery a:visited{
	text-decoration: none;
	color:#000;
}
.gallery a:hover{
	text-decoration: none;
	color:#990000;
	background-color: #FFCCCC;
}
.gallery a img {
	border-width: 1px;
	vertical-align: middle;
}

/* outer container for each image/caption pair */
.gallery p {
	display: inline;
	margin:2px;
}

/* For the <a> container, the best default display value is inline-table, but browser support isn't very good. Opera versions 6 and earlier totally mangle anything except display:table-cell, so that is set by default and the preferred display values are at the end of this stylesheet, within hacks that hide them from those Opera versions. No other browsers tested seemed to have any trouble with setting the different display values within a single rule. */

/* inner container for each image/caption pair */
.gallery a {
	display: table-cell;
	margin-left: 0.4em;
	margin-right: 0.4em;
	margin-bottom: 0.5em;
	padding-top: 6px;
	vertical-align: top;
	min-width: 80px;
	width: 9em;
	border-top: 1px solid #999;
	border-right: 1px solid  #666;
	border-bottom: 1px solid  #666;
	border-left: 1px solid  #999;
	background-color: #eee;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 2px;
	text-align:center;
}


/* image container, sets height so image can be vertically centered and the caption starts in the same vertical position regardless of image height, except WinIE does not apply line-height to images. oh well, most other browsers do... */
.gallery span {
	display: block;        /* fill container width, force a line break */
	height: 128px;         /* a bit larger than highest img */
	line-height: 128px;   /* same value as height */
	text-align: center;

/*	border: 1px dashed #f00; /* uncomment to show */
}

/* caption container, sets height (for 2 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.gallery i {
	display: block;
	        /* makes each box a consistent height */
	padding-bottom:3px;
	padding-top:2px;
	text-align: center;
	font-style: normal;
	line-height: 110%;     /* standard spacing 
/*	border: 1px dashed #00f; /* uncomment to show */
}

/* Owen hack, hides from WinIE, Opera versions 6- & some KHTML */
head:first-child+body .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}

/* star-html hack to show <a> rule(s) just to IE (Win and Mac) */
* html .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}
/* image is not clickable in WinIE with display:block :( \*/
* html .gallery span {
	display: inline;
}
* html .gallery a:hover i {
	cursor: auto; /* otherwise cursor doesn't change over block <i> */
} /* end WinIE hacks */ 
.smallgallery {
	text-align: center;
	font-size: 12px;
	margin-bottom:0px;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.smallgallery a:link{
	text-decoration: none;
	color:#000;
}
.smallgallery a:visited{
	text-decoration: none;
	color:#000;
}
.smallgallery a:hover{
	text-decoration: none;
	color:#990000;
	background-color: #FFCCCC;
}
.smallgallery a img {
	border-width: 1px;
	vertical-align: middle;
}

/* outer container for each image/caption pair */
.smallgallery p {
	display: inline;
	margin:0px;
}

/* For the <a> container, the best default display value is inline-table, but browser support isn't very good. Opera versions 6 and earlier totally mangle anything except display:table-cell, so that is set by default and the preferred display values are at the end of this stylesheet, within hacks that hide them from those Opera versions. No other browsers tested seemed to have any trouble with setting the different display values within a single rule. */

/* inner container for each image/caption pair */
.smallgallery a {
	display: table-cell;
	margin-left: 0.2em;
	margin-right: 0.2em;
	margin-bottom: 0.2em;
	padding-top: 4px;
	vertical-align: top;
	min-width: 66px;
	border-top: 1px solid #999;
	border-right: 1px solid  #666;
	border-bottom: 1px solid  #666;
	border-left: 1px solid  #999;
	background-color: #eee;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	text-align:center;
}
.smallgallery span {
	display: block;        /* fill container width, force a line break */
	height: 66px;         /* a bit larger than highest img */
	line-height: 66px;   /* same value as height */
	text-align: center;

/*	border: 1px dashed #f00; /* uncomment to show */
}
.smallgallery i {
	display: block;
	       /* makes each box a consistent height */
	padding-bottom:2px;
	padding-top:2px;
	text-align: center;
	font-style: normal;
	line-height: 105%;     /* standard spacing 
/*	border: 1px dashed #00f; /* uncomment to show */
}
head:first-child+body .smallgallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}
* html .smallgallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}
* html .smallgallery span {
	display: inline;
}
* html .smallgallery a:hover i {
	cursor: auto; /* otherwise cursor doesn't change over block <i> */
} /* end WinIE hacks */
 /* end WinIE hacks */

/*-------------------------------------Escort details----------------------------------------*/
table{
table-layout:fixed;
}
#escortphoto{
	vertical-align:top;
	text-align: center;
	width: 320px;
	padding-right:10px;
	max-width:320px;	
}
#dynamicPhoto{
	padding:5px;
	background-color:#FFFFFF;
	margin:0px;
}
#escortdetails h5{
	margin:0;
	font-size:80%;
}
.phone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	border-top: 1px solid #999;
	border-right: 1px solid  #666;
	border-bottom: 1px solid  #666;
	border-left: 1px solid  #999;
	padding: 2px;
	margin: 0px;

}
.detail{
	padding-bottom:2px;
	padding-top:2px;
	margin:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	color: #000000;
}
.scrollgallery {
	text-align: center;
	font-size: .7em;
	overflow: auto;
	height: 500px;

}
.scrollgallery a:link{
	text-decoration: none;
	color:#000;
}
.scrollgallery a:visited{
	text-decoration: none;
	color:#000;
}
.scrollgallery a:hover{
	text-decoration: none;
	color:#990000;
	background-color: #FFCCCC;
}
.scrollgallery a img {
	border-width: 1px;
	vertical-align: middle;
}

/* outer container for each image/caption pair */
.scrollgallery p {
	display: inline;
	margin:0px;
}
.scrollgallery a {
	display: table-cell;
	margin-left: 0.2em;
	margin-right: 0.2em;
	margin-bottom: 0.2em;
	padding-top: 4px;
	vertical-align: top;
	min-width: 66px;
	
	border: 1px solid #999;
	background-color: #fff;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 2px;
	text-align:center;
}
.scrollgallery span {
	display: block;        /* fill container width, force a line break */
	height: 66px;         /* a bit larger than highest img */
	line-height: 66px;   /* same value as height */
	text-align: center;

/*	border: 1px dashed #f00; /* uncomment to show */
}
.scrollgallery i {
	display: block;
	font-size:9px; 
	        /* makes each box a consistent height */
	padding-bottom:2px;
	padding-top:0px;
	text-align: center;
	font-style: normal;
	line-height: 105%;
	color:#333333;     /* standard spacing 
/*	border: 1px dashed #00f; /* uncomment to show */
}

/* Owen hack, hides from WinIE, Opera versions 6- & some KHTML */
head:first-child+body .scrollgallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}

/* star-html hack to show <a> rule(s) just to IE (Win and Mac) */
* html .scrollgallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}
/* image is not clickable in WinIE with display:block :( \*/
* html .scrollgallery span {
	display: inline;
}
* html .scrollgallery a:hover i {
	cursor: auto; /* otherwise cursor doesn't change over block <i> */
}
#scroll {
	margin:-1px 14px;
	 /*required settings*/
	position:relative;
	overflow:hidden;
	width: 80px;
}

/* root element for scrollable items */
#scroll .items {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}
items div {
	float:left;
}
#scroll .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


a.browse {
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}
/* up and down */
a.up, a.down		{ 
	background:url(images/vert_large.png) no-repeat; 
	float: right;
	 
}
a.up{
	margin: 70px 10px;
}
a.down{
	margin: -90px 10px;
}
/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; clear:left;}
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-30px -30px; } 

.hide_nojs{
display:none;	
}
#twitbox{
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #666;
	text-align: left;
	margin-bottom:10px;
	clear:both;
	
}
#twitbox .post{
	background-color:#FBFBFB;
	border-color:#CCCCCC;
	border-style:dotted;
	border-width:1px 0;
	padding:4px;
	font-size:70%;
}
.twitted {
	margin-bottom: 1.5em;
	border: 1px solid #999;
	background-color:#fff;
	font-size:90%;
}

.twitted h2 {
	margin: 0;
	padding: 0.3em 0.8em;
	font-size: 1em;
	color: #fff;
	background-color: #888;
}

.twitted p.preLoader {
	
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("http://www.girl-directory.com/images/loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0 0.8em;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #ccc;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #00f;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #f00;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #999;
}
/*-------------------------------calendar------------------------------------------*/
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 2px 5px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(images/calendar.gif) no-repeat; 
	clear:right;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -15px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}
/********************end calendar***************************/