/* 
    Document   : style
    Created on : Sep 13, 2012, 6:38:50 PM
    Author     : shepherd
    Description:
        Purpose of the stylesheet follows.
*/

@import "reset.css";
/* ------------- */
/* -- Helpers -- */
/* ------------- */
.hide{display:none;}
.clear{clear: both}
.float-left{float: left}
.float-right{float: right}
.space-40{height: 40px;}
.display-inline{display: inline}
.inline-block{display: inline-block}

/*==*/

a{
    color: #F90E0E;
    text-decoration: none;
}
a:hover{
    color: #FF670F;
    text-decoration: none;
}
body{
   /* background: #ECF2F4 url(../images/bg.png);*/
   background: #fff;
    font-size: 12px;
    font-family: Arial,Ubuntu-R;
    color: #444;
}
#page{
    padding: 0;
    margin: 0;
}
.container{
    margin: 0px;
}
/* ------------- */
/* -- Header -- */
/* ------------- */
.header{
    background: #222;
    overflow: visible;
    margin: 0;
    min-height: 1px;
    z-index: 110;
    display: table;
    position: relative;
}

.hidden {
    display: none;
    visibility: hidden;
}

.logo a{
    text-decoration: none;
}
.logo a h1{
    color: #fff;
    margin-left:10px;
    padding: 12px 0;
    text-shadow: 1px 1px 0px #ccc;
    font-size: 28px;
    font-family:Individigital Demibold, Yesteryear-Regular,SFTransRobotics
}
.logo a h1 span{
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    text-shadow: none;
    font-family: BebasNeue;
    position: relative;
    top: 4px;
    vertical-align: top;
}
/* ------------- */
/* -- Nav -- */
/* ------------- */
.nav{
    font-family: Arial;
}
span.nav-text{
    position: relative; left: 25px;
}

/*Accordion*/
.loading {
    display: none;
}
.accordion {
    /*border: 1px solid #ccc;*/
    width:  100%;
    font-weight: bold;
    border-radius: 2px;
    overflow: hidden;
}
.accordion a {
    text-decoration: none;
    margin:                 0;
    color: #666;
}
/*header*/
.accordion li div{
    background-color:  #333;
    border: 1px solid #ccc;
    border-bottom: none;
}
.accordion li:first-child div{
    border-radius: 4px 4px 0 0;
}
.accordion li:last-child div{
    border-bottom: 1px solid #ccc;
    border-radius: 0 0 4px 4px;
}
.accordion li div h2{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
    margin-left: 36px;
    padding:10px 7px;
    text-shadow: 1px 1px #fff;
    border-left: 1px solid #ddd;
    font-weight: bold;
}

/*header hover*/
.accordion li div:hover{
    /*border: 1px solid #222;*/
    border-bottom: none;
    background-color: #222;
}
.accordion li:first-child div:hover{
    border-radius: 2px 2px 0 0;
}
.accordion li:last-child div:hover{
    border-bottom: 1px solid #ccc;
    border-radius: 0 0 2px 2px;
}
.accordion li h2:hover{
    background-color: #333;
    color: #222;
    text-shadow: 1px 1px  #fff;
    box-shadow: inset 1px 1px 3px #ddd;
    border-left: 1px solid #444;
}
.accordion li.active div:hover{
    /*background-color: #fcfcfc;*/
    border: 1px solid #ccc;
    color: #666;
}
.accordion li.active h2:hover{
    background-color: #fff;
    color: #666;
    text-shadow: 1px 1px #eee;
    border-left: 1px solid #ddd;
}
/*header active*/
.accordion li.active div{
    background-color:  #222;
    border: 1px solid #222;
}
.accordion li.active div h2 {
    background: #333;
    color: #fff;
    border-left:  1px solid #444;
    text-shadow: 1px 1px #222;
}
.accordion li.locked h2 a {
    border-bottom:          1px solid #630;
    border-top:             1px solid #fc9;
    text-shadow:            0 -1px 2px #630, #fc9 0 1px 2px;
}
/*child*/
.accordion .panel {
    margin-left: 36px;
}
.accordion li ul {
    padding:  0;
    margin-bottom: 10px;
}
.accordion li ul li{
    background: #333;

    border: 1px solid #222;
    border-bottom: none;
}

.accordion li ul li:first-child{
    border-top: none;
}
.accordion li ul li:last-child{
    border-bottom:  1px solid #222;
}
.accordion li ul li p{
    padding: 10px 7px;
}
.accordion li ul li a{
    color: #fff;
    text-decoration: none;
}
/*child hover*/
.accordion li ul li:hover{
    background: #fcfcfc;
    border: 1px solid #ddd;
    color: #666;
    border-bottom: none;
}
.accordion li ul li:first-child:hover{
    border-top:  none;
}
.accordion li ul li:last-child:hover{
    border-bottom:  1px solid #ddd;
}
.accordion li ul li a:hover{
    color: #666;
}

/* ------------- */
/* -- content -- */
/* ------------- */
.content-title li{
    color: #ccc;
    font-size: 20px;
    font-family: BebasNeue;
    display: inline-block;
    border: 1.5px solid #333;
    border: none;
    border-bottom: none;
    position: relative;
    top: 1px;
    padding: 7px 20px;
    border-radius: 2px;
    max-width: 390px;
    z-index: 10;
    background: #3d3d3d; /* Old browsers */
    background: -moz-linear-gradient(top,  #3d3d3d 0%, #212121 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(100%,#212121)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3d3d3d 0%,#212121 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3d3d3d 0%,#212121 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3d3d3d 0%,#212121 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3d3d3d 0%,#212121 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#212121',GradientType=0 ); /* IE6-9 */

    border-bottom: 1px solid #ccc;
}
.content-title li:first-child{
    background: #fff;
    color: #333;
    border: 1px solid #ccc; 
    border-bottom: 1px solid #fff;
}
.content-title li a{
    text-decoration: none;
    color: inherit;
}
.content-title li a:hover{
    color: #fff;
}
.main-content {
    min-height: 100px; 
    border-left:1px solid #ccc;
    float: left;
    width: 100%;
    min-height: 550px;
    /*padding: 20px;*/
    /*overflow: hidden;*/
    /*box-shadow: 0 0 3px #C3C3C3;*/
}
.title{
    background: #222;
    overflow: hidden;
}
.title h2{
    margin-left: 36px;
    padding:10px 7px;
    border: 1px solid #444444;
    background: #444; /* Old browsers */
    font-size: 18px;
    font-family: BebasNeue;
    color: #fff;
    text-shadow: 1px 1px #222222;
    letter-spacing: 1px;
}

/*Icons*/
.icon{
    background-position: 10px center;
    background-repeat: no-repeat;
}
.icon-only{
    background-position: 8px center;
    background-repeat: no-repeat;
}
.table-icon{
    background-image: url(../images/icons/table.png);
}
.pen-icon{
    background-image: url(../images/icons/pen.png);
}
.trash-icon{
    background-image: url(../images/icons/trash.png);
}
.advanced-search-icon{
    background-image: url(../images/icons/advanced-search.png);
}
.image-icon{
    background-image: url(../images/icons/image.png);
}
.location-icon{
    background-image: url(../images/icons/location.png);
}
.country-icon{
    background-image: url(../images/icons/country.png);
}
.comment-icon{
    background-image: url(../images/icons/comment.png);
}
.help-icon{
    background-image: url(../images/icons/help.png);
}
.dashboard-icon{
    background-image: url(../images/icons/dashboard.png);
}
.add-icon{
    background-image: url(../images/icons/add.png);
}
.mail-icon{
    background-image: url(../images/icons/mail.png);
}
.file-icon{
    background-image: url(../images/icons/file.png);
}
.media-icon{
    background-image: url(../images/icons/media.png);
}
.list-icon{
    background-image: url(../images/icons/list.png);
}
.setting-icon{
    background-image: url(../images/icons/setting.png);
}
.statistic-icon{
    background-image: url(../images/icons/statistic.png);
}
.headphone-icon{
    background-image: url(../images/icons/headphone.png);
}
.city-icon{
    background-image: url(../images/icons/city.png);
}
.business-card-icon{
    background-image: url(../images/icons/business-card.png);
}
.note-icon{
    background-image: url(../images/icons/note.png);
}
.basket-icon{
    background-image: url(../images/icons/basket.png);
}
.document-icon{
    background-image: url(../images/icons/document.png);
}




/*white icon*/

.table-white-icon{
    background-image: url(../images/icons/white/table.png);
}
.pen-white-icon{
    background-image: url(../images/icons/white/pen.png);
}
.trash-white-icon{
    background-image: url(../images/icons/white/trash.png);
}
.advanced-search-white-icon{
    background-image: url(../images/icons/white/advanced-search.png);
}
.image-white-icon{
    background-image: url(../images/icons/white/image.png);
}
.location-white-icon{
    background-image: url(../images/icons/white/location.png);
}
.country-white-icon{
    background-image: url(../images/icons/white/country.png);
}
.comment-white-icon{
    background-image: url(../images/icons/white/comment.png);
}
.help-white-icon{
    background-image: url(../images/icons/white/help.png);
}
.dashboard-white-icon{
    background-image: url(../images/icons/white/dashboard.png);
}
.add-white-icon{
    background-image: url(../images/icons/white/add.png);
}
.mail-white-icon{
    background-image: url(../images/icons/white/mail.png);
}
.file-white-icon{
    background-image: url(../images/icons/white/file.png);
}
.media-white-icon{
    background-image: url(../images/icons/white/media.png);
}
.setting-white-icon{
    background-image: url(../images/icons/white/settings.png);
}
.user-white-icon{
    background-image: url(../images/icons/white/user.png);
}
.city-white-icon{
    background-image: url(../images/icons/white/city.png);
}
.user-white-icon{
    background-image: url(../images/icons/white/user.png);
}
.monitor-white-icon{
    background-image: url(../images/icons/white/monitor.png);
}
.statistic-white-icon{
    background-image: url(../images/icons/white/statistic.png);
}
.document-white-icon{
    background-image: url(../images/icons/white/document.png);
}
.headphone-white-icon{
    background-image: url(../images/icons/white/headphone.png);
}
.note-white-icon{
    background-image: url(../images/icons/white/note.png);
}
.business-card-white-icon{
    background-image: url(../images/icons/white/business-card.png);
}
.basket-white-icon{
    background-image: url(../images/icons/white/basket.png);
}
/*Table*/
table{
    width: 100%;
}
table td, table th{
    border: none;
}
table td{
    
}
table th{
    font-weight: bold;
    text-align: center;
    
}


.grid-view table.items th, table thead tr,table tfoot tr{





}
table tbody{
    
}

input[type=checkbox]{
    /*opacity: 0;*/
}


/*=Table-form=*/
.table-form{
    border-top: 1px solid #ccc;
}
.table-form tbody{
    background: #fcfcfc;

}

.table-form th{
    border: 1px solid #ccc;
    
}
.table-form td{

    border-right:  1px solid #DDDDDD;
    border-bottom:  1px solid #DDDDDD;
    padding: 10px;
}

.table-form td:first-child{
    width: 25%;
    vertical-align: top;
}
.table-form td:first-child label{
    padding: 8px 0;
    display: block;
    position: relative;
    font-weight: bold;
}

.table-form td:nth-child(2){
    width: 75%;
}

.table-form select, .table-form input{
    padding: 7px 5px;
}
.table-form .button{
    margin-left: 10px;
}
.table-form td:first-child,.table-form th:first-child{
    border-left: 1px solid #ccc;
}
.table-form td:last-child,.table-form th:last-child{
    border-right: 1px solid #ccc;
}
.table-form tr:first-child{
    border-top: 1px solid #ccc;
}

/*=clear-table-form=*/
.clear-table-form td{
    padding: 10px;
}

.clear-table-form td:first-child{
    width: 25%;
    vertical-align: top;
}
.clear-table-form td:first-child label{
    padding-top: 5px;
    position: relative;
    top: 10px;
    font-weight: bold;
}

.clear-table-form td:nth-child(2){
    width: 75%;
}

.clear-table-form select, .table-form input{
    padding: 7px 5px;
}
.clear-table-form .button{
    margin-left: 10px;
}

button.ideal-file-upload{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#ffffff;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5));background-image:-webkit-linear-gradient(#ffffff, #e5e5e5);background-image:-moz-linear-gradient(#ffffff, #e5e5e5);background-image:-o-linear-gradient(top, #ffffff, #e5e5e5);filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#e5e5e5', GradientType=0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e5e5e5', GradientType=0))";-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08),inset 0 1px 0 rgba(255, 255, 255, 0.5);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08),inset 0 1px 0 rgba(255, 255, 255, 0.5);box-shadow:0 1px 1px rgba(0, 0, 0, 0.08),inset 0 1px 0 rgba(255, 255, 255, 0.5);border:1px solid #b2b2b2;border-bottom-color:#999999;border-radius:3px;color:#4c4c4c;font-size:85%;position:absolute;top:0;right:0;margin:0;height:33px;border-radius:0 3px 3px 0;}button.ideal-file-upload:hover,button.ideal-file-upload:focus{border:1px solid #8eb3ce;border-bottom-color:#6a9cbf;background-color:#ffffff;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d5e3ed));background-image:-webkit-linear-gradient(#ffffff, #d5e3ed);background-image:-moz-linear-gradient(#ffffff, #d5e3ed);background-image:-o-linear-gradient(top, #ffffff, #d5e3ed);filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#d5e3ed', GradientType=0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#d5e3ed', GradientType=0))";color:#2b4d65;}

.table-form td input[type=text]{
    width: 80%;
}

/*a-form*/
.a-form{
    width: 100%;
}
.a-form li{
    width: 100%;
}

.a-form div p{
    margin: 20px;
}
.a-form input{
    width: 100%
}
.a-form li div:first-child{
    border-right: 1px solid #eee;
}



/*Toolbar*/
.toolbar{
    padding: 5px;
    background: #f5f5f5;
    border-bottom: 1px solid #ccc;
}
.toolbar li{
    display: inline;
    margin-right:  10px;
}
.toolbar li:last-child{
    margin-right:  0;
}
.toolbar li a{
    display: inline-block;
    border-radius: 2px;
    text-decoration: none;
    color: #666;
    font-weight: bold;
}
.toolbar-item{
    border: 1px solid transparent;
    
}
.toolbar-item:hover{
    border: 1px solid #ccc;
    box-shadow: 1px 1px 4px #ccc;
}
.toolbar li a:hover{
    background-color: #fff;
}
.toolbar-item div{
    padding: 7px;
    margin-left: 26px;
}

.icon-button{
    width: 32px;
    height: 32px;
    display: inline-block;
    border-radius: 90px;
    text-decoration: none;
    color: #666;
    font-weight: bold;
    background-color: #f7f7f7;
    vertical-align: top;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 2px #EEEEEE;
    margin-left: 5px;
}
.icon-button:hover{
    background-color: #fff;
    box-shadow:inset 1px 1px 2px #ccc;
}

/*===*/

.grid-view {
    padding: 0;
    position: relative;
    padding-bottom: 25px;
}

.grid-view .summary{
    position: absolute;
    bottom: -7px;
}

.grid-view .pager{
    position: absolute;
    bottom: 0px;
    right: 0
}
/*==*/
input[type="text"],  input[type="password"],  input[type="email"],  input[type="number"],  input[type="search"],  
input[type="url"],  input[type="tel"],  textarea,  select{
    padding:7px 0;
    border:1px solid #aaaaaa;
    background:#ffffff;
    outline:0;
    color:#666666;
    border-radius:2px;
    -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.15),transparent 0 0 0;
    -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.15),transparent 0 0 0;
    box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.15),transparent 0 0 0;
    -webkit-transition:background 0.3s ease-in-out;
    -moz-transition:background 0.3s ease-in-out;
    -ms-transition:background 0.3s ease-in-out;
    -o-transition:background 0.3s ease-in-out;
}


/* ------------- */
/* -- Pager -- */
/* ------------- */
ul.yiiPager
{
    font-size:11px;
    border:0;
    margin:0;
    padding:0;
    line-height:100%;
    display:inline;
}

ul.yiiPager li
{
    display:inline;
}
ul.yiiPager li a{
    border-radius: 2px;
}
ul.yiiPager a:link,
ul.yiiPager a:visited
{
    border:solid 1px #ccc;
    font-weight:bold;
    color:#888;
    padding: 5px 10px;
    text-decoration:none;
}

ul.yiiPager .page a
{
    padding: 5px 10px;	
    font-weight:normal;
}

ul.yiiPager a:hover
{
    border:solid 1px black;
    background: #efefef;
}

ul.yiiPager .selected a
{
    background:#333;
    border:solid 1px #333;
    color:#FFFFFF;
    font-weight:bold;
    padding: 5px 10px;
}

ul.yiiPager .hidden a
{
    border:solid 1px #ccc;    
    padding: 5px 10px;
    color:#888888;
}

/**
 * Hide first and last buttons by default.
*/
ul.yiiPager .first,
ul.yiiPager .last
{
    display:none;
}


/*==*/
.errorSummary{
    padding: 20px 20px 20px 50px;
    border: 1px solid #red;
    background: #FBE3E4;
    /*font-weight: bold;*/
    line-height: 22px;

}

/*Profile*/

a.profile {
    color: #fff;
    position:relative;
    margin-left:3px;
    text-decoration: none; 
    border: 1px solid transparent;
    border-radius: 3px;
    text-transform: capitalize;
    font-weight: bold;
}
a.profile:hover{
    border: 1px solid #222;
    box-shadow:inset 1px 1px 5px #222;
    border-radius: 3px;
}
a.profile {
    background-image:url("../images/icons/arrow-down.png");
    background-repeat:no-repeat;
    background-position:100% 50%;
}
a.profile div{
    padding: 6px 20px 6px 6px;
}
a.menu-open {
    /*    background:rgba(0,0,0,0.8)!important;
        color:#222!important;
        outline:none;*/
}
a.profile.menu-open{
    background-image:url("../images/icons/arrow-up.png");
    color:#222;
    background-repeat:no-repeat;
    background-position:100% 50%;
    background-color: #ffffff; /* Old browsers */
    background-color: rgba(255,255,255,0.7);
}

#profile_menu {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
    position:absolute;
    width:120px;
    z-index:90;
    border:1px solid #ccc;
    border-radius: 2px;
    text-align:left;
    top: 45px; 
    right: 0px; 
    margin-top:5px;
    margin-right: 0px;
    background-color: rgba(255,255,255,0.9);
    *margin-right: -1px;
    color:#789;

}
#profile_menu ul{
    width: 100%;
}
#profile_menu li{
    border-bottom: 1px solid #eee;
}
#profile_menu li:last-child{
    border-bottom: none;
}
#profile_menu li a{
    text-decoration: none;
}
#profile_menu li a p{
    padding: 10px;
}
#profile_menu li a p:hover{
    background-color: rgba(0,0,0,0.9);
    color: #fff;
}


.notif-wrapper{
    position: relative;
    border-left: 1px solid #444;
    border-right: 1px solid #222; 
    padding: 9px 10px; 
    line-height: 20px
}

/*mail n comment notification*/
.new-mail .icon, .new-comment .icon{
    padding-left: 32px;
    position: relative;
    /*float: right;*/
    /*font-family: BebasNeue;*/
    font-weight: bold;
    /*background: url(../images/icons/headerComment.png) no-repeat left center;*/
}
.new-mail, .new-comment{
    text-decoration: none;
    border: 1px solid transparent;
    color: #fff;
    padding: 6px;
    cursor: pointer;
}
.new-mail .new, .new-comment .new{
    margin:0 5px;
    display: inline-block;
    text-align: center;
    font-family: calibri;
    height: 20px;
    width: 20px;
    padding: 2px;
    border-radius: 90px;
    background: #ff670f; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff670f 0%, #f90e0e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff670f), color-stop(100%,#f90e0e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff670f 0%,#f90e0e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff670f 0%,#f90e0e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff670f 0%,#f90e0e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff670f 0%,#f90e0e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#f90e0e',GradientType=0 ); /* IE6-9 */
}
.new-mail:hover, .new-comment:hover{
    border: 1px solid #222;
    box-shadow:inset 1px 1px 5px #222;
    border-radius: 3px;
}
.comment-content, .mail-content{
    width: 200px;display:none;
    position:absolute;top: 52px;;float: right; background: rgba(255,255,255,1);
    border: 1px solid #eee;
}
.comment-content ul, .mail-content ul{
    width: 100%;
}
.comment-content ul li, .mail-content ul li{
    border-bottom: 1px solid #eee;
}
.comment-content li:last-child, .mail-content li:last-child{
    border-bottom: none;
}
.comment-content  li a, .mail-content li a{
    text-decoration: none;
}
.comment-content  li a p, .mail-content li a p{
    padding: 10px;
}
.comment-content  li a p:hover, .mail-content li a p:hover{
    background-color: rgba(0,0,0,0.9);
    color: #fff;
}
/*==*/

/*====*/
.flash-success{
    padding: 15px 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-weight: bold;
    background-color:  #27B;
    color: #fff;
    padding-left: 40px;
    background-image: url(../images/icons/succes.png);
    background-position: 12px center;
    background-repeat: no-repeat;
    text-transform: capitalize
}

.flash-notice{
    padding: 15px 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-weight: bold;
    background-color:  #27B;
    color: #fff;
    padding-left: 40px;
    background-image: url(../images/icons/succes.png);
    background-position: 12px center;
    background-repeat: no-repeat;
    text-transform: capitalize
}

.flash-error{
    padding: 15px 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-weight: bold;
    background-color:  #FE530F;
    color: #fff;
    padding-left: 40px;
    /*background-image: url(../images/icons/succes.png);
    background-position: 12px center;
    background-repeat: no-repeat;*/
    text-transform: capitalize
}

/*==*/

input[type=submit]{
    border-radius: 3px;
    text-decoration: none;
    color: #666;
    font-weight: bold;
    vertical-align: top;
    border: none;
    box-shadow: 0px 1px 0px #ccc;
    padding: 5px 10px 5px 36px;
    background: #f7f7f7 url(../images/icons/check.png) no-repeat 10px center;
    background-color:  -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
    background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
    background-color: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
    background-color: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
    background-color: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* IE10+ */
    background-color: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

.table-form input[type=submit]{
    background: #f7f7f7 url(../images/icons/save.png) no-repeat 10px center;
}
.search-form input[type=submit]{
    background: #f7f7f7 url(../images/icons/zoom.png) no-repeat 10px center;
}
input[type=submit]:hover,input[type=submit]:focus{
    box-shadow: inset 1px 1px 3px #333;
}


/*==*/

/*===*/
.sidebar-item .title{
    border-radius: 2px 2px 0 0 ;    
}
/*==*/
/*===*/
.sidebar-form{
    border-radius: 0 0 2px 2px;
}
.sidebar-form td{
    padding: 15px;
}
.sidebar-form label{
    padding: 10px 10px 10px 0;
    display: inline-block;
}
.sidebar-form input{
    display: block;
    width: 100%;
}
.sidebar-form select{
    padding: 7px;            
}
.sidebar-form tr:last-child td{
    border-radius: 2px;
    border: 1px solid #333;
    background: #3d3d3d; /* Old browsers */
    background: -moz-linear-gradient(top,  #3d3d3d 0%, #212121 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(100%,#212121)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3d3d3d 0%,#212121 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3d3d3d 0%,#212121 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3d3d3d 0%,#212121 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3d3d3d 0%,#212121 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#212121',GradientType=0 ); /* IE6-9 */
}
.sidebar-form input[type=submit]{
    width: 74px;
    border-radius: 3px;
    text-decoration: none;
    color: #666;
    font-weight: bold;
    vertical-align: top;
    border: none;
    box-shadow: 0px 1px 0px #ccc;
    padding: 10px 10px 10px 36px;
    background: #f7f7f7 url(../images/icons/save.png) no-repeat 10px center;
    background-color:  -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
    background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
    background-color: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
    background-color: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
    background-color: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* IE10+ */
    background-color: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}


/*====*/

/*==Grid View==*/
.grid-view{
    margin: 10px;
}
.items table tr th:first-child{
/*    border-left: none;*/
}

/*===========SKIN==========*/
.grid-view table.items th, .grid-view table.items td{
    border: 1px solid #ccc;
    line-height: 15px;
}
.grid-view table.items th{
background: #f2f2f2;
    color: #222;
}
.grid-view table.items th:last-child{min-width: 110px;}
.grid-view table.items th a{color: inherit;}
.grid-view table.items th a:hover{color: #ccc;}
/* main-form */
.main-form{
    border-right:1px solid #ccc;
    min-height: 490px;
    padding: 0px 0px 10px 0px; 
}
.main-form input[type=text],
.main-form input[type=password],
.main-form textarea{
width: 100%;
max-width: 493px;
padding: 7px 5px;
}
/* side-form */
.side-form{
    padding:10px 10px 10px 0;
}

/*cssClassExpression on CGridView*/
.unRead {
    color: #000;
    background: #FFD699;
    font-weight: bolder;
}
.read {
    color: #000;
    background: #ffffff;
}

.off
{
  width:100px;
  height:32px;
  padding:1px 2px 3px 3px;  
  font-size:12px;
  background:lightgray;
  text-align:center;    
}
.off div
{
  width:85px;
  height:19px;
  min-height:19px;  
  background:lightgray;
  overflow:hidden;
  border-top:1px solid gray;
  border-right:1px solid white;
  border-bottom:1px solid white;
  border-left:1px solid gray;           
  margin:0 auto;
  color:gray;
}
.on
{
  width:100px;
  height:32px;
  padding:1px 2px 3px 3px;  
  font-size:12px;
  background:lightgray;
  text-align:center;    
}
.on div
{
  width:85px;
  height:19px;
  min-height:19px;  
  background:green;
  overflow:hidden;
  border-top:1px solid gray;
  border-right:1px solid white;
  border-bottom:1px solid white;
  border-left:1px solid gray;           
  margin:0 auto;
  color:lightgreen;
}

.alert-warning {
    background-color: #FCF8E3;
    border-color: #FAEBCC;
    color: #8A6D3B;
}
.alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #3C763D;
}
.alert-danger {
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    color: #A94442;
}
.alert {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
    padding: 15px;
}