/* BJS R7 AMMEND 21.5.12 LS  */


body { font-family:Arial, Helvetica, sans-serif;  text-align:center; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0; background-color:#FFFFFF; border-top:10px solid #000000;background-image:url(/v4global/images/backgroundtop-short.gif); background-repeat:repeat-x;font-size:100%;}



.sys_tabbedmenu-control .ui-tabs-nav li {color:#ff0000;}
.sys_tabbedmenu-control .ui-tabs-nav li a {color:#ff0000;}
.sys_tabbedmenu-control .ui-tabs-nav li a:hover {color:#990000;}



/*LOGO AND SEARCH */

    
.sys_header_logo {background-image:url(/BJS/css/images/bjsLogo.png); background-repeat:no-repeat; width: 275px; height:74px; float:left; margin-top: 15px; z-index: 9999; position: relative;}  

.sys_header_searchlinks { color:#ff0000; margin:3px 0 0 0; text-align:right;margin-bottom:10px;float:left;width: 250px;}
.sys_header_searchlinks A{text-decoration:none; color:#ff0000;} 
.sys_header_searchlinks A:hover{text-decoration:underline;}


#editor .sys_bottom_tab{background-image:url(/BJS/css/images/BJStabs.jpg); background-repeat:no-repeat;border-bottom:1px solid white;}





/* END OF FURNITURE */


/*  V4 3column1  CONTENT AREA  */


.sys_layout_three_column_one {margin:0 10px 40px 0; width:238px!important; display:block ! important;text-align:left;font-size:75%;}
.sys_layout_three_column_one a {color:#FF0000;}
.sys_layout_three_column_one ul {list-style:square; }

.sys_generated_title {font-size:1.7em !important;font-weight:normal !important;padding:0 0 0px 0;text-align:left; width:478px; margin:0 10px 15px 0;}

.sys_layout_three_column_two{text-align:left; margin:0 10px 40px 0;width:478px!important; display:block !important; padding:0 0 0 0;}
#editor .sys_layout_three_column_two {font-family:Arial, Helvetica, sans-serif;}


.sys_layout_three_column_two H1 {font-size:1.7em;font-weight:normal;}
.sys_layout_three_column_two H2 {font-size:1.5em;font-weight:normal;}
.sys_layout_three_column_two H3 {font-size:1.3em;font-weight:normal;}
.sys_layout_three_column_two H4 {font-size:1em;font-weight:bold;}
.sys_layout_three_column_two H5 {font-size:.9em;font-weight:bold;}
.sys_layout_three_column_two H6  {font-size:100%;text-transform: uppercase;}
.sys_layout_three_column_two a {color:#ff0000;}
.sys_layout_three_column_two ul {list-style:square;font-size:.75em;}
.sys_layout_three_column_two ul ul {list-style:square;font-size:100%;}
.sys_layout_three_column_two ul ol {list-style:square;font-size:100%;}
.sys_layout_three_column_two ul ul ul {font-size:100%;}
.sys_layout_three_column_two OL {font-size:.75em;}
.sys_layout_three_column_two ol ul {font-size:100%;}
.sys_layout_three_column_two ol ul ul {font-size:100%;}
.sys_layout_three_column_two p {font-size:75%;line-height:120%;}


.sys_layout_three_column_three{margin:0 0 40px 0;width:238px!important; display:block ! important;text-align:left;}
.sys_layout_three_column_three a {color:#FF0000;}
.sys_layout_three_column_three ul {list-style:square;}



.template-no-page-contents{}

/* CONTACT BOX WIDTH ON PLACEHOLDER */
.sys_contact_content {border-style:solid; border-color:#cccccc; border-width:1px 1px 1px 1px; text-align:left;  background-color:#ffffff; font-size:75%;line-height:120%;padding:5px 10px 10px 10px;margin:0 0 20px 0;}
.sys_contact_content p {margin:0;}
.sys_contact_content a {text-decoration:none;color:#ff0000;}
.sys_contact_content a:hover {text-decoration:underline;}


/*LANDING PAGE*/

/* GRID */
.sys_landing_container {}

.sys_page_title {width:726px;margin:0;float:right;}


.sys_page_title H1{text-align:left;font-size:1.7em;font-weight:normal;margin:0 0 0 5px;}

.sys_column_left {float:left;width:238px;margin:0 4px 0 0;}


.sys_column_right_container {float:right; clear:right; width:726px; margin:0 0 0 5px; margin-bottom:20px;}


.sys_column_right_one {float:left;width:488px;text-align:left;}

.sys_column_right_two {float:right;width:238px;}


/*BANNER*/

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



.sys_bannerbox {display:none;}  
.sys_bannerbox_dropin {margin:-7px 0 20px 0; }

/* BANNER - in right hand column */
.sys_bannerbox_rh {width:236px; height:236px;  margin: 0 0 20px 0; }

/* LEFT COLUMN  */


.sys_contact_title {border-style:solid; border-color:#cccccc;width:219px; border-width:1px 1px 0 1px;text-align:left; background-color:#ffffff;margin-top:15px;font-size:1em;padding:8px 0 8px 9px;}


/* CUSTOM SNIPPET FOR PUBLISHING EITHICS IN THE LEFT COLUMN ON THE LANDING PAGE  */

.sys_pubEthicsLogoHeader {margin:0; font-size:1em; background: #000; color: #fff; border-color:#000; border-width:1px 1px 1px 1px; border-style:solid; margin-top:20px; width:213px; padding:7px;}

.sys_pubEthicsLogos {padding:0px 0; border-color:#ccc; border-width:0px 1px 1px 1px; border-style:solid; width:227px;  }

/* CUSTOM SNIPPET FOR CONTRIBUTE TO BJS IN THE LEFT COLUMN ON THE LANDING PAGE  */

.sys_contributeBJSHeader {margin:0; font-size:1em; background: #000; color: #fff; border-color:#000; border-width:1px;border-style:solid; margin-top:20px; width:213px; padding:7px;}
.sys_contributeBJSHeader a {text-decoration:none; color:#fff; }
.sys_contributeBJSHeader a:hover {text-decoration: underline;}

.sys_contributeBJSImage {padding:0px 0; border-color:#ccc; border-width:0px 1px 1px 1px; border-style:solid; width:227px;  }








/* MID COLUMN  */

/* All the drop-ins including text only use width of 468px */

/*DESCRIPTION WIDTH ON PLACEHOLDER */

.sys_description { margin:10px 5px 10px 4px ;  text-align:left; font-size:90%; background-color:white;}
.sys_description p {margin:0; text-align:left;}
.sys_description a {text-decoration:none; color:#ff0000;}
.sys_description a:hover {text-decoration:underline;}


/* HIGHLIGHTS TITLE ON DV CONTENT AREA ON PH DIV */

.sys_highlight_title {margin:0 0 0 0; padding:12px 0 12px 10px;background-color:#ebebeb;font-size:100%;}
.sys_clearfloat_both {clear:both;margin:0;line-height:0px;height:0px;}

/* MAIN HIGHLIGHT */

.sys_highlights_main {width:100%;clear:both;text-align:left;margin:10px 0 0 0;border-bottom:dotted 1px #7F7F7F;padding-bottom:4px;font-size:75%;line-height:120%;width:468px;}
.sys_highlights_main_pic {float:left;}
.sys_highlights_main_text {float:right;text-align:left;}
.sys_highlights_main_text p {text-align:left;margin:6px 0 6px 0;}
.sys_highlights_main_text a {color:#ff0000; text-decoration:none;font-weight:bold;}
.sys_highlights_main_text a:hover {text-decoration:underline;}


/* MINOR HIGHTLIGHTS WITH PICTURE DROP IN */

.sys_highlights1 {margin:10px 0 0 0; text-align:left; border-bottom:dotted 1px #7F7F7F;padding:0 0 5px 0; font-size:75%;line-height:120%;width:468px;}
.sys_highlight1_pic {float:left;}
.sys_highlights1_text {float:right;}
.sys_highlights1_text p {text-align:left;margin:0px 0 6px 0;}
.sys_highlights1_text a {color:#ff0000; text-decoration:none;font-weight:bold;}
.sys_highlights1_text a:hover {text-decoration:underline;}

.highlights_story_header{font-size:120%;}


/*MINOR HIGHLIGHTS TEXT ONLY DROP IN. WIDTH ON PLACEHOLDER*/

.sys_highlights_text {margin:10px 0px 10px 0px ; text-align:left; border-bottom:dotted 1px #7F7F7F;padding:0 0 5px 10px;font-size:75%;line-height:120%;width:458px;}
.sys_highlights_text p {text-align:left;margin:0px 0 6px 0;}
.sys_highlights_text a {color:#FF0000;text-decoration:none;font-weight:bold;}
.sys_highlights_text a:hover {text-decoration:underline;}
.sys_highlights_text ul {margin-left:6px;padding-left:6px;list-style-position:inside;}


/* RIGHT COLUMN */



/*IMAGE TITLE WIDTH ON PH DIV*/

.sys_it_title {background-color:#000000; color:#ffffff;text-align:left; padding:12px 0 12px 8px;font-size:1em;}
.sys_it_title a{text-decoration:none; color:#ffffff; }
.sys_it_title a:hover {text-decoration:underline;}
.sys_it_title p {margin:0;}
.sys_it_img img {border:none;margin:0;vertical-align:bottom; display:block;}
.sys_it_img {border-bottom:solid 3px #000000;margin:0 0 20px 0;}
#editor .sys_template554159    {margin: 0 0 20px 0;}

/*IMAGE CAPTION WIDTHS ON PH DIVS */
.sys_icap_caption {font-weight:normal; background-color:#000000; color:#ffffff;text-align:left; padding:5px 0 5px 8px;font-size:75%;margin: 0 0 20px 0; }
.sys_icap_caption a {text-decoration:none; color:#ffffff;}
.sys_icap_caption a:hover {text-decoration:underline;}
.sys_icap_caption p {margin:0;}
.sys_icap_image {margin:0;}
.sys_icap_image img {margin:0;vertical-align:bottom; display:block;border-top:solid 3px #000000;}
#editor .sys_template554138    {margin: 0 0 20px 0;}


/*IMAGE ONLY WIDTHS ON PH DIVS */
.sys_i_only {border-width:3px 0 3px 0; border-style:solid; border-color:#000000;}
.sys_i_only img {border:none; margin:0; vertical-align:bottom; display:block;}
#editor .sys_template554154  {margin: 0 0 20px 0; border-bottom:solid 3px #000; border-top:solid 3px #000; background-color:#ebf0f6;}


/* PICTURE AND TEXT DROP IN FOR V4_3COLUMN1 */

.sys_v4_3column1_text_image_container {margin-top:10px;border-bottom:dotted 1px #7F7F7F;width:458px;padding:7px 0 12px 0;}
.sys_v4_3column1_text_image_text {float:right}
.sys_v4_3column1_text_image_text p {font-size:75%;line-height:120%; margin:0 0 8px 0 !important;}
#editor .sys_v4_3column1_text_image_text p {margin:0 0 8px 0;}
.sys_v4_3column1_text_image_text a {color:#FF0000;text-decoration:none;font-weight:bold;}
.sys_v4_3column1_text_image_text a:hover {text-decoration:underline;}
.sys_v4_3column1_text_image_pic {float:left;}

/* 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; border-bottom:1px solid #000; width:468px;}

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


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






.large {color:#1D3563!important ; font-size: 125%;font-weight:bold;}