/* CSS Document */

body 
{
	font-family:Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:12px;
	color:#888888;
	margin:0px;
}

.content 
{
	clear:both;
}

embed 
{
	position:relative;
}

.message 
{
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight: bold;
	color:#990000;
}
	
#container 
{
	text-align:left;
	margin:auto;
	width:760px;
}

#container table 
{
	margin:0px;
	padding:0px;
}

.roundedcornertl 
{
	position:absolute;
	top:0px;
	*top:-6px;
	left: 0px;
	height:6px;
	width:6px;
}

.roundedcornerbl 
{
	position:absolute;
	bottom:0px;
	*bottom:-3px;
	left: 0px;
	height:6px;
	width:6px;
}

.roundedcornerbr 
{
	position:absolute;
	bottom:0px;
	*bottom:-3px;
	right: 0px;
	height:6px;
	width:6px;
}

.roundedcornertr {
	position:absolute;
	top:0px;
	*top:-6px;
	right: 0px;
	height:6px;
	width:6px;
}


		.options 
		{
			float:right;
			text-align:right;
			font-weight:bold;
			color:#666666;
		}
		
.superscript
{
	position: relative;
	font-size:9px;
	height:10px;
	left: -12px;
	color: #DDD;
}

.options td 
{
	padding:3px 8px 1px 8px;
}

.options a:link 
{
	text-decoration:none;
	color:#56749E;
}

.options a:visited 
{
	text-decoration:none;
	color:#56749E;
}

.options a:hover 
{
	text-decoration:none;
	color:#666666;
}

.right 
{
	float:right;
	margin-right:-10px;
}

.left 
{
	float:left;
	margin-left:-10px;
}


/*  -------  Navigational colored/darkened bar  -------  */



		.navbar 
		{
			/*background: url(background.gif);*/
			font-size:12px;
			width:100%;
			position:relative;
			padding:0px;
			text-align:left;
			font-weight:bold;
		}

.navbar td 
{
	color: #666666;
	padding:0px 8px;
	text-align:left;
	font-weight:bold;
}

.navbar td  .pipe 
{
	color: #666666;
	font-size:12px;
	font-weight:normal;
}


		.navbar td a:link 
		{
			text-decoration:none;
			color:#56749E;
		}



		.navbar td a:visited 
		{
			text-decoration:none;
			color:#56749E;
		}



		.navbar td a:hover 
		{
			text-decoration:none;
			color: #666666
		}

.navbar table 
{
	margin:0px 0px;
}

#alrtnum 
{
	display:inline;
	font-style:italic;
	font-size:10px;
}


/*  -------  Navigation below navigational colored/darkened bar  -------  */	



		.subnavleft
		{
			margin:0px 9px 20px 9px;
			*margin:0px 5px 20px 5px;
			font-size:12px;
			position:relative;
			float:left;
			text-align:left;
			display:block;
			font-weight:bold;
			color:#666666;
		}
		
		.subnavright
		{
			margin:0px 9px 20px 9px;
			*margin:0px 5px 20px 5px;
			font-size:12px;
			position:relative;
			float:right;
			text-align:right;
			display:block;
			font-weight:bold;
			color:#666666;
		}

.subnavleft td 
{
	color: #666666;
	text-align:left;
	font-weight:bold;
	padding:2px 8px 0px 8px;
}

.subnavright td 
{
	color: #666666;
	text-align:right;
	font-weight:bold;
	padding:2px 8px 0px 8px;
}


		.subnavleft  a:link 
		{
			text-decoration:none;
			color:#56749E;
		}

		.subnavleft  a:visited 
		{
			text-decoration:none;
			color:#56749E;
		}

		.subnavleft a:hover 
		{
			text-decoration:none;
			color: #666666
		}
		
		.subnavright  a:link 
		{
			text-decoration:none;
			color:#56749E;
		}

		.subnavright  a:visited 
		{
			text-decoration:none;
			color:#56749E;
		}

		.subnavright a:hover 
		{
			text-decoration:none;
			color: #666666
		}




/*  -------  Welcome Page  -------  */

#welcomepage 
{
	width:760px;
	height:258px;
	overflow:hidden;
	border:0px;
	margin:0px;
	padding:0px;
	color:#888888;
	clear:both;
}

#photo 
{
	position:relative;
	border:0px;
	margin:0px 0px 0px 0px;
	*margin:0px;
	padding:0px;
	
	overflow:hidden;
}


#photo_inside img 
{
	border:0px;
	margin:0px;
	padding:0px;
}

#heading 
{
	border-width:0px 0px 1px 0px;
	border-bottom-style:solid;
	border-color: #c4c4c4;
	margin:0px;
	padding:0px;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	width:100%;
}

#heading #date 
{
	position:relative;
	display:inline;
	*display:inline-block;
	border:0px;
	padding:0px;
	font-size:12px;
	font-weight:normal;
	line-height:12px;
	height:17px;
	margin:0px 0px 0px 5px;
}

#text 
{
	display:block;
	*display:inline-block; 
	border-width:0px 0px 1px 0px; 
	border-style:solid;
	border-color:#c4c4c4;  
	overflow:hidden;
	margin-left:5px;
}

#rightcol 
{
	position:relative;   
	border:0px;
	margin:0px;
	padding:0px 0px 0px 0px;
	width:147px;
	*width:142px;
}

#rightcol .title 
{
	display:block;
	font-size:16px; 
	padding:10px 0px 0px 0px;
	line-height:16px;
	position:relative;
	text-align:center;
	font-weight:bold;
}

#quicktip
{
	height:178px;
	overflow:hidden;
	margin:6px 10px;
	text-align:center;
	font-size:11px;
	font-style:oblique;
}

#other 
{
	position:relative; 
	display:block; 
	border:0px;
	margin:0px; 
	padding:0px;
}

#leftcol 
{
	position:relative; 
	display:block; 
	border:0px; 
	margin:0px; 
	padding:0px;
}

#messages 
{
	position:relative; 
	display:block; 
	border:0px; 
	margin:0px; 
	padding:0px 0px; 
	font-size:12px;
}

#messages ul 
{
	position:relative; 
	display:block;
	border:0px;
	margin:0px;
	padding:5px 5px 5px 5px; 
	list-style:none; 
}

#messages li 
{
	position:relative; 
	display:block;
	border:0px; 
	margin:0px 0px;
	padding:0px; 
	list-style:none;
}

.first 
{
}

.second 
{
	color: #56749E;
}
.third 
{
	color: #FF0000;
}



#intro 
{ 
	position:absolute;
	bottom:5px; 
	left:5px; 
	padding:0px 0px; 
	margin:0px 0px 15px 0px;
}

a:link
{
	text-decoration:none;
	color:#56749E;
}

a:visited
{
	text-decoration:none;
	color:#56749E;
}

a:hover
{
	text-decoration:underline;
	color:#666666;
}

		#photoarrowleft 
		{
			position:absolute;
			bottom:3px;
			left:5px;
			border:0px;
			margin:0px;
			padding:0px;
		}
		
		#photoarrowright 
		{
			position:absolute;
			bottom:3px;
			right:5px;
			border:0px;
			margin:0px;
			padding:0px;
		}
		
		#photoinside
		{
			margin:0px;
			border:0px;
			padding:0px;
			overflow:hidden;
			position:relative;
			}



/*  -------  Casting Billboard -------  */

#DirectCastMainDiv {clear:both}

#DirectCastMainDiv .listing a:link
{color:#56749E;font-weight:bold}
#DirectCastMainDiv .listing a:visited
{color:#56749E;font-weight:bold}
#DirectCastMainDiv .listing a:hover
{color:#56749E;font-weight:bold}

#DirectCastMainDiv .notsubmissable a:link
{color:#999999;font-weight:bold}
#DirectCastMainDiv .notsubmissable a:visited
{color:#999999;font-weight:bold}
#DirectCastMainDiv .notsubmissable a:hover
{color:#999999;font-weight:bold}

#DirectCastMainDiv .tdNotSubmissable
{color:#999999;}

#DirectCastMainDiv .tdListing
{color:black;}

#DirectCastMainDiv .tdResultColumn a:link
{color:#56749E}
#DirectCastMainDiv .tdResultColumn a:visited
{color:#56749E}
#DirectCastMainDiv .tdResultColumn a:hover
{color:#56749E}
.DCCheckOptions a:link
{color:#fff}
.DCCheckOptions a:visited
{color:#fff}
.DCCheckOptions a:hover
{color:#fff}

.searchField 
{
	height: 20px;
}
.regionsFilters td 
{
    background-color: Transparent;
}

#DirectCastMainDiv select 
{
    width: 150px;
}

#container #DirectCastMainDiv h2 {
    font-size: 22px;
    line-height: 22px;
    color: #0738ff;
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    padding: 0 0 3px;
    border-bottom: 1px dotted #97969c;
}

#container #DirectCastMainDiv h3 {
    color: #97969c;
    display: block;
    line-height: 28px;
    font-size: 16px;
    float: left;
    margin: 0;
    padding: 0;   
}
#container #DirectCastMainDiv a.advancedFilters {
    display: block;
    width: 100px;
    clear: both;
}

a.regionsHelp 
{
    display: block;
    width: 15px;
    height: 0;
    padding-top: 16px;
    margin-left: 5px;
    background: transparent url(/Images/questionMarkIcon.gif) 0 1px no-repeat;
    overflow: hidden;
}
.DCCheckOptions td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #fff;
	background-color: #95979F;
	padding: 3px 10px;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

.ResultButton 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #fff;
}

.tdResultColumn 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #0033FF;
	background-color: #D4D6D8;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}


.ResultColumn 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #0033FF;
}



.listing 
{
	vertical-align: top;
}

.sectionhead 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}

.dotbottom 
{
	background-attachment: scroll;
	background-image: url(img/hdot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
	
label 
{
	cursor: pointer;
}

.ulempty 
{
	list-style-type: none;
}

.ulsub 
{
	list-style-type: circle;
}

.txtfield 
{
	border: 1px inset #D3DBEB;
	background-color: #F5F8FB;
}

.horizDivider 
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.addImage
{
	width: 14px;
	height: 13px;
	margin: 0px 2px 0px 2px;
	background: url(Images/add2.png);
	*background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Nagel/Images/add2.png', sizingMethod='image');
}

.saveImage
{
	width: 14px;
	height: 13px;
	margin: 0px 2px 0px 2px;
	background: url(Images/save.png);
	*background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Nagel/Images/save.png', sizingMethod='image');
}

.cancelImage
{
	width: 14px;
	height: 13px;
	margin: 0px 2px 0px 2px;
	background: url(Images/undo.png);
	*background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Nagel/Images/undo.png', sizingMethod='image');
}

.deleteImage
{
	width: 14px;
	height: 13px;
	margin: 0px 2px 0px 2px;
	background: url(Images/remove2.png);
	*background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Nagel/Images/remove2.png', sizingMethod='image');
}

.editImage
{
	width: 14px;
	height: 13px;
	margin: 0px 2px 0px 2px;
	background: url(Images/edit.png);
	*background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Nagel/Images/edit.png', sizingMethod='image');
}

.attachImage
{
	width: 14px;
	height: 13px;
	margin: 0px 2px 0px 2px;
	background: url(Images/attach3.png);
	*background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Nagel/Images/attach3.png', sizingMethod='image');
}

.helpImage
{
	width: 14px;
	height: 13px;
	margin: 0px 2px 0px 2px;
	background: url(Images/help.png);
	*background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Nagel/Images/help.png', sizingMethod='image');
}

.arrowupImage
{
	width: 10px;
	height: 8px;
	margin: 2px 2px 2px 2px;
	background: url(Images/arrowup.png);
	*background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Nagel/Images/arrowup.png', sizingMethod='image');
}

.arrowupdisImage
{
	width: 10px;
	height: 8px;
	margin: 2px 2px 2px 2px;
	cursor: default;
	background: url(Images/arrowup_dis.png);
	*background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Nagel/Images/arrowup_dis.png', sizingMethod='image');
}

.arrowdownImage
{
	width: 10px;
	height: 8px;
	margin: 2px 2px 2px 2px;
	background: url(Images/arrowdown.png);
	*background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Nagel/Images/arrowdown.png', sizingMethod='image');
}

.arrowdowndisImage
{
	width: 10px;
	height: 8px;
	margin: 2px 2px 2px 2px;
	cursor: default;
	background: url(Images/arrowdown_dis.png);
	*background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../App_Themes/Nagel/Images/arrowdown_dis.png', sizingMethod='image');
}

.RoundedHeadingLeft
{
	background-image: url(Images/rounded_heading_left.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 5px;
}

.RoundedHeadingRight
{
	background-image: url(Images/rounded_heading_right.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0px 5px 0px 0px;
}

.ResumeHeading
{
	text-align: left;
	height: 27px;
	*height: 25px;
}

.ResumeHeading TH, .ResumeHeading TD
{
	border-bottom: solid 5px #FFFFFF;
}



/*  -------  Cancel -------  */


#container h2 {
	border-bottom:1px solid #E1E1E1;
	color:#788EB3;
	font-size:16px;
}

#container p {
	text-align:left;
	margin:10px 0px 5px 0px;
	padding:0px 10px 0px 10px;
	line-height:14px;
}

#container .italic {
	font-style:italic;
}

#container .largespace {
	margin:10px 0px 30px 0px;
}

#container .indent {
	margin-left:10px;
}

#container table.infotable {
	width: 740px;
	padding: 0px;
	margin-left:10px;
	border: 1px solid #e1e1e1;
	border-collapse:collapse;
	margin-bottom:15px;
}

#container table.infotable tr.top {
	background-color:#f8f8f8;
}

#container table.infotable td {
	padding: 7px 5px 5px 10px;
	text-align:left;
	border: 1px solid #e1e1e1;
	border-collapse:collapse;
}

#container input.email {
	display: inline;
	width:280px;
	height:20px;
	border:solid 1px #e1e1e1;
	background: #ffffff;
	margin: 2px 0 10px 10px;
}

#container textarea {
	display: inline;
	width:540px;
	height:140px;
	border:solid 1px #e1e1e1;
	background: #ffffff;
	margin: 2px 0 15px 10px;
	overflow:auto;
}

#container label {
	margin: 10px 0 0px 20px;
	display:block;
}

#container table.DCAdvFilter label
{display: inline; margin: 0px 0px 0px 8px;}

.bold {
	font-weight:bold;
}

#btncontainer {
	width: 740px;
	height:70px;
	margin:15px 0 15px 10px;
	border: 1px solid #e1e1e1;
	text-align:center;
	
	
}



#button {
margin:5px auto;
text-align:center;
}



#container_popup {
text-align:left;
margin:auto;
width:500px;
}






#container_popup h2 {
border-bottom:1px solid #E1E1E1;
color:#788EB3;
font-size:24px;
text-align: center;
}




.closewindow {
text-align: center;
}





/* Private DB Casting Billboard popup - Not submissable projects */
#divNotSubmissable
{
	position:fixed;
	_position:absolute;
	_margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	left:45%;
	top:40%;
	z-index:2000;
	overflow-x:hidden;
	overflow-y:auto;
	padding:10px 10px 10px 25px;
	width:620px;
	margin: -200px 0 0 -260px;
	font:700 12px Arial, Helvetica, sans-serif;
	color:#fff;
	background:#252525;
	border: 10px solid #999999;
}
#divNotSubmissable label {
    color:#fff;
}
#divNotSubmissable h3
 {
	position:relative;
	display:block;
	padding: 5px 10px;
	margin:-10px -10px 20px -25px;
	width:640px;
	height:40px;
	color:#fff;
	font:700 30px Arial, Helvetica, sans-serif;
	background: #4e4e4e;
	text-align: center;
}

#divNotSubmissable {
	height:220px; 
	display:none; 
}

/* BEGIN: Added for Common/ResumeEdit.aspx */
ul.resumeToolbar {
	background-image: url(Images/resume_toolbar/resume_toolbar_bg.gif);
	float: left;
	width: 580px;
	height: 52px;
	overflow: hidden;
	list-style-type: none;
	margin: 4px 0px 0px 0px;
	padding: 0;
	text-indent: 0;
}

ul.resumeToolbar li {
	float: left;
	width: 68px;
	height: 52px;
}

ul.resumeToolbar li a {
	display: block;
	overflow: hidden;
	width: 68px;
	height: 0;
	padding-top: 52px;
}

ul.resumeToolbar li.tutorial a {
	background-image: url(Images/resume_toolbar/resume_toolbar_tutorial_normal.gif);
}

ul.resumeToolbar li.tutorial a:hover {
	background-image: url(Images/resume_toolbar/resume_toolbar_tutorial_highlight.gif);
}

ul.resumeToolbar li.help a {
	background-image: url(Images/resume_toolbar/resume_toolbar_help_normal.gif);
}

ul.resumeToolbar li.help a:hover {
	background-image: url(Images/resume_toolbar/resume_toolbar_help_highlight.gif);
}
/* END: Added for Common/ResumeEdit.aspx */

#modalContainer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	display: none;
}

#modal {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -150px;
	
	width:350px;
	height:150px;
	
	background: #fff;
	padding:15px;
	text-align:left;
	border: 4px solid #eff2f5;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;

	-webkit-box-shadow: 0 0 15px #474747;
	-moz-box-shadow: 0 0 15px #474747;
}

/* Photographers Banners */



div#container div.photographers h2 {
	padding: 12px 0 0 70px;
	border: 0px;
	margin: 0 0 5px 0;;
	height:35px;
	background: transparent url(Images/photographers_icon.gif) 0 0 no-repeat;
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #043467;
}

div.bannerDiv img 
{
	border: 0px;
}

div.bannerDiv 
{
	margin:15px 10px;
}

ul.banners
{
	list-style:none;
}

ul.banners li.bannerItem
{
	clear: both;
	padding: 10px 0px;
	white-space: nowrap; /* prevent img.discount from wrapping, position at end */
	margin-bottom: 15px;
}

img.discount 
{
	margin: 30px 0 90px 0;  
}

/* the following css is for the table(thumbnail) banners */
ul.banner 
{
	float: left;
	position: relative;
	list-style: none;
	width: 729px;
	height: 144px;
	margin: 20px 0 30px 0;
	padding: 3px;
	background-color:#000;
	color:#FFF;
	font: 11px Verdana, Geneva, sans-serif;
}

ul.banner li.heading {
	position:absolute;
	top: -22px;
}

ul.banner li.heading h3 {
	margin: 0px;
	font: bold 12pt Verdana, Geneva, sans-serif;
	color: #C03;
}

ul.banner li.heading h3 a 
{
	color: #C03;
}

ul.banner li.heading h3 a:hover
{
	text-decoration: none;
	color: #C03;
}

ul.banner li.contactInfo 
{
	position:absolute;
	margin: 0px 0px 3px 0px; 
	
}

ul.banner li.contactInfo a
{
	color: #FFF;
}

ul.banner li.contactInfo a:hover
{
	background: #000;
	color: #FFF;
}

ul.banner li.contactInfo span {
	float: left;
	width: 240px; /* third the width of ul.banner */
}

ul.banner li.studioInfo {
	position:absolute;
	bottom: 5px;
}

ul.banner li.studioInfo span 
{
	float: left;
	width: 183px; /* 25% the width of ul.banner */
}

ul.banner li.thumbs 
{
	position:absolute;
	top: 20px;
}
ul.banner li.thumbs img
{
	margin: 0px 1px; 
}

ul.banner li.thumbs a:hover
{
	background: none; 
}

/* PAGING */

div.pageInfo 
{
	width: 730px;
	padding: 5px;
	margin: 0 10px;
}

div.pageInfo div.left div.right
{
	width: 360px;
	
}

div.pageInfo div.left 
{
	float: left;
}

div.pageInfo div.right 
{
	float: right;
}

.paging-wrapper 
{
	clear: both;
	width: 748px;
	height: 18px;
	padding: 5px;
	background: #f0f0f0 url(Images/paginationGradient.gif) 0 0 repeat-x;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 10px;
	text-transform: uppercase;
	color: #777;
	text-shadow: 0 1px 0 #fff;
	line-height: 18px;
	margin: 0x;
}

ul.paging
{
	margin: 0px;
	float:right;
}
.paging {
	list-style: none;
}
.paging li {
	display: inline
}
.paging a {
	background-color: #fff;
	border: 1px solid #cbcbcb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 1px 5px 2px;
	color: #777;
	font-size: 10px;
}
.paging a.current,
.paging a.current:hover {
	padding: 1px 5px 2px;
	background-color: #979797;
	border: 1px solid #cbcbcb;
	border-bottom-color: #fff;
	font-weight: normal;
	color: #fff;
	text-shadow: 0 -1px 0 #6e6e6e;
}
.paging a:hover {
	color: #fff;
	border: 1px solid transparent;
	background-color: #466fab;
	text-shadow: 0 -1px 0 #6e6e6e;
	text-decoration: none;
}


/* END: Photographers Banners */

/* BEGIN: edit resume button styling */
a[href="ResumeEdit.aspx"] {
	background-image: url("Images/edit.png");
	background-color: #EEEEEE;
	background-repeat: no-repeat;
	background-position: 6px 5px;
	padding: 3px 7px 3px 22px;
	margin :0 0 5px 0;
	display: inline-block;
	text-decoration: none;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px; 
	border: solid 1px #E4E4E4;
}

a[href="ResumeEdit.aspx"]:hover {
	background-color: #dedede;
	text-decoration: none;
	color: #415877;
	border: solid 1px #CCCCCC;
}
/* END: edit resume button styling */

