/* 
    Document   : chromo_main_layout
    Created on : Nov 27, 2012, 5:33:48 PM
    Author     : ChromoSoft
    Description:
        Purpose of the stylesheet follows.
*/


body{
    margin:0em;
    padding:0em;
}

/*
| Main Template
*/
body *{
    font-family:  Tahoma,Helvetica,Sans-Serif;
}
body.ch_main{
    background: url('../images/ch_main.png') repeat-x  0px 81px #e8e9e9;
}
div.ch_main_header, div.ch_main_content, div.ch_main_footer{
    min-width:1024px;
    width:100%;
    z-index: 2;
}
div.ch_main_header, div.ch_main_content{
    display:block;
    position:relative;
}
div.ch_main_header{
    background:url('../images/ch_main_header.png') repeat-x;
    border-bottom: 1px solid #38050e;
    height:80px;
    z-index:3;

    -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 7px rgba(0,0,0,0.6);
}
div.ch_main_content{
    background:url('../images/ch_main_content.png') no-repeat center top;
    height:auto;
    min-height:593px;
}
div.ch_main_footer{
    background:#383D42;
    border-top:1px solid #111314;
    bottom:0em;
    height:32px;
    position:fixed;
}

/*
| Main Template (content hldr preparation)
*/
div.ch_main_header_hldr, div.ch_content_hldr, div.ch_footer_hldr{
    height:100%;
    margin:0 auto;
    position:relative;
    max-width:1229px;
    min-width:980px;
    width:64%;
}
div.ch_main_header_hldr{
    height:80px;
}
div.ch_footer_hldr{
    height:32px;
}

img.ch_main_logo{
    position:absolute;
    right:0em;
    top:20px;
}
div.ch_footer_hldr div{
    color:#FFF;
    display:inline-block;
    float:left;
    font-size:10pt;
    height:32px;
    line-height: 24pt;
    position:relative;
    text-shadow: 0px 1px 1px #000;
}
div.ch_footer_hldr div:nth-child(1){
    text-align: left;
    width:50%;
}
div.ch_footer_hldr div:nth-child(2){
    margin-right:-60%;
    text-align: right;
    width:50%;
}


/*
| Main Template (content)
*/
div.ch_login_info, div.ch_content_info_hldr{
    clear:both;
    margin:0 auto;
    min-width:980px;
    position:relative;
    width:100%;
}

div.ch_login_info{
    font-size:10pt;
    height:80px;
    line-height:26pt;
    text-shadow: 0px 1px 1px #000;
}
div.ch_login_info, div.ch_login_info a{
    color:#FFF;
}
div.ch_login_info a{
    text-decoration: none;
}
div.ch_login_info a:hover{
    text-decoration: underline;
}
div.ch_login_info>div, div.ch_login_info div.ch_info{
    height:33px;
}
div.ch_login_info>div{
    bottom:0em;
    overflow:hidden;
    position:absolute;
    text-align: right;
    width:100%;
}
div.ch_login_info div.ch_info{
    background:url('../images/ch_info.png') repeat-x;
    border-color:#414447;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    cursor:default;
    display:inline-block;
    margin:0px 10px 0px 5px;
    min-width:9em;
    padding:0px 10px 0px 10px;
    text-align: center;

    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius:8px;

    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius:8px;
}

div.ch_content_info_hldr{
    border-color: #2f3032;
    border-style: dashed;
    border-width: 1px;
    height:100%;
    margin-bottom: 55px;
    min-height:455px;
    overflow:hidden;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

div.ch_nav, div.ch_content_view{
    float:left;
    height:100%;
    position:relative;
}
div.ch_nav{
    min-width:255px;
    width:26%;
}
div.ch_nav, div.ch_nav_bg_fix{
    background:#CF1533;
}
div.ch_content_view{
    margin:0px -74% 0px -1px;
    min-width:725px;
    width:74%;
    z-index: 1;
}
div.ch_content_view, div.ch_content_view_bg_fix{
    border-left:1px dashed #2F3032;
    background:#FFF;
}
div.ch_nav_bg_fix, div.ch_content_view_bg_fix{
    bottom:-999em;
    height:1000em;
    position:absolute;
    width:100%;
}
div.ch_content_view_hldr{
    clear:both;
    height:100%;
    position:relative;
    width:100%;
    z-index:2;
}
div.ch_content_view_hldr:after{
    clear:both;
    content : ".";
    display:block;
    font-size:0pt;
    line-height: 0pt;
    position:relative;
}


div.ch_nav_bg_fix{
    margin:0px;
}

div.ch_content_view_bg_fix{
    margin:0px 0px 0px -1px;
    z-index:1
}


div.ch_footer_hldr div a{
    color: #FFF;
}

/*
| Navigation Template
*/
div.ch_nav>ul{
    border-width:0px 1px 0px 1px;
    min-height: 455px;
    height: 99.97%;
    list-style-type: none;
    margin:0 auto;
    overflow-x:hidden;
    position:relative;
    z-index: 1;
}
div.ch_nav>ul, div.ch_nav_bg_fix ul{
    border-color:#79091c;
    border-style: solid;
    min-width:249px;
    padding:0em;
    width:97.3%;
}
div.ch_nav_bg_fix ul{
    border-width: 0px 1px 0px 1px;
    bottom:0em;
    height: 1000em;
    margin:0 auto;
    position:relative;
}

div.ch_nav ul *{
    cursor:default;
}
div.ch_nav>ul>li{
    font-weight: 100;
    width:100%;
}
li.ch_nav_header{
    height:26px;
    overflow: hidden;
}
li.ch_nav_header>div{
    background:url("../images/ch_nav_header.png") repeat-x 0px -4px;
    border-top:1px solid #79091c;
    height:3em;
    position:relative;
    top:2px;
    width:100%;

    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;

}

li.ch_nav_main_mnu{
    border-color: #CF1533;
}
li.ch_nav_main_mnu, li.ch_nav_main_mnu_sel{
    color:#FFF;
    font-size:12pt;
    line-height: 19pt;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    text-shadow: 0px 1px 1px #000;
    width:94% !important;
}
li.ch_nav_main_mnu_sel, li.ch_nav_main_mnu:hover{
    background:#5f0514;
    border-color:#000;

    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
li.ch_nav_main_mnu:hover{
    filter:alpha(opacity=20);
    opacity:0.2;
}

li.ch_nav_main_mnu, li.ch_nav_main_sbmnu, 
li.ch_nav_main_mnu_sel, li.ch_nav_main_sbmnu_sel,
li.ch_nav_main_sbmnu_nodes{
    padding: 7px 6px 7px 16px;
    min-height:22px;
}

li.ch_nav_main_sbmnu, li.ch_nav_main_sbmnu_sel{
    border-top:1px dashed #FFF;
    font-size:11pt;
    line-height: 16pt;
    text-shadow: 0px 1px 1px rgba(248, 251,210,0.5);
    width:94% !important;
}
li.ch_nav_main_sbmnu, li.ch_nav_main_sbmnu a{
    color:#000;
}
li.ch_nav_main_sbmnu_sel, li.ch_nav_main_sbmnu_sel a{
    color:#FFF;
}
li.ch_nav_main_sbmnu_sel{
    text-shadow: 0px 1px 1px rgba(0, 0, 0,0.5);
}
li.ch_nav_main_sbmnu:hover{
    text-shadow: 0px 1px 1px rgba(248, 251,210,0.5);
}
li.ch_nav_main_sbmnu_sel, li.ch_nav_main_sbmnu:hover{
    background:url('../images/sb_menu_sel.png') repeat-x 0 0;
}
li.ch_nav_main_sbmnu_sel a, li.ch_nav_main_sbmnu a, li.sb_mnu_node a{
    text-decoration: none;
}

li.ch_nav_main_sbmnu_nodes ul{
    list-style-type: none;
    padding:4px 5px 4px 16px;
    width:85%;
}
li.ch_nav_main_sbmnu_nodes ul li{
    font-size:10pt;
    line-height: 11pt;
    min-height: 22px;
    padding:5px 0px 0px 0px;
}
li.ch_nav_main_sbmnu_nodes ul li:first-child{
    padding:0px 0px 5px 0px;
}

li.ch_nav_main_sbmnu_nodes ul li, li.ch_nav_main_sbmnu_nodes ul li a{
    color:#FFF;
}
li.ch_nav_main_sbmnu_nodes ul li:hover, li.ch_nav_main_sbmnu_nodes ul li a:hover{
    text-shadow: 0px 1px 1px #5f0514;
}
li.ch_nav_main_sbmnu_nodes ul li a:hover{
    text-decoration: underline;
}

li.sel_node{
    text-decoration: underline;
}
li.sb_mnu_node{
    text-decoration: none;
}

li img.ch_nav_indicator{
    float:right;
    position:relative;
    right:3%;
    top:8px;
}

/*
| element effect transition
*/
li.ch_nav_main_mnu, li.ch_nav_main_mnu_sel,
li.ch_nav_main_sbmnu, li.ch_nav_main_sbmnu_sel,
li.ch_nav_main_sbmnu_nodes ul li, li.ch_nav_main_sbmnu_nodes ul li a{
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

/*
| parent with floating children fixes
*/
div.ch_content_hldr:after, div.ch_content_info_hldr:after{
    clear:both;
    content: ".";
    display: block;
    font-size:0pt;
    position:relative;
}