@import url(./../DefaultTheme/Style.css);
@import url(./../AreaGreen/style.css);


/* green */

.blue .btn-navbar,
.orange .btn-navbar,
.dark_blue .btn-navbar,
.green .btn-navbar {
    background: #538F57;
}
.my_space .navbar-inner {
    background:  #04564a;
}
.my_space.blue .navbar-inner,
.my_space.orange .navbar-inner,
.my_space.dark_blue .navbar-inner,
.my_space.green .navbar-inner {
    background:  #04564a;
    filter: none;
    /*-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);*/
}
.blue .box .head ,
.orange .box .head ,
.dark_blue .box .head ,
.green .box .head {
    background-image: none;
    background: #0D7A6A; /* dark one*/
    color: #fff;
}
.blue .navbar .nav > li > a,
.orange .navbar .nav > li > a,
.dark_blue .navbar .nav > li > a,
.green .navbar .nav > li > a {
    color: #fff;
}
.my_space.blue .navbar .nav .active > a,
.my_space.blue .navbar .nav .active > a:hover,
.my_space.blue .navbar .nav > li > a:hover,
.my_space.orange .navbar .nav .active > a,
.my_space.orange .navbar .nav .active > a:hover,
.my_space.orange .navbar .nav > li > a:hover,
.my_space.dark_blue .navbar .nav .active > a,
.my_space.dark_blue .navbar .nav .active > a:hover,
.my_space.dark_blue .navbar .nav > li > a:hover,
.my_space.green .navbar .nav .active > a,
.my_space.green .navbar .nav .active > a:hover,
.my_space.green .navbar .nav > li > a:hover {
    color: #eee;
}
.my_space.blue .navbar .nav .active > a .org_bot_cor,
    .my_space.blue .navbar .nav .active > a:hover .org_bot_cor,
    .my_space.blue .navbar .nav > li > a:hover .org_bot_cor ,
.my_space.orange .navbar .nav .active > a .org_bot_cor,
    .my_space.orange .navbar .nav .active > a:hover .org_bot_cor,
    .my_space.orange .navbar .nav > li > a:hover .org_bot_cor ,
.my_space.dark_blue .navbar .nav .active > a .org_bot_cor,
    .my_space.dark_blue .navbar .nav .active > a:hover .org_bot_cor,
    .my_space.dark_blue .navbar .nav > li > a:hover .org_bot_cor ,

    .my_space.green .navbar .nav .active > a .org_bot_cor,
    .my_space.green .navbar .nav .active > a:hover .org_bot_cor,
    .my_space.green .navbar .nav > li > a:hover .org_bot_cor {
        border-color: transparent transparent #ECFCF1 transparent;
    }
.blue .app-sidebar .nav li.active a,
.blue .app-sidebar .nav li a:hover,
.blue .hehe,
.blue .content,
.orange .app-sidebar .nav li.active a,
.orange .app-sidebar .nav li a:hover,
.orange .hehe,
.orange .content,
.dark_blue .app-sidebar .nav li.active a,
.dark_blue .app-sidebar .nav li a:hover,
.dark_blue .hehe,
.dark_blue .content,
.green .app-sidebar .nav li.active a,
.green .app-sidebar .nav li a:hover,
.green .hehe,
.green .content {
    background: #ECFCF1; /* light one*/
}
.blue .dataHead ,
.orange .dataHead ,
.dark_blue .dataHead ,
.green .dataHead {
    background: #0D7A6A; /* normal one*/
    color: #fff;
}

.blue .data td,
.orange .data td,
.dark_blue .data td,
.green .data td {
    border: #FDF1E0 1px solid;
}
.blue ul.sub_nav.tabs .active > a,
.blue ul.sub_nav.tabs .active > a:hover,
.orange ul.sub_nav.tabs .active > a,
.orange ul.sub_nav.tabs .active > a:hover,
.dark_blue ul.sub_nav.tabs .active > a,
.dark_blue ul.sub_nav.tabs .active > a:hover,
.green ul.sub_nav.tabs .active > a,
.green ul.sub_nav.tabs .active > a:hover {
    background: #0D7A6A;
}
.blue ul.sub_nav li.active,
.blue ul.sub_nav li a:hover,
.blue ul.sub_nav li a:active,
.blue .sub_nav .control_add .btn-add.active,
.blue .sub_nav .control_add .btn-add:hover,
.blue .sub_nav .control_add .btn-add:active ,
.orange ul.sub_nav li.active,
.orange ul.sub_nav li a:hover,
.orange ul.sub_nav li a:active,
.orange .sub_nav .control_add .btn-add.active,
.orange .sub_nav .control_add .btn-add:hover,
.orange .sub_nav .control_add .btn-add:active ,
.dark_blue ul.sub_nav li.active,
.dark_blue ul.sub_nav li a:hover,
.dark_blue ul.sub_nav li a:active,
.dark_blue .sub_nav .control_add .btn-add.active,
.dark_blue .sub_nav .control_add .btn-add:hover,
.dark_blue .sub_nav .control_add .btn-add:active ,
.green ul.sub_nav li.active,
.green ul.sub_nav li a:hover,
.green ul.sub_nav li a:active,
.green .sub_nav .control_add .btn-add.active,
.green .sub_nav .control_add .btn-add:hover,
.green .sub_nav .control_add .btn-add:active {
    background: #0D7A6A;
}
    .blue ul.sub_nav li.active .org_bot_cor,
    .blue ul.sub_nav li a:hover .org_bot_cor,
    .blue ul.sub_nav li a:active .org_bot_cor,
    .blue .sub_nav .control_add .btn-add.active .org_bot_cor,
    .blue .sub_nav .control_add .btn-add:hover .org_bot_cor,
    .blue .sub_nav .control_add .btn-add:active .org_bot_cor,
        .orange ul.sub_nav li.active .org_bot_cor,
    .orange ul.sub_nav li a:hover .org_bot_cor,
    .orange ul.sub_nav li a:active .org_bot_cor,
    .orange .sub_nav .control_add .btn-add.active .org_bot_cor,
    .orange .sub_nav .control_add .btn-add:hover .org_bot_cor,
    .orange .sub_nav .control_add .btn-add:active .org_bot_cor,
        .dark_blue ul.sub_nav li.active .org_bot_cor,
    .dark_blue ul.sub_nav li a:hover .org_bot_cor,
    .dark_blue ul.sub_nav li a:active .org_bot_cor,
    .dark_blue .sub_nav .control_add .btn-add.active .org_bot_cor,
    .dark_blue .sub_nav .control_add .btn-add:hover .org_bot_cor,
    .dark_blue .sub_nav .control_add .btn-add:active .org_bot_cor,
    .green ul.sub_nav li.active .org_bot_cor,
    .green ul.sub_nav li a:hover .org_bot_cor,
    .green ul.sub_nav li a:active .org_bot_cor,
    .green .sub_nav .control_add .btn-add.active .org_bot_cor,
    .green .sub_nav .control_add .btn-add:hover .org_bot_cor,
    .green .sub_nav .control_add .btn-add:active .org_bot_cor {
        border-color: #0D7A6A transparent transparent;
    }
.blue .app-sidebar .control_panel .nav-list,
.orange .app-sidebar .control_panel .nav-list,
.dark_blue .app-sidebar .control_panel .nav-list,
.green .app-sidebar .control_panel .nav-list {
    border-top: 1px solid #C1D3C7;
}
.blue ul.sub_nav, .sub_nav .control_add,
.orange ul.sub_nav, .sub_nav .control_add,
.dark_blue ul.sub_nav, .sub_nav .control_add,
.green ul.sub_nav, .sub_nav .control_add {
    border: 1px solid #C1D3C7;
}




.content,
#header, header #header {
    background:#006052;
}

.content {

    background-image: -moz-linear-gradient(top, #006052, #04564A);
    background-image: -ms-linear-gradient(top, #006052, #04564A);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#006052), to(#04564A));
    background-image: -webkit-linear-gradient(top, #006052, #04564A);
    background-image: -o-linear-gradient(top, #006052, #04564A);
    background-image: linear-gradient(top, #006052, #04564A);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006052', endColorstr='#04564A', GradientType=0);
}
.wellcome_tip a {
    color:#fcfcfc;
}
.logafter {
    color:#fcfcfc;
}
    .logafter a {
        color: #fff;
    }

.my_space a:hover .icon {
     background-position-x: -150px; 
}