/* @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
*/

/* GENERAL
----------*/

body {
	padding: 0;
	margin: 0;
	background: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
}
	
header, nav, footer, article, blockquote, button  {
	 display: block;
}


/* LINKS
----------*/
a {
	color: #3283cb;
	-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;
}

/* MAIN STYLE TAGS
----------*/

h1 {
	font-size: 2.2em; 
	font-weight:200;
	padding:16px 0 12px 0;
	margin:0;
}
h2 {
	font-size: 1.6em; 
	font-weight:normal;
	margin:12px 0 3px 0px;
	color:#945790;
}


h3 {
	font-size: 1.2em; 
	margin: 6px 0px 2px 0px;
	color: #2A3479;
}
p {
	font-size: 0.85em;
	line-height: 1.4em;
	margin: 0;
	padding: 0px 0px 10px 0px;
	}

li {
	margin-top: 0.3em;
	margin-bottom: 0.2em;
	font-size: 90%;
}
ul {
list-style-position: outside;

	padding-left: 16px;
}
img {
	border: 0;

}
	

/*to sort out*/


#subfooter1 div.timer td {
	margin: 0;
	padding: 2px;
}

#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: 0;
	padding-left: 20px;
	overflow: hidden;
}

#navbar {
	margin: 0;
	padding: 0;
	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-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	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:  url(../images/submenu_div.gif) 100% 50% no-repeat;
}

#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 {
	border-right: 0;

}

#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#talentresources {
    padding-top: 29px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
	margin:0;
	background-image:url(../images/nav_talent_resources.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 */
}	

h3#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 */
}	
h3#videotestimonials {
    padding-top: 29px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
	margin:0;
	background-image:url(../images/nav_videotestimonials.gif);
    background-repeat: no-repeat;
	height: 0px !important; /* for most browsers */
    height /**/:29px; /* for IE5.5's bad box model */
}	

	
/*** 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:0.75em;
}
.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;
}

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;
}

#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: 9px;
}

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:5px;
		border-top:1px solid #000;
	}
.talentPromo p{
        color:#fff;
	font-size:0.7em;
}
.talentPromo h2{
        font-size:0.82em;
		font-weight:bold;
        margin-top:0px;
}

.talentPromo img{
        width:85px;
        float:left;
        margin-right:5px;
}

.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:#FF0000;
	}

.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

}