﻿/*------MACROECONOMICS SYSTEM ----------*/

html {overflow-y: scroll;}

body {margin: 0 auto; padding: 0;	height: 100%; font-family: arial, helvetica, sans-serif;font-size: 100%; background-color:#e1eef7; background-image:url(/SiteElements/css/Images/PageTemplateAssets/whiteBack.jpg); background-repeat:repeat-x;}

#editor .PLACE {background-color:#fff;}

hr {margin: 0;padding: 0; }



a {outline: none; }

a img {border:0;}
img a {border:0;}


.sys_clear {clear: both;font-size: 0; height: 0; line-height: 0; margin: 0;	padding: 0; }

.sys_Header {width: 975px ;	margin:0 auto 0 auto;	height:88px;}

.sys_HeaderLeft {float: left;width: 450px; margin-top:13px;}


.sys_Title {color:#0065cd; font-weight:bold; font-size:2em;}


.sys_HeaderRight {float: right; width:350px; }
#editor .sys_HeaderRight{width:380px;}



.sys_txtsze_wrapper {width:35px;float:left;padding:0 0px 0 0;}

.sys_txt_control_small {float:left;padding:16px 0 0 0;}


.sys_txt_control_large {float:right;padding:16px 0 0 0;}


#OCTRL142 {display:none}



.sys_Search {float:right; background-color:#ffffff; padding:20px 10px;}
#D1_ContensisDefaultLinkButton {display:none;}
.sys_search-query-control label.sys_search-label {display:none;}

.sys_search-query-control .sys_searchbox {margin-right: 5px;
    width: 203px;}
.sys_HeaderRowBottom {width:975px;  clear:both;margin:0 auto 0 auto; } 

.sys_TopMenu  ul {list-style:none; padding: 0; margin:0; }
.sys_TopMenu  li{float:right; position:relative;overflow:hidden;font-size:.75em;}




.sys_MainContentWrapper {width:975px; margin: 3px auto 30px auto;clear:both; background:#E1EEF7;}


.sys_BlueWrapper {background-color:#E4F1FE ; background-image:url(/SiteElements/css/Images/PageTemplateAssets/leftBack.jpg); padding:10px;background-repeat:repeat-x;}
#editor .sys_BlueWrapper {background-image:none; background-color:transparent;}


.sys_ContentWidth970 {float:right; width:950px;  margin: 0; margin:0 0 0 0;}

.sys_topBannerfullWidth {width:950px; height:238px; background:#fff; margin-bottom:10px;}


.sys_LeftColumn {width:240px; float:left;  margin: 0;}


/* Left hand nav */
 
#editor .sys_nav1 {display:block;}

.sys_nav1 {display:block;width:115px;margin:0 0 20px 0;}

.sys_nav1 div{display:block; width:215px; padding:5px; transition:0.4s all;}
.sys_nav1 div a{width:100%; display:block; text-decoration:none;}
/*.sys_nav1 div:hover {background:#e1eef7;}
.sys_nav1 div a {text-decoration:none; color:#0065cd; width:100%; display:block;}*/


/*.sys_MenuRoot {background:#e1eef7; margin-bottom:4px;}
.sys_MenuRoot a {color:#666;}*/
.sys_MenuRoot {background:#B0B0B0; margin-bottom:4px;}
.sys_MenuRoot a {color:#333;}

.sys_MenuParentFolder {background:#fff; margin-bottom:4px;}
.sys_MenuParentFolder a {color:#0065cd;}

/*.sys_MenuCurrentFolder{background:#fff; margin-bottom:4px;}
.sys_MenuCurrentFolder:hover {background:#e1eef7;}
.sys_MenuCurrentFolder a {color:#0065cd;}*/
.sys_MenuCurrentFolder{background:#0065cd; margin-bottom:4px;}
.sys_MenuCurrentFolder:hover {background:#0065aa;}
.sys_MenuCurrentFolder a {color:#fff;}

.sys_MenuItem{background:#fff; margin-bottom:4px;}
.sys_MenuItem:hover {background:#e1eef7;}
.sys_MenuItem a {color:#0065cd;}

.sys_MenuCurrentItem{background:#fff; margin-bottom:4px;}
.sys_MenuCurrentItem:hover {background:#e1eef7;}
.sys_MenuCurrentItem a {color:#0065cd;}



.sys_leftLogos p {margin:0 0 3px 0;}




.sys_ContentRight  {background-color:#fff;width: 710px; float: right; margin: 0; background-image:url(/SiteElements/css/Images/PageTemplateAssets/rightBack3.jpg); background-repeat:repeat-x;}
#editor .sys_ContentRight{background-image:none; background-color:transparent;}

.sys_left_column_twitter {width:233px !important; margin-top:15px;}
.sys_left_column_twitter a {color:#0065cd !important;}

.sys_CentreColumnContent {background:#fff; padding:20px 20px 0 20px; font-size:1em;margin:0;}
.sys_CentreColumn {float: left;	width:473px; }

#editor .sys_CentreColumnContent  {min-height:550px;} 

 

.sys_CentreColumnContent a {color:#0065cd;}
.sys_CentreColumnContent h1 {color:#0065cd; font-size:1.4em; font-weight:normal;margin:0;}
.sys_CentreColumnContent h2 {color:#0065cd;font-size:1.2em; font-weight:normal; }
.sys_CentreColumnContent h3 {color:#0065cd; }
.sys_CentreColumnContent h4 {color:#0065cd; }
.sys_CentreColumnContent h5 {color:#0065cd; }
.sys_CentreColumnContent h6 {color:#0065cd; }
.sys_CentreColumnContent p {font-size:.75em; color:#000; line-height:1.3em;	margin: 12px 0;}
.sys_CentreColumnContent ul{font-size:.75em; color:#000;list-style-type: none;padding: 0px; margin: 0px;}
.sys_CentreColumnContent ul li {background-image: url(/SiteElements/css/Images/PageTemplateAssets/blueBullet.gif);background-repeat: no-repeat;background-position: 0px 5px; padding-left: 14px; line-height:1.3em;}
.sys_CentreColumnContent ol {font-size:.75em; color:#000;}
.sys_CentreColumnContent ul ul {color:#000;font-size:100%;}
.sys_CentreColumnContent ul ol {color:#000;font-size:100%;}
.sys_CentreColumnContent ul ul ul {color:#000;font-size:100%;}
.sys_CentreColumnContent ol ul {color:#000;font-size:100%;}
.sys_CentreColumnContent ol ul ul {color:#000;font-size:100%;}



.sys_page_title h1 {margin:0; color:#0065cd;font-size:1.4em; font-weight:normal;padding:30px 0;}




.sys_RightColumn {float: right; width: 192px;background:#fff;height:100%; padding:0 15px 0 15px;}
.sys_RightColumn a {color:#0065cd;}

#OCTRL84 {display:none;}

.sys_home_right_image {margin-top:15px;font-size:.75em;}


#editor .sys_footer {display:none;}

.sys_footer {padding:10px;background:#BFBFBF; color:#000; font-size:.75em;font-weight:normal; width:935px; margin:10px auto 0 auto; }
.sys_footer p {margin:0;}

.sys_footer_centre {float:left;color:#000;}

.sys_footer_links {float:right;  color:#000;}
.sys_footer_links  a {text-decoration:none;color:#000; }
.sys_footer_links  a:hover{text-decoration:underline;}

.sys_footer_text {font-weight: normal !important;}

/* TABBED AREA for academic landing page  Tabby tabs */
/* Tabbed Area Control */


.sys_home_tab_box {height:200px;float:left;margin:0;}


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


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

/*inactive tab*/
.sys_tabbedarea-control .ui-tabs-nav li { position: relative; float: left; margin: 0 3px 0 0; padding: 2px 5px; border-top:#0065cd 1px solid; border-left:#0065cd 1px solid; border-right:#0065cd 1px solid; font-size:112%; background:#fff; transition:0.4s color;}
.sys_tabbedarea-control .ui-tabs-nav li a { float: left; text-decoration: none; padding: 7px .25em; color:#0065cd; outline:none;}
.sys_tabbedarea-control .ui-tabs-nav li a:hover{color:#0065aa;}


/*active tab */
.sys_tabbedarea-control .ui-tabs-nav li.ui-tabs-selected {margin-bottom:-3px; background:#fff; border-top:#000 1px solid; border-left:#000 1px solid; border-right:#000 1px solid; border-bottom:#fff 1px solid;}
.sys_tabbedarea-control .ui-tabs-nav li.ui-tabs-selected a {color:#000; /*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:15px 0 0 0; display: block; border-width: 0; background: none; }
.sys_tabbedarea-control .ui-tabs-panel p {}
.sys_tabbedarea-control .ui-tabs-panel a {}



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



/* PICTURE AND TEXT DROP IN FOR V4_3COLUMN1 */

.sys_v4_3column1_text_image_container {margin-top:10px;border-bottom:dotted 1px #7F7F7F;width:433px;padding:7px 0 7px 0;line-height:120%;font-size:.75em; color:#000; height:90px; line-height:1.3em;}
.sys_v4_3column1_text_image_text {float:right;}
#editor .sys_v4_3column1_text_image_text {width:300px;}
.sys_v4_3column1_text_image_text p { margin:0 0 9px 0;}
.sys_v4_3column1_text_image_pic {float:left;}
.sys_v4_3column1_text_image_container a {color:#FF0000;text-decoration:none;font-weight:bold;}
.sys_v4_3column1_text_image_container a:hover {text-decoration:underline;}


/*  TEXT ONLY DROP IN FOR V4_3COLUMN1  */

.sys_v4_3column1_highlights_text {margin:10px 0px 10px 0px ; text-align:left; border-bottom:dotted 1px #7F7F7F;padding:0 0 12px 0px;line-height:120%;width:433px;}
.sys_v4_3column1_highlights_text  p {text-align:left;margin:0px 0 8px 0 !important;}
#editor .sys_v4_3column1_highlights_text {width:400px;}
#editor .sys_v4_3column1_highlights_text  p {margin:0 0 8px 0;}
.sys_v4_3column1_highlights_text  a {color:#FF0000;text-decoration:none;font-weight:bold;}
.sys_v4_3column1_highlights_text  a:hover {text-decoration:underline;}
.sys_v4_3column1_highlights_text  ul {margin-left:6px;padding-left:6px;list-style-position:inside;}


