/*
    Document   : cms
    Created on : Jan 11, 2012, 12:14:10 PM
    Author     : alfonzo
*/

body {
    padding-top: 60px;
}

footer p {
    text-align: right;
    font-size: 11px;
    color: #ccc;
}

.span3xtra {
    width: 190px;
}

.action, .action0, .action1 {
    cursor: pointer;
    margin-right: 12px;
}
.action img, .action0 img, .action1 img {
    opacity: .3;
    -moz-opacity: .3;
    -webkit-opacity: .3;
    -o-opacity: .3;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    height: 16px;
}

.action:hover img, .action0:hover img {
    opacity: .7;
    -moz-opacity: .7;
    -webkit-opacity: .7;
    -o-opacity: .7;
}

.action.tabbed img {
    margin: 0 0 0 -13px;
    position: absolute;
}

.right, .table td.right, .table th.right {
    text-align: right;
}

.k-grid.k-widget { border: 0; background: transparent; }
.k-grid-header, .k-grid-content, .k-grid-pager { border: 0; background: transparent; }
.k-grid-header .k-header, .k-grid-content td, .k-grid-header-wrap { border:0; }
.k-grid-content td { padding-top: 10px; padding-bottom: 10px; }
.k-grid-header, th.k-header { background: transparent; }
.k-grid-content { overflow: hidden; min-height: 100px; }
.k-grid .k-link { font-weight: bold; color: #333;}
th.k-header.right { text-align: right}
.k-grid-pager{ height:36px;margin:18px 0; float:right; background: transparent; overflow: hidden;}
.k-grid .k-pager {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
}
.k-grid-pager li{display:inline;line-height: 18px;}
.k-numeric .k-link, .k-numeric .k-state-active { float:left;padding:0 14px;line-height:34px;border-right:1px solid;border-right-color:#ddd;border-right-color:rgba(0, 0, 0, 0.15); }
.k-numeric .k-state-active {background-color:#dbf0fb; border: 0px;}

.k-grid-pager li:first-child a, .k-grid-pager li:first-child span {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px;
}

.k-grid-pager li:last-child a, .k-grid-pager li:last-child span {
    border-radius: 0 3px 3px 0;
}

.k-grid-pager .k-pager a, .k-grid-pager .k-pager span {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 34px;
    padding: 0 14px;
    text-decoration: none;
}

.k-grid-pager a.k-state-active, .k-grid-pager span.k-state-active {
    color: #999999;
    cursor: default;
}

.k-grid-pager a:hover, .k-grid-pager a.k-state-active, .k-grid-pager span.k-state-active  {
    background-color: #F5F5F5;
}

.table-striped tbody tr:hover td, .table-striped tbody tr:hover th {
    background-color: #dbf0fb;/*#b5d7e8*/
}

#nav-account {
    float: right;
    right: 0;
}

.tabs > li.pull-right {
    float: right;
}

/**
 *  FORMS controls
*/

form dd {
    margin-left: 0px;
}

textarea.tinymce {
    height: 250px;
    width: 560px;
}

ul.errors {
    margin: 0 20px 0 0;
    list-style-type: none;
}

ul.errors li {
    font-size: 11px;
    color: #d00;
}

textarea.short {
    height: 80px;
}

/**
 * Modal form
*/

.modal-form {
    width: 810px;
    max-height: none;
    margin: 0px 0px 30px -395px;
    position: absolute;
}

.modal-form.fade.in {
    top: 130px;
}

.modal-form form {
    margin-bottom: 0px;
}

.modal-form .form-actions {
    margin-bottom: 0px;
}

.modal-form .input {
    position: relative;
    z-index: 11001;
}

.modal .alert-message .close {
    margin-top: 1px;
}

.btn-margin-left {
    margin: 0 0 0 5px;
}

/* LOGIN */

.login #login, .copyright {
    margin-left: 300px;
}

#login h6 {
    margin-bottom: 12px;
}

#login #loginsubmit {
  float: right;
  padding: 5px;
}

.login #logo {
    margin-top: 100px;
    margin-bottom: 20px;
    text-align: center;
}
.login #email,
.login #password {
    width: 330px;
}
.login .copyright p {
    text-align: right;
    color: #ccc;
    font-size: 11px;
    margin-right: 20px;
}

.table td.pull-right {
    float: none;
    text-align: right;
}

/**
 * BSM Select styles
 */

.bsmList {

 }

.bsmListItem {
     font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
     color: #555555;
     line-height: 16px;
     border-style: solid;
     border-color: #ddd;
     border-width: 1px;
     border-radius: 0px;
     padding: 9px 12px;
     cursor: move;
     background: #fff;
     margin: 0 0 -1px 0;
}

.bsmListItem:hover {
    background: #eee;
    color: #333;
}

.bsmList li:first-child {
     border-radius: 3px 3px 0px 0px;
}

.bsmList li:last-child {
     border-radius: 0px 0px 3px 3px;
}

.bsmListItemLabel {
    padding: 0px;
}

.bsmListItemRemove {
    height: 16px;
    padding: 9px 12px;
}

/**
 * Dashboard CSS
 */

.dashboard-h2 {
    font-weight: normal;
}

.dashboard-last-updated {
    font-size: 12px;
    line-height: 36px;
    text-align: right;
    color: #666;
}

.dashboard-row {
    border-top: 2px solid #CCCCCC;
    margin: 5px 0 0 0;
    padding: 30px 0 5px 0;
}

.widget-interesting-facts {
    margin: 0 0 0 0;
}

.widget-interesting-facts li {
    float: left;
    width: 80px;
    padding: 40px 20px 20px 20px;
    list-style-type: none;
    color: #999;
    font-size: 12px;
    height: 140px;
}

.widget-interesting-facts li .value {
    color: #333;
    font-size: 32px;
    display: block;
    margin: 0 0 15px 0;
    font-weight: bold;
    line-height: 1;
}

.widget-gauges {

}

.widget-gauges h3 {
    float: left;
    width: 183px;
    color: #333;
    font-size: 12px;
    text-align: center;
    margin: 5px 0 0 0;
}

.widget-chart-gauge {
    width: 130px;
    height: 130px;
    margin: 24px 0 0 0;
    padding: 0 26px;
    float: left;
    text-align: center;
    color: #999;
    line-height: 130px;
}

.widget-chart-full {
    width: 940px;
    height: 230px;
    line-height: 230px;
    text-align: center;
    color: #999;
}

/**
 * List view styles
 */

.ui-listview {
    margin: 0 0 0 0;
}

.ui-listview li {
    line-height: 18px;
    padding: 8px 0;
    list-style-type: none;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
}

.ui-listview li div {
    text-indent: 8px;
}

.ui-listview li.ui-sortable-helper {
    background-color: #F9F9F9;
    opacity: 0.8;
    border: 1px solid #ddd;
    padding: 7px 0 8px;
    border-radius: 3px;
}

.ui-listview li:nth-child(2n+1) td {
    background-color: #F9F9F9;
}

.ui-listview-title {
    border-bottom: 1px solid #ddd;
}

.ui-listview-title .row div {
    line-height: 18px;
    padding: 8px 0;
    font-weight: bold;
    text-indent: 8px;
}

.ui-listview-placeholder {
     background: #eee;
     /*border: 1px dotted #ddd;*/
}