﻿/* internal careers tabs  10/09 */

/*HEADER BOTTOM ROW OF TABS with careers in black*/

#editor .sys_bottom_tab{background-image:url(/intranet/css/images/internaltabs.jpg); background-repeat:no-repeat;}
#editor #contentfinder {display:none;} 

#editor .sys_bottom_tab  ul {display:none;}

.sys_bottom_tab {width:974px; border-bottom:5px solid black; height:55px; clear:both;margin-top:5px;} 
.sys_bottom_tab  ul {margin:0; list-style:none; padding: 0; margin:0; }
.sys_bottom_tab  li{float:left; position:relative;overflow:hidden;text-align:left;font-weight:bold;font-size:80%;}


#sys_bottom_tab8 {background-color:#000000; color:#ffffff;  height:45px; padding:10px 4px 0 10px; text-align:left;margin:0 0 0 5px;width:100px; } 
#sys_bottom_tab8 a {text-decoration:none; color:#ffffff;}


#sys_bottom_tab1 a {text-decoration:none; color:#ffffff; display:block;background-color:#005B87; height:40px; padding:3px 4px 3px 6px; margin:5px 0 0 0; width:60px; } 
#sys_bottom_tab1 a:hover {background-color:#00496D;padding:8px 4px 3px 6px;margin:0 0 2px 0;}

#sys_bottom_tab2 a {text-decoration:none; color:#ffffff; display:block;background-color:#005B87; height:40px;padding:3px 4px 3px 6px; margin:5px 0 0 5px;width:80px }
#sys_bottom_tab2 a:hover { margin:0 0 0 5px;  background-color:#00496D;padding:8px 4px 3px 6px;}
#sys_bottom_tab3 a {text-decoration:none; color:#ffffff; display:block;background-color:#005B87; height:40px;padding:3px 4px 3px 6px;margin:5px 0 0 5px;width:80px }
#sys_bottom_tab3 a:hover { margin:0 0 0 5px; background-color:#00496D;padding:8px 4px 3px 6px;}
#sys_bottom_tab4 a {text-decoration:none; color:#ffffff; display:block;background-color:#005B87; height:40px;padding:3px 4px 3px 6px; margin:5px 0 0 5px ;width:80px }
#sys_bottom_tab4 a:hover {margin:0 0 0 5px; background-color:#00496D;padding:8px 4px 3px 6px;}


#sys_bottom_tab5 a {text-decoration:none; color:#ffffff; display:block;background-color:#005B87; height:40px;padding:3px 4px 3px 6px;margin:5px 0 0 5px;width:100px }
#sys_bottom_tab5 a:hover {margin:0 0 0 5px; background-color:#00496D;padding:8px 4px 3px 6px;}

#sys_bottom_tab6 a {text-decoration:none; color:#ffffff; display:block;background-color:#005B87; height:40px;padding:3px 4px 3px 6px;margin:5px 0 0 5px;width:80px }
#sys_bottom_tab6 a:hover {margin:0 0 0 5px;  background-color:#00496D;padding:8px 4px 3px 6px;}
#sys_bottom_tab7 a {text-decoration:none; color:#ffffff; display:block;background-color:#005B87; height:40px;padding:3px 4px 3px 6px;margin:5px 0 0 5px;width:85px }
#sys_bottom_tab7 a:hover {margin:0 0 0 5px;  background-color:#00496D;padding:8px 4px 3px 6px;}
#sys_bottom_tab9 a {text-decoration:none; color:#ffffff; display:block;background-color:#005B87; height:40px;padding:3px 4px 3px 6px; margin:5px 0 0 5px;width:80px }
#sys_bottom_tab9 a:hover { margin:0 0 0 5px;  background-color:#00496D;padding:8px 4px 3px 6px;}

#sys_bottom_tab10 a {text-decoration:none; color:#ffffff; display:block;background-color:#005B87; height:40px;padding:3px 4px 3px 6px; margin:5px 0 0 5px;width:80px }
#sys_bottom_tab10 a:hover { margin:0 0 0 5px;  background-color:#00496D;padding:8px 4px 3px 6px;}



/*BANNER*/

.sys_main_banner {width:487px;height:221px; border-left:1px solid #999999; background-color:black; margin-top:7px;background-image:url(/intranet/CareersAndVacancies/css/images/internalcareers_4.jpg);background-repeat:no-repeat;}

#editor .sys_main_banner{background-image:url(/intranet/CareersAndVacancies/css/images/internalcareers_4.jpg);}

.sys_bannerbox {width:236px; height:234px;border:1px solid #000000;background-image:url(/intranet/css/images/StaffandStudents_RH_Image3.jpg); background-repeat:no-repeat;}
#editor .sys_bannerbox {background-image:url(/intranet/css/images/StaffandStudents_RH_Image3.jpg);}


/* TABBED AREA */
/* Tabbed Area Control */

.sys_home_tab_box {width:488px; height:200px;float:left;}


.sys_tabbedarea-control {height:1%;position:relative;margin:7px 0 10px 0;}
			
.sys_tabbedarea-control { padding: .2em; zoom: 1; border-bottom: 3px; } 


.sys_tabbedarea-control .ui-tabs-nav { list-style: none; position: relative; margin:0; padding: 0; border-bottom:1px solid #000;}

/*inactive tab*/
.sys_tabbedarea-control .ui-tabs-nav li { position: relative; float: left; margin: 0 5px 0 0; padding: 0 10px 0 10px; border-style:solid; border-width:1px 1px 0 1px; border-color:#cccccc; font-size:100%;}
.sys_tabbedarea-control .ui-tabs-nav li a { float: left; text-decoration: none; padding: 7px .5em; color:#ff0000; outline:none; font-size:1em;}


/*active tab */
.sys_tabbedarea-control .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0px; margin-bottom:-3px; background:#fff; border-color:#000000;}
.sys_tabbedarea-control .ui-tabs-nav li.ui-tabs-selected a {color:#000000; /*padding: 9px .5em 9px .5em;*/}
.sys_tabbedarea-control .ui-tabs-nav li.ui-tabs-selected a, .sys_tabbedarea-control .ui-tabs-nav li.ui-state-disabled a, .sys_tabbedarea-control .ui-tabs-nav li.ui-state-processing a {cursor: text; }



.sys_tabbedarea-control .ui-tabs-nav li a, .sys_tabbedarea-control .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */


/*content area*/
.sys_tabbedarea-control .ui-tabs-panel {clear:both; padding:0 5px 0 3px; display: block; border-width:0 ; background: none;margin:3px 0 0 0; }
.sys_tabbedarea-control .ui-tabs-panel p  {font-size:75%;line-height:120%;margin-bottom:0px;}
.sys_tabbedarea-control .ui-tabs-panel a {text-decoration:none;}


/* genetics */
.sys_tabbedarea-control .ui-tabs-hide { display: none !important; }

.sys_tabbedarea-control .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.sys_tabbedarea-control .ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .sys_tabbedarea-control .ui-helper-clearfix { height:1%; }
.sys_tabbedarea-control .ui-helper-clearfix { display:block; }
/* end clearfix */


.tabbed_header {font-size:130%;margin:5px 0 10px 0;display:block;font-size:1em}
.tabbed_content {border-bottom:1px dotted #C8C8C8; padding:0 0 15px 0; display:block;}
.tabbed_block {background-color:#CCCCCC; display:block; padding: 5px 0 5px 5px; width:460px;margin:10px 0 5px 0;}



/* custom drop-ins */

.sys_bannerbox_careers1 img {border:solid 1px #000000;}

/* Delicious overrides */
.delicious-post .delicious-extended { font-size: 100%; }

/* Add to Any button overrides */

.a2a_button_facebook { margin-right: 7px; }
.a2a_button_twitter { margin-right: 7px; }
.a2a_button_linkedin { margin-right: 7px; }
.a2a_button_delicious { margin-right: 7px; }
.a2a_button_email { margin-right: 7px;}