#banner_top
{
   background:#3369a7;
    width: 1080px;
    font-family: arial, sans;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    padding: 15px 0px 20px 0px;
    margin: -10px 0px 0px -10px;
    
}
#banner_top .title
{
    margin-left: 30px;
}

#banner_topSHSP
{
   background:#3369a7  url(../images/title_pics.png) top right no-repeat;
    width: 1080px;
    font-family: arial, sans;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    padding: 15px 0px 20px 0px;
    margin: -10px 0px 0px -10px;
    height: 38px;
}

#banner_topSHSP .title
{
    margin-left: 30px;
}

.breadcrumbs
{
    font-size: 10px;
    margin-bottom: 12px;
    color: #428be9;
}
.breadcrumbs a
{
    text-decoration: underline;
    color: #428be9;
    font-weight: normal;
}
#landingpage_left
{
    width: 775px;
    float: left;
    color: #000;
    padding: 0px 0px 12px 10px;
    margin: 0px;
    background: #fff;
}

#landingpage_left .top
{
    margin-bottom: 12px;
}
#landingpage_left .content
{
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 16px;
}
#landingpage_left a
{
   /* color: #428be9;*/
    font-weight: bold;
    color: #3369A7; /***7-28-17, Color changed for Accessibility reasons.  Contrast too low***/
}

#landingpage_left a:hover
{
    color: #666;

}

#landingpage_left a.learnmorebox
{
    color: #fff;
    font-weight: bold;
    border: 1px solid #fff;
    padding: 6px;
    font-size: 11px;

}

/***************************************SHSP Styles************************************/


#landingpage_left .callout_box
{
   
    border-left: 4px solid #7fbb41;
    margin-top: 90px;
    margin-right: 50px;
    float: right;
   
}
#landingpage_left .callout_box_content
{
    padding: 0 6px;
    font-size: 12px;
    width: 155px;
}

/*************blue SHSP 'wheel' boxes  ************/

#bluebox_container
{
    width: 750px;
    margin-top: 22px;
    clear:both;
}

#bluebox_container .maintitle
{
    background: url(../images/shsp/understandingSHSPtitle.png) top left no-repeat;
    text-align: center;
     color: #333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 6px;
   margin-left: 6px;
  
}
#bluebox_container .title
{
    text-align: center;
     color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin-top: 6px;
   
}

#bluebox_container .policybox
{
    background: #3369a7;
    height: 165px;
    width: 165px;
    float: left;
    margin-right: 0px;
    padding: 3px 12px 0px 10px;
}
#bluebox_container .policybox_content
{
    line-height: 16px;
    color:#fff;
    padding: 13px 3px;
    font-size:11px;
}

#bluebox_container .policybox.black
{
    background: #404040;
}

#bluebox_container .policybox.green
{
    background: #76aa37;
}

#bluebox_container .policybox.gray
{
    background: #656364;
}



/*OLD DESIGN styles*/

#bluebox_container .tabholder
{
    width: 510px;
    float: right;
    margin-right: 20px;
}

/* root element for boxes  */
ul.wheels
{
    list-style: none;
    margin: 0 !important;
    padding: 0;
    height: 96px; /*this determines placement of the down arrow*/
}

/* single box */
ul.wheels li
{
    float: left;
    text-indent: 0;
    padding: 0;
    margin: 0 !important;
    list-style-image: none !important;
}

/* link inside the box.  */
ul.wheels a
{
    display: block;
    width: 166px;
    padding: 0px;
    margin-right: 0px;
    position: relative;
    top: 1px;
}
ul.wheels a:active
{
    outline: none;
}
ul.wheels a:focus
{
    outline: none;
}
/* box width 1 */
ul.wheels a.s
{
    width: 166px;
    border: 0px;
}
ul.wheels a.s:hover
{
    width: 166px;
}
ul.wheels a.s.current
{
    width: 166px;
}

/* box width 2 if you need it */
ul.wheels a.s2
{
    width: 160px;
    border: 0px;
}
ul.wheels a.s2:hover
{
    width: 160px;
}
ul.wheels a.s2.current
{
    width: 160px;
}
/* box width 3 if you need it */
ul.wheels a.s3
{
    width: 160px;
    border: 0px;
}
ul.wheels a.s3:hover
{
    width: 166px;
}
ul.wheels a.s3.current
{
    width: 160px;
}

/* box pane styling */
.panes2 div
{
    margin-top: 0px; /*affects the placement of the down arrow*/
    padding: 3px 6px;
    width: 455px;
    font-size: 12px;
}

.panes2 img
{
    margin: 0px 10px 0 4px;
}

/* initially all panes are hidden */
.panes2 .pane
{
    display: none;
}

.panes2 .learnmore
{
    padding-top: 10px;
}

.arrow_boxleft
{
    margin: 0px 0px 0px 67px;
}
.arrow_boxmiddle
{
    margin: 0px 0px 0px 223px;
}
.arrow_boxright
{
    margin: 0px 0px 0px 387px;
}
/*************end tabs ************/
/*end OLD DESIGN styles*/

/*************SAFETY DATA styles - Landing Page left side************/


.greenTitle_dashboard
{
    font-size: 25px;
    color: #7fb83a;
    font-weight: bold;
}


.dashboardBox
{
    margin-top: 12px;
    clear: left;
      /* float: left;
  width: 735px;
   border: 1px solid #ccc;*/
    padding: 8px;
}
.blueSubtitle
{
    font-size: 18px;
    color: #3369a7;
    font-weight: bold;
}

.gray_box
{
    background: #eee;
    padding: 4px 10px;
    text-align: center;
}

/*---------------------start  page right side-------------------*/

#landingpage_right
{
    float: right;
    color: #000;
    padding: 24px 8px 16px 0px;
    margin: 0px;
    background: #fff;
    width: 266px;
}
 .title
{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 8px 3px 8px;
}
 .title a
{
    color: #fff;
}

.subtitle
{
    color: #000;
    padding: 0px 8px;
}

a.learnmore
{
    color: #fff;
    font-weight: bold;
    float: right;
    padding: 6px 6px 0 0;
}


#landingpage_right img
{
    float: right;
    margin-left: 6px;
}

#landingpage_right img.shsp
{
    padding: 3px 6px;
   float:left;
}
#landingpage_right img.shsp_ctr
{
    padding:0;
    margin:0 0 -6px 0;
    float:none;
 }
/*---------------------start right top box-------------------*/

.topbox_title
{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding-left: 8px;
    padding-top: 120px;
}
.topbox_title2
{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding-left: 18px;
    padding-top: 230px;
}
.topbox_text
{
    color: #333;
    padding-left: 8px;
    margin-top: 19px;
    padding-bottom: 8px;
    padding-right: 6px;   
}

.topbox_text_higherEd
{
    color: #fff;
    padding-left: 8px;
    margin-top: 19px;
    padding-bottom: 8px;
    padding-right: 6px;   
}


.topbox_text_tech
{
    color: #fff;
    padding-left: 16px;
    padding-bottom: 8px;
    padding-right: 6px;   
    
}

 .topbox_text li
{
    margin-left: -24px;
}

.topbox_text a.learnmore
{
    color: #fff;
   text-align: right;
    padding: 8px 0px;
    margin-right: -4px;
    border-top: 1px solid #fff;
    width: 257px;
}
/*---------------------start About right top box-------------------*/

.topboxAbout
{
 background: url(../images/bg_topboxAbout.png) top left no-repeat;
   
    width: 257px;
    border: 1px solid #ccc;
}
/*---------------------start SHSP newsflash top box-------------------*/
#rotatorbox2
{
   background: url(../images/shsp/bg_newsflash.png) top left no-repeat;
  /*  background-color: #e06e16;*/
   width: 257px;
   height: 125px;
  /*    color: #fff;
 margin-bottom: 16px;*/
}
#rotatorbox2 .content a
{
   margin-top: 6px;
   color: #fff;

}
#rotatorbox2 a
{
   color: #fff;

}

/*rotator styles*/

.sliderwrapperSHSP
{
    position: relative; /*leave as is*/
    overflow: hidden; /*leave as is*/
    border: 0;
    width: 257px; /*width of featured content slider*/
    height: 78px;
}

.sliderwrapperSHSP .contentdiv
{
    visibility: hidden; /*leave as is*/
    position: absolute; /*leave as is*/
    left: 0; /*leave as is*/
    top: 0; /*leave as is*/
    padding: 0 6px 6px 6px;
    width: 250px; /*width of content DIVs within rotator. Total width should equal rotator's inner width (390+5+5=400) */
    height: 75px;
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=100);
    -moz-opacity: 1;
    line-height: 1.2em;
}


#paginate-slider2 {
width: 250px; /* Width of pagination DIV. Total width should equal slider's outer width */ 
padding: 4px 4px 0px 4px;
margin: -8px 0; 
border: 0;
text-align: center;
}
#paginate-slider2 a.toc {background: url('../images/dot_black.png') no-repeat bottom left;}
#paginate-slider2 a.toc.selected {background: url('../images/dot_white.png') no-repeat bottom left;}

/*
.pagination a{
    background: url('../images/dot_circle.png') no-repeat; 
}

.pagination a:hover, .pagination a.selected{
background: url('../images/dot_orange.png') no-repeat;
background-color:#000;
}
*/

 .newsflashSHSP
{
    background: url(../images/shsp/bg_newsflash.png) top left no-repeat;
    background-color: #404040;
    width: 257px;
    height: 116px;
    margin-bottom: 16px;
    
}
 .newsflash_title
{
    color: #333;
    display:block;
    background: #fff;
    font-size: 18px;
    font-weight: bold;
    font-style:italic;
    text-align:center;
    padding-left: 8px;
    padding-top: 0px;
    padding-bottom: 3px;
    margin-bottom: 6px;
     /*border-bottom: 1px solid #fff;  */
}

.newsflash_text
{
    color: #fff;
    padding-left: 8px;
    margin-top: 12px;
    padding-bottom: 8px;
    padding-right: 6px; 
 
}

 .newsflash_text a.learnmore
{
    color: #fff;
   text-align: right;
    padding: 8px 0px;
    margin-right: -4px;
    width: 257px;
}

/*---------------------start SHSP right feature box-------------------*/

 .topboxSHSP
{
    color: #000;
    width: 257px;
    margin-top: 12px;
 
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.topboxSHSP_title 
{
    padding: 8px;
   background-color: #3369a7;
    font-size: 13px;
}
 .topboxSHSP_title a
{
    color: #fff;
}

.topboxSHSP_text 
{
   padding:8px;
   
}
.topboxSHSP_text ul
{
    padding-top: 10px;
}

.topboxSHSP_text li
{
      margin-left: -24px;
}
.topboxSHSP_text a.learnmore
{
   color: #fff;
    font-weight: bold;
    float: right;
    margin-top: 6px;
    padding: 6px 4px 6px 0;
    margin-right: -9px;
    text-align:right;
    width: 255px;
   background-color: #404040;
}
.boxbottombar
{  margin-top: 6px;
    padding: 6px 4px 6px 0;
    margin-right: -1px;
    text-align:right;
    width: 255px;
   background-color: #404040;}


/*---------------------start SHSP right  middle box-------------------*/

.middlebox
{
    background: url(../images/bg_greenheaderbox_sm.png) top left no-repeat;
    color: #000;
    width: 257px;
    margin-top: 12px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.middlebox2
{
    background: url(../images/bg_greenheaderbox_sm.png) top left no-repeat;
    color: #000;
    width: 257px;
    margin-top: 38px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
   }

 .middlebox_text 
{
    padding-left: 8px;
    padding-bottom: 10px;
    margin-top: 22px;
}
 .middlebox_text ul
{
    padding-top: 10px;
}

 .middlebox_text li
{
      margin-left: -24px;
}
 .middlebox_text a.learnmore
{
   color: #fff;
    font-weight: bold;
    float: right;
    margin-top: 6px;
    padding: 6px 4px 6px 0;
    margin-right: -1px;
    text-align:right;
    width: 255px;
   background-color: #404040;
}
.boxbottombar
{  margin-top: 6px;
    padding: 6px 4px 6px 0;
    margin-right: -1px;
    text-align:right;
    width: 255px;
   background-color: #404040;}
/*---------------------start SHSP right bottom box-------------------*/

#landingpage_right .SHSPbottombox
{
   background: url(../images/bg_greenheaderbox_sm.png) top left no-repeat;
    color: #000;
    width: 257px;
    margin-top: 28px;
    border-left: 1px solid #ccc;
     border-right: 1px solid #ccc;
   
}
#landingpage_right .SHSPbottombox .text 
{
    padding-left: 8px;
    padding-bottom: 10px;
    margin-top: 22px;
}

#landingpage_right .SHSPbottombox .text ul
{
    margin: 25px 0 22px 7px;
    padding: 0 4px 0 0;
}

#landingpage_right .SHSPbottombox .text li
{
   
    margin: 0 0 7px 0;
    padding: 0 0 0 0;
    list-style-type: none;
}
#landingpage_right .SHSPbottombox .text a.learnmore
{
   color: #fff;
    font-weight: bold;
    float: right;
    margin-top: -6px;
    margin-right: -1px;
    padding: 6px 4px 6px 0;
    text-align:right;
    width: 255px;
   background-color: #404040;
}
#landingpage_right .events
{
    margin-top: 16px;
    margin-left: 8px;
}

/*---------------------start SAFETY DATA right top box-------------------*/

.topboxSafety
{
    /*background: url(../images/safetyCop/bg_featured_safetydata.png) top left no-repeat;*/
    background-color: #404040;
    width: 257px;
    height: 300px;
    margin-bottom: 16px;
    border: 1px solid #ccc;
}
 .middleboxSafety
{
    background: url(../images/bg_greenheaderbox_sm.png) top left no-repeat;
    color: #000;
    width: 257px;
    margin-top: 12px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    
}

.middleboxSafety_text
{
     padding-left: 8px;
    padding-right: 4px;
    margin-top: 12px;
    
}

.middleboxSafety_text a.learnmore
{
     color: #fff;
    float: right;
    text-align: right;
    margin-top: -24px;
    
}
.Safety_bottombox
{
    background: url(../images/safetyCOP/bg_greenheader.png) top left no-repeat;
    color: #000;
    margin: 0px;
    width: 257px;
    margin-top: 10px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.Safety_bottombox_text
{
    padding-left: 8px;
    padding-right: 4px;
    margin-top: 28px;
    font-size: 13px
}

.Safety_bottombox_text li
{
    margin-left: -26px;
    font-size: 12px;
}

/*---------------------start page bottom-------------------*/

#banner_bottom
{
    background-color: #3369a7;
    width: 1056px;
    font-family: arial, sans;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    padding: 24px 0px 24px 0px;
    margin: 0px 0px 24px 0px;
    clear: both;
}

#banner_bottom a
{
    color: #fff;
    text-decoration: underline;
}
#banner_bottom table
{
    margin-left: 24px;
}

#banner_bottom table th
{
    font-size: 14px;
    text-align: left;
}
#banner_bottom table td
{
    padding: 2px 20px 6px 0px;
}
#banner_bottom table td .image
{
    width: 48px;
    padding: 2px;
    text-align: right;
}
/****************************Secondary COP Pages******************************/
#page_left
{
    width: 775px;
    float: left;
    color: #000;
    padding: 0px 0px 12px 10px;
    margin: 0px;
    background: #fff;
}

#page_left .top
{
    margin-bottom: 12px;
}
#page_left .content
{
    padding-left: 20px;
    padding-right: 20px;
}
#page_left a
{
    /*color: #428be9;*/
    font-weight: bold;
    color: #3369A7; /***7-28-17, Color changed for Accessibility reasons.  Contrast too low***/
}
#page_left a:hover
{
    color: #666;
 }

#page_left ul li
{
    margin-left: -20px;
    margin-top: 10px;
}

#page_left .safetyTalk_blue
{
 
    padding: 10px;
    margin: 0px;
    background: #c6d9f1;
}
.topbox2
{
    
    width: 257px;
    height: auto;
    border: 1px solid #ccc;
    margin: 25px auto;
}
.topbox2_titleblue
{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding-top: 7px;
    line-height: 2.5em;
     background-color:#3369a7;
    margin-bottom: 9px;
}
.topbox2_text
{
    color: #333;
    padding-left: 8px;
    
    padding-bottom: 8px;
    letter-spacing: 1px;
}
.topbox2_text a
{
   color: #3369A7; /***7-28-17, Color changed for Accessibility reasons.  Contrast too low***/
    font-weight: bold;
}

#page_right
{
    float: right;
    color: #000;
    padding: 16px 8px 16px 0px;
    margin: 0px;
    background: #fff;
}

#page_right .topbox2_text a.learnMore
{
    color: #fff;
    float: right;
    text-align: right;
    margin-top: 8px;
    padding: 6px 6px 0 0;
    letter-spacing: normal;
    background: #404040;
    width: 251px;
    height: 26px;
    margin-bottom: 6px;
}

#page_right img
{
    
    margin-bottom: 12px;
}
.current
{
    color: #999;
    font-weight: bold;
}
#page_right .topbox2nd
{
    width: 257px;
    margin-top: 25px;
    padding-bottom: 10px;
}
#page_right .middlebox2nd
{
    width: 257px;
}

.shsp_title2
{
    color: #3369a7;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px #c1c1c1 solid;
    padding-bottom: 10px;
    font-family: Arial Narrow, Arial;
}
.shsp_title3
{
    color: #3369a7;
    font-size: 17px;
    font-weight: bold;
    font-family: Arial Narrow, Arial;
}

.shsp_title4
{
    color: #3369a7;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial Narrow, Arial;
}
table.shsp_noteworthy
{
}

table.shsp_noteworthy th
{
    text-decoration: underline;
    background-color: #e7e7e7;
    text-align: left;
    border: 1px solid #cfcfcf;
    padding: 6px;
    margin: 0px;
}

table.shsp_noteworthy th a
{
    text-decoration: underline;
}

table.shsp_noteworthy td
{
    vertical-align: top;
    padding: 6px;
    margin: 0px;
    border: 1px solid #cfcfcf;
}
/************************Create Dashboard Page****************************/
#createDashboard_left
{
    width: 277px;
    float: left;
    color: #000;
    padding: 0px;
    margin: 0px 0px 24px -10px;
    background: #fff;
    border: 1px solid #3369a7;
}

#createDashboard_left .title
{
    text-align: center;
    background: #404040;
    color: #fff;
    font-weight: bold;
    font-size: 16px;

}

#createDashboard_left .content
{
    padding: 0px 0px 12px 10px;
    margin: 0px;
    background: #fff;
}

#createDashboard_left .search_title
{
    margin: 6px 0;
    color: #333;
    font-size: 15px;
    font-weight: bold;
}

#createDashboard_right {
    padding: 16px 0px 25px 0px;
    margin: 0 0 24px 10px;
     
}
h2.Dashboard { text-align: center;
    background: #404040;
    color: #fff;
    font-weight: bold;
    font-size: 16px;}