/* 		
	Document Name: default.css 	
	Description: Casting Workbook Homepage 	
	Version: 1.0 	
	Last Updated: Mar 2010 
*/ 

 
/* 01: Globals 
----------------------------------------------- */

/*body 						{ background:#c0c0c0 url(../inc/inc_rotator.asp) repeat-x center top; color:#656565; font: 14px/21px Arial, Helvetica, sans-serif; } */
body 						{ color:#656565; background: #c0c0c0 url(../images/bg-gradient.png) repeat-x center top; font: 14px/21px Arial, Helvetica, sans-serif;}

h2 							{ color:#515151; font-weight:bold;}
h2 a, a:hover, a:visited    { color:#515151; text-decoration: none; }
p 							{ padding:0 0 15px; }

a:link						{ color:#242424; text-decoration:none; }
a:hover						{ text-decoration:underline; }

input						{ font: 14px/21px Arial, Helvetica, sans-serif; letter-spacing:0.1em; }
input[type=text]            { line-height: 16px;}

/* 02: Structure 
----------------------------------------------- */

/* General */

#outer_wrap 				{ background:transparent url(../images/bg-page-head.png) no-repeat center top; }
#inner_wrap 				{ background:#FFF; margin:0 auto; width:963px; }
#container 					{ margin:0px auto; width:930px; }
#container #main			{ clear:both; }
#container #content			{ overflow:hidden; }
#container #page_wrap		{ border-right:1px solid #B7B7B7; float:left; padding:0 10px 0 0; width:682px; }
#container #page_wrap_directory		{ border-right:1px solid #B7B7B7; float:left; padding:0 10px 0 20px; width:682px; }
#container #page_wrap_media { margin: 0px auto; float:left; padding:0 10px 0 0; width:900px; }
#container #sidebar			{ overflow:hidden; padding:30px 0 0 10px; width:auto; }

/* Header */

#header 		 			{ margin:0 0 20px; padding:10px 0 0 0; }
#header h1#logo 			{ background:url(../images/logo.jpg) no-repeat; float:left; }
#header h1 a 				{ display:block; height:60px; width:218px; margin:0 4px 0 0; text-indent:-9999px; }
#logo ul                    { display: none; list-style: none; z-index: 100; background-color: #ffffff; text-align: right; }
#logo li                    { position: relative; z-index: 500; width: 177px; background:url(../images/navUnder2_03.gif) no-repeat right bottom; text-align: right;}
#mainMenu                   { height: 0px; float: left; margin-left: 40px; margin-top: 3px; }



#header ul#logoMenu a       { display: block;  text-indent:0px; width:169px; height: 28px; text-decoration: none; color: #4a4a4a}
#header ul#logoMenu a:hover { color: #ffffff; }
#header ul#logoMenu li:hover{ background:url(../images/navOver2_03.gif) no-repeat right bottom; color: #ffffff;}
h1#logo:hover ul            { display: inline; }
#header #slogan 			{ margin:38px 20px 0; float: left;}
#header #right_panel		{ background:url(../images/header-middle-bg.gif) repeat-x; height:60px; overflow:hidden; }
#header #left_cnr			{ background:url(../images/header-left-edge.gif) no-repeat; display:block; float:left; height:60px; width:9px; }
#header #right_cnr			{ background:url(../images/header-right-edge.gif) no-repeat; display:block; float:right; height:60px; width:7px; }
#header #cwb_login 			{ background:url(../images/header-separator.gif) no-repeat; float:right; margin:10px 0 0; }
#header #cwb_login a    	{ background:url(../images/login.png) no-repeat; display:block; height:24px; margin:10px 5px 0 13px; text-indent:-9999px; width:213px; z-index: 99; position: relative;}

/* Navigation */

#top_navigation				{ margin:5px 0 0 222px; position: relative; }
#top_navigation li			{ display:inline; margin:0 10px 0 0; position:relative; }
#top_navigation li a		{ color:#4a4a4a; font-size:0.9em; font-weight:bold; padding:5px 6px 5px; text-decoration:none; text-transform:uppercase; }
#top_navigation li a:hover,	
#top_navigation a.selected	{ -moz-border-radius:5px; background-color:#009dd2; color:#FFFFFF; }

/* Sub-Navigation */

#top_navigation ul.sub_nav 	{ display:none; left:0;	padding:0px 0 5px; position:absolute; top:22px; width:150px; z-index: 1000;}
ul.sub_nav 					{ background:#FFFFFF; border:2px solid #afafaf; display:block; -moz-border-radius:5px; }
ul.sub_nav a 				{ text-transform:none!important; }
ul.sub_nav a:hover 			{ background:none!important; color:#009dd2!important; }
#top_navigation li:hover ul.sub_nav	{ display:block; }
#top_navigation li ul.sub_nav li 	{ background:url(../images/bg-list-item.gif) no-repeat right bottom; display:block; margin-right:5px; text-align:left; }

/* 03: Content 
----------------------------------------------- */

#content h2, #page_wrap_directory h2, #castingList h2		 	{ text-align:left; -moz-border-radius-bottomleft:4px; -moz-border-radius-topleft:4px; background:#e5e5e5 url(../images/title-right-edge.gif) no-repeat right; height:20px; margin:0 0 5px 0; padding:4px 0px 4px 10px;}
#castingList h2	   { width: 480px; text-align:left; -moz-border-radius-bottomleft:4px; -moz-border-radius-topleft:4px; background:#e5e5e5 url(../images/title-right-edge.gif) no-repeat right; height:20px; margin:0 0 5px 0; padding:4px 0px 4px 10px;}
legend             { width: 668px; text-align:left; -moz-border-radius-bottomleft:4px; -moz-border-radius-topleft:4px; background:#e5e5e5 url(../images/title-right-edge.gif) no-repeat right; height:20px; margin:0 0 5px 0; padding:4px 0px 4px 10px;}
legend span        { width: 668px; display: block; }
/* Page Wrap */

#page_wrap_media #page, #page_wrap #page			{ padding:20px 0px 20px 0px;}
#page_wrap_media #page, #page_wrap #page h3			{ margin:0 0 15px 0; }
#page_wrap .bio,
#page_wrap .info			{ padding:10px; }
#page_wrap #media_box		{ padding:10px 0 0 0; background-image: url(../images/sample-mediabox-no-copy.png); background-repeat: no-repeat; background-position: 0px 10px; }
/*#page_wrap #media_box #poster-horiz { }
#page_wrap #media_box #poster-horiz-text {}
#page_wrap #media_box #poster-vert { width: auto; overflow: hidden;}
#page_wrap #media_box #poster-vert-text { float:right; width:234px; background:url(../images/sample-mediabox-no-copy.png); height:543px; background-position:right;} */

li.poster                   { display:inline; float:left; margin:0px; padding: 0px; list-style:none; width:711px; }

li.horizontal               { display:inline; float:left; margin:0px; list-style:none; height: 539px; padding-left: 4px; padding-top: 4px}
li.vertical                 { display:inline; float:left; margin:0px; list-style:none; width: 405px; padding: 4px 15px 0px 5px;}

li.productionData           { margin-right: 40px; padding-right: 25px; height: 539px; color: #fff;}
li.productionData p         { padding: 0px; margin-bottom: 14px; line-height: 16px; }
li.productionData p.prodWelcome    { font-weight: bold; color: #fff; padding: 0px; text-align:center; display: block; margin-bottom: 0px; padding-top: 10px;}
#media_box                  { z-index: -1; }
#media_box .productionName { font-size: 24px; font-weight: bold; color: #fff; padding: 0px; margin-top: 16px; text-align:center; display: block; line-height: 26px; }
#media_box .horzDataLeft .productionName { margin-top 0px; }
.productionLabel            { font-weight: bold; color: #fff; }

#page_wrap #page a			{ color:#0091c6; display:block; text-align:right; }
#page_wrap p,
#page_wrap ul.benefits		{ font-size:0.9em; }
#page_wrap ul.benefits		{ margin:0 0 10px; }
#page_wrap ul.benefits li	{ background:url(../images/list-item-dot.gif) no-repeat left 8px; margin: 0 0 0 25px; padding:0 0 5px 15px; }
#page_wrap strong			{ color:#222222; }

#page_wrap #page #paymentSection a, a:visited, a:hover, a:link { display: inline; }
#page_wrap #page #thanks a, a:visited, a:hover, a:link { display: inline; }

.horizWrapper               { width: 660px; }
.horzDataLeft               { float: left; width: 195px;  padding: 0px 10px 10px 20px; }
.horzDataCenter             { float: left; width: 30%;  padding: 10px; }
.horzDataRight              { float: right; width: 195px;  padding: 10px; }


/* Sidebar */

#sidebar p					{ font-size:0.9em; line-height:18px; padding-left:10px; }
#sidebar a:link				{ color:#656565; }
#sidebar #newsletter ul		{ float:left; padding:0 0 10px 3px; width:48%; }
#sidebar #newsletter ul li	{ font-size:0.9em; }
#sidebar #newsletter,
#sidebar #details			{ clear:both; }
#sidebar #details a			{ color:#FFFFFF; float:right; }
#sidebar #featured_workbook { clear:both; margin: 0 0 10px 0; padding-top: 10px;}
#sidebar #join 				{ margin-top:47px; }
#sidebar #join #nav 		{ border-bottom:1px solid #B7B7B7; padding:0 0 20px; }
#sidebar #join #nav li		{ font-size:0.9em; line-height:22pt; padding:0 0 0 10px; }
#sidebar #stats strong		{ display:block; font-size:0.9em; padding:0 0 3px 10px; }
#sidebar #daf_partners		{ clear:both; margin: 0 0 10px 0; padding-top: 10px;}

/* #sidebar #stats img			{ padding-left:10px; } */
#sidebar ul#locationsa		{ width:43%; }

#sidebar a.openCall         { color: #656565; font-weight: bold; }

/* Footer */

#footer_wrap 				{ background:url(../images/bg-footer.png) repeat-x bottom; clear:both; height:284px; position:relative;}
#footer 					{ margin:0px auto; width:930px; position:absolute;  vertical-align: top;}
#footer p					{ color:#424242; font-size:11px; padding:0; text-align:center; }

/* 04: Forms 
----------------------------------------------- */

#message                    { color: red; }

form li 					{ clear:both; }
form li h2            		{ margin:0 0 10px!important; }
form#joinActor legend       { clear: both; margin:0 0 10px!important; color: #515151; font-weight: bold; float:left;  }
form#joinActor span         { margin:0 10px 5px 0; }
#joinActor input, select    { margin: 0 6px 5px 0; }
form#joinActor input[type=text]       { width: 200px; }
form#joinActor em           { margin-left: 4px;}
form#joinActor #haveRep     { display: none; }
form#joinActor label        { clear: both; float: left; width: 125px; text-align: left;}
form#joinActor label.error  { float: none; color: red; padding-left: .5em; vertical-align: top;}
form#joinActor .warning     { margin-left: 125px; width: 500px; color: #c60000; font-size: .8em; }
form#joinActor table.indent { margin-left: 125px; }
form#joinActor input.btn    { margin-left: 125px; margin-top: 20px; }
form#joinActor a            { text-decoration: none; }

input.defaultText           { letter-spacing: 0em; text-transform: none;}

#cwbLogin.overlabel-apply    { position: absolute; left: 54px; z-index: 1; color: #a1a1a1; font-style: italic; text-transform: uppercase; }

.overlabel-apply            { position: absolute; z-index: 1; color: #a1a1a1; font-style: italic; text-transform: uppercase; }

form#joinsite legend       { clear: both; margin:0 0 10px!important; color: #515151; font-weight: bold; float:left;  }
#joinsite input, select    { margin: 0 0 5px 0; }
form#joinsite label        { clear: both; float: left; width: 130px; text-align: left; }
form#joinsite label.long   { clear: both; float: left; width: 260px; text-align: left; }
form#joinsite label.error  { float: none; color: red; padding-left: .5em; vertical-align: top;}

#openLogin                  { width: 570px; margin: 0; }

#openCallLogin input, select    { margin: 0 0 5px 0; }
form#openCallLogin label    { clear: both; float: left; width: 130px; text-align: left; font-weight: bold; }
form#openCallLogin label.error  { float: none; color: red; padding-left: .5em; vertical-align: top;}
form#openCallLogin input.btn { margin-left: 130px; margin-top: 10px; }

form#castnoticeRegister legend       { clear: both; margin:0 0 10px!important; color: #515151; font-weight: bold; float:left;  }
form#castnoticeRegister label { clear: both; float: left; width: 125px; text-align: left; }
form#castnoticeRegister label.error  { float: none; color: red; padding-left: .5em; vertical-align: top;}
#castnoticeRegister input, select    { margin: 0 0 5px 0; }

#requestPW input, select    { margin: 0 0 5px 0; }
#requestPW label            { clear: both; float: left; width: 125px; text-align: left; }
form#sendPW label.error     { float: none; color: red; padding-left: .5em; vertical-align: top;}
/* Sidebar */

#sidebar #newsletter label	{ padding:0 0 0 2px; }
#sidebar #newsletter input.defaultText	{ text-transform:none; margin-bottom: 10px; }


/* Misc */

#country_wrap 						{ clear:both; margin:10px; }
#country_wrap label					{ font-weight:bold; font-size:12px; color:#828282; }
#country_wrap #country				{ color:#0091c6; float:left; width:100px; }
#country_wrap #country_options		{ overflow:hidden; }
#country_wrap #other_options		{ margin:5px 0 0; overflow:hidden; }
#country_wrap #box					{ float:left; }
#country_wrap #other_title			{ float:left; width:50px;}
#country_wrap #f_other				{ overflow:hidden; width:auto; }
input.text							{ -moz-border-radius:5px; border:2px solid #e4e4e4; color:#828282; font-size:12px; font-weight:bold; height:20px; line-height:16px; margin:0 0 9px; padding:2px 4px 0; width:95%; }

@media screen {.printReceipt      { background-color: green; color: white; float: right; border: 1px solid black; } }
@media print  {.noprint     { display: none; } }

ul.pricingPoints                { font-size: 0.9em; list-style: disc url(../images/bullet-blue-arrow.gif) inside; margin-left: 30px; text-indent: -22px;}
ul.pricingPoints li             { margin-bottom: 3px; }

.basic                          { clear: both; padding-top: 30px;}
.leftPricing                    { width: 241px; float: left; text-align: center; }
.rightPricing                   { width: 441px; float: right; }

/* 05: Miscellaneous 
----------------------------------------------- */

.error                      { color: red; }

#now_appearing	 			{ left:30px; position:relative;}
#now_appearing h3 			{ float:left; margin:0 10px 15px 0; }

a.submit, a.btn 		    { -moz-border-radius:5px; background:#646464; color:#FFF; display:block; font-size:12px; font-weight:bold; margin:0 0 10px; padding:1px 25px; text-decoration:none; text-transform:uppercase; }
input.btn 					{ -moz-border-radius:5px; background:#646464; color:#FFF; display:block; font-size:12px; font-weight:bold; margin:0 0 10px; padding:1px 25px; text-decoration:none; text-transform:uppercase; border: 0px; }
p.terms						{ padding:5px 0 0 10px; }
p.terms a					{ display:inline!important; }
p.quote                     { font-style:italic; margin-left: 25px; margin-right: 25px;  }

.question                   {font-weight: bold;}
.answer                     {margin-left:25px; margin-right:25px;}
input.joinPages             { background-color: #009dd4; color: #ffffff; font-weight: bold; margin: 0 0 10px; padding: 7px 25px; border: 1px solid #006; }
input.joinPages:hover       { background-color: #ffffff; color: #009dd4; }

.joinHeadline               { color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 22px; text-align: center; padding-top: 25px; margin-bottom: 30px;}

input#gopremium             { background-image: url(/images/btn_select.gif); width: 203px; height: 32px; border: 0px; text-indent: -3000px; }
input#nothanks              { background-image: url(/images/btn_no.gif); width: 131px; height: 32px; border: 0px; text-indent: -3000px; }

input.ctaBtn                { background-image: url(/images/btn_bg.gif); width: 129px; height: 32px; border: 0px; color: #ffffff; font-size: 16px; }

/* Counter digits 
Increment WIDTH by 14 to increase the number of digits displayable 
----------------------------------------------- */
.submissions                { width:112px; height:31px;	border:0px;	overflow:hidden; position:relative;	background-color:#fff; padding-left: 10px; }
.rolesCast                  { width:112px; height:31px; border:0px; overflow:hidden; position:relative; background-color:#fff; padding-left: 10px; }

/* MediaBox slider specific
----------------------------------------------- */
#page #media_box .mediaBox .center-wrap .carousel-pagination a { vertical-align: top;display: inline; background: url("../images/m_ind2.gif") no-repeat scroll 0 0 transparent;}
#page #media_box .carousel-control { display: inline-block; height: 20px; line-height: 999px; vertical-align: middle; cursor: pointer; overflow: hidden;}
#page a.carousel-previous   { float: left; display:inline; background: url("../images/btn_L.gif") no-repeat scroll 0 0 transparent; color: #fff; margin-left: 3px;}
#page a.carousel-next       { float: right; display: inline; background: url("../images/btn_R.gif") no-repeat scroll 0 0 transparent; background-position: right top; color: #fff; margin-right: 3px; }

/* NowAppearing slider specific
----------------------------------------------- */
#now_appearing .nowAppearing { width: 890px; float: left;}
li.appearance{ display:inline; float:left; margin:0px; padding: 0px; list-style:none; width:200px; font-size: 10px; line-height: 14px; }
#now_appearing .single { width: 100px; float: right; padding-right: 12px; }
#now_appearing img { text-align: left; padding-right: 5px; }
#now_appearing .single .na_name { font-weight: bold; }
#now_appearing .nowAppearing .carousel-wrap { height: 150px; }
#now_appearing .carousel-control { display: inline-block; height: 20px; line-height: 999px; vertical-align: middle; cursor: pointer; overflow: hidden;}
#now_appearing a.carousel-previous   { float: left; display:inline; background: url("../images/btn_L_tran.gif") no-repeat scroll 0 0 transparent; color: #fff;}
#now_appearing a.carousel-next       { float: right; display: inline; background: url("../images/btn_R_tran.gif") no-repeat scroll 0 0 transparent; background-position: right top; color: #fff; }

/* Directory Specific 
----------------------------------------------- */
ul#sliding-navigation
{
	list-style: none;
	font-size: 12px;
	margin: 30px 0;
	padding: 0;
}


ul#sliding-navigation
{
	list-style: none;
	font-size: 12PX;
	margin: 30px 0;
	padding: 0;
	font-weight: bold;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 200px;
	/* padding: 5px 18px; */
	margin: 0;
	margin-bottom: 5px;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #fff;
	background:#333 repeat-y;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
	color: #0091c6;

	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #0091c6; }

#page_wrap_directory table { margin-left: 10px; }
#page_wrap_directory table.DirFrontPageHotLinksBackground, table.DirFrontPageNewLinksBackground { margin-left: 0px; }
#page_wrap_directory h3 { width: 100%; margin-bottom: 16px; }
#page_wrap_directory a, a:visited, a:hover, a:link { display: inline; }
#page_wrap_directory .DirMainCatLink a, a:visited, a:hover, a:link {font-weight: bold; color: #222222; margin-bottom: 5px; }
a.previous, a.next{margin:0}
#page_wrap_directory .DirSubCatLink {  margin-bottom: 10px; }
#page_wrap_directory .DirSubCatLink a, a:visited, a:hover, a:link {font-weight: normal; color: #0091c6;} 
.DirStats { float: right; padding-top: 20px; font-weight: normal;}
#page_wrap_directory .btn 					{ -moz-border-radius:5px; background:#646464; color:#FFF; display: inline; font-size:12px; font-weight:bold; margin:0 20px 10px; padding:1px 25px; text-decoration:none; text-transform:uppercase; }
.DirFrontPageHotLinksBorder, .DirFrontPageNewLinksBorder { padding: 0px; margin: 5px; }
.DirFrontPageHotLinksBorder table td, th, .DirFrontPageNewLinksBorder table td, th { margin: 5px; padding: 5px 10px 5px 10px; overflow: hidden; border: 1px solid #cccccc; }
.DirFrontPageHotLinksTitleCell, .DirFrontPageNewLinksTitleCell { background-color: #f2f2f2; font-weight: bold; color: #5B5B5B; }


#location{
margin-top: 10px;
}

#location .citylist {
margin-left: 10px;
font-size:12px;
}

#page_container {
margin-top:20px;
}

#page_container h3{
margin-top:-1px;
padding-left:4px;
width:600px;
}


.breadcrumb {
text-align:left;
width:90%;
float:left;
margin-top:10px;
}

#page_container .city_title {
margin-top:17px;
}

#page_container .partner {
width:100%;
margin-top:25px;
}

#page_container .partner p{
margin-top:15px;
}

#page_container .partner .left{
float:left;
width:300px;
margin-top:-20px;
}

#page_container .partner .right{
float:right;
width:300px;
text-aligh:center;
padding-top:30px;
padding-bottom: 30px;
margin-top:-20px;
}

#page_container .partner .clear{
clear:both;
}

#page_container .partner .time {
padding-left:5px;
width:100px;
float:right;
}

.googlemap {
color:#0091C6;
padding-left:90px;
}


#service_list {
margin-left:10px;
margin-bottom:30px;
}

#service_list .grey {
background-color:#f0efef;
}

#page_container .name_title {
margin-top:15px;
}

.smallcredit{
font-size:13px;
}

#page_container .testimonial {
width: 675px;
margin-top:20px;
margin-bottom:30px;
font-size:13px;
}

#page_container .testimonial .left {
width: 110px;
float:left;
margin-left:5px;
display:block;
}

#page_container .testimonial .right {
width: 550px;
float:right;
}

#page_container .testimonial .clear {
clear:both;
}

#pageTitle{
  font-family: 'PT Sans Narrow', serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  text-shadow: none;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1em;
  color: #5B5B5B;
}

#wblHomeFeatured h2
{
    margin: 0px 0px 5px 0px;
    padding: 2px 15px 2px 10px;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: #515151;
}
#wblHomeFeatured h2 span
{
    color: #f09;
}
#wblHomeFeatured a
{
    width: 113px;
    height: 112px;
    margin-left: 10px;
    margin-right: 9px;
    display: block;
    float: left;
    position: relative;
    text-decoration: none;
}
#wblHomeFeatured img
{
    border: 0;
    position: absolute;
}
#wblHomeFeatured div span
{
    padding: 2px 5px;
    display: none;
    position: absolute;
    left: -2px;
    bottom: -2px;
    font-size: 11px;
    color: #fff !important;
    background-image: url(http://www.workbooklive.com/Templates/WorkbookLive/Images/HomeActor.png);
}
#wblHomeFeatured div span b
{
    font-size: 14px;
}
#wblHomeFeatured a:hover span
{
    display: block;
}
