/* ---------------------------------- */
/* ITV, ICAMS STYLE SHEET             */
/* Copyright 2007 - Hireserve Ltd     */
/* ---------------------------------- */

/* additions to the itv style */
div.container_main{float: left !important;}
div.prop_main{display: none;}

h1, h2, h3, h4, h5, h6 {
	margin: 0px 0px 10px 0px;	
	padding: 0px 0px 0px 0px;
        font-family: ITVLight,Trebuchet,Arial,Helvetica sans-serif;
	font-size: 18px !important;
	font-weight: normal;
	color: #0072ae;
	border-bottom: 0px solid #fff;
}

h2 {margin-top: 0px !important;}
h3 {font-size: 14px;}

img {border:0px !important;}

/* generic settings */
div.icams_content{float: left; width:653px; min-height: 550px; padding: 0px 23px;}
* html div.icams_content{height: 550px !important;}

div.my_itv_jobs,
div.joblists,
div.new_jobs_menu,
div.search_menu 
  {color:#fff;}

div.menu_understanding_itv a{color: rgb(0, 102, 153) !important;}
div.menu_working_here a{color: rgb(153, 153, 51) !important;}
div.menu_start_working a{color: rgb(255, 102, 0) !important;}
div.menu_links a{color: rgb(204, 0, 51) !important;}
div.menu_sitemap a{color: rgb(0, 102, 153) !important;}

table.tbl {border-collapse: collapse;}
table.tbl tr {padding:0px; margin:0px; border: 1px solid #333;}
table.tbl th {padding:0px; margin:0px; color: #fff; background-color: #0072ae;}
table.tbl th, 
table.tbl td 
  {padding: 3px 3px;  font-size: 12px; border: 1px solid #333;}

div.label{clear: both; float: left; width: 205px; padding-top: 3px;}
div.label label {font-size: 12px; font-weight: bold; color: #000;}
div.detail{float: left;}
div.detail input,
div.detail textarea
  {width: 197px;}
div.detail select{width: 201px; font-size: 13px !important;}
div.links {clear: both; width: 300px; padding-top: 12px}

p.error {color: #cf0c0c;}

html>body div.column1 input, html>body  div.column2 input, html>body div.column3 input {position: relative; top: 2px;}

/** login **/
div.login {width: 100%;}
div.login form.login {float: left; padding-top: 2px;}
div.logindetails {float: left; width: 100%; padding-bottom: 2px;}
div.login div.links {margin-left: 0px;}

div.logindetails div.note{float: left; padding: 3px 0px 0px 10px;}
div.logindetails div.note a,
div.logindetails div.note a:visited
  {padding-left: 0px; font-size: 10px !important; text-decoration: none;}

/** advanced search **/
div.advancedcheckbox {width: 100%;}
div.advancedcheckbox_intro {padding: 0px;}
div.advancedcheckbox input#p_text
{ position: relative; top: 0px; width: 170px; }
* html1 div.advancedcheckbox input#p_text { width: 230px; }

div.advancedcheckbox div.column1{clear: both;}

div.advancedcheckbox div.column1,
div.advancedcheckbox div.column2,
div.advancedcheckbox div.column3,
div.advancedcheckbox div.links
  {float: left; width: 33% !important;}

* html div.advancedcheckbox div.column1
  {width: 31% !important; overflow: hidden;}

div.advancedcheckbox div.links{clear:none; padding-top: 0px; padding-bottom: 10px;}

div.advancedcheckbox div.param_p_no_days,
div.advancedcheckbox div.param_p1_val,
div.advancedcheckbox div.param_p2_val,
div.advancedcheckbox div.param_p3_val,
div.advancedcheckbox div.param_p4_val,
div.advancedcheckbox div.param_p5_val
  {float: left; width: 100%; margin-bottom: 20px;}

* html div.advancedcheckbox div.param_p5_val{margin-right: -3px;} /* needed to solve Explorer 6 Duplicate Characters Bug */

/* search agents */
div.sam_edit {width: 100%;}
div.sam_edit form.sam_edit {float: left; padding-top: 2px;}
div.agentdetails {float: left; width: 100%; padding-bottom: 2px;}

/* search results */

div.searchheader{clear: both; float: left; width: 100%;}

div.searchresults{width: 100%; font-size: 1em;}
div.searchresults p {font-size: 1em;}

div.jobpost {float: left; width: 100%; padding: 0; margin: 0; background: #887d75;}

div.jobpost div.jobpost_body {float: left; padding: 0; margin: 0; background: transparent url(/portal/images/border_joblist_middle.gif) repeat-y;}
div.jobpost div.jobpost_body h2 {float: left; display: block; width: 653px; padding: 0px !important; margin: 0px !important; background: #887d75 url(/portal/images/border_joblist_top.gif) no-repeat;}
div.jobpost_body h2 a {display: block; width: 619px;  margin: 0px !important; padding: 10px 17px 0px 17px;overflow: hidden;}
div.jobpost_body p {float: left; margin: 0px !important; padding: 0px 17px 0px 17px;}

div.jobpost_nav {float: left; width: 100%; height: 30px; padding: 0px 0px 0px 0px !important; margin: 0; background: transparent url(/portal/images/border_joblist_bottom.gif) bottom no-repeat;}
div.jobpost_nav p {margin: 0px !important; padding: 0px !important;}
div.jobpost_nav a {color: #0975a6; text-decoration: none;}
div.jobpost_nav a:hover {text-decoration: underline;}

div.jobpost_nav a.send_a_friend, 
div.jobpost_nav a.apply_direct
  {width: 200px; padding: 0px 17px 0px 17px !important;}
div.jobpost_nav a.send_a_friend {float: right;}
div.jobpost_nav a.apply_direct {float: left;}

td.resultaten_navigatie a { color: #666; } 

table.contentheader{font-size:25px;}

div.resultsNavTop,
div.resultsNavBottom
  {clear: both; font-size: 11px; border: 1px solid #fff; padding: 20px 0px 20px 0px !important;}

div.resultsNav{width: 100%; text-align: center; margin: 0px 0px 0px 0px;}
div.resultsNav ul {margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; list-style: none;}
div.resultsNav ul li {color: #666; display: inline; padding: 0px 10px 0px 10px;}
div.resultsNav ul li a {color: #0975a6; text-decoration: underline; font-weight: normal;}
div.resultsNav ul li a:visited {color: #0975a6; text-decoration: underline; font-weight: normal;}

div.divider {clear: both; width: 90% !important; margin: 0px auto; padding: 10px 0px 3px 0px;}
div.divider hr {background: #e5e5e5; color: #e5e5e5; border: 0; height: 1px; display: none;}

div.template_image {display: none;}

/** search results: colors **/

div.itv_commercial, div.itv_commercial div.jobpost_body h2  {background-color: #9e1b34;}
div.itv_channels_incl_news_regions, div.itv_channels_incl_news_regions div.jobpost_body h2  {background-color: #e76f00;}
div.itv_productions, div.itv_productions div.jobpost_body h2  {background-color: #682f72;}
div.itv_shared_services, div.itv_shared_services div.jobpost_body h2  {background-color: #0060a1;}
div.itv_consumer, div.itv_consumer div.jobpost_body h2  {background-color: #7f7800;}
div.itv_worldwide, div.itv_worldwide div.jobpost_body h2  {background-color: #887d75;}


/* job detail */
div.job_detail{float: left; width: 100%;}
div.job_classifications {float: left; width: 100%; margin-bottom: 14px;}
* html div.job_classifications {margin-bottom: 0px;}
div.job_detail p { margin: 0px 0px 16px 0px !important; padding: 0px 0px 0px 0px !important;}
div.job_detail p.job_summary{margin-bottom: 16px;}

div.classification {float: left; width: 100%; font-size: 12px; padding-bottom: 4px;}
div.class_type {clear: left; float: left; width: 120px; font-weight: bold; background-color: transparent;}
div.class_value {float: left;}

div.job_detail div.links {width: 100%; padding: 6px 0px 32px 0px; font-size: 13px;}
div.job_detail div.links a,
div.job_detail div.links a:visited 
  {color: #0975a6; text-decoration: underline; font-weight: bold;}

div.apply_now{float: left; width: 200px;}
div.send_a_friend {display: none; float: right;}

/* application form */
form#respform {float: left; width: 550px;}
form#respform h3 {clear:both; color: #0975a6; margin-bottom: 5px; }
form#respform div.bg_fieldset {float: left; width: 95%; padding: 5px 0px 30px 8px; background: transparent url(/www/images/bg_fieldset.gif) repeat-x top left; }
form#respform div.formdetails {float: left; padding: 7px 0px 7px 0px;}
form#respform div.formdetails div.radio {width: 200px;}
form#respform div.formdetails div.radio input {float: left; width: 14px;}
form#respform div.formdetails div.radio label {display: block; float: left; width: 60px; padding-left: 10px; padding-top: 2px;}
form#respform div.comment {float: left; width: 100%; padding: 9px 0px 7px 0px;}
form#respform div.note{float: left; width: 100px; padding: 9px 0px 7px 10px;}
form#respform div.smallText { font-size: 9px; color: #0975a6; }

form#respform div.p_upload_file input{font-size: 12px;}
* html form#respform div.p_upload_file input{width: 282px; height: 20px; font-size: 14px;}

/** profile **/
div.ccp_profile p {margin-top: 0px;}
div.prefdetails {float: left; width: 100%; padding-bottom: 2px;}
div.profile_status {width: 100%; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 0px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
div.profile_status div.label {padding-top: 0px;}
div.profile_status div.label select#p_profile_status{width:200px; margin-bottom: 10px;}
div.profile_status div.detail input#p_days{float: left; width: auto;}
div.profile_status div.detail p{float: left; padding: 3px;}
div.ccp_profile div.links {clear: both; width: 100%; padding-top: 3px; padding-bottom: 10px;}
div.ccp_profile div.links a {padding-right: 10px;}

/** documents **/
table.docs{margin-bottom: 12px;}

/** popup **/
div#container_popup {position:relative; width:600px; margin-left:auto; margin-right:auto;}
div#container_popup div#contentHouder {width:600px;}
div#container_popup table#contentTabel {width:600px; margin:0; padding:0; text-align:left; font-family: ITVLight,Trebuchet,Arial,Helvetica sans-serif;}
div#container_popup table#contentTabel td {font-size: 11px !important;}
div#container_popup table#contentTabel td#TopContent {height: 31px; padding-top: 8px; padding-right: 10px; text-align: right; background-color: #0072ae;  font-size: 11px !important;}
div#container_popup td#TopContent a,
div#container_popup td#TopContent a:visited
  {font-size:12px; font-weight:bold; text-decoration:none; color:#000;}
div#container_popup td#TopContent a:hover {text-decoration:underline;}