/* intranet system  11/09 */

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%;}




/*FURNITURE*/

.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(/intranet/css/images/staffAndStudentsLogo.png); background-repeat:no-repeat; width: 257px; 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;}





/*END OF FURNITURE*/


/* V4 3column1  CONTENT AREA  */

.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_one{margin:0 10px 40px 0; width:238px!important;display:block ! important;text-align:left;}
.sys_layout_three_column_one a {color:#FF0000;}
.sys_layout_three_column_one ul {list-style:square;}


.sys_layout_three_column_two{text-align:left; margin:0 0px 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{}


/* v4_2column1 layout */ 


.sys_content_v4_2column1 {margin:20px 0 0 0; text-align:left;} 
.sys_v4_2column1_left {float:left;width:238px;margin:0 10px 0px 0;} 
.sys_v4_2column1_right {float:right; width:726px;text-align:left; } 
.sys_v4_2column1_right #PLACE1 {width:714px; border: #00ff00 1px dashed!important; } 

.sys_auto_title h1 {margin:0;font-weight:normal; font-size:1.7em;}
.sys_v4_2column1_right p {font-size:.75em;}


.sys_v4_2column1_right H1 {font-size:1.7em;font-weight:normal;}
.sys_v4_2column1_right H2 {font-size:1.5em;font-weight:normal;}
.sys_v4_2column1_right H3 {font-size:1.3em;font-weight:normal;}
.sys_v4_2column1_right H4 {font-size:1em;font-weight:bold;}
.sys_v4_2column1_right H5 {font-size:.9em;font-weight:bold;}
.sys_v4_2column1_right H6  {font-size:100%;text-transform: uppercase;}
.sys_v4_2column1_right a {color:#ff0000;}


.sys_v4_2column1_right ul {list-style:square;font-size:.75em;}
.sys_v4_2column1_right ul ul {list-style:square;font-size:100%;}
.sys_v4_2column1_right ul ol {list-style:square;font-size:100%;}
.sys_v4_2column1_right ul ul ul {font-size:100%;}
.sys_v4_2column1_right OL {font-size:.75em;}
.sys_v4_2column1_right ol ul {font-size:100%;}
.sys_v4_2column1_right ol ul ul {font-size:100%;}










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



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


/* MID COLUMN  */

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



/*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_template339059   {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_template637751    {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; margin:0 0 20px 0;}
.sys_i_only img {border:none; margin:0; vertical-align:bottom; display:block; }
#editor .sys_template375014   {margin: 0 0 20px 0; border-bottom:solid 3px #000; border-top:solid 3px #000; background-color:#ebf0f6;}



/*INFORMATION FOR LINKS WIDTH IN CSS */

.sys_links_choice_box {margin:15px 0 20px 0;padding:0 0 20px 0; text-align:left;background-color:#3B3B3B;width:238px;}
.sys_links_choice_box p{margin:0 8px 10px 8px;;padding:10px 0 0 0;color:#ffffff;}
.sys_links_choice_box a {text-decoration:none; color:#ff0000;}
.sys_links_choice_box a:hover {text-decoration:underline;} 
.sys_links_choice_box ul {list-style:none; margin:0;padding:0;font-size:.75em;}
.sys_links_choice_box li {background-color:#ECECEC; margin:3px 8px 0px 8px; padding:8px 5px 8px 5px;}
#editor .sys_template612782   {margin: 0 0 20px 0;}



/* V4_3COLUMN1 DROPINS */



/* 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;}
.sys_contact_content p {margin:0;}
.sys_contact_content a {text-decoration:none;color:#ff0000;}
.sys_contact_content a:hover {text-decoration:underline;}


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



/*  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 10px;line-height:120%;width:448px;}
.sys_v4_3column1_highlights_text  p {text-align:left;margin:0px 0 8px 0 !important;}
#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;}



/* whos who for v4_3column1 */

.sys_who {margin:10px 0 0 5px; text-align:left; border-bottom:dotted 1px #7F7F7F;padding:0 0 5px 0;line-height:120%;width:100%;}
.sys_who_pic {float:left;}
#editor .sys_who_pic {display:block;border:1px dashed #00FF00 !important;}
.sys_who_text {float:right;}
.sys_who_text p {text-align:left;margin:0px 0 6px 0;}
.sys_who_text a {color:#ff0000; text-decoration:none;font-weight:bold;}
.sys_who_text a:hover {text-decoration:underline;}
#editor .sys_template7972173 {clear:both;}



/* Four box layout */
#editor div.sys_template797470   {
    float: left;
	width: 65px;
	min-height: 100px;
	margin: 0 8px 8px 0;
  background-color:#dbdbdf;
}
#editor .sys_template797469  .sys_greybox_border {
	height: auto;
	padding: 4px;
	width: 206px;
}



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








/* FOUR GREY BOXES */

.sys_greybox_margin {clear:both;width:473px;}

.sys_greybox_container_left {background-color:#CDCDCD;color:#000000; width:227px; margin:0 0 15px 0;float:left;}
#editor .sys_greybox_container_left  {background-color:#ededf1;}
.sys_greybox_container_right {background-color:#CDCDCD;color:#000000; width:227px;margin:0 0 15px 0;float:right;}
#editor .sys_greybox_container_right  {background-color:#ededf1;}


.sys_greybox_border  {border:solid 1px #B9B9B9; width:214px;height:170px; margin:5px auto 5px auto;}

.sys_greybox_title {margin:5px 5px 5px 5px; }
.sys_greybox_title a { Margin:0 0 0 0; color:#ff0000 !important; text-decoration:none; font-size:100%;}
.sys_greybox_title a:hover {text-decoration:underline;}
.sys_greybox_content {float:right;margin:0 3px 0 3px;padding:0 0 0 0; font-size:75%;width:200px;}
.sys_greybox_content p { margin:0 0 0 0; padding: 0 0 0 0;font-size:1em;}
.sys_greybox_content a {Margin:0 0 0 0; color:#ff0000 !important; text-decoration:none;font-size:1em;}
.sys_greybox_content a:hover {text-decoration:underline;}
.sys_greybox_content_img {float:left; margin 0 0 0 0 ; display:block; padding:2px 5px 0 0;}

#TEMPLfour-grey-boxes-pic1-1 {width:63px;}


/* ------------- FOUR PROMO BOXES  NOV 12   -------- */

.sys_four_box_v_two_outer {width:478px;} 
.sys_four_box_v_two_left {float:left; width:239px;}
.sys_four_box_v_two_right {float:right; width:239px;}
.sys_four_box_v_two_left_top {float:left; width:234px;margin:0 0 10px 0;}
.sys_four_box_v_two_right_top {;float:right; width:234px;margin:0;margin:0 0 10px 0;}
.sys_four_box_v_two_left_bottom {float:left; width:234px;margin:0;}
.sys_four_box_v_two_right_bottom {float:right; width:234px;margin:0;}


.sys_four_box_v_two_title {background:#000; color:#fff; padding:10px 7px 10px 7px;margin:0;font-size:1em;height:35px;}

#editor .sys_four_box_v_two_title {background:#fff; color:#000; padding:7px;}
#editor .sys_HR_box_green_border {border:dashed #00ff00 1px !important;}


.sys_four_box_v_two_title a {color:#fff !important; text-decoration:none;}
#editor .sys_four_box_v_two_title a:hover {text-decoration:underline;}
#editor .sys_four_box_v_two_title a {color:#333 !important;}
.sys_four_box_v_two_title a:hover {text-decoration:underline;}
.sys_four_box_v_two_title p {margin:0; font-size:1em;}

#editor.sys_four_box_v_two_title a {color:#000 !important}

.sys_four_box_v_two_image {margin:0;}

.sys_four_box_v_two_image img {border:none;margin:0;vertical-align:bottom; display:block;padding:0;}

.sys_four_box_v_two_text{background:#ccc;height:80px;padding:10px 7px 7px 7px;}
    
.sys_four_box_v_two_text p {margin:0;}


/* -------------  TWO PROMO BOXES -------------- */

/*used in v4_2columnDiv1 Template CS 07.15 -------- */


.sys_two_box_v_two_outer {width:726px; margin-top:10px;} 
.sys_two_box_v_two_left {float:left; width:363px;}
.sys_two_box_v_two_right {float:right; width:363px;}
.sys_two_box_v_two_left_top {float:left; width:358px;margin:0 0 10px 0;}
.sys_two_box_v_two_right_top {float:right; width:358px;margin:0;margin:0 0 10px 0;}



.sys_two_box_v_two_title {background:#CCC; color:#1d1d1d; padding:10px 7px 10px 7px; margin:0;font-size:1em;height:35px;}
.sys_two_box_v_two_title a {color:#1d1d1d !important; text-decoration:none;}
.sys_two_box_v_two_title a:hover {text-decoration:underline;}
.sys_two_box_v_two_title p {margin:0; font-size:1em;}

.sys_two_box_v_two_image {margin:0;}
.sys_two_box_v_two_image img {border:none;margin:0;vertical-align:bottom; display:block;padding:0;}

.sys_two_box_v_two_text{background:#e7e7e7;height:110px;padding:10px 7px 7px 7px;}   
.sys_two_box_v_two_text p {margin:0;}

#editor .sys_two_box_v_two_outer {margin-top: 10px;}
#editor .sys_two_box_v_two_left {float:left; width:358px;}
#editor .sys_two_box_v_two_right {float:right; width:358px;}
#editor .sys_two_box_v_two_title a {color:#333 !important;}
#editor .sys_two_box_v_two_title a:hover {text-decoration:underline;}
#editor .sys_two_box_v_two_title {background:#fff; color:#000; padding:7px;}
#editor .sys_HR_box_green_border {border:dashed #00ff00 1px !important;}


 
/* GREY BARS - THREE HORIZONTAL */


.sys_marginG {background-color:#CDCDCD; margin:0 0 15px 0;padding:10px; width:455px;}

#editor .sys_marginG {background-color:#ffffff;}
.sys_containerG { margin:0; border:solid #B9B9B9 1px;padding: 10px 0 0 0;}
#editor .sys_containerG {border:#ffffff 1px solid;}


.sys_imageG {margin:0 0 12px 10px ;width:63px; float:left;}
#editor .sys_imageG {background-color:#666666;}
.sys_contentG {margin:0 10px 12px 0px;width:350px; float:right;}
.sys_contentG p {margin:0 0 10px 0;}
.sys_contentG a {font-size:1.3em;text-decoration:none;}
.sys_contentG a:hover {text-decoration:underline;}
#editor .sys_contentG {background-color:#cccccc;}




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



/* WHOS WHO DROP IN FOR v4_3Column1 */


.sys_four_landww_container {width:458px; clear:both; }
.sys_four_landww_contentRight {width:111px;  float:right;margin-right:1px; margin-bottom:2px;}
.sys_four_landww_contentLeft {width:111px;  float:right;margin-right:1px; margin-bottom:1px;}
.sys_four_landww_image  {width:111px; height:140px;display:block;}
.sys_four_landww_image p {margin:0;}
.sys_four_landww_image img {margin:0 auto; display:block;vertical-align:bottom;  }
.sys_four_landww_text  {width:95px; height:90px; padding:8px; border:1px solid #ccc; font-size:.9em; }
.sys_four_landww_text a {color:#ff0000;text-decoration:none;}
.sys_four_landww_text a:hover {text-decoration:underline;}

#editor .sys_four_landww_image,#editor .sys_four_landww_text {border:solid 2px  #86fa86 ; padding:0; width:111px;}

#editor .sys_four_landww_container {margin-bottom:5px;}

#editor .sys_four_landww_text {height:45px;}



/* Right Column Pull Quote - Custom for Arts Newsletter Signup Form - Uses House styles instead of normal pullquote styles */

.sys_jobs_pullquoteRC_housestyles {width:238px;border-width:2px 0; border-style:solid; border-color:black; 
   clear:both;margin:10px 20px 10px 0; color:#333; background-color:#f2f2f2;}
.sys_jobs_pullquoteRC_housestyles p {padding:0 10px 0 10px; font-size:0.9em; }
.sys_jobs_pullquoteRC_housestyles h4 {padding:0 10px 0 10px; font-size:1.1em;}



/*full column pull quote */

.sys_pullquoteF {
  width:478px;
  border-width:2px 0; 
  border-style:solid; 
  border-color:black; 
  padding:15px 5px;
  font-size:1.2em;
  font-family:Georgia, Times New Roman, Times, serif!important; 
  clear:both;
  margin:10px 20px 10px 0; 
}





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

#editor .sys_accordionarea-control .ui-accordion-header {background:blue;}

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

/* -- END OF ACCORDION -- */


/* PROCUREMENT STYLES START */
.sys_procurement {
    width: 470px;
    float: left;
}
.blockGrid {
     width:100%;
     margin:0 auto;
}
.sys_gridItem {
     width: 135px;
     float: left;
     margin: 10px;
}
.sys_gridFooter {
    width: 100%;
    margin: 10px auto;
    position: relative;
    overflow: hidden;   
    float:left;
    text-align:center;
}
.sys_gridItem  p, .sys_gridFooter p {
     text-align:center;
}
.sys_procSum, .sys_procCrumbs {
     font-weight:bold;
}
.sys_procListing {
     width:100%;
     float:left;
     margin-bottom:30px;
}
.sys_procListing span, .sys_procItem span {
     font-weight:bold;
}
.sys_procItem {
     width: 470px;
     float: left;
}
p.sys_procDesc {
}
.sys_procItem p {
     margin-top:0;
}
.sys_procItem h3 a {
    font-size: 87%;
}
#ProductRecord {
    font-size: 75%;
}
#ProductRecord a {
    color: #ff0000;
}
p.sys_pItemHd {
     font-weight:bold;
     margin-bottom:0;
     margin-top:15px;
}
.sys_procurement .sys_procItem ul {
     list-style:none;
     margin:0;
     padding:0;
}
.sys_procurement .sys_formGroup {
     float:left;
     width:100%;
     border-bottom:1px solid #333;
     padding-bottom:10px;
     margin-bottom:10px;
}
.sys_procurement .sys_formGroupLast {
     border-bottom:none;
}
.sys_procurement .sys_formGroup p {
     font-weight:bold;
     margin-top:0;
}
.sys_procurement .sys_formGroup label {
     float:left;
     width:180px;
     margin-bottom:10px;
}
.sys_procurement .sys_formGroup input {
     float:left;
     width:200px;
     margin-bottom:10px;
}
.sys_procurement .sys_formGroup select {
     float:left;
     margin:0 100px 10px 0 ;
}
.sys_procurement .sys_formGroup select#department {
     float:left;
     margin:0 0 10px 0 ;
}
.sys_procurement .sys_formGroup textarea {
     float:left;
     width:200px;
     height:50px;
     margin-bottom:10px;
}
.sys_procurement .sys_procReq  button {
     float:right;
     margin-right: 65px;
}

#ProductRecord {
    float: right;
    width: 726px;
    text-align: left;
    position: relative;
    margin-top: -30px;
}
.sys_procFooter {
    width: 470px;
    float: left;
}

.sys_procFooter a{
    font-size: 12px !important;
}

.sys_productPhoto {
    width: 230px;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}
.sys_itemNameLabel {
   float: left;
    width: 180px;
    margin-bottom: 10px;
    font-size: 75%;
}
.sys_itemName {
   float: left;
    width: 200px;
    margin-bottom: 10px; 
    font-size: 75%;
}
.sys_Validation {
    background: #d14f53;
    border-radius: 6px;
    border: 1px solid #8f2f32;
    color: #fff;
    font-weight: bold;   
}
.sys_Validation ul li {
    line-height: 1.8em;   
}

.sys_updateCost {
    font-size: 10px;
    display: block;
    float: left;
    margin-left: 10px;
    padding: 5px;
    margin-top: 1px;
    text-align: center;
    background: #005B87;
    color: #fff;
    cursor: pointer;
}
.sys_updateCost:hover {
    background:#00496D;   
}
.sys_updateCost:active {
    background:#000;   
}

.sys_procurement button, 
.sys_submitProcurement {
    font-size: 12px;
    display: block;
    margin-left: 10px;
    padding: 10px 20px;
    margin-top: 1px;
    text-align: center;
    background: #005B87;
    color: #fff;
    cursor: pointer;
    border: none;
    float: right;
    margin: 0 0 30px 0;
}
.sys_procurement button:hover, .sys_procurement button:focus, 
.sys_submitProcurement:hover, .sys_submitProcurement:focus {
    background:#00496D; 
}
.sys_procurement button:active, 
.sys_submitProcurement:active {
    background:#000;
}

.sys_linkLeft {
    
}
.sys_linkRight {
    float:right;
}

.sys_procurement a, .sys_procFilter a, .sys_ProcurementProductListing a, .sys_procurementLinks a, .sys_procFooter a{
    text-decoration: none;
}


/* PROCUREMENT STYLES END */

/* THREE PROMO BOXES  -  CS 19.10.15 */

.sys_three_promo_container_main {width: 726px; margin-bottom:21px;}

.sys_three_promo_image { width:228px; height:100px; opacity: 1; filter: alpha(opacity=100);
  background: url(/intranet/css/images/procurement-hover-blank228x100.jpg) no-repeat;}

.sys_three_promo_image:hover {opacity: 0.3; filter: alpha(opacity=30);}
.sys_three_promo_left {width:498px; float:left;}
.sys_three_promo_ll {float:left; width:228px; margin-right:21px;}  
.sys_three_promo_lr {float:left; width:228px; margin-right:21px; }

.sys_three_promo_ronly {float:left; width:228px;}