/*
0 - Comments for site spec and style usages (mini style guide)
1 - Common block level/Layout
2 - Common inline/formatting
3 - Navigation
4 - Forms
5 - Rich Content
6 - Search Results
7 - Common Misc Content
*/

/* ======== #0 ======== */

/* import module specific styles */
@import "modules.css";

/*{{{ ======== #1 - Common block level/Layout content (classes used in TopLevel) ======== */
  body {
    font-family:  Verdana, Arial, sans-serif;
    background-color: #e6e6b3;
    color:#2E0D02; 
	   margin:0; 
    padding:0;
    font-size: 11px;
	}

  .pageleft {
    width:16px;
    background-color:#999966;
    border-right:10px solid #999966;
	   margin:0; 
    padding:0;
  }
  
  .pagecontentarea {
	   margin:0;
    padding:0;
	   background-color:#fff;
    width:730px;
	}
  
  .pageright {
    width:100%;
	   margin:0; 
    padding:0;
    background:url(template_images/bcccs/bg-rt.jpg) repeat-y;
    background-color: #cccc8f;
    }
      
  table {
    width:100%;
  }
    
  td {
    vertical-align:top;
    padding: 0px;
    }
				
  .pageContent {
    height:83%;
		}
					
  .leftContent {
    width:150px;
    background-color: #cccc8f;
    }
				
  .mainContent { 
    padding:30px;
    background-color:#ededc8;
    font-size: 11px;
    color:#4E4E4E;
    line-height:18px;
    }
				
  .mainContent table {  
    font-size: 11px;
    color:#4f4f1c;
    }
    
  .rightContent {
    width:213px;
    padding: 0px;
    background-color: #f9f9f9;
    font-size: 11px;
    color:#4E4E4E;
    border-right:3px solid #fff;
    }
    

  .leftNav {
    margin-bottom:30px; 
    width:175px;
    font-size:11px;
    }
    
  .sideContent {
    margin-bottom:30px;
    }
  
  .header {
    margin:0;
    padding:0;
    width:100%;
    border-collapse:collapse;
    background-color:#e6e6b3;
    }  
  
  .header .logo {
    }
    
  .header .search {
    text-align:right;
    background-color:#999966;
    font-weight:bold;
    font-size:11px;
    padding:2px 40px 2px 0px;
    white-space:nowrap;
    }  
    
  .version {
    background-color:#F1C837;
    color:#eee;
    font-size:34px;
    text-align:right;
    font-weight:bold;
    font-family:Arial;sans-serif;
    padding:0;
    padding-top:-10px;
    width:240px;
    height:20px;
    }
   
  .portalMenu {
     text-align: right;
     padding-right:20px;
     width: 120px;
    }
    
      
  .login {
    text-align:right;
    white-space:nowrap;
    } 
		
  .footer {
    border-top:solid 1px #cccc8f;
    background-color:#e6e6b3;
    font-size: 9px;
    }
    
  td.copywrite {
    white-space:nowrap;
    padding: 10px 8px 100px 8px;
    }
    
  td.privacypolicy {
    padding: 10px 8px 100px 8px;
    white-space:nowrap;
    text-align:right;
    } /*}}}*/
    

/*{{{  ======== #2 - Common inline/formatting ======== */

  /* |||||| #2 - A:  Standard Items (all sites use) */      
  a:link {
    color: #4897c2;
    text-decoration: none;
    }
  a:visited{
    color: #4897c2;
    text-decoration: none;
    }
  a:hover {
    color:#39aae8;
    text-decoration: underline;
    }
  a:active {
    color: #4897c2;
    text-decoration: underline;
    }		
  
  .search a:link, .search a:visited, .search a:active {
    color: #fff;
    text-decoration: none;
    }
  .search a:hover {
    color:#fff;
    text-decoration: underline;
    }
    
  .leftContent a:link, .leftContent a:visited, .leftContent a:active {
    color: #000;
    text-decoration: none;
    }
  .leftContent a:hover {
    color:#fff;
    background-color: #4897c2;
    }
      
  h1 {
    font-family:  Arial, sans-serif;
    font-size: 13px;
    color:#4f4f1c;
    font-weight:bold;
    text-transform:uppercase;
    margin-top:12px;
    margin-bottom:8px;
    line-height:24px;
    }
    
  h2 {
    font-family:  Arial, sans-serif;
    font-size:11px;
    color:#4f4f1c;
    font-weight : bold;    
    margin-top:12px;
    margin-bottom:4px;
    } 

  h3 {
    font-family:  Arial, sans-serif;
    border-bottom:1px solid #4f4f1c;
    font-size:10px;
    color:#4f4f1c;    
    font-weight : bold;
    padding-bottom:2px; 
    margin-top:12px;
    margin-bottom:4px;    
    } 

  .text {
    font-size:12px;
    }

  .small {
    font-size:9px;
    }

  strong {
    font-weight:600;
    }

  b {
    font-weight:600;
    }

  .nowrap {
    white-space:nowrap;
    }

  ol {
    list-style-type : decimal;
    }

  ul {
    list-style-type : square;
    }

  li {
    list-style-position : outside;
    }

  label {
    cursor: hand;
    }

  .msg_success {
    color:#88CC44;
    font-weight:bold;
  }
  .msg_warning {
    color:#EFA900;
    font-weight:bold;
  }   
  .msg_error {
    color:#EE2B2B;
    font-weight:bold;
  }
    
   /* controls spacing around each item in a search result, ie news, events, etc. */
  .listing {
    margin-bottom:12px;
  }

  /* common simple paging */

   .simplePaging { 
    width: 100%;
    font-size: 8pt;
    margin-top: 5px;

  }	
  .pagingPrev { 
    width: 42%;
    text-align:right;
    vertical-align: middle;
    padding-top: 3px;
    white-space: nowrap;
  }	
  .pagingPage { 
    width: 16%;
    text-align:center;
    vertical-align: middle;
    padding-top: 3px;
    white-space: nowrap;
  }	
  .pagingNext { 
    width: 22%;
    vertical-align: middle;
    padding-top: 3px;
    white-space: nowrap;
  }	
  .pagingJump { 
    width: 20%;
    vertical-align: middle;
    text-align:right;
    padding-top: 3px;
    white-space: nowrap;
  }	
   
  /* pageControls - ie printerFriendly, email this page */

  .pageControls { 
    margin: 0px;
    padding:3px 6px 3px 6px;
    width: 100%;
    text-align: right;
    font-size: 10px;
  }

  /* printer Friendly */
    
  .printerFriendlyHeader { 
    width: 100%;
    border-bottom: 1px solid #6A943E;
  }
    
  .printerFriendlyFooter {
    width: 100%;
    font-size: 8pt;
    border-top: 1px solid #000000;
    padding: 10px; 
    text-align: center;
  }
  
  
  /*  |||||| #2 - B: Additional Items (custom per site, but used for more than 1 template) */
  
  h2 a {
    font-weight:bold;
    }
  
  .date {
    float:right;
    v1font-weight:bold;
    v1font-size:11px;
    font-style:italic;
    font-size:10px;
    color:#666666;
    margin-top:4px;
    }
    
  .summary {
    font-size:11px;
    line-height:14px;
    }
    
  .details {
    color:#7a7a7a;
    font-size:9px;
    }   

  .morelink {
    display:inline;
    font-size:10px;
    padding-left:10px;
    }
    
  .backlink {
    padding:15px 10px;
    font-size:10px;
    text-align:right;
    }
    
  .popbox {
     background:#ffffff;
     border:1px solid #cccccc;
     margin-left:0px;
     margin-top:12px;
     width:235px;
     padding:5px;
     z-index:100;
    }

  table.contactlist {
    margin-bottom:20px;
    border-right: 2px solid #BEBEBE;
    border-bottom: 2px solid #BEBEBE;
    border-left: 1px solid #CFCFCF;
    border-top: 1px solid #CFCFCF;
    }
    
  th.contactlist {
    text-align:left;
    font-size:12px;
    font-weight:bold;
    padding:2px;   
    border-bottom:1px solid #BEBEBE;
    }
   
  td.contactlist {
    padding:2px; 
    vertical-align:middle;
    border-bottom:1px solid #F1F3ED;
    }

  table.report {
    margin-bottom:20px;
    border-right: 2px solid #BEBEBE;
    border-bottom: 2px solid #BEBEBE;
    border-left: 1px solid #CFCFCF;
    border-top: 1px solid #CFCFCF;
    }

  td.report {
    padding:2px;   
    }

  th.report {
    padding:4px;
    background-color : #6F6F6F;
    font-weight:bold;
    color:#ffffff;
    text-align:left; 
    font-size:12px;
    }

/*}}}*/
    
    
/*{{{ ======== #3 - Navigation ======== */

  /* general purpose flyout menu (eg: go to staging|Logout box) */
  .slidemenu { 
    position:absolute;
    visibility:hidden;
    overflow:hidden;
    z-index:1;
    margin:0;
    padding:0px;
    border:1px solid #6f6f6f;
    margin-top:1px;
    background-color:#FFFFFF;
    width:100px;
    font-size:11px;
    text-align:left;
  }
  
  .menulink{
    padding-left:12px;
    padding-right:12px;
    padding-top:2px;
    padding-bottom:3px;
    cursor:pointer;
    TEXT-DECORATION: none;
    color: #000000;
  }
  .menulinkup{
    padding-left:12px;
    padding-right:12px;
    padding-top:2px;
    padding-bottom:3px;
    cursor:pointer;
    background:#b3dcea;
    TEXT-DECORATION: none;
    color: #000000;
  }
  
  
  /* PW: doc manager is core functionality and uses core CSS still so these copies are here....  :/ */
  
  .resourceListMenu .cmsmenulink { 
  width:120px;
}
.resourceListMenu .cmsmenulinkup { 
  width:120px;
}
.resourceListMenu .cmsmenulinkarrow { 
  width:120px;
}
.resourceListMenu .cmsmenulinkarrowup { 
  width:120px;
}


    .cmsmenulink{
    padding-left:12px;
    padding-right:12px;
    padding-top:2px;
    padding-bottom:3px;
    cursor:pointer;
    TEXT-DECORATION: none;
    color: #000000;
  }
  .cmsmenulinkup{
    padding-left:12px;
    padding-right:12px;
    padding-top:2px;
    padding-bottom:3px;
    cursor:pointer;
    background:#b3dcea;
    TEXT-DECORATION: none;
    color: #000000;
  }
  
  
  
  
  
  /* copied from cmscore for action buttons (live site does not include cmscore.css anymore */
    .cmsfont {
      font-family: 'Microsoft Sans Serif', Verdana, Arial, Helvetica, sans-serif;
      color: #6f6f6f;
      font-weight:normal;
      font-size: 11px;
      
    }
    .cmslogobutton {
      padding:2px 4px;
      margin:4px 0px;  
      border-top:2px solid #f0f2f4;
      border-bottom:2px solid #a8b8c1;
      border-left:2px solid #f0f2f4;
      border-right:2px solid #a8b8c1;
      cursor:pointer;
      white-space: nowrap;
      background-color:#F7F7F7; 
    }
    .cmslogobuttonup {
      padding:2px 4px;
      margin:4px 0px;  
      border-top:2px solid #f0f2f4;
      border-bottom:2px solid #a8b8c1;
      border-left:2px solid #f0f2f4;
      border-right:2px solid #a8b8c1;
      cursor:pointer;
      white-space: nowrap;
      color:#333333;
      background-color:#B3DCEA 
    }



/* microsite1 */

  .microsite1 .documentListTopCollectionChildren {
    padding-left: 10px;
  }
  .microsite1 .documentListCollectionChildren {
     padding-left: 10px;
  }
  .microsite1 .documentListCollectionChildrenHidden {
     padding-left: 10px;
  }

  .microsite1 .documentListTitle {
    display:inline;
  }

  .microsite1 .documentListTopCollectionTitle {
    padding: 0px;
  }

  /* remove default background color */
 .microsite1 .stagingDocumentList .cmsmenubutton, .microsite1 .stagingDocumentList .cmsmenubuttonup {
   background-color:transparent; 
  }
  

  /*{{{ DHTML drop down menus. (not used by default) (not cross-browser)  */
  div.menuBar,
  div.menuBar a.menuButton,
  div.menu,
  div.menu a.menuItem {
    font-family: "MS Sans Serif", Arial, sans-serif;
    font-size: 6px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    }
  
  div.menuBar {
    background-color: #2551F5;
    padding: 0px 2px 2px 2px;
    text-align: left;
    }
  
  div.menuBar a.menuButton {
    background-color: #2551F5;
    color: #ffffff;
    cursor: default;
    margin: 0px;
    padding: 2px 6px 2px 6px;
    position: relative;
    text-decoration: none;
    z-index: 100;
    font-weight:bold;
    width:120px;
    }
  
  div.menuBar a.menuButton:hover {
    background-color: transparent;
    color: #ffffff;
    font-weight:bold;
    }
  
  div.menuBar a.menuButtonActive,
  div.menuBar a.menuButtonActive:hover {
   background-color: #7B96FC;
   color: #ffffff;
   }
  
  div.menu {
    background-color: #2551F5;
    left: 0px;
    padding: 2px 0px 2px 0px;
    position: absolute;
    top: 0px;
    visibility: hidden;
    z-index: 101;
    }
  
  div.menu a.menuItem {
    color: #ffffff;
    cursor: default;
    display: block;
    padding: 3px 1em;
    text-decoration: none;
    white-space: nowrap;
    font-size: 6px;
    }
  
  div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
    background-color: #7B96FC;
    color: #ffffff;
    }
  
  div.menu a.menuItem span.menuItemText {
    }
  
  div.menu a.menuItem span.menuItemArrow {
    margin-right: -.75em;
    }
  
  div.menu div.menuItemSep {
    border: 1px inset #2551F5;
    margin: 4px 2px;
    }
/*}}}*/

  /*  left nav. */ 
     
  .navcategory {
      font-weight:normal;
      margin-top:1em;
      margin-bottom:.5em;
      font-size: 10pt;
      line-height: 12pt;
      letter-spacing :0em;
      color:#777777;
      }
     
   .navitem {
      font-size: 12pt;
      line-height: 12pt;
      margin-bottom: .7em;
      }
        
   .navTextMenu {
      padding-left: 5px;
      padding-top: 2px;
   }    
   .navTextItemLevel0 {
      border-bottom:1px solid;
      width:100%;
      font-size: 13px;
      padding-top:8px;
      margin-bottom:2px;
      font-variant:small-caps;
   }    

  .leftnav a:link {text-decoration: none;}
  .leftnav a:visited {text-decoration: none;}
  .leftnav a:hover {text-decoration : none;}    
  .leftnav a:active {text-decoration : none;}
   
   .nav {
      color : #ffffff;
      background-color : #2551F5;
      white-space:nowrap;
      font-size:11px;
      }

    
  /* breadcrumb */ 
  .breadcrumb {
    color:#2E0D02;
    font-size: 10px;
    }
    
  .breadcrumb a:link {
    color:293474;
    text-decoration: none;    
    }

  .breadcrumb a:visited {
    color:293474;
    text-decoration: none;
    }

  .breadcrumb a:hover {
    color:378BFE;
    text-decoration : none;
    }
    
  .breadcrumb a:active {
    color:378BFE;
    text-decoration : none;
    }

  .currentpage {
    }
 /*}}}*/

 
/*{{{ ======== #4 - Forms ========  */

  input {
    background-color:#f8f8f8;
    color:#434343;
    font-size: 11px;
    }

  input.textbox {
    background-color:#FFFFFF;
    color:#434343;
    font-size: 11px;
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #DDDDDD;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #DDDDDD;
    }

  textarea {
    background-color : #f8f8f8;
    color:#434343;
    font-size:11px;
    }

  select {
    background-color :  #f8f8f8;
    color:#434343;
    font-size: 11px;
    }
    
  input.submit {
    background:#1C4AF1;
    color:#ffffff;
    font-size: 11px;
    font-weight:bold;
    border:1px solid #2551F5;
    }
  input.submitover {
    background:#000;
    color:#ffffff;
    font-size: 11px;
    font-weight:bold;
    border:1px solid #2551F5;
    }    
    
  input.searchBox {
    background-color:#FFFFFF;
    color:#434343;
    font-size:11px;
    height:18px;
    width:150px;
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #DDDDDD;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #DDDDDD;
    }
    
  input.searchButton {
    cursor:hand;
    background-color:#cccc8f;
    color:#ffffff;
    font-size: 10px;
    font-weight:bold;
    height:18px;
    border-top:1px solid #D7D7D7;
    border-bottom:1px solid #333333;
    border-left:1px solid #D7D7D7;
    border-right:1px solid #333333;
    margin-left:2px;
    margin-right:2px;
    }
    
  .submitbutton{
    width:100%;
    text-align:right;
    margin-top:1em;
    }    
 /*}}}*/

 
/*{{{ ======== #5 - Rich Content ======== */

  table.content th {
    vertical-align:top;
    text-align:left;
    border-bottom : 1px solid #6F6F6F;
    padding:4px 2px 2px 8px;
    }
    
  table.content td {
    vertical-align:top;
    padding:4px 2px 2px 8px;
    }

  .strong {
    font-weight:bold;
    }
    
  .weak {
    font-style:italic;
    }
    
    
    
  /* same as h2 */
  div.subheader {
    font-family:  Arial, sans-serif;
    color:#4f4f1c;
    font-weight : bold;  
    text-transform:uppercase;
    margin-top:12px;
    margin-bottom:4px;
  }  
  
  
  div.sidenote {
    float:right;
    padding: 2px;
    border:1px solid #aaa;
    font-size:9px;
    background-color:#ffffcc;
  }
  div.highlight {
    display:inline;
    background-color:#b6e5ff;
  }  
  
  div.code
  {
    border: #8b4513 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    color: #000066;
    font-family: 'Courier New' , Monospace;
    background-color: #ff9933;
  }
  
  
  hr {
    width: 100%;
    height: 1px;
  }
    
  .image-left {
    nomargin: 0px 10px 5px 0px;
    notext-align:left;
    }

  .image-right {  
    margin: 0px 0px 5px 10px;
    text-align:right;
    }

  .image-inline {
    margin: 0px 10px 5px 10px;
    text-align:center;
    }

  .image-caption {
    position:relative;
    color:#434343;
    font-size:.9em;
    }

 /*}}}*/

 
/*{{{ ======== #6 - Search ======== */

  table.searchresultcontainer {
    border: 1px solid #EDEFCA;
    margin-top:25px;
    margin-bottom:20px;
    font-size:11px;
    }
  th.searchresultcontainer {      
    padding:4px;
    background-color : #6F6F6F;
    font-weight:bold;
    color:#ffffff;
    text-align:left; 
    font-size:11px;
    }
  td.searchresultcontainer_morelink {
    background-color:#EDEFCA;
    text-align:right;
    padding:3px;
    font-size:11px; 
    }

  table.searchresult {
    margin-top:6px;
    padding:0px;
    font-size:12px;
    }
    /* or */
  table.searchresulthr {
    margin-top:6px;
    padding:0px;
    font-size:12px;
    border-bottom: 1px solid #EDEFCA;
    }  

    
  td.searchresult_icon {
    padding:2px 6px 0px 6px;
    }
  td.searchresult_link {
    padding:2px 8px 4px 0px;
    }
  td.searchresult_lastmodified {
    padding:2px 4px 6px 0px;
    white-space: nowrap;
    font-size:10px;
    color:999999;
    }
  td.searchresult_summary {
    padding:0px 0px 6px 0px;
    }
  td.searchresult_details {
    padding:0px 0px 14px 0px;
    font-size:10px;
    color:666666;
    font-style:italic;
    }

    
  table.advancedsearchform {
    width:100%;
    }
  
  td.advancedsearchform {
    vertical-align:top;
    padding: 10px;
    margin: 0px;
    }
 /*}}}*/
    
    
 /*{{{ ======== #7 - Common Misc ======== */
       
  /* Document List - these are overridden to customise (eg: Document Manager Module) */

  .documentListCollectionSummaryHidden {
    display: none;
    visibility: hidden;
  }
  .documentListCollectionSummary {
    display: none;
    visibility: hidden;
  }
  .documentListCollectionChildren {
     padding-left: 20px;
  }


  .resourceContainer {
    margin:1px 0px 0px 0px;
    padding:6px 0px 0px 2px;
  }
  
  .resourceDetails {
    padding:1px 0px 4px 2px;
    font-style:italic;
    font-size:9px;
  }
  
  
 
  
 /*}}}*/