/* @override 
	http://www.startintv.com/css/common.css
	http://nichollsmedia.co.uk/startintv/startintv_rep/css/common.css
	http://www.nichollsmedia.co.uk:82/css/common.css
	http://nichollsmedia.co.uk:82/css/common.css
	https://nichollsmedia.co.uk:82/css/common.css
	https://www.startintv.com/css/common.css
	http://macbook.local/startintv-production/public_html/css/common.css
*/


/* GENERAL
----------*/
body {
	background: #818284;
	font-weight: 400;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* LINKS
----------*/
a {
	color: #27329d;
	-webkit-transition: text-shadow;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 280ms;
	text-shadow: rgba(255,255,255,0.41) 0 1px 1px;
	font-weight: bold;
	text-decoration: none;
}

a:visited {

}

a:active {

}

a:hover {
	-webkit-transition: text-shadow;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration:280ms;
	text-shadow: #b1b1b1 0 0 5px;
	text-decoration: underline;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

.clear{
	clear:both;
}

/* Media
--------- */

.site-header img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}



/* MAIN STYLE TAGS
----------*/
h1, h2 {
	font-weight: 300;
	font-style: normal;
	margin: 0;
}

h1 {
	font-size: 2.4em;
	padding: 16px 0 6px;
}
h2 {
	font-size: 1.6em;
	margin: 6px 0 3px 0px;
	color:#945790;
}

h3 {
	font-size: 1.2em;
	margin: 6px 0px 2px 0px;
	color: #2A3479;
	font-weight: 900;
}

p {
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0;
	padding: 0px 0px 10px 0px;
}

li {
	margin-top: 0.3em;
	margin-bottom: 0.2em;
}

#navbar li {
		font-size: 0.9em;
}

ul {
	list-style-position: outside;
	padding-left: 16px;
}


img {
	border: 0;

}

/* Gordon - Based on Blog Theme for StartinTV*/
/* Styles to keep unity feel */

/* Theme style */
.titleBanner {
	font-family:'Lato', sans-serif;
	line-height: 1.5;
	font-size: 32px;
	width:100%;
	border-style: none;
	background: url(../images/backgrounds/stripe.png) repeat-y 50%;
	color: white;
	margin: 0;
	padding: 0;
}

h1.title {
	margin: 0 0 0 14px;
	padding: 0;
}

.titleBanner .title a {
	text-shadow: rgba(0,0,0,0.51) 1px 1px 0;
	color: #fff;
	font-weight:200;
	padding: 0;
	margin: 0;
}

.titleBanner .title a:hover {
	text-shadow: rgba(0,0,0,1) 1px 1px 8px;
	color: #fff;
	text-decoration: none;
	padding: 0;
	margin: 0;
}


/*to sort out*/
#container-center ul{
	 margin:0 30px 6px 30px;
	 padding:0;
}
#container-center li{
	 margin:0 0 0 8px;
}
#container-right ul{
	 margin:0 30px 6px 30px;
	 padding:0;
}
#container-right li{
	 margin:0 0 0 8px;
}

/* NAVIGATION MAIN
==================*/

#navcontainer {
	background:  url(../images/menu_bg.gif);
	height: 60px;
	padding-left: 20px;
	overflow: hidden;
}

#navbar {
	position: relative;
	height: 60px;
	background:  url(../images/menu_bg.gif) 0 0 no-repeat;
	padding-left: 2px;
	font: normal 0.9em Arial, Verdana, Sans-Serif;
	clear: none;
}

#navbar ul.mainlevel {
	padding: 0 0 0 12px;
	margin: 0;
}

#navbar ul ul ul {
	display:none;
}

#navbar li {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	background:  url(../images/menubar.gif) 100% 0 no-repeat;
}

#navbar li li {
	background: none no-repeat 0 50%;
	border-right: 1px solid rgba(255,255,255,0.24);
}

#navbar li.mainlevel_current-navmenu {

}
#navbar ul ul li a {
	font-weight:bold;
}

#navbar li ul {
	width: 960px;
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top:33px;
	height: 20px;
	left: 0;
}

#navbar a {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	text-shadow: #000000 0 0 0px;
}

#navbar a:hover {
color: #ccc;
	-webkit-transition:background;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 150ms;
	background-image: none;
}
#navbar ul.mainlevel li a:hover {
background:#52518e;
color:#fff;
	-webkit-transition:background;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 150ms;
}


#navbar ul.mainlevel li a.active {
background:#52518e;
color:#fff;
	-webkit-transition:background;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 150ms;

}


#navbar ul.mainlevel ul li a:hover {
color:#8FD021;
	-webkit-transition:background;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 150ms;
	background-image: none;
}

#navbar li ul a:hover,
#navbar li.mainlevel_current-navmenu ul a:hover {
	color: #000;
		-webkit-transition:background;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 150ms;
}

#navbar li.mainlevel_current-navmenu ul {
	display: block;
}

#navbar li:hover ul, #navbar li.sfhover ul {
	display: block;
	z-index: 6000;
}

#navbar li a {
	display: block;
	float: left;
	padding: 0 15px;
	height: 32px;
	line-height: 32px;
		-webkit-transition:background;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 150ms;
}

#navbar li:hover a,
#navbar li.over a {

}

#navbar li li.mainlevel_current-navmenu a,
#navbar li li.mainlevel_current-navmenu:hover a,
{
 text-decoration: underline;
}

/* sub level links */

#navbar ul li {

}

#navbar li ul a, #navbar li.mainlevel_current-navmenu ul a {
	display: block;
	float: left;
	color: #fff;
	font-weight: normal;
	padding: 0 10px;
	background: none;
	height: 25px;
	line-height: 25px;
}


.locked {
	background-image: url('../images/padlock.gif');
	background-repeat:no-repeat;
	background-position:96% 50%;
}
#sidebar {
	position: relative;
	width: 211px;
	font-size: 0.8em;

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

	font-weight:bold;
	border: 0px solid black;
}
#navlist li {
	margin:0;
}

#navlist a, #navlist a:visited {
	display: block;
	padding: 5px 15px 5px 14px;
	border: 1px solid;
	border-color: #666 #333 #000 #333;
	background-color: #333333;
	/*background-image:  url(sidenav_bkg.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;*/
	color: #eee;
	text-decoration: none;
			-webkit-transition:background;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 150ms;
	text-shadow: #000000 0px 1px 0;
}
#navlist a:hover {
		text-shadow: #000000 0px 1px 0;
	background-color: #9F6F9F;
	/*background-image:  url(sidenav_bkg_over.gif);*/
	/*color: #2D1E2D;*/
			-webkit-transition:background;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 150ms;
}
#sidebar #navlist .uberlink {
	background-color: #9F6F9F;
	/*background-image:  url(sidenav_bkg_over.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;*/
	color: #333 !important;
	font-weight: bold;
	cursor: default;
			-webkit-transition:background;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 150ms;
}
#cvcentrenav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight:bold;
	font-size:0.85em;
	display: inline;
}
#cvcentrenav li {
	margin:8px 0 12px 0;
	float:left;
	display: inline;
	padding:0;
}

#cvcentrenav a, #cvcentrenav a:visited {
	display:block;
	padding: 4px;
	border: 1px solid;
	border-color: #333 #666 #000 #333;
	background-color: #333333;
	color: #eee;
}
#cvcentrenav a:hover {
	background-color: #9F6F9F;
	/*background-image:  url(sidenav_bkg_over.gif);*/
	color: #2D1E2D;
}

#subfooter1 p{
	font-size:13px;
	position: relative;
	margin: 0;
	padding-top: 4px;
	padding-bottom: 3px;
	color: #856bb0;
}
#subfooter1 p a{
	color:#FFFFFF;
	text-decoration: none;
}

#subfooter1 p.dk_text a{
	font-size: 11px;
	color: #d5d5d5;
}



h3#jobs {
    padding-top: 29px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
	margin:0;
	background-image:url(../images/nav_jobs.gif);
    background-repeat: no-repeat;
	height: 0px !important; /* for most browsers */
    height /**/:29px; /* for IE5.5's bad box model */
}



h3#employerresources {
    padding-top: 29px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
	margin:0;
	background-image:url(../images/nav_employer_resources.gif);
    background-repeat: no-repeat;
	height: 0px !important; /* for most browsers */
    height /**/:29px; /* for IE5.5's bad box model */
}
h3#cvcenter {
    padding-top: 29px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
	margin:0;
	background-image:url(../images/nav_cv_center.gif);
    background-repeat: no-repeat;
	height: 0px !important; /* for most browsers */
    height /**/:29px; /* for IE5.5's bad box model */
}


h3#presenters {
    padding-top: 29px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
	margin:0;
	background-image:url(../images/nav_presenter.gif);
    background-repeat: no-repeat;
	height: 0px !important; /* for most browsers */
    height /**/:29px; /* for IE5.5's bad box model */
}
h3#production {
    padding-top: 29px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
	margin:0;
	background-image:url(../images/nav_production.gif);
    background-repeat: no-repeat;
	height: 0px !important; /* for most browsers */
    height /**/:29px; /* for IE5.5's bad box model */
}

p.membersresources {
    padding-top: 29px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
	margin:0;
	background-image:url(../images/nav_membersresources.gif);
    background-repeat: no-repeat;
	height: 0px !important; /* for most browsers */
    height /**/:29px; /* for IE5.5's bad box model */
}



.talentresources {
 	color: #ffffff;
	background: #945790;
    overflow: hidden;
	margin:0;

	padding: 0;
}


.talentresources p{
	font: normal 16px/120% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 6px 9px 6px 14px;
}


.videotestimonials {
	color: #ffffff;
	background: #945790;
    overflow: hidden;
	margin:0;

	padding: 0;
}

.videotestimonials img{
	float: right;
	padding: 6px;
}

.videotestimonials p{
	font: normal 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 10px 0 0 9px;
}


/*** the following styles and notes are (c) Copyright
Big John @ www.positioniseverything.net **
div,p{margin:0}*/

.italics-test, .italics-test-side {
font-style: italic;
text-align: justify;
}

/***
The following fixes prevent justified italic text
from destroying the layout in IE/win. The problem
is that those properties together make IE force the
container wider, which in this type of floated layout
causes a float drop.
Pre-IE6 gets "width: 100%" and "overflow: hidden",
while IE6 gets "width: auto" and "overflow: visible,
which is the default, but explicitly stating it seems
to keep IE6 happy. IE6 also needs to see the
"height: 1%" to give it some kind of box dimension.
Browser coddling we call it. Finally, Bruno Fassino
found that "word-wrap: break-word;" disarranged the
justified text in IE5.5 and 6, so it is defaulted to
"normal" for this text.
If you don't need justified and italicized text then
forget all these fixes.
Although, ClevaTreva adds, I have seen some odd
behavior with normal justified text in IE, so
this may be worth remembering.
***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}

.submitbutton {
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #FFFFFF;
	color: #333333;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	margin:2px;
}

.formstyle {
	padding:0;
	margin:0;
	font-size: 12px;
	-moz-box-shadow: 1px 1px 3px  rgba(0,0,0,0.50);
	-webkit-box-shadow: 1px 1px 3px  rgba(0,0,0,0.50);
	box-shadow: 1px 1px 3px  rgba(0,0,0,0.50);
	background-color: rgba(0,0,0,0.36);
}

.formstyle th {
	text-align: left;
	text-shadow: rgba(255,255,255,0.65) 0 1px 0;
	font-size: 34px;
	color: #8e0151;
	font-weight: bold;
	padding: 9px;
}

.cvfooter {
	padding:0;
	margin:0;
	-moz-box-shadow: 1px 1px 3px  rgba(0,0,0,0.50);
	-webkit-box-shadow: 1px 1px 3px  rgba(0,0,0,0.50);
	box-shadow: 1px 1px 3px  rgba(0,0,0,0.50);
	background-color: rgba(0,0,0,0.36);
}

input.tal-half {
	width: 130px;
	line-height: 1.8%;
	font-size: 12px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 8px;
	margin-top: 2px;
}

input.tal-full {
	width: 270px;
	line-height: 1.8%;
	font-size: 12px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 2px;
}

div.input_one {
	margin-bottom: 8px;
}

#talentSignupForm form table.formstyle tbody tr td div.input_one input {
}





.formstyle td.subhead {
	text-align: left;
	text-shadow: rgba(255,255,255,0.65) 0 1px 0;
	font-size: 18px;
	color: black;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 0;
}

#talentSignupForm form table.formstyle tbody tr td div.input_two input.tal_form {

}

label.male_gender,  label.female_gender {
	margin-right: 20px;
}

#talentSignupForm form table.formstyle tbody tr td div.input_col_two div.input_one div.input_two input {
	margin-left: 20px;
}

#talentSignupForm form table.formstyle tbody tr td div.input_one input.tal_form {
		width: 278px;
	line-height: 1.8%;
	font-size: 12px;
	padding: 2px;
		margin-bottom: 8px;
	position: relative;
}

#talentSignupForm form table.formstyle tbody tr td div.input_three input.tal_form {
		width: 278px;
	line-height: 1.8%;
	font-size: 12px;
	padding: 2px;
		margin-bottom: 8px;
	position: relative;
}

input.tal_form_dob_sm, input.tal_form_dob  {
		line-height: 1.8%;
	font-size: 12px;
	width: 86px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 8px;
	margin-top: 2px;
}

.last_name_label {

	position: relative;
	font-weight: bold;
}

.first_name_label {
	width: 140px;
	position: relative;
	font-weight: bold;
	float: left;
	display: block;
}

.full_name_label {
	width: 280px;
	position: relative;
	font-weight: bold;
	float: left;
	display: block;
	margin-top: 2px;

}

div.input_three {
	margin-bottom: 8px;
	margin-top: 10px;
	height: 38px;
}

input.tal-dob {
	position: relative;
	font-weight: bold;
	float: left;
	display: block;
	margin-top: 2px;
	margin-right: 4px;
	line-height: 1.8%;
	font-size: 12px;
}

textarea.tal-full-area {
	width: 275px;
}

#talentSignupForm form table.formstyle tbody tr td div.input_one div.input_three label.full_name_label {
	margin-bottom: 2px;
}

th.titles {
	width: 33%;
	padding-bottom: 0;
}

.formstyle td {
	color:#000000;
	padding: 12px;
}

div.input_col_two {

}

textarea.tal_form {
	width: 282px;		font-size: 12px;		margin-bottom: 8px;
	height: 67px;	line-height: 1.8%;
}

.formstyle .label {
	background-color:#CED6F0;
	padding:6px;
	font-weight:normal;
	text-align:left;
}

.formstyle tr.evenRow td {
	background-color: #f7f5ff;

}

.formstyle table {
	width:100%;
	border:0;
}

ul.bodyList {
	list-style-position: inside;
	opacity: 1;
	list-style-type: square;
}




#loginform {
	font:Arial, Verdana, Sans-Serif;
	font-size:12px;
	border: 1px solid #ccc;
	float:right;
	margin:0px 20px 0 0 ;
	width:169px;
	 -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	padding-bottom: 2px;

}
#loginform td {
	padding:0px;
	margin:0;
}
#loginform label {
	width:60px;
	display:block;
	padding:0 0 0 5px;
	text-align:left;
}
#loginform input {
	width:70px;
	height:14px;
	padding:0;
	margin:0 4px 2px 0;
}
#loginform input#submit{
	width:auto;
	height:auto;
	margin:2px;
	float:right;
}

/* promo boxes */
.talentPromo{
		background-color:#333333;
        width:auto;
        margin:0;
		padding: 9px;
		border-top:1px solid #000;
	}
.talentPromo p{
        color:#fff;
	font-size:0.7em;
	padding: 7px 0 0;
}
.talentPromo h2{
        font-size: 18px;
		font-weight:bold;
        margin-top:0px;
	text-shadow: #000 0 1px 1px;
}

p.interests {
	font-style: italic;
	padding: 0;
}

.crop{
	float:left;
	margin: 4px 8px 0 0;
	overflow:hidden; /* this is important */
	position:relative; /* this is important too */
	width: 30%;
	height: 132px;
	padding-right: 0;
}
/* position the image using negative top and left values */
.crop img{
	position:absolute;
	margin-top: 0;
}

.talentPromo img{

        float:left;
        margin-right:5px;
	width: 100%;
}
.talentPromo a {
	text-shadow: #000000 0px 0px 0;
	color: #d0dbfe;
}
.talentPromo a:hover{
	text-decoration:underline;
}
.talentpromo-container{

}
.textbred {
	font-weight:bold;
	color:#FF0000;
	}
.textred {
	color: #b7292b;
	}
	
.orange {
	color: #ff8e22;
}

.jobLinks ul, .jobLinks li{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
}



.jobLinks h3{
	background-color:#904D8A;
	color:#fff;
	margin:0px;
	padding:5px;
	padding-left:17px;
}

.jobLinks a{
	display: block;
	padding: 5px 15px 5px 14px;
	border: 1px solid;
	border-color: #666 #333 #000 #333;
	background-color: #333333;
	color: #eee;

}

.comp-background {
	background-attachment: scroll;
	background-image: url(/competition/images/background.jpg);
	background-repeat: no-repeat;
}

.text {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #374680}

.smalltextcomp {

font-family: Tahoma, Arial, Verdana; font-size: 10px; color: #374680

}
.mailinglist {
	margin-left: -24px;
}
.small {
	margin: 18px 0 13px 28px;
	text-align: left;
	padding: 0;
	font-size: .8em;
}

/* Talent Columns */

.talentHead {
	font-weight: bold;
	font-size: 20px;
	color: #945790;
	padding-top: 5px;
}

.talentSubHead {
	margin-top: 0;
	margin-bottom: 10px;
	color: #ffffff;
	-moz-border-radius: 4px;
border-radius: 4px;
	background: #9d3c66 url(http://www.startintv.com/images/bigArrow.gif) no-repeat 10px center;
	text-decoration: none;
	font-size: 18px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 34px;
	text-shadow: #000 0px 1px 0;
}

.twoColumn a, .twoColumn a:hover {
	text-decoration: none;
}

h2.talentSubHead, h2.producersHead {
	padding-right: 8px;
}

/* Producers Column */

.producersHead {
	padding-top: 5px;
	font-weight: bold;
	font-size: 20px;
	color: #4A4AAE;
}

.producersSubHead {
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 10px;
	color: #ffffff;
	-moz-border-radius: 4px;
border-radius: 4px;
	background: #4a4aae url(http://www.startintv.com/images/bigArrow.gif) no-repeat 10px center;
	text-decoration: none;
	padding: 4px 0px 4px 34px;
	text-shadow: #000 0px 1px 0;
}

.producersSubHead a {
	color: #fffeff;
	text-decoration: none;
}

/* PROMOTION */

#promo {
	position: absolute;
	top: 188px;
	width: 300px;
	left: 624px;
	-moz-border-radius: 4px;
border-radius: 4px;
	background-color: #fcec2c;
	display: block;
	padding: 8px;
}

.promotionHead {
	color: maroon;
	text-align: center;
	opacity: 1;
	margin: 0;
	font-weight: bold;
	padding: 0;
	font-size: 28px;
}

.promotionText {
	color: black;
	text-align: center;
	opacity: 1;
	padding: 5px 0 0;
	font-size: 16px;
}

.promotionFoot {
	color: black;
	text-align: center;
	opacity: 1;
	padding: 5px 0 0;
	font-weight: bold;
	font-size: 20px;
}

#popup {clear: all;
	position: absolute;
	top: 280px;
	left: 624px;
	z-index: 1;
}

#dialog p {
	text-align: left;
	padding: 0;
}

#dialog h1 {
		text-align: left;
	padding: 0;
	font-weight: bold;
}

#dialog ul li {
		text-align: left;
}