.navbar .brand {
    color:#eee;
    text-shadow:#777777 0 1px 0;
}

.navbar-inverse .navbar-inner {
    background-color: #a30c22;
    background-image: -moz-linear-gradient(top, #a30c22, #b73022);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a30c22), to(#b73022));
    background-image: -webkit-linear-gradient(top, #a30c22, #b73022);
    background-image: -o-linear-gradient(top, #a30c22, #b73022);
    background-image: linear-gradient(to bottom, #a30c22, #b73022);
    background-repeat: repeat-x;
    border-color: #a30c22;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffa30c22', endColorstr='#ffb73022', GradientType=0);
    color:#eee;
}

.navbar .nav > li > a {
    color:#eee;
    text-shadow:#ccc 0 0 0;
}

.navbar .operations > li > a {
    color:#1d2e7b;
}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
    color: #ffffff;
    background-color: #27546e;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: #27546e;
}

.navbar-inverse .navbar-search .search-query {
    background-color:#dedede;
    border-color:#dedede;
    color:#111111;
}

.navbar-inverse .divider-vertical {
    border-right-color: #39436d;
    border-left-color: #20317d;
}

a, a:hover, .sidebar-nav ul > li > a, .sidebar-nav ul > li > a:hover, .summary-number  {
    color: #2baaed;
    font-weight: normal;

}

.span3 .sidebar-nav ul > li > a, .sidebar-nav ul > li > a:hover, .summary-number  {
    color: #eef1f6;
    background: #316984;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
}


input[type=button] {
    font-size: 15px;
    font-family: arial;
    height: 30px;
    opacity: .8;
    margin-right: 5px;
    border: none;
    color: #2BAAED;
    background: #FaFaFa;
}

input[type=button]:hover{
    color:#316984;
    background: #b7e6ff;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
}

table .items thead{
    background: #747474;
}

ul.yiiPager > li > a{
    color: #45474D!important;

}
.span9 h1, .span12 h1, .search-button, .span9 p{
    display:none;
}
.span9 li p, .span12 li p{
    display:block;
}
.span12 > .span9 {
    display:none;
}
/*.span12 > .span9 li p{
    display:block;
}*/

.span9 .grid-view table th{
    background-image: url(pattern4.jpg);
    /*background-color: #15BDEA;*/
    border: 1px dashed #CCCCCC;
    border-bottom: 1px dashed #CCCCCC;
    font-family: arial-bold !important;
    color:#2baaed;
    font-size: 10px;
    font-weight: 600;
    vertical-align: middle;
}
.span9 .grid-view table th a{
    font-weight: 600; 
}
.span12 .grid-view table th{
    background-image: url(pattern4.jpg);
    /*background-color: #15BDEA;*/
    border: 1px dashed #CCCCCC;
    border-bottom: 1px dashed #CCCCCC;
    font-family: arial-bold !important;
    color:#2baaed;
    font-size: 10px;
    font-weight: 600;
    vertical-align: middle;
}
.span12 .grid-view table th a{
    font-weight: 600; 
}
.span9 .grid-view table td a{
    font-family: arial;
    color: #2BAAED !important;
}
.span9 table th{
    border: 1px dashed #CCCCCC;
    border-bottom: 1px dashed #CCCCCC;
    font-family: arial;

}
.span12 table th{
    /*background-color: #15BDEA;*/
    border: 1px dashed #CCCCCC;
    border-bottom: 1px dashed #CCCCCC;
    font-family: arial;
}

ul.yiiPager .selected a {
    background-color: #316984;
    background-image: -moz-linear-gradient(top, #316984, #45474D);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#316984), to(#45474D));
    background-image: -webkit-linear-gradient(top, #316984, #45474D);
    background-image: -o-linear-gradient(top, #316984, #45474D);
    background-image: linear-gradient(to bottom, #316984, #45474D);
    background-repeat: repeat-x;
    border-color: #316984;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffa30c22', endColorstr='#ffb73022', GradientType=0);
    color:#DEDEDE !important;
    text-shadow:#CCCCCC 0 0 0;
    font-weight:bold;
}

.span3 #yw2 ul li{
    border-radius: 8px;
    /*box-shadow: -4px -8px 10px #45474D ;*/
    /*box-shadow: 7px -10px 10px #45474D ;*/
}
@media screen and (min-width:768px) {
    .row-fluid .span3 {
        width: 18%;
    }
    .row-fluid .span9 {
        width: 78%;
        margin-top: 20px;
    }
}
@media screen and (min-width:980px) and (max-width:1066px) {
    .row-fluid .span9 {
        width: 78%;
        margin-top:40px;
    }
}