/*
Theme Name: CQ5 UN South-South Theme
Author: Creatrix Design Group
Date: 2011-09-07
Version: 0.8
*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('/etc/designs/ssc/fonts/openSans/OpenSans_Light.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('/etc/designs/ssc/fonts/openSans/OpenSans_Regular.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('/etc/designs/ssc/fonts/openSans/OpenSans_SemiBold.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/etc/designs/ssc/fonts/openSans/OpenSans_Bold.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('/etc/designs/ssc/fonts/openSans/OpenSans_ExtraBold.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans_Light-Italic'), url('/etc/designs/ssc/fonts/openSans/OpenSans_Light_Italic.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('fonts/OpenSans-Italic'), url('/etc/designs/ssc/fonts/openSans/OpenSans_Italic.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('/etc/designs/ssc/fonts/openSans/OpenSans_SemiBold_Italic.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('/etc/designs/ssc/fonts/openSans/OpenSans_Bold_Italic.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url('/etc/designs/ssc/fonts/openSans/OpenSans_ExtraBold_Italic.woff') format('woff');
}

BODY{
    text-align: center; /* centering in IE 1 of 2*/
    margin: 0;
    padding: 0;
    background-color: #fefcff;
    font-family: "Open Sans", "Arial", "Helvetica", "sans-serif";
    font-size: 10PT;
}

IMG{
    border-width:0px;
}

H1, H2, H3, .paragraph_heading
{
    color: #A86E00
}

H2{
    font-size: 12PT;
}
    
H3{
    font-size: 11PT;
    font-weight: normal;
}

A{
    color: #2762aa;
    text-decoration: none;
}

.paragraph_heading{
    font-size: 12PT;
    color: #A86E00;
    font-weight:bold;
}

.whitetext {
color: #ffffff;
}


.bluetext {
color: #2762aa;
}

.sub-title {
    color: #A86E00; 
    font-size: 10PT;
    font-weight:normal;
}

/*******************************************************************************/
/*** FORMS ***/
.form_error
    {color: red;}
.form_row {
    width: 100%;
    min-height:30px;
    margin-top:10px;
}
.form_leftcol {
    padding-left: 9px;
    display:inline-block;
    width: 260px;
    padding-right: 9px;
}
.form_leftcollabel {
    display: inline;    
}
.form_leftcolmark {
    display: inline;    
}
.form_rightcol {
    display: inline-block;
    vertical-align: top;
}
.form_row .form_rightcol textarea{
    max-width:700px;
}
div.checkbox .form_row .form_rightcol
{
    max-width: 400px;
}

/*******************************************************************************/
/*** STAGES ***/
#BodyBox{
    padding-top: 20px;
    min-width: 1070px;
    background-image: url("/content/dam/ssc/images/BG1.jpg"); 
    background-repeat: repeat-x;
    background-position:left top;   
    
    
}   

#BodyBox.SubPage{
    min-height: 1025px; 
}

#BodyBox.LibraryPage{
    min-height: 1430px; 
}

#BodyBox.HomePage{
    /*height: 775px; */
}

#StageBox{
    text-align: left; /* centering in IE 2 of 2*/
    margin: auto; /* centering in firefox*/
    width: 1020px; /*1070 - 5 - 45 = 1020*/
    padding-left: 5px;
    padding-right: 45px; 
    margin-bottom: 50px;
    /*outline:1px solid GREEN;*/
}



.Window{
    background-color: White;
    color: #0b315d; /*Dark Blue*/
    padding:16px;
    padding-top: 8px;
    border: 1px solid #cccccc; /*grey*/
    margin-bottom: 5px; 
    -moz-box-shadow: 3px 5px 10px -5px #5F5F5F; /*grey*/
    -webkit-box-shadow:3px 5px 10px -5px #5F5F5F; /*grey*/
    box-shadow: 3px 5px 10px -5px #5F5F5F; /*grey*/
}   

#Feature, #Feature_freeheight, #Post, #SubMenu, #HomeBottomBox{
    width: 703px; /*735-16-16 = 703*/
}

/*******************************************************************************/
/*** HEADER ***/
#HeaderBox{
    height: 164px; 
    min-width: 1070px; /*make sure BG is never smaller than the full post*/
    
    width: 100%;
    background-image: url("/content/dam/ssc/images/HeadBG.jpg"); 
    background-repeat: repeat-x;
    background-position:left top;   
}   

#HeaderBaner{
    text-align: left; /* centering in IE 2 of 2*/
    margin: auto; /* centering in firefox*/
    height: 164px;
    width: 1070px;
    /*outline:1px solid GREEN;*/
}

.mainnav{
  /*display: inline-block;*/
  float: left;
  clear: left;
  height: 37px;  
}
 
#HeaderMenu {
    width: 740px;
    height: 37px;
    padding-left: 12px;
   /*outline:1px solid RED;*/
}

#HeaderMenu A{
    color: white;
    background-color: transparent;
    text-decoration: none;
    font-size: 10PT;
    display: inline-block; /*add height for extra mouseover space*/
    /*display: block; /*add height for extra mouseover space*/
    padding-top: 10px;
    height: 27px; /*37-10*/
    /*outline:1px solid GREEN;*/
}

.HeaderLink{
    display: inline-block; 
    padding-right:12px;
    padding-left:12px;
    /*padding-top: 10px;*/
    /*height: 27px; /*37-10*/
    height: 37px; 
}

.HeaderLink:Hover {
    background-image: url("/content/dam/ssc/images/BGmenu.jpg"); 
    background-repeat: repeat-x;
    background-position:left top;   
}

/*******************************************************************************/
/*** SUB HEADER FOR SUB NAV MENU ***/
#subHeaderBox{
    height: 37px; 
    min-width: 735px; /*make sure BG is never smaller than the full post*/
    margin-left: -16px;
    margin-top: -17px;
    border-left: 1px #333333;
    border-right: 1px #333333;
    width: 100%;
    background-image: url("/content/dam/ssc/images/subBGmenu.png"); /*this is opposite from the main Header Baner*/
    background-repeat: repeat-x;
    background-position:left top;   
}   

#subHeaderBaner{
    FLOAT:LEFT;
    text-align: left; /* centering in IE 2 of 2*/
    margin: auto; /* centering in firefox*/
    height: 37px;
    width: 700px;
    /*outline:1px solid GREEN;*/
}

.subnav{
  display: inline-block;
  height: 37px;  
}
 
#subHeaderMenu {
    width: 740px;
    height: 37px;
    padding-left: 0px;
   /*outline:1px solid RED;*/
}

#subHeaderMenu A{
    color: #ffffff;
    background-color: transparent;
    text-decoration: none;
    font-size: 10PT;
    display: inline-block; /*add height for extra mouseover space*/
    /*display: block; /*add height for extra mouseover space*/
    padding-top: 10px;
    height: 27px; /*37-10*/
    /*outline:1px solid GREEN;*/
}

#subHeaderMenu A:hover {
    color: #ffffff;
}

.subHeaderLink{
    display: inline-block; 
    padding-right:8px;
    padding-left:12px;    
    height: 37px; 
}

.subHeaderLink:Hover {
    background-image: url("/content/dam/ssc/images/subHeadBG.png");
    /*background-image: url("/content/dam/ssc/images/BGmenu.jpg");*/
    background-repeat: repeat-x;
    background-position:left top;   
}

/*******************************************************************************/
/*** SIDEBAR ***/
#SidebarBox{
    width:280px;
    float:right;
    /*outline:1px solid RED;*/
}

.Side{
    width: 243px; /*275-16-16 = 243*/
}   

.SideBtt{
    margin-bottom: 2px; 
    margin-left: 1px;     
    -moz-box-shadow:  3px 5px 10px -5px #5F5F5F; /*grey*/
    -webkit-box-shadow:  3px 5px 10px -5px #5F5F5F; /*grey*/
    box-shadow:  3px 5px 10px -5px #5F5F5F; /*grey*/
}

.SideImg{
     float: Left;
     margin-right: 10px;
}

.SideTxt{
    display:table-cell;
    vertical-align:top;
    line-height:15px;
}

/*******************************************************************************/
/*** POST ***/
#Post{
    padding-bottom: 50px;
}

#Post{
    color: BLACK; 
}

.SecTitle{
    color: #2762aa;
    font-weight: normal;
    font-size: 14PT;    
}

#PostTitle, div.PostTitle{
    color: #0b315d; /*Dark Blue*/ 
    font-weight: bold;
    font-size: 19PT;
    margin-top:10px;
    margin-bottom:12px;
}

.HomeLeft{
    float: left;
    width: 331px;
    height: 385px;
    
}

.HomeRight{
    float: right;
    width: 331px;
    height: 385px;
}

#HomeBox{
    display:table-cell;
    width: 736px;
}

.InfoPost{
    font-size: 9PT;
    color: #2762AA; /*BLUE*/
    font-weight: bold;
}

/*******************************************************************************/
/*** FEATURES ***/
#Feature{
    min-height: 265px;
}

#Feature_freeheight{
}

.Headline1, .Headline2, .Headline3{
    float: left;
    width: 210px;
    max-width: 210px;
    overflow-x: hidden;
    line-height:15px;
    /*outline:1px solid GREEN;*/
}

.Headline1 {
    padding: 0px 19px 0px 0px;
    border-style:none;
    border-right:1px solid #DADADA;
}
.Headline2{
    padding: 0px 18px 0px 17px;
    border-style:none;
    border-right:1px solid #DADADA;
}
.Headline3{
    padding: 0px 0px 0px 17px;
    border-style:none;
}

/*******************************************************************************/
/*** BREADCRUMB ***/
/*.CurrentLink{
    background-image: url("/content/dam/ssc/images/BGSubMenu.jpg"); 
    background-repeat: no-repeat;
    background-position:center top; 
}*/

.sscbreadcrumb A{
    color: #0b315d;
    text-decoration: none;
    font-size: 9PT;
    display: inline-block; 
    padding-right:0px;
    padding-left:0px;
    padding-top: 6px;
    height: 21px; /*31-*/
}

.sscbreadcrumb  {
    color: #0b315d;
    width: 724px; /*735-12+2*/
    border: 0;
    border-right: 1px solid #D3DEF0; /*Dark Blue*/ 
    border-bottom-width:0px;
    height: 26px;
    padding: 0;
    padding-left: 12px;
    background-color: #D3DEF0;  
}

.ssclistchildren {
    padding-bottom:1em;
}

.trail {

}

/*******************************************************************************/
/*** FOOTER ***/
#FooterBox{
    padding-top: 40px;
    min-height: 110px;  /*150-40*/
    min-width: 1070px; /*make sure BG is never smaller than the full post*/
    width: 100%;
    background-color: #35557B; /*BLUE*/
    clear: both;
}

#FooterBox SPAN, #FooterBox a, #FooterBox a:visited{
     color: WHITE;
    font-size: 8PT;
}
#FooterCopyRight
{
    padding-top: 30px;
    padding-bottom: 30px;
}
/*******************************************************************************/
/*** E-LIBRARY  SIDEBAR ***/
UL.LibraryList{
    margin-left: -40px;
    list-style-type:none;
    list-style-position:outside;

}

UL.LibraryList LI{
    padding: 5px 0px 5px 0px; 
    width: 100%;
    border-bottom:2px solid #E2E2E2;
    font-size: 9PT;
}

DIV.LibraryHead{
    background-image: url("/content/dam/ssc/images/BGLibrary.jpg"); 
    background-repeat: repeat-x;
    background-position:Left top; 
    height: 47px;
    width: 723px; /*735-12*/
    padding-left: 12px;
}

HR{
    color: #E2E2E2 ; /*Light Blue*/
    background-color: #E2E2E2; /*Dark Blue*/
    height: 2px;
    border-style:solid;
    border-left-style:none;
    border-right-style:none;
    border-width: 1px ;
}

#LibraryTitle{
    color: #2762AA; /*BLUE*/
    font-weight: normal;
    font-size: 14PT;
    margin-top:5px;
    margin-bottom:20px;
}

.LibraryPub, .PostSubtitle{
    color: #0C305D; 
    font-weight: bold;
    font-size: 11PT;
    margin-top:5px;
    margin-bottom:5px;
}

.LibraryInfo{
    color: #898989; 
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    font-size: 9PT;
}
.LibraryDescript{
    margin-bottom:10px;
}

.LibrarySideImg{
    padding:0px 0px 10px 10px;
    float: right;
}

.LibraryImage{
width:190px;
     float: right;
}

#LibraryHome
{
    border-top:2px solid #DADADA;
    border-bottom:2px solid #fff;
}

#LibraryHome TD{
    padding: 10px 15px 10px 15px;
}

#LibraryList{
border-top:2px solid #DADADA;

}

#LibraryList TD{
    padding: 10px 15px 10px 15px;
    border-bottom:2px solid #fff;
}

#LibrarySingleBook{ 
    min-height: 100px;
    width:700px;
    display:table-cell;
    padding: 0px 0px 0px 0px;
}

/*******************************************************************************/
/*** SEARCH BOX ***/
.sscmainsearchbox{
   float:right;
   margin-top: 8px;
   margin-right: 50px;
   /*outline:1px solid RED;*/ 
}

#search {
    background:url("/content/dam/ssc/images/bg-search2.png") no-repeat scroll 0 0;
    height:26px;
    width:250px;
    /*width:265px*/
}

#search #searchSubmit {
background:url("/content/dam/ssc/images/bg-search2.png") no-repeat scroll right 0;
    border:0 none;
    display:block;
    float:right;
    height:24px;
    line-height:1000px;
    overflow:hidden;
    text-indent:-9999px;
    width:24px;
}

#search #searchField {
    background-color:transparent;
    border:medium none;
    color:#999;
    height:15px;
    margin:4px 5px 0;
    /* position:relative;*/
    /* width:90px;   Robin.  width increased to 200 to show more typing */
    width:200px;
    float:left;
    padding-left:10px;
    font-size:12px;
    font-family: Arial;
}

#search #searchField.active{
    color: #333;
}

/*******************************************************************************/
/*** SEARCH RESULTS ***/
.SearchTitle {
    font-size: 12pt !important;
}

.SearchDate {
    font-size: 9pt !important;
    font-style: italic !important;
}

.SearchText {
    font-size: 10pt !important;
}

.SearchPath {
    font-size: 8pt !important;
}

/*******************************************************************************/
/*** LOGIN FORM ***/
#login-form{
    float: left;
    width : 213px;
    height : 325px;
    padding:16px;
    border: 1px solid #5F5F5F; /*grey*/
    color: #D2D2D2;
/*   background-color: #26567E;*/
    background-color: #17507F;
    margin: 0px 5px 5px 5px;
    padding: 15px 15px 15px 15px;
    border: 1px solid #5F5F5F; /*grey*/
    -moz-box-shadow: 3px 5px 10px -5px #5F5F5F; /*grey*/
    -webkit-box-shadow: 0px 3px 3px 0px #5F5F5F; /*grey*/
    box-shadow: 0px 3px 3px 0px #5F5F5F; /*grey*/
}

/*******************************************************************************/
/*** ACADEMY MENU TABLE ***/
table.academymenutable{
vertical-align:top;

width: 100%;
padding:0;
margin:0;
}

table.academymenuinside{
text-align:center;

width:90%;
}

.academymenuinside{
text-align:center;
padding:0;
margin:0;
width:100%;
}

p.academylinkitem{
width: 165px;
height: 62px;
background-image: url("/content/dam/ssc/images/academy_button.png");
background-repeat: no-repeat;
text-align:center;
font-size: 0.9em;
font-weight:bold;
padding: 0;
margin: 0;
}

p.academylinkitem:hover{
width: 165px; 
height: 62px;
background-image: url("/content/dam/ssc/images/academy_button_light.png");
background-repeat: no-repeat;
text-align:center;
font-size: 0.9em;
font-weight:bold;
padding: 0;
margin: 0;
}

.academylinkitem a:link, .academylinkitem_h a:link {
color: #000;
}

.academylinkitem a:visited, .academylinkitem_h a:visited {
color: #000;
}

.academylinkitem a:hover, .academylinkitem_h a:hover {
color: #2762aa;
}

p.academylinkitem_h, p.academylinkitem_h:hover {
width: 165px;
height: 40px;
background-image: url("/content/dam/ssc/images/academy_button_short.png");
background-repeat: no-repeat;
text-align:center;
font-size: 0.9em;

text-align: center; 
font-weight:bold;
padding: 0;
margin: 0;
padding-top:0.2em;
}
 
p.academylinkitem_h:hover {

background-image: url("/content/dam/ssc/images/academy_button_short_light.png");

}

p.academycolheading {
width: 165px;
height: 30px;
padding:0;
vertical-align:top; 
text-align: center;
font-size: 1.1em;
font-weight:bold;
color: #696f7f;
}
 
p.academycolheading_short {
height: 15px;
vertical-align:top;
text-align: center;
font-size: 1.1em;
font-weight:bold;
color: #696f7f;
}


td.academytallcol {
width:25%;
background-image: url("/content/dam/ssc/images/academy_table_bg.png");
background-repeat: no-repeat;
vertical-align:top;
}

td.academycol {
width:25%;
vertical-align:top;
margin: 2px;
background-image: url("/content/dam/ssc/images/academy_table_bg.png");
background-repeat: no-repeat;
}

td.academywidecol {
width:50%;
height: 100px;
vertical-align:top;

padding:0;
margin:0;
background-image: url("/content/dam/ssc/images/academy_wide_table_bg.png");
background-repeat: no-repeat;
}

/*******************************************************************************/
/*** POLICYPAGE ***/
#policyheader {
    
    width: 725px; /*735-12+2 */
    color: #0b315d; /*Dark Blue*/ 
    font-weight: bold;
    font-size: 23PT;
    margin-top:5px;
    margin-bottom:10px;
    padding-right: 12px;
    
}

#policyheader a{
}

#policyheader a:hover{
}


/*******************************************************************************/
/*** ACADEMYPAGE ***/
#academyheader {
 
    width: 725px; /*735-12+2 */
    color: #0b315d; /*Dark Blue*/ 
    font-weight: bold;
    font-size: 23PT;
    margin-top:5px;
    margin-bottom:10px;
    padding-right: 12px;
}

#academyheader a{
}

#academyheader a:hover{
}

/*******************************************************************************/
/*** DG SPace ***/
img.DGSpace_flag
    {height: 128px;}

/*******************************************************************************/
/*** Capacities, Needs ***/
div.sscListAllCapacities > table, div.sscListChildrenTabular table
{
    margin: 30px 20px 20px 20px;
    border-spacing: 0px;    
    border-collapse: collapse;
}
div.sscListAllCapacities > table td, div.sscListAllCapacities > table th,
        div.sscListChildrenTabular table th, div.sscListChildrenTabular table td
{
    padding: 3px 10px 3px 10px;
    margin: 0px;
    border: 1px;
    border-style: solid;
    border-color: #D3DEF0; 
}
div.sscListAllCapacities th, div.sscListChildrenTabular table th
{
    background-color: #D3DEF0;
    color: #2762AA;
    color: black;
    border-right-color: white;
}
div.sscListAllCapacities th.details
{
    border-right-color: #D3DEF0;
    border-top-style: none;
}



div.sscSiteMap  div table
{
    width: 100%;
    table-layout: fixed;
    padding: 0px;
    margin: 0px;
}
div.sscSiteMap  div table tr td
{
    vertical-align: top;
    text-align: left;   
    padding-right: 10px;
    padding-bottom: 20px;
}
div.sscSiteMap  div table tr td div.level01
    {margin-bottom: 10px;}
div.sscSiteMap  div table tr td div.level01 a, 
        div.sscSiteMap  div table tr td div.level01 a:visited
{
    font-size: 12pt;
    font-weight: bold;
}
div.sscSiteMap  div table tr td div.level02
    {margin-top: 5px;}
div.sscSiteMap  div table tr td div.level02 a,
        div.sscSiteMap  div table tr td div.level02 a:visited
    {font-size: 10pt;}
div.sscSiteMap  div table tr td div.level03
    {padding-left: 10px;}
div.sscSiteMap  div table tr td div.level03 a,
        div.sscSiteMap  div table tr td div.level03 a:visited
    {font-size: 8pt;}


div.sscListDropDown
{
    padding-bottom: 5px;
    overflow: hidden;
}
div.sscListDropDown_image
{
    float:left;
    width:40px;
    height:60px;
}
div.sscListDropDown_image img
{
    vertical-align:middle;
    height: 100%;
    margin-left: auto;   
    margin-right: auto;
}
div.sscListDropDown_label
{
    float:left;
    text-align:center;
    margin-top:25px;
    height:100%;
}
div.sscListDropDown_select
{
    float:left;
    margin-top:22px;
    margin-left: 3px;
}
div.searchELibrary div.form
{
    margin-bottom: 30px;
}
div.searchELibrary input.text, div.searchELibrary select
{
    box-sizing:content-box;
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box; 
    width: 200px;
}
#elibrary-search-form
    {width:100%}
#elibrary-search-form select
    {width:95%}
#elibrary-search-form input
    {margin-top: 20px;}