/* 
    Document   : czSrStyle.css
    Created on : Jan 26, 2012, 3:23:14 PM
    Author     : ggates
    Description:
        Purpose of the stylesheet follows.
*/

body {
    min-width: 980px;
    background-color: #65C295;
}

h1, h2, h3 {color: #205036;}

#czSrHeader {
    height: 30px;
    background: url("/resources/images/cz/czbg-splash.jpg") no-repeat #002B55;
    margin-bottom: 40px;
}

.logoArea {
    width: 385px;
    vertical-align: top;
}

#lt {
    margin-right: 13px;
}

#navBar {
    margin-top: 5px;
}

.navBar-item-size {
    width: 74px;
    height: 42px;
}

.AccountBox, .GuestAccountBox, .CzWelcomeBox {
    margin: 0;
    background: none repeat scroll 0 0 #DDEADE;
    border: 1px solid #222D52 !important;
}

.lessonPlanList table {table-layout: fixed; width: 100%}

.createAccount-form-table {padding-left: 0px}
.createAccount-form-table-break {height: 16px;}
.createAccount-form-table-column1 {width: 260px; text-align: right; vertical-align:text-top;}
.createAccount-form-table-column2 {text-align: left; max-width: 650px;}

.mainContent {
    background-color: #65C295;
    background-image: url("/resources/images/cz/czbg.jpg");
    background-repeat: no-repeat;
}

.mainContentSplash {
    background-color: #65C295;
    background-image: url("/resources/images/cz/czbg-splash.jpg");
    background-repeat: no-repeat;
}

#czSrContentSplash {
    margin-top: 200px;
}

#czSrBody {
    background-color: #fff;
    margin: 0 15px;
    padding: 10px;
    border: 1px solid #205036;
}

#czSrPortfolioBody {
    background-color: #fff;
    width: 977px;
    border: 1px solid #002b54;
}

#czSrPortfolioHeader {
    background: #002b54 url(/resources/images/cz/portfolio_bnr_blue.gif) no-repeat left top;
    height: 100px;
}

#czSrPortfolioDYN {
    margin: 15px;
    padding: 0 5px;
    border: solid 2px #002b54;
    line-height: 150%;
}

#czSrPortfolioDYN h3 {color:#002b54;}

#czSrPortfolioDYN p {line-height: 1.5em; margin: 1em 0; }

.czSrPortfolioDiv1 {
    width: 294px;
}
.czSrPortfolioDiv2 {
    width: 294px;
}
.czSrPortfolioDiv3 {
    width: 324px;
}

.czSrPortfolioDiv {
    float:left;
    
    margin-left: 17px;
}

.czSrPortfolioDiv div {
    margin-bottom: 15px;
    padding: 0 5px;
    border: solid 2px #002b54;
}

.czSrPortfolioHR {
    height: 4px;
    background: #0d5b89;
    border: 1px solid #002B54;
}

.czSrPortfolioDiv a {
    white-space: pre;
    font-size: 1.25em;
    font-weight: bold;
}

.czSrPortfolioDiv a:hover {
    color: #7c0113;
}

.srPortfolioMainMenuText {
    font-size: .9em;
    line-height: 1.5em;
}

#jzMessageDialog, #czMessageDialog{
    max-height: 500px;
    overflow-y: auto;
}

#printTitle, .printTitle, h3 {color: #205036;}

a:link, a:active, a:visited, a:hover {
    border: medium none;
    color: #002B54;
    text-decoration: underline;
    cursor: pointer;
}

#textContent{
    margin: 50px 10px;
}

.titleText {
    color: white;
}

a.white
{
    font-size: 1.1em;
    color: white;
    text-decoration: none;
}

a.white:hover
{
    text-decoration: underline;
}

.newUserStylex {
    font-size: 10pt;
    font-weight: bold;
    color: #002B54;
}

.menuList, .menuList ul, .faqList ul, .newsList ul {
    list-style-type: none;
    padding-left: 0px;
    margin-left: 0px;
}

.menuList li {
    padding-bottom: 1em;
}

.menuList a {
    font-size: 1.2em;
    font-weight: bold;    
}

.czSrBorder {
    border: 1px solid #222D52;
    padding: 4px;
}

.section { margin-top : 10px; border : solid 1px #222d52;  }
.section .title { padding-right:10px; padding-left:10px; background-color:#e6e6e6; color:#4c4c4c;  padding-top:3px; padding-bottom: 3px; border-bottom: solid 1px #222D52; }
.section .title h3 { font-size : 1.25em; font-weight:bold; color : #4c4c4c; padding : 0px; margin : 0px }
.section .indexcontent {padding:15px; border-top:solid 1px #222d52; clear : both;}
.section li { padding-bottom : 10px;}
.section ul { margin-left : -15px; padding-left : 20px}
.section .content a { font-weight : bold; }

.section div.error { margin : 15px; }
.section .portfolio-error { margin : 15px; }
.section .confirm { margin : 15px; }
.content, #helpcontainer {
    padding: 5px;
    clear: both;
}
.content a, #helpcontainer a {font-weight: bold;}
.tabContent {
    width: 880px;
    margin: 0 auto;
    margin-top: 10px;
}

#siteMap h3 a {
    text-decoration: none;
    color: #205036;
}

#resourceTree, #stemList {
    max-height: 550px;
    overflow: auto;
    border: 1px solid #205036;
    margin-bottom: 10px;
}

#resourceTree table, #helpMenu_content, .faqList div, .newsList div, #stemWhatList div, #fgTasksForm div { border: hidden; }
.resourceTitle { width: 200px; }

.faqAnswer {margin-bottom: 20px !important;}
.faqList p {margin: 1em;}
p.newsText {margin-left: 20px;}

.budgetButtonOn, .sbButtonOn, .apButtonOn {background: #64C294 !important; color: black !important;}
.budgetButtonOff, .sbButtonOff, .apButtonOff {background: #e6e6e6 !important; color: #205036 !important;}
.budgetButtonDisabled, .sbButtonDisabled, .apButtonDisabled {opacity: .35 !important; filter: Alpha(Opacity=35) !important; background-image: none !important;}

#stemBackground, #stemBreadCrumb {margin-left:90px}
#stemBackground {position: relative;}
#stemBackground img {border:none;}

#stemTextContainer {
    margin-top: -470px;
    margin-left: 725px;
    height: 460px;
}

#stemTextDiv{
    width: 200px;
    color: #ffffff;
    font-size: 1.23em;
    margin-bottom: 45px;
    min-height: 290px;
    position: relative;
}

#stemTextDiv a 
{
    color: #FFC600;
}

.stem-highlight {
    color: #FFC600;
}

#stemFlashDiv {
    margin-left: 35px;
}

#stemVenturesContainer iframe {
    width: 817px;
    height: 496px;
    border: none;
    margin-bottom: 2em;
}

#resources tr:hover, #stemList tr:hover {
    background: #A0FFA0;
}

.titleCol {width:165px;}
.dateCol {width:135px;}

.check-messages-button span {padding: .1em 1em !important;}

@media print {
    #headerTop, #czSrHeader, #czSrFooter, .noPrint, .ui-button {
        display: none !important;
    }
    .titleBar {
        border:none;
        background-color: white;
        color: black;
    }
    .section .title h3 {
        color: black;
    }
    .ui-treetable-scrollable-body, .ui-datatable-scrollable-body {
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
    }
    .ui-tabs-nav li a:link {
        color: #eee;
    }
    .ui-tabs-selected a:link {
       color: #000 !important;
    }
}

@media print {
    #mesHeader, #mesNav, .mobile-nav, #mesFooter, .noPrint, .ui-button {
        display: none !important;
    }
    .titleBar {
        border:none;
        background-color: white;
        color: black;
    }
    .section .title h3 {
        color: black;
    }
    .ui-treetable-scrollable-body, .ui-datatable-scrollable-body {
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
    }
    .ui-tabs-nav li a:link {
        color: #eee;
    }
    .ui-tabs-selected a:link {
       color: #000 !important;
    }
}

.ui-autocomplete-panel {
       max-width: 400px;
       z-index: 2012;
       overflow:auto;
       height: 200px;
    }