@import url("adminstyles.css");


/* =universals 
These rules are applied to all elements unless otherwise specified below. */
* { margin : 0px; padding : 0px; }
h2, h3, h4, h5, p, ul, ol  { margin : 0 20px; padding : .5em 0; }

/* =body */
body { background : #000000; }

/* =hx */
h1, h2, h3 { font-weight : bold; text-transform : uppercase; }


/* general text styles */

div#content h2 {
font-size:16px;
color:#ca3737;
margin-bottom: 0px !important;
padding-bottom: 0px !important;}

div#content h3 {font-weight:bold;
font-size:14px;
color:#ca3737;
margin-bottom: 0px !important;
padding-bottom: 0px !important;}

div#content h4 {
font-weight:normal;
font-size:12px;
font-style:italic;
text-decoration:underline;
margin-bottom: 0px !important;
padding-bottom: 0px !important;}

.generalbold {
font-weight:bold;
}

.middlealign {
text-align:center;}

.generalhighlight { color:#ca3737; }


html,body { height: 100%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#f7f7f7; font-size:small; }

/* =code */
code, pre {  font : 80% monaco, courier, monospace; font-weight : normal; color : #f7f7f7; }
pre {  padding-left : 20px; font-size : 80%; }


/* =img */
img, img a { border : none }
abbr, acronym { text-decoration : none; border : none; }

p { line-height: 1.3em; }

/* =a */
a:link { color : #f7f7f7;  }
a:visited { color : #f7f7f7;  }
a:hover { text-decoration : underline; }
a:active, a:focus { color : #ccc;  }

/* a:focus { outline: none; }  removing dotted lines for Firefox, only for mouse navigation, however, it doesnt seem to work, so try applying overflow: hidden to the FIR elements in question */

*a{position:relative;}   /*  hack for replacePngTags.php, that links are not clickable that have png as bg */
*input{position:relative;} /*  hack for replacePngTags.php, that links are not clickable that have png as bg */
*textarea{position:relative;} /*  hack for replacePngTags.php, that links are not clickable that have png as bg */

.importanttext {
color:#F70F02;}

/* General Form Style */
input { height: 100%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px;
	border: 2px solid #2b2b2b;
	height: 17px;
	background-color:#f6f6f6; }
form {margin: 10px;}
form ol{ list-style-type: none;}
form ul{ list-style-type: none;}
form legend { color : #f7f7f7; font-size:12px; font-weight:bold; margin:5px; padding-left:5px; padding-right:10px;}
form textarea { 
background-color:#f6f6f6;
height: 70px;
border: 2px solid #313131;
width: 400px;	
font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px
}



div#content form ol li {
	border: #333333;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	width:96%;
	margin-left: 2%;
	margin-right: 2%;
 }


div#content form fieldset ol {
padding: 0;
  }

div#content form fieldset li {
padding: 5px;
margin: 0;
}

div#content form label {
display: -moz-inline-box; /* Fixes Firefox */
display: inline-block;
line-height: 1.8;
vertical-align: top;
}

div#content form fieldset label {
  width: 145px; 
}

.shortrows {
width:auto !important;
}

form#voteForm {margin: 0px;}

.prosubmit {
width:70px;
height:20px;
border:none;}

/* General data display */

div#content dl { display:block;
background-color:#333333;
	border: 2px solid #2b2b2b;
	padding:10px;
	margin-top: 10px;
	margin-bottom:10px;
}

dd, dt {
display:inline;}

dt {
font-weight:bold;}



/* layout */
div#container { 
position: relative; 
width: 960px;
margin: 0 auto;
padding-top: 0px;
text-align: left;
background-image: url(../images/cb_bg.jpg);
background-repeat: no-repeat;
background-position: 0px 142px;
}



/* Header */
div#branding { 

z-index: 1; 
position: relative; 
clear: both; 
background : url(../images/site_header.jpg) no-repeat;
width: 960px; 
height : 165px;
}

#branding ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#branding li {
	display: inline;
}

#branding li a {
	color: #ffffff;
	text-decoration: none;
	padding: 4px;
	float: left;
	height: 21px;
	margin-top: 37px;
	margin-left: 40px;
}

#branding a:hover {
text-decoration:underline;
}


#flashnav {
position:absolute;
top: 129px;
left: 10px;
width: 940px;
}




/* Header FIR */
#branding h1 { position : absolute; left : 39px; top : 11px; width: 536px; height : 85px; background : url(../images/cb_logo.jpg) no-repeat;
text-indent : -9999px; }
#branding h1 a {display : block; width: 481px; height : 81px; overflow: hidden;}

#branding h2 {
padding:0px  !important;
margin:0px  !important;
position:absolute;
top: 100px;
left: 10px;
text-indent: -100em;
overflow: hidden;
height : 25px;
width: 940px;
background-image: url(../images/tagline.jpg);
background-repeat: no-repeat;
}


/* Header End */



div#content {  
background : url(../images/rep.gif) repeat-y;
width: 100%;
overflow : hidden; 
clear:both;
}



div#content h1 { margin : 0 20px; padding : .5em 0; font-size:larger;}

/* Main Content */

div#content_main { 
float : right; 
width : 720px; 
margin-right: 25px; 
margin-top:10px; 
	display: inline;  /* fix for IE6*/

 }


/* Gallery */

#gallery {
margin:auto;
}

#gallery ul li {
display: inline;

} 

#gallery img {
border: 1px solid #FFFFFF;

} 

div.galleryimage {
	display:inline;
	width:122px;
	padding-left: 11px;
	margin-top: 5px;
	margin-bottom: 5px;
	float:left;


}

div.galleryimage p {
	font-size:smaller;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	padding: 0px;
	margin : 0px; 

}

/* Gallery End*/
/* Main Content End */



/* Menu */

div#content_sub { display : inline; float : left; width : 160px;  overflow : hidden; margin-top:10px; margin-left: 20px; height:429px;}


div#content_sub ul {
	margin:1px;
	padding: 0px;
	list-style-type: none;
}
div#content_sub li {
	display: inline;
}

/* 
div#content_sub a {
text-align:center; 
color:#ca3737 !important;
margin: 10px !important;
margin-left:5px !important;
margin-right:5px !important; 
}






div#content_sub li a {
	color: #f7f7f7;
	text-decoration: none;
	padding: 3px;
	float: left;
	height: 10px;
	margin-top: 10px;
	margin-left: 3px;
}

*/

/* Menu end */



/* Footer*/

	/* Login Form */
div#site_info { 
position : relative; width : 960px; height : 170px;   
background : url(../images/site_footer.gif) no-repeat;
font-size:9px;

}

div#site_info a:hover { text-decoration : underline; }

div#site_info form { display:block; float:right;        }

div#site_info label { display:block;      }

div#site_info form p {
	display: inline;
}
	/* Login Form End */



div#tncs  {
position: absolute;
display:block;
width: 560px;
float:left;
left: 100px;
top: 65px;
}


div#tncs ul {
list-style-type: none;
}

div#tncs li a {
	color: #f7f7f7;
	text-decoration: none;
	padding: 4px;
	float: left;
	height: 21px;
	margin-top: 15px;
	margin-left: 40px;
}

div#tncs li {
	display: inline;
}
		 		 


	/* Logged in state */

div#loggedin  { 
	position:relative;
	width: 422px;
	display:block;
	float:right;
	top: 15px;
	background : url(../images/footer_menu.gif) no-repeat;
	background-position: 1px 0px;
}

div#loggedin ul{
	margin-left: 95px;
	list-style-type: none;
	display:block;
	clear:both;
}


div#loggedin ul a {
	color: #f7f7f7;
	text-decoration: none;
}


/* Footer FIR*/	 
div#loggedout {
	position:absolute;
	width: 125px;
	height: 25px;
	top: 49px;
	left: 825px;

}

div#loggedout a { 
	display : block;
	width: 125px;
	height : 25px;
	text-indent : -9999px; 
	overflow: hidden;
	background: url(../images/logout.jpg) no-repeat;
}


/* Header FIR 
#branding h1 { position : absolute; left : 15px; top : 14px; width: 481px; height : 81px; background : url(../images/cb_logo.jpg) no-repeat;
text-indent : -9999px; }
#branding h1 a {display : block; width: 481px; height : 81px; overflow: hidden;}
 Header FIR End */

/* Footer FIR End*/	 



div#loggedin li {
	display:inline;
	color: #f7f7f7;
	text-decoration: none;
	padding: 4px;
	height: 21px;
	margin: 15px;

}

	/* Logged in state - End */
	
	
	/* Logged out state - start */
	
form#form1 {margin: 0px;}
	
div#site_info input {
	border: 2px solid #313131;
	height: 17px;
}


div#site_info ol  {
position:relative;
top: 15px;
width: 255px;

}

div#site_info ol li {
	list-style-type: none;
	display:block;
	color: #f7f7f7;
	text-decoration: none;
	padding: 3px;
	height: 21px;
}


div#site_info label {
	display:inline;

}


.passfield {
position:relative;
left: 8px;
 
}

.loginimage {
	border: 0px !important;
	height: 25px !important; 
}

div#tologin { 
position: absolute;
top: 50px;
right: 10px;
}


	/* Logged out state - End */	 
	 
/* Footer End*/	 
	 
/* Page specific CSS*/	

body.aboutus #aaboutus,
body.males #amales,
body.advice #aadvice,
body.terms #aterms,
body.privacy #aprivacy,
body.becomeamodel #abecomeamodel,
body.contactus #acontactus,
body.jobsboard #ajobsboard,
body.postjobs #apostjobs,
body.clients #aclients,
body.hotnews #ahotnews,
body.females #afemales
{
text-decoration : underline;
}

/*
body.aboutus #content{
background: url(../images/testbg.jpg) no-repeat right top;
}
*/

/* page specific header graphics*/	



body.advice h1 {
padding:0px  !important;
margin:0px  !important;
margin-bottom: 30px !important;
position:relative;
top: 18px;
left: 11px;
text-indent: -100em;
overflow: hidden;
height : 31px;
width: 534px;
background-image: url(../images/model-advice.jpg);
background-repeat: no-repeat;
}


body.aboutus h1 {
padding:0px  !important;
margin:0px  !important;
margin-bottom: 30px !important;
position:relative;
top: 18px;
left: 11px;
text-indent: -100em;
overflow: hidden;
height : 31px;
width: 534px;
background-image: url(../images/about-dynamic-models.jpg);
background-repeat: no-repeat;
}


body.terms h1 {
padding:0px  !important;
margin:0px  !important;
margin-bottom: 30px !important;
position:relative;
top: 18px;
left: 11px;
text-indent: -100em;
overflow: hidden;
height : 31px;
width: 534px;
background-image: url(../images/terms-and-conditions.jpg);
background-repeat: no-repeat;
}


body.privacy h1 {
padding:0px  !important;
margin:0px  !important;
margin-bottom: 30px !important;
position:relative;
top: 18px;
left: 11px;
text-indent: -100em;
overflow: hidden;
height : 31px;
width: 534px;
background-image: url(../images/privacy-policy.jpg);
background-repeat: no-repeat;
}


body.becomeamodel h1 {
padding:0px  !important;
margin:0px  !important;
margin-bottom: 30px !important;
position:relative;
top: 18px;
left: 11px;
text-indent: -100em;
overflow: hidden;
height : 31px;
width: 534px;
background-image: url(../images/become-a-model.jpg);
background-repeat: no-repeat;
}


body.contactus h1 {
padding:0px  !important;
margin:0px  !important;
margin-bottom: 30px !important;
position:relative;
top: 18px;
left: 11px;
text-indent: -100em;
overflow: hidden;
height : 31px;
width: 534px;
background-image: url(../images/contact-dynamic-models.jpg);
background-repeat: no-repeat;
}


body.jobsboard h1 {
padding:0px  !important;
margin:0px  !important;
margin-bottom: 30px !important;
position:relative;
top: 18px;
left: 11px;
text-indent: -100em;
overflow: hidden;
height : 31px;
width: 534px;
background-image: url(../images/testimonials.jpg);
background-repeat: no-repeat;
}


body.postjobs h1 {
padding:0px  !important;
margin:0px  !important;
margin-bottom: 30px !important;
position:relative;
top: 18px;
left: 11px;
text-indent: -100em;
overflow: hidden;
height : 31px;
width: 534px;
background-image: url(../images/post-model-jobs.jpg);
background-repeat: no-repeat;
}


body.celebrity h1 {
padding:0px  !important;
margin:0px  !important;
margin-bottom: 30px !important;
position:relative;
top: 18px;
left: 11px;
text-indent: -100em;
overflow: hidden;
height : 31px;
width: 534px;
background-image: url(../images/celebrity-members.jpg);
background-repeat: no-repeat;
}


body.hotnews h1 {
padding:0px  !important;
margin:0px  !important;
margin-bottom: 30px !important;
position:relative;
top: 18px;
left: 11px;
text-indent: -100em;
overflow: hidden;
height : 31px;
width: 534px;
background-image: url(../images/hotnews.jpg);
background-repeat: no-repeat;
}


.inlineimage img {
display:block !important;
position:relative;
top:330px !important;
left:100px !important;
} 


body.clients h1 {
padding:0px  !important;
margin:0px  !important;
margin-bottom: 30px !important;
position:relative;
top: 18px;
left: 11px;
text-indent: -100em;
overflow: hidden;
height : 31px;
width: 534px;
background-image: url(../images/clients.jpg);
background-repeat: no-repeat;
}











/* Page specific end*/	



/* Signup Form*/	
div#headshots {
display:inline;
float:left;
width:400px;}

div#bodyshot  {
display:inline;
float:left;
width:400px;}

.register_statistics {display:inline;
float:left;
width: 403px;
height: 300px;
margin-left: 20px;}

.register_contact {display:inline;
float:left;
width: 463px;
height: 300px;
}
.register_cover { clear:both; }

.register_description { 
margin-left: 130px;
margin-bottom: 10px;
width: 600px;
}

div#content form fieldset#register_beforesubmit ol li { display:inline}
div#content form fieldset#register_beforesubmit ol li { 	
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

div#content form fieldset#register_beforesubmit ol  { 	
	border: #333333;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	width:96%;
	height: 26px;
	margin-left: 2%;
	margin-right: 2%;
	padding-top: 5px;
}

.fieldsbutton {
position:relative;
left: 310px;
width:75px;
height:23px;
}

div#content form fieldset label.registersubmit {   width: 335px; }


/* Job details page*/	
form#apply div {
	display:block;
	background-color:#3C3C3C;
	border: #d0d0bf;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

form#apply div#jobapplicants {
	border: #d0d0bf;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}	
	
div#textcontent form#apply dt {background-color:#000000; margin-right: 5px; padding-right: 10px; padding-left:5px;
	border: #d0d0bf;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
 }

form#apply dd { margin-right: 50px;   clear:right;}

/* Models Advice*/	

body.advice ol {
padding-left:60px;
padding-bottom: 25px;
}

body.advice li {
padding-top: 15px;
padding-bottom: 5px;
}

.listheaders {
font-size:12px;
font-weight:bold;
color:#ca3737;}




/* About us*/	
body.aboutus ol {
padding-left:60px;
padding-bottom: 25px;
}

body.aboutus li {
padding-top: 15px;
padding-bottom: 5px;
}

body.aboutus p {
margin-bottom: 25px;}

/* Terms*/	
body.terms ul {
padding-left:40px;}

body.terms ul ul {
padding-left:20px;}

body.terms li {
padding-top: 5px;
padding-bottom: 5px;
}

/* Privacy*/	

body.privacy ul {
padding-left:40px;
padding-bottom: 30px !important;}

body.privacy li {
padding-top: 5px;
padding-bottom: 5px;
}

body.privacy h3 {
margin-top: 25px;
}
/* Default page*/

div#defaultflash {
position:relative;
left: 24px;
top: 5px;}



/* Model Stats page style*/

div#modelmain h2 {
padding:0px  !important;
margin:0px  !important;
padding-top:18px  !important;
position:relative;
text-align:center;
font-size:20px;
width: 914px;
height : 59px;
background-image: url(../images/name_bgheader.jpg);
background-repeat: no-repeat;
}


div#gallerytop {
display:block;
position:relative;
padding:0px  !important;
margin:0px  !important;
margin-top: 20ppx !important;
width: 914px;
height : 36px;
background-image: url(../images/gallery_top.jpg);
background-repeat: no-repeat;
}


div#gallerybottom {
display:block;
position:relative;
padding:0px  !important;
margin:0px  !important;
margin-bottom: 20ppx !important;
width: 914px;
height : 36px;
background-image: url(../images/gallery_bottom.jpg);
background-repeat: no-repeat;
}

div#modelimages {
display:block;
position:relative;
margin:0px  !important;
width: 914px;
background-image: url(../images/gallery_rep.jpg);
background-repeat: repeat-y;
}

div#modelstatspage h3 {
padding:0px  !important;
margin:0px  !important;
padding-top:10px  !important;
margin-top: 35px !important;
margin-bottom: 0px !important;
position:relative;
text-indent: 15px;
width: 914px;
height : 28px;
background-image: url(../images/subtitle_bgheader.jpg);
background-repeat: no-repeat;
}

div#modelstatspage p {
	background-color:#1a1a1a;
	border: 1px solid #2b2b2b;
	padding:10px;
	margin:0px !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
	margin-bottom:10px !important;
}

div#modelstatspage dt {
color:#ca3737;
}

div#bookthismodel {
	background-color:#1a1a1a;
	border: 1px solid #2b2b2b;
	margin-top: 25px;
	color:#ca3737;
}

div#bookthismodel img { display: block ;
position:relative;
left: 370px;
}


div#content dl { 
	display:block;
	background-color:#1a1a1a;
	border: 1px solid #2b2b2b;
	padding:10px;
	margin-top: 0px;
	margin-left: 5px;

/*	margin-right: 5px;
	margin-bottom:10px; */
}

div#modelgeneral {
width: 896px;
height: 160px;
margin-left:10px;
margin-right:10px;
}

/* model location experience */
div#modelgeneralleft {
	display: inline;
}
div#modelgeneralright {
	display: inline;
} 

div#modelgeneralright dl {
float:left; 
width:413px;
height: 130px;
}

div#modelgeneralleft dl {
float:left; 
width:413px;
height: 130px;
margin-right: 10px;
}



/* model vital stats*/

div#model_vital_statistics {
height: 255px;
width: 896px;
margin-left:10px;
margin-right:10px;
}

div#statisticsleft  {
	display: inline;
}
div#statisticsright  {
	display: inline;
} 

div#statisticsleft dl {
float:left; 
width:413px;
height: 230px;
margin-right: 10px;
}
div#statisticsright dl {
float:left; 
width:413px;
height: 230px;
}



.datadisplay {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: #333333;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	}





/* Model stats Gallery */
div#modelimages ul li {
display: inline;
} 

div#modelimages img {
border: 1px solid #FFFFFF;
} 

.statsgallery {
display:inline;

	width:122px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}



/* celebs*/

div.celebbg {
padding:0px  !important;
margin:0px;
padding-top:10px  !important;
margin-left: 10px !important;
margin-bottom: 25px !important;
position:relative;
width: 900px;
height : 400px;
background-image: url(../images/hotnews-bg.jpg);
background-repeat: no-repeat;

}


div.celebbg img {
border: 1px solid #FFFFFF;
position:absolute;
top: 32px;
left: 12px;
} 

div.celebbg h3 {
display:block;
margin-left:30px;
margin-top:35px;
} 

div.celebbg p {
display:block;
margin-left:30px;
margin-top:15px;
}

div.celebbg hr {
	position:absolute;
	top: 352px;
	left: 30px;
}

/* celebs right */
div.celebbg-right {
padding:0px  !important;
margin:0px;
padding-top:10px  !important;
margin-left: 10px !important;
margin-bottom: 25px !important;
position:relative;
width: 900px;
height : 400px;
background-image: url(../images/celeb-bg-right.jpg);
background-repeat: no-repeat;
}

div.hotnewsspacer {
padding:0px  !important;
margin:0px;
padding-top:10px  !important;
margin-left: 10px !important;
margin-bottom: 25px !important;
position:relative;
width: 900px;
height : 400px;
background-repeat: no-repeat;
}

div.celebbg-right img {
border: 1px solid #FFFFFF;
position:absolute;
top: 32px;
left: 674px;
} 

div.celebbg-right h3 {
display:block;
width: 595px;
margin-left:45px;
margin-top:35px;
} 

div.celebbg-right p {
display:block;
width: 595px;
margin-left:45px;
margin-top:15px;
}

div.celebbg-right hr {
position:absolute;
top: 352px;
left: 45px;
}

/* Contact page */

div#contactpage dt {
color:#ca3737;
}

div#contactpage dl {
float:left; 
width:413px;
height: 230px;
}

div#contactpage  {
	background-color:#1a1a1a;
	border: 1px solid #2b2b2b;
	padding:10px;
	margin:0px !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
	margin-bottom:20px !important;
	margin-top:20px !important;
}



/* Become a model0 page style */

div#becomeamodelstyle h3 {
padding:0px  !important;
margin:0px  !important;
padding-top:10px  !important;
margin-top: 35px !important;
margin-bottom: 0px !important;
position:relative;
text-align:center;
width: 914px;
height : 28px;
background-image: url(../images/subtitle_bgheader.jpg);
background-repeat: no-repeat;
}

div#becomeamodelstyle p  {
	background-color:#1a1a1a;
	border: 1px solid #2b2b2b;
	padding:10px;
	margin:0px !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
	margin-bottom:40px !important;
}


.becomeamodelstylehighlight {
font-size:12px;
font-weight:bold;
color:#ca3737;}

.italic {
font-style:italic;}


div#becomeoptions ul {
	margin: 0px;
	margin-left: 170px;
	padding: 0px;
	list-style-type: none;
}

div#becomeoptions li {

	display:inline !important;
	padding-right: 20px;

}


/* testimonials page style */

div#leftalign {
text-align:left;

}

div#rightalign {
text-align:right

}

body.jobsboard hr {
color:#1A1A1A;
width:90%;
margin:auto;
}