

/*
  DOCS International
  Style information for screen medium
*/

body {
	margin: 0;
	padding: 0;
	font:small  Arial, Helvetica, sans-serif;
	color:#222222;
	background: #FFFFFF url(../images/dropshadow.gif) repeat-y 50% 0;
}

a {
       color: #AC1A2F;
       text-decoration: none;
}

td {
       font: small Arial, Helvetica, sans-serif;
}

img {
       border:none;
       padding:0;
       margin:0;
}

#container {
	position:absolute;
	left:50%;
	margin:0 0 0 -496px;
	width:992px;
	background: url(../images/container_bg.gif) repeat-y;
}

html.WebKit #container, html.Opera #container{
        margin:0 0 0 -495px;
}

#logo{
	position: absolute;
	left: 11px;
	top: 11px;
	z-index:12;
}

body.search #container {
	background: url(../images/container_left_col_bg.gif) repeat-y;
}

/*************** HEADER ********************/

#header {
	position:relative;
	height:120px;
	background:url('../images/docs_header.gif') left bottom no-repeat;
	z-index:10;
}

#header img {
	vertical-align:bottom;
}

#main_menu {
	font-family: arial, helvetica, sans-serif;
	clear:right;
	position:relative;
	z-index: 10;
	list-style:none;
	margin:0 0 0 0;
	padding: 44px 0 0 240px;
	height: 40px;
	font-size:1em;
}

#main_menu a {
	color:white;
	text-decoration:none;
        font-weight: bold;
}

#main_menu ul li a
{
        font-weight: normal;
}

#main_menu li {
	position:relative;
	float:left;
	color:#ffffff;
	padding:16px 30px 16px 20px;
	margin:0;
       /* background:url('../images/main_menu_right.gif') no-repeat 90% #1a1818;*/
        background:url('../images/main_menu_right.gif') no-repeat 90% ;
	min-height:12px;
}

#main_menu li.hover
{
	cursor:pointer;
	/*background:url('../images/main_menu_down.gif') no-repeat 90% #1a1818;*/
       background:url('../images/main_menu_down.gif') no-repeat 90% ;
}

#main_menu ul
{
	display:none;
	position:absolute;
	margin:20px 0 0 5px;
	left:0;
	padding:0;
	list-style:none;
	font-size:0.9em;
	z-index:1;
	padding-bottom:15px;
	background: url(../images/drop_menu_bottom.png) no-repeat 0 100%;
}

#main_menu ul ul {
	display:none;
       position:absolute;
       top:0;
	margin:0 0 0 125px;
	font-size:1.0em;
}

#main_menu li.hover ul {display:block;}
#main_menu li.hover ul li ul {display:none;}
#main_menu li.hover ul li.hover ul {display:block;}

#main_menu ul li
{
	float:none;
	padding:5px 10px 5px 5px;
	background:#1a1818;
        margin:0;
	width:110px;
	border-top:1px solid #222020;
        border-bottom:1px solid #090707;
	font-size:100%;
}

#main_menu ul li.parent
{
    background:#1a1818 url('../images/child_menu_right.gif') no-repeat 95%;
}

#main_menu li.right
{
	height:40px;
	width: 120px;
	text-align:right;
	color:#ffffff;
	margin:0;
	float:right;
    background: none;
}

#main_menu li.right a
{
	background:url('../images/envelope.gif') 0 50% no-repeat;
    padding-left:30px;
}

#main_menu li.right a:hover {color:white;}
#main_menu li.hover a {color:white;text-decoration:underline;}
#main_menu li.hover li a {color:white;text-decoration:none;}
#main_menu li.hover li.hover a {color:white;text-decoration:none}
#main_menu li.hover li.hover{background: #AC1A2F;}
#main_menu li.hover li.hover li a {color:white;}
#main_menu li.hover li.hover li.hover a {color:white;}

#main_menu li.hover li.parent:hover
{
   background:#AC1A2F url('../images/child_menu_right_over.gif') no-repeat 95%;
}

/*************** MAIN BODY *****************/

#job_search
{
	margin:-1px 0 5px 0;
        padding: 130px 0 0 0; 
	width:240px;
	float:left;
	font-size:80%;
        background: url(../images/docs_people.jpg) no-repeat;
}

#job_search form
{
	margin:0;
}

#job_search fieldset
{
	border:none;
	margin:0;
}

#job_search label
{
        cursor:pointer;
        margin-right: 10px;
}

#job_search input.search
{
	width:204px;
}

#job_search select
{
	width:210px;
}

#job_search .reset
{
	border:none;
	background:none;
	cursor:pointer;
	float:left;
	margin-top:15px;
}

#job_search select, #job_search input{
       margin: 4px 0 4px 0;
}

#job_search .button
{
	float:right;
	margin-top:15px;
        width: 72px;
        height: 19px;
        cursor:pointer;
}




#left_banner
{
	margin:0;
	padding:10px 0 0 0;
	width:240px;
	text-align:center;
}


#left_banner a
{
	display:block;
	vertical-align:bottom;
	padding: 0;
	margin: 0;
	border-top:2px solid #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
}

#left_banner a.shortlist-banner
{
	width:230px;
	font-family:Helvetica, sans-serif;
	background:url('../images/144.gif') no-repeat;
	line-height:30px;
	text-decoration:none;
	text-align:right;
	padding:0 10px 0 0;
	margin:0 0 9px 0;
	color:#010066;
	font-size:1.25em;
}

#left_banner img
{
    border: none;
	margin:0;
    padding:0;
}

#news_container
{
	display:block;
	float:right;
	padding:0;
	margin:0;
	width:225px;
	background: #eeeeee;
}

#news_container h2
{
	display:none;
	margin:7px 0 17px 0;
	font-size:150%;
	color:#AC1A2F;
	font-family: arial;
	letter-spacing: -0.5px;
}

body.news #news_container h2,
body.news #stories
{
	display:block;
}

body.news #stories
{
	margin-bottom:10px;
}

#news_banner
{
        position:absolute;
        bottom:110px;
        right:0px;
        width:225px;
}

#news_banner img,
#news_banner object
{
	display:block;
	margin:10px 0 0 0;
}

.bannerspacer{
     width:225px;
     height: 14px;
     background: url(../images/bannerspacer.gif) repeat-x;
}

#stories
{
	display:none;
	overflow:hidden;
	/*border:2px solid #5e6182;*/
	padding:0 2px;
}

#stories p
{
	margin:10px 0;
}

#stories a
{
	color:black;
	text-decoration:none;
}

#stories a:hover
{
	text-decoration:underline;
}

#stories a:visited
{
	color:#fe7700;
}

#content
{
	margin:0;
	padding:10px 244px 0 259px;
	font-size:90%;
	line-height:1.5em;
    z-index:1;
}

body.search #content
{
	margin:0;
	padding:10px 0 0 259px;
    text-align:left;
	font-size:90%;
	line-height:1.5em;
}


#content h2 {
	margin:7px 0 0 0;
	font-size:170%;
	color:#AC1A2F;
}

body.home #content {
        background: url(../images/164.jpg) 275px 20px no-repeat;
        height:560px;
        text-indent:-9999px;
        margin-top:0;
        padding-top:0;
}

body.home #content div {
        display:block;
        width:1px;
        height:1px;
        overflow: hidden;
        padding:0;
        margin:0;
}

#content h3 {
	margin:7px 0 0 0;
	font-size:125%;
	color:#AC1A2F;
}

#content h4
{
	margin:7px 0 0 0;
	font-size:12px;
	color:#111111;
}

#content ul
{
	margin-left:0;
	padding-left:15px;

}

#content ul ul
{
	list-style:circle;
	/*list-style-image:url('../images/icon_bullet_round_hollow.gif');*/
}

#content li
{
	margin:5px 0;
}

#content a {color:#AC1A2F;text-decoration:none;}
#content a:hover {text-decoration:underline;}
#content a:visited {color:#AC1A2F;}
#content a img {border:none;}

span.red_text {color:#AC1A2F;}
span.gray_text {color:#666666;}

/*************** FOOTER ********************/

#footer
{
	width:1020px;
        margin: 35px 0 0 -15px;
        padding: 10px 0 0 0;
	clear:both;
	font-size:0.85em;
	/*background:#FFFFFF url(../images/footer_bg.gif) repeat-x 0 0;*/
        background:#FFFFFF url(../images/footer_bg.jpg) no-repeat 15px 0;
	color:#333;
	height: 100px;
}

body.search #footer{
	background: #FFFFFF url(../images/footer_bg_lc.jpg) no-repeat 15px 0;
}


#legal
{
	float:left;
	padding:20px 0 0 10px;
}

#copyright_notice
{
	float:right;
	padding: 20px 50px 5px 0;
	margin:0;
        height:14px;
        text-align:center;
}

#copyright_notice p{
       padding: 0;
       margin: 0;
}

#copyright_notice img{
	margin: 0 5px 0 0;
}

#copyright_notice a{
       color: #333;
       text-decoration: none;
}

#rss_jobalerts_container{
        float:right; 
}

#twitter_container{
        float:right;
}

#footer a, #footer a:hover
{
	color:#333;
	text-decoration:none;
}

#footer ul.links{
       margin: 0 0 0 20px;
       float: right;
       list-style-type:none; 
       padding: 0 5px 0 20px; 
       border-left: 1px solid #bbb;
}


#footer ul.international{
       margin: 0;
       float: left;
       list-style-type:none; 
       padding: 0 0 0 10px; 
}

#footer li{
       margin-bottom: 0.1em;
}

#footer .international img{
       vertical-align: middle;
       margin-right: 5px;
}

/*************** REG FORMS ********************/



form.registration
{
	margin:10px 0 10px 0;
	padding:0;
}

form.registration div.section,
form.registration div.section-yellow,

form.registration div.section-purple,
form.registration div.section-green,
form.registration div.section-blue
{
	padding:20px 0 0 0;
	margin:0 0 10px 0;
}

#regstep1, #regstep2, #regstep3, #regstep4, .section-blue{  
       background:  #cecece url(../images/form_bg_header.gif) 0 0 no-repeat;
        width: 726px;
        color: #222;
}

form.registration fieldset{
       margin: 0;
       padding: 0 10px 30px 10px;
       background: url(../images/form_bg_footer.gif) 0 100% no-repeat;
       border: none;
}

form.registration div.submit
{
	background:#fff;
	border-top:10px solid white;
	padding-bottom:1em;
}

form.registration span.regstep{

	padding-left: 10px;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 2.5em;
}

form.registration fieldset.submit{
     border: none;
}


form.registration fieldset fieldset
{
	float:left;
	background:none;
	padding:0;
	margin:0 15px 0 0;
	border:none;
}

form.registration fieldset legend
{
	margin:0;
	padding:0;
	font-size:2em;
	color:#222222;
}

form.registration fieldset fieldset legend,
form.registration fieldset.blue fieldset legend,
form.registration fieldset.green fieldset legend,
form.registration fieldset.purple fieldset legend,
form.registration fieldset.yellow fieldset legend
{
	background:none;
	font-size:1.5em;
	font-weight:bold;
	color:#222222;
	margin:0;
	padding:0;
}

form.registration ol
{
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
}

form.registration ol.double
{
}

#content form.registration ol.double li.right
{
	float:right;
	margin:0;
}

form.registration label
{
	line-height:1.5em;
	float:left;
	clear:left;
	width:10em;
        font-weight: bold;
        text-align: right;
        margin-right: 5px;
}

form.registration label.sub{
       font-size:0.9em;
       width:18em;
}


form.registration label.inline
{
	float:none;
}

form.registration .feedback
{
	color:#f00;
	font-weight:bold;

	line-height:2em;
}

form.registration .feedback img
{
	vertical-align:middle;
}


form.registration p
{
	margin:0 0 1em 0;
}

form.registration select.list
{
	width:325px;
}

form.registration .additional
{
	margin:1.3em 0 0 0;
	float:left;
	padding:9px 0 0 0;
	width:319px;
}

form.registration .additional fieldset
{

	float:none;
	background: #dddddd;
	margin:0;
	padding:0 7px 10px 7px;
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
}

form.registration .additional fieldset label
{
	width:9.4em;

}

form.registration .additional input.checkbox
{
	margin-left:2px;

}

form.registration textarea
{

	width:300px;
	height:5em;
	font:small verdana, sans-serif;

}

#content form.registration a
{
	color:#000000;
	font-weight:normal;
	text-decoration:underline;
}

.regform-error
{
	padding:0 0 10px 0;
}
.regform-error p,
.regform-error h3
{
	margin:0;
}

#content .regform-error h3
{
	background:#D0D3DC url('../images/back_regform_top.jpg') 0 0 no-repeat;
	margin:0;
	padding:10px 10px 0 10px;
	font-weight:bold;

}

.regform-error p
{
	padding:0 10px;
}

fieldset.submit{
	border: none;
}

.privacy-policy-description a{
        font-weight: bold;
}

/*************** SEARCH RESULTS ********************/

.search-results
{
	padding:20px 0 0 0;
	margin:0 0 10px 0;
        clear:right;
}

.search-results a
{
	text-decoration:none;
}

.search-results a:hover
{
	text-decoration:underline;
}

.search-results dl
{
	padding:5px 10px 10px 10px;
	margin:0;
}

.search-results dt
{
	margin:0;
	padding:0;
       color: #111111;
	font-size:1.25em;
}

#content .search-results dt a
{
	color:#AC1A2F;
	text-decoration:none;
	font-weight:bold;
}

#content .search-results dt a:hover
{
	text-decoration:underline;
}

#content .search-results dt a:visited
{
	color:#d34b5f;
	padding-right:15px;
	background:url('../images/tick.gif') 100% 50% no-repeat;
}

.search-results dd
{
	margin:0 0 1.5em 0;
	padding:0 0 0.5em 0;
	background:url('../images/dotted_line.gif') repeat-x 0 100%;
}

.search-results dd.last
{
	background:none;
	margin-bottom:0;
}

.search-results dd p

{
	margin:0 0 1em 0;

}



.search-section

{

	background:url('../images/search_bottom_bg_red.gif') 0 100% no-repeat #AC1A2F;
	padding:0 0 1.5em 0;
   z-index:0;
   width: 489px;

}



.search-section-browse
{
	background:url('../images/search_bottom_bg_grey.gif') 0 100% no-repeat #efefef;
	padding:0 0 1.5em 0;
	position:relative;

	z-index:0;


    width: 489px;

}

#content .search-section h2
{
	padding: 1em 6em 1px 10px;
	margin:0;
	background:url('../images/search_top_bg_red.gif') 0 0 no-repeat #AC1A2F;
	color:#ffffff;
        width: 200px;
}

#content .search-section-browse h2
{

	padding:1.2em 6em 1px 10px;
	margin:0;

	background:url('../images/search_top_bg_grey.gif') 0 0 no-repeat #efefef;
	color:#111111;
    font-size: 1.4em;

}

#content .search-section-browse h2
{
	padding-bottom:10px;
}

#content .search-section h3

{
	float:right;
	margin: -0.5em 1em 0 0;
	padding:0 0 0 0;
	color:#fff;
        width:200px; 
}

#content .search-section-browse h3
{
	float: right;
	width: 200px;
	margin: -0.5em 1em 0 0;
	color:#111111;
	padding:10px;
}

#content .search-section h4,
#content .search-section-browse h4
{
	margin:10px;

}


#content .search-section ul,
#content .search-section-browse ul
{
	list-style-image:url('../images/icon_bullet.gif');
	margin:0 0 0 30px;
	padding-left:0;
	display:block;
}

#content .search-section-browse p
{
	margin:1em 15px;
}

#content .search-section-browse p.options
{
/*
	top:3em;
	text-align:right;
        margin:1em 15px;
*/
}


#content .search-section-browse p.only-options
{
/*
	position:absolute;
	right:0;

	top:3em;

	text-align:right;
	float:right;
	margin:1em 15px -4em 0;
*/
}

#content .search-section li,
#content .search-section-browse li
{
	display:list-item;
	width:auto;
	float:none;
	padding:0;
	font-weight:normal;
}


#content ul.search-options
{
	list-style:none;
	margin:10px 0;
	padding:0;
	font-size:1.2em;
       clear:right;
}

.search-options li.previous,
.search-options li.previous-disabled
{

	float:left;
}

.search-options li.next,
.search-options li.next-disabled
{

	float:right;
}


#content ul.search-options li.previous a,
#content ul.search-options li.previous-disabled a
{
	background:url('../images/icon_large_arrow_left.gif') 0 50% no-repeat;
	padding:5px 0 5px 20px;

	font-weight:normal;

	text-decoration:none;

}

#content ul.search-options li.next a,
#content ul.search-options li.next-disabled a
{
	background:url('../images/icon_large_arrow_right.gif') 100% 50% no-repeat;
	padding:5px 20px 5px 0;
	font-weight:normal;
	text-decoration:none;
}

#content ul.search-options li.next-disabled a
{
	color:#D0D3DC;

	background-image:url('../images/icon_large_arrow_right_disabled.gif');
}

#content ul.search-options li.previous-disabled a
{
	color:#D0D3DC;
	background-image:url('../images/icon_large_arrow_left_disabled.gif');

}

form.sort-results
{
	margin:0;
	text-align:center;
}

form.sort-results fieldset
{
	border:none;
}

/*************** JOB DESCRIPTION ********************/
.job-header
{
	padding:0 0 15px 0;
	background:#EFEFEF url('../images/search_bottom_bg_grey.gif') 0 100% no-repeat;
        width:489px;
	margin:0;
}

.job-header a
{
	text-decoration:none;
}

.job-header a:hover
{

	text-decoration:underline;

}

#content .job-header h2
{

	background:#EFEFEF url('../images/search_top_bg_grey.gif') 0 0 no-repeat;
	padding:16px 10px 0 10px;
	margin:0 0 10px 0;
}

#content .job-header ul
{
	list-style:none;
	margin:0;
	padding:0 10px 0 10px;
	height:1.5em;
}

#content .job-header a.shortlist
{
	float:right;
	margin:-2em 10px 0 0;
}

#content .job-header li
{
	display:inline;
}

#content .job-header li a
{
	color:#000;
}

#content .job-header li.back
{
	float:left;
}

#content .job-header li.apply,
#content .job-header li.send,
#content .job-header li.print,
#content .job-header li.shortlist
{
	float:right;
	padding:0 0 0 15px;
}

#content .job-header li a 
{
	background-repeat:no-repeat;
	background-position:0 50%;
	padding:2px 0 2px 19px;
}

#content .job-header li a img
{
	vertical-align:bottom;
}

#content .job-header li.back a {padding:2px 0;}
#content .job-header li.apply a {background-image:url('../images/icons/confirm_16.gif')}
#content .job-header li.send a {background-image:url('../images/icons/user_16.gif')}
#content .job-header li.print a {background-image:url('../images/icons/print_16.gif')}

#content .job-header li.shortlist a {background-image:url('../images/icons/confirm_16.gif')}

.job-details
{
	padding:20px 0 0 0;
	clear:right;
	width: 728px;        
}

.job-details em
{
        font-style: normal;
        text-decoration: underline;
}

a.shortlist-button
{
	float:right;
	margin:-2em 1em 0 0;
}



.job-details a
{
	text-decoration:none;
}

.job-details a:hover
{

	text-decoration:underline;
}


#content .job-details h3
{

	color:#AC1A2F;
	margin:0;
        width:550px;
	padding:0 10px 0.5em 0px;
	font-weight:bold;
}

.job-details dl

{
	padding:0 10px 30px 5px;

	margin:0;
}

.job-details dt
{
	font-weight:bold;
	float:left;
	margin:0 5px 0 0;


	padding:0;
}


.job-details dt.above


{
	margin:1em 0 0 0;

	float:none;
}

.job-details dd
{
	margin:0;
	padding:0;
}

#content .job-details dd p
{
	margin:0 0 1em 0;
}


.job-details a.back

{
	float:left;
	margin:-20px 0 0 13px;

	display:block;

}


.job-details a.back img
{
	vertical-align:bottom;
}



.job-footer
{
	float:right;
	margin:0;
	padding:0;
	height:13px;
	line-height:13px;
}

p

{
	margin:1em 0;
}


img.button
{
	cursor:pointer;
	float:right;
}

.error

{
	color:#AC1A2F;
}


.accessibility
{
	display:none;
}

.ajax-message-mask {position:absolute; width:100%; height:100%; top:0; left:0; z-index:100;}
.ajax-message-shadow {font-size:1.5em; position:absolute; top:50%; left:50%; margin:-60px 0 0 -210px; background:#000; width:420px; height:2.4em; padding:30px 0; opacity:0.5; z-index:101}
.ajax-message {font-size:1.5em; position:absolute; top:50%; left:50%; margin:-50px 0 0 -200px; background:#fff; width:400px; line-height:1.2em; height:2.4em; text-align:center; vertical-align:middle; background:#111111; color:#ffffff; z-index:102; padding:20px 0;}
.ajax-message img {vertical-align:middle; width:31px; height:31px;}

.clearfix:after 
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}

/* End hide from IE Mac */

.clearfix-right:after 
{
	content:".";
	display:block;
	height:0;
	clear:right;
	visibility:hidden;

}

.clearfix-right {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix-right {display:block;}
/* End hide from IE Mac */


/*********************LOGIN FORM***********************/
#login_overlay input{
   display: block;
   width: 130px;
   margin: 0 0 3px 0;
   float: left;
}

#login_overlay label{
   display: block;
   float: left;
   text-align: right;
   width: 60px;
   font-size: 11px;
   padding: 0 5px 10px 5px;
}

#login_overlay label:hover{
    cursor: pointer;
}

#login_overlay input[type='image']{
   width: 24px;  
   float: left;
   margin: 0 0 0 15px;
}

#login_overlay br {
   clear: left;
}

#login_overlay legend{
   font-size: 11px;
   color:#AC1A2F;
   font-weight: bold;
   margin-bottom: 3px;
}

.docs_login{
   margin-bottom:0px;
   padding-right:1px;
}

#login_overlay fieldset{
   border:none;
   margin: 10px 0 10px 0;
}

#login_error{
       font-size: 11px;
       padding: 0;
       margin:0;
       margin-top: -5px;
}

#overlay{ background-image: url(../images/overlay.png); }

#login_overlay {
        position: absolute;
        left: 0px;
        right: 0px;
        width: 350px;
        height: 250px;
        display:none;
        background: url(../images/login_overlay_bg.png) 0 100% no-repeat;
        z-index: 100;
}

#login_overlay_header {
        position: relative;
        width:350px;
        height:50px;
        text-align: right;
}

#login_overlay_title {
        float:left;
        font-weight: bold;
        color: #fff;
        margin: 15px 0 0 28px;
}

#login_overlay img{
        vertical-align: middle;
}


#login_overlay_header img{
        margin: 12px 22px 0 0;
}

#login_overlay_content {
        position: relative;
        width:280px;
        font-size:11px;
        margin-left: 35px;
}

#login_status{
       font-size: 12px;
       color: #222;




       padding: 0 0 12px 0px;
       background: url(../images/bannerspacer.gif) 0 100% no-repeat;
       text-align: center;
}


#login_status  a{
   font-size: 11px;
   color: #222;
}

#login_status #usercookie a{
   font-size: 10px;
   color: #999;
}

#login_status img{
      vertical-align: middle;
}


#login_status a:hover{
   color:#AC1A2F;
}

body.search #login_status{
   background: url(../images/login_bg.gif) 0 100% no-repeat;
}

/*****************JOB ALERTS **************/

#job_mailing_cancel{
     vertical-align: middle;
}

#job_mailing_docs .jobmailheader{
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-size:14px;	
	color: #ffffff;

	text-align: center;
        margin:15px 0 0 0;
	background-image: url(../images/jobmail_fieldsetheader.gif);
	background-repeat: no-repeat;
}

#job_mailing_docs input, #job_mailing_docs select{
	display: block;
	float: left;
	margin: 0 0 10px 0;
}

#job_mailing_docs label {
	text-align: right;
	width: 180px;
	padding-right: 20px;

	font-weight: bold;

	display: block;
	float: left;
	margin: 0 0 10px 0;
}

#job_mailing_docs input[type = 'text']{
	width: 210px;
	border: 1px solid #b0b2ba; 
}

#job_mailing_docs select{
	border: 1px solid #b0b2ba; 
}

#job_mailing_docs span {
	color:#AC1A2F;
	font-size:12px;
	margin: 0 0 0 4px;
}

#job_mailing_docs br{
    clear: both;
}

#job_mailing_docs input[type = 'radio']{
	width:20px;
}

#job_mailing_docs input[type = 'image']{
	float:right;
	margin: 0;
	padding: 0 0 15px 0;
}

#job_mailing_docs .floatright{
	width: 100%;
	text-align:right; 
}

#job_mailing_docs .jobalert_div{
   width:485px;
   background: #cecece url(../images/form_bg_header_small.gif) 0 0 no-repeat;
   margin: 10px 0 0 0;
}

#job_mailing_docs  legend{
   color: #222;
   font-weight: bold;
   font-size: 120%;
   padding: 10px 0 0 10px;
}

#job_mailing_docs fieldset{
	padding:0px;
        margin:0px;
	border: none;
        background: url(../images/form_bg_footer_small.gif) 0 100% no-repeat;
}

#job_mailing_docs fieldset p{
	text-align:center;
}

#job_mailing_docs label.checkbox{
	font-weight: normal;
	padding: 0;
	margin: 0;
}

#job_mailing_docs input[type='checkbox']{
	padding: 0;
	margin: 0 0 0 10px; 
}

#job_mailing_docs fieldset.submit{
	border: none;
        background: none;
        float: right;
        margin: 10px 0 0 0;
}

/*************** VIDEO ********************/


#global_video_container{
        position: absolute;
        display:none;
        left: 340px;
        top: 250px;
        z-index:200;
        width: 394px;
        height: 366px;
        padding: 22px 0 0 45px;
        background: url(../images/video_overlay.png) 10px 10px no-repeat;
}

#global_video_container #close_video{
    position:absolute;
    top: 10px;
    right: 45px;
    width:20px;
    height: 20px;
}

#global_video_container #close_video:hover{
    cursor: pointer;
}

#global_video_container #video_content{
    position:absolute;
    top: 40px;
    left: 46px;
}

body.videocall #content{
     height: 600px;
     background: url(../images/docs_webcam_large.jpg) 410px 110px no-repeat;

}

#closevideocall{
     right:45px;
     top:5px;
}

#videoCallContainer{
     width:524px;
     height:444px;
     padding: 22px;
     background: url(../images/videocallbg.png) no-repeat;

}

/*************** WEBCONTACT ********************/

#webcontact li{
       margin:0;
       padding:10px 0 0 0;
       list-style-type: none;
}

#webcontact label{
       float:left;
       width: 70px;
       text-align:right;
       margin: 0 10px 0 0;
       font-weight: bold;
}

#webcontact fieldset{
       border: none;
}

#webcontact legend {
       font-weight: bold;
}

#webcontact fieldset{
	padding:0px;
	margin:5px 0 0 5px;
	border: none;
	border-bottom: 6px solid #cccccc;
}

#webcontact input[type = 'image']{
	float:right;
	margin: 0;
	padding: 0 0 15px 0;
}

#webcontact  fieldset.submit{
	border: none;
}


/************************** JOB SEARCH *****************************/

#job_search h4 {
	font-size:160%;
	margin:0 0 5px 20px;
	font-weight:normal;
}

#job_search_details{

}

#job_search_basic{
        padding: 0 10px 0 10px;
}

#job_search_details_content {
        background: url(../images/search_more_bg.gif) 0 0 no-repeat;
        padding: 15px 10px 10px 10px;
}

#job_search_details_handle{
        text-align: center;
        padding: 0px 10px 8px 0;
        height: 24px;
        margin-top: -5px;
        color: #1a1a1a;
}

#search-discipline-input, #search-position-input{
        display: none;
}

.CollapsiblePanelClosed {
        background:none;
        background: url(../images/select_down.gif) 48% 14px no-repeat;
}

.CollapsiblePanelTabHover {
        background: url(../images/select_down_over.gif) 48% 14px  no-repeat;
        cursor: pointer;
}

.CollapsiblePanelOpen #job_search_details_handle{
       background: url(../images/select_up.gif) 48% 14px no-repeat;
}

#job_search_submit{
        background: url(../images/search_shade.gif) 0 100% no-repeat;
        padding: 0px 10px 15px 10px;
}
/******** ACCORDION EFFECT ********/

.Accordion {
	border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
*/

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */

.AccordionPanelTab {
	background-color: #CCCCCC;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
        text-align: center;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
*/

.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 220px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}
/************************ DOCS OFFICES ***************************/

#docsoffices{
                position: relative;
                float: left;
	width: 490px;
                font-size: 11px; 
                line-height: 16px;
}

#docsoffices ul{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#docsoffices li{
	list-style-type: none;
	margin: 0px;
	padding: 3px;
}

#docsoffices area:hover{
                cursor: pointer;
}

#docsoffices li:hover{
	color: #fff;
	background-color:#AC1A2F;
	cursor: pointer;
}

#docsoffices-header{
	position: absolute;
                background: url(../images/offices_search_bar.gif) 0 0 no-repeat;
	width: 492px;
	height: 100px;
	padding: 18px 0 20px 18px;
                top: 0px;
	left: 0px;
	z-index: 5;
}

#docsdivisions-select, #docsregions-select, #docscountries-select{
	float: left;
	margin-right: 3px;
                font-size: 11px;  
}

#docsoffices-handle-divisions, #docsoffices-handle-regions, #docsoffices-handle-countries {
               border-top: 2px solid #111;
               border-left: 1px solid #222;
               border-right: 1px solid #222;
               border-bottom: 1px solid #888;
               background: #efefef url(../images/select_down.gif) 98% 8px no-repeat;
               padding: 2px;
               color: #111;
}

#docsoffices-handle-divisions:hover, #docsoffices-handle-regions:hover, #docsoffices-handle-countries:hover {
               background-image: url(../images/select_down_over.gif);
               cursor: pointer;
}

#docsoffices-input-divisions, #docsoffices-input-regions, #docsoffices-input-countries {
               display: none;
               padding: 2px;
               border-left: 1px solid #ccc;
               border-right: 1px solid #ccc;
               border-bottom: 1px solid #ccc;
               background: #fff;
               max-height: 300px;
               overflow: auto;
}

#docsoffices-input-divisions, #docsoffices-handle-divisions{
               width: 160px;
}

#docsoffices-handle-regions, #docsoffices-input-regions{
              width: 140px;
}

#docsoffices-handle-countries, #docsoffices-input-countries {
             width : 120px;
}

#docsoffices-output-offices{
                position: relative;
                top: 60px;
	width:490px;
                border-bottom: 30px solid #fff;
                margin-bottom: 30px;
               padding-bottom: 30px;
}

#docsoffices-output-offices .docsoffice{
	float: left;
	width: 150px;
	padding: 3px;
	margin: 20px 2px 2px 2px;
}

#docsoffices-output-offices .docsoffice a{
                font-weight: bold;
}

#docsoffices-output-offices .docsoffice h4{
                font-size: 13px;
                margin: 3px 0 5px 0;
                color:#AC1A2F;
}

#docsoffices-output-offices .docsoffice-container{
	width:480px;
	margin: 2px 2px 20px 2px;
                clear:both;
                border-bottom: 1px dotted #eaeaea;
                padding: 0 0 10px 0;
}

#offices-ajax-loader{
                 position:relative;
                 top: 30px;
                 left:50%;
                 margin-left: -8px;
}