/*Intranet services custom styles 11/09 */

/*HEADER BOTTOM ROW OF TABS with About LSE 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_tab2 {background-color:#000000; color:#ffffff;  height:45px; padding:10px 4px 0 10px; text-align:left;margin:0 0 0 5px;width:80px; } 
#sys_bottom_tab2 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_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_tab8 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_tab8 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/LSEServices/css/images/internalservices_2.jpg);background-repeat:no-repeat;}

#editor .sys_main_banner{background-image:url(/intranet/LSEServices/css/images/internalservices_2.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;margin:0 0 20px 0;}
#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:1.2em;}


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




/* ITS template classes text is not in p tags so alternative font sizes need to be put on strong and em */

.sys_itsTemplate em {font-size:75%;}
.sys_itsTemplate strong {font-size:75%;}
.sys_itsTemplate p em {font-size:100%;}


/* ITS home page twitter feed drop-in LS 3.12  defunct 11. 12 LS  */

.sys_its_twitter_container1 {width:215px;background-color:#CDCDCD;padding:6px;float:left;}

.sys_its_twitter_border1 {width:201px;border:1px solid #B9B9B9;padding:5px; float:left;height:550px}
.sys_its_twitter_border2 {width:201px;border:1px solid #B9B9B9;padding:5px; float:right;height:550px;}

.sys_its_twitter_container2 {width:215px;background-color:#CDCDCD;padding:6px;float:right;margin-right:5px;}

.sys_its_twitter_border1 h2 {position:relative;margin:10px 0 0 0;}
.sys_its_twitter_border2 h2 {position:relative;margin:10px 0 0 0;}


.sys_it_more_news {clear:both;margin:0;}
.sys_it_more_news  p {padding:10px 0 0 0;font-style:italic;clear:both;}



/* -----   ITS TWO VERTICAL BOXES -------- */



.sys__two_v_boxes_container1 {width:215px;background-color:#CDCDCD;padding:6px;float:left;}

.sys__two_v_boxes_border1 {width:201px;border:1px solid #B9B9B9;padding:5px; float:left;height:450px}
.sys__two_v_boxes_border2 {width:201px;border:1px solid #B9B9B9;padding:5px; float:right;height:450px;}

.sys__two_v_boxes_container2 {width:215px;background-color:#CDCDCD;padding:6px;float:right;margin-right:5px;}

.sys__two_v_boxes_border1 h2 {position:relative;margin:10px 0 0 0;}
.sys__two_v_boxes_border2 h2 {position:relative;margin:10px 0 0 0;}

.sys__two_v_boxes {width:478px;}


.sys_it_more_news {clear:both;margin:0;}
.sys_it_more_news  p {padding:10px 0 0 0;font-style:italic;clear:both;}




/* Accordion
----------------------------------*/



.sys_accordionarea-control {height:1%;margin:0 0 5px 0;}
.sys_accordionarea-control  p  {margin: 0 0 0 0 ;}
.sys_accordionarea-control h3 {margin: 0 0 0 0;font-size:.75em ! important;}

    
#editor .sys_accordionarea-control h3  {font-size:.75em;color:#ff0000;border:1px dotted green; padding:15px;}

/* CONTAINER */

.sys_accordionarea-control .ui-accordion-header { text-align:left; cursor: pointer; position: relative; zoom: 1; padding:.3em 7px; outline:none ; border-top:1px solid #fff; border-bottom:1px solid #fff; margin:5px 0 0 0;color:#ff0000; font-weight:bold;} 

.sys_accordionarea-control .ui-accordion-header a {text-decoration:none !important;}
.sys_accordionarea-control .ui-accordion-header a:hover {text-decoration:underline!important;}



/* CLOSED TAB */

.sys_accordionarea-control .ui-accordion-li-fix { display: inline; }
.sys_accordionarea-control .ui-state-active {outline:none;border-bottom:1px solid #FFF; color:#ff0000; font-weight:bold;}



 /* TOP OF OPEN TAB WITH ORIGINAL TEXT */


.sys_accordionarea-control .ui-accordion-header a {padding: 0; color:#ff0000;  text-decoration:none; outline:none;}
.sys_accordionarea-control .ui-state-active a {color:#ff0000; background-color:#ffffff;  }
.sys_accordionarea-control .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }

/* ? */

.sys_accordionarea-control .ui-accordion-content {padding:0 0 0 5px;text-align:left;zoom:1; border-top: 0; margin-top: -1px; position: relative; top: 1px; overflow:none; display: none; border-right:1px solid #fff; border-bottom:1px solid #fff;margin-bottom:3px;}
.sys_accordionarea-control .ui-accordion-content-active {display: block; }



/* CONTENT AREA */


.sys_accordionarea-control .ui-accordion-content ul {margin:0 10px 0 0;padding:0;list-style-type:square;list-style-position:inside;}
	
.sys_accordionarea-control .ui-accordion-content ul li {  padding:.6em 12px .6em 1px; }
.sys_accordionarea-control .ui-accordion-content ul li.sys_first { background:none;}
.sys_accordionarea-control .ui-accordion-content p {font-size:.75em;}
#editor .sys_accordionarea-control .ui-accordion-content p {font-size:1em;}

.sys_accordionarea-control .ui-accordion-content a {color:#ff0000;text-decoration:none; padding:0px 0px; margin: 0 0 0px 0; display:inline;font-weight:bold;}
.sys_accordionarea-control .ui-accordion-content a:hover {text-decoration:underline;}


.sys_accordionarea-control .ui-accordion-content{margin:0;padding:0 12px 15px 20px; }

#editor .sys_accordionarea-control .ui-accordion-content a  {font-size:1em;}


#editor .sys_accordionarea-control a {text-decoration:none;color:#ff0000;padding:5px 0;}
#editor .sys_accordionarea-control a:hover {text-decoration:underline}

#editor .sys_tabbedmenu-control .sys_tabbedmenu-content {
	position:relative;
	background:#fff;
	width:100%;
	display: block;
	}   
 

	/* IMT LINKS SNIPPET */



.sys_imt_quickLinks_title {background-color:#000000; color:#ffffff;text-align:left; padding:12px 0 12px 8px;font-size:1em; width:230px;margin:0 0 7px 0;}
.sys_imt_quickLinks_title a{text-decoration:none; color:#ffffff; }
.sys_imt_quickLinks_title a:hover {text-decoration:underline;}
.sys_imt_quickLinks_title p {margin:0;}
.sys_imt_quickLinks_img img {border:none;margin:0;vertical-align:bottom; display:block;}
.sys_imt_quickLinks_img {border-bottom:solid 3px #000000;margin:0 0 20px 0;width:238px;font-size:.65em; text-align:left;}

.sys_imt_links_text {padding:0 3px 20px 10px;}