/* All */
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body {background: white; margin: 0; padding: 0; font-size: 90%; font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; min-width: 1200px; direction: ltr; position: relative; -webkit-font-smoothing: antialiased;}
.down {margin-bottom: 10px !important;}
.radius0 {-moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important;}
.radius3 {-moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; border-radius: 3px !important;}
.radius, .radius5 {-moz-border-radius: 5px !important; -ms-border-radius: 5px !important; -o-border-radius: 5px !important; border-radius: 5px !important;}
.radius10 {-moz-border-radius: 10px !important; -ms-border-radius: 10px !important; -o-border-radius: 10px !important; border-radius: 10px !important;}
.w50 {width: 50%}
.w100 {width: 100%}
.centered {text-align: center;}


/* Grid */
.row {overflow: hidden; clear: both; margin: 0 auto; padding:0; width: auto;}
.col {float: left; position: relative; width: 100%; margin: 0; padding: 8px 6px;}
[class*="col"] + [class*="col"]:last-child {float: right;}
[class*="col"] + [class*="col"].end {float: left;}

/* Table */
.tabl {-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #dddddd; border-spacing: 0;}
.tabl tbody tr td {color: #333; padding: 5px 7px; vertical-align: top; font-size: 95%; font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;}
.highlight tbody tr:nth-child(even) {background: #f0f0f0;}
.highlight-desc tbody tr:nth-child(odd) {background: #f0f0f0;}
tr.highlight-one {background: #f0f0f0;}
.tabl th {padding: 5px; font-size: 80%; font-weight: bold;}

.border-row td, .border-row th {border-bottom: 1px solid #dddddd;}
.border-row tr:nth-last-child(1) > td {border-bottom: none;}
.border-col td, .border-col th {border-right: 1px solid #dddddd;}
.border-col td:nth-last-child(1), .border-col th:nth-last-child(1) {border-right: none;}

/* Panel */
.panel {background-color: #f0f0f0; border: 1px solid #dddddd; margin: 0; padding: 15px 10px;}

/* Message */
div.alert {display: block; padding: 7px; font-weight: bold; color: white; background-color: #2ba6cb; border: 1px solid #007295; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); position: relative; margin: 5px;}
div.alert.gray {background-color: #808080 !important; border: 1px solid #505050 !important;}
div.alert.red {background-color: #c60f13 !important; border: 1px solid #880000 !important;}
div.alert.green {background-color: #5da423 !important; border: 1px solid #237000 !important;}
div.alert.yellow {background-color: #B9BB0E !important; border: 1px solid #818600 !important;}

/* Button */
a.btn {color: #303030; border: 1px solid #C3C3C3; font-size: 90%; background-color: #e9e9e9; font-weight: bold; text-align: center; cursor: pointer; display: inline-block; text-decoration: none; padding: 4px 15px; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;}
a.btn:hover {background-color: #d0d0d0; color: #101010; text-decoration: none;}
a.btn.green {background-color: #5DA423; border: 1px solid #396516; color: white; text-decoration: none;}
a.btn.green:hover {background-color: #457A1A; text-decoration: none;}
a.btn.red {background-color: #FF2D3B; border: 1px solid #CA0027; color: white; text-decoration: none;}
a.btn.red:hover {background-color: #E3002D; text-decoration: none;}

/* Form */
fieldset {border: 1px solid #dddddd; padding: 10px;}
fieldset legend {font-weight: bold; padding: 0px 3px; margin: 0px 0px 0px -3px;}
fieldset label {color: #4d4d4d; display: block;}
fieldset input {width: 100%; background-color: #f0f0f0; border: 1px solid #c0c0c0; padding: 5px; height: 26px; margin: 0;}
fieldset input[type="checkbox"], fieldset input[type="radio"] {width: auto; height: auto; border: none; background: none; padding: auto; margin: 5px auto; vertical-align: middle;}
fieldset textarea {width: 100%; background-color: #f0f0f0; border: 1px solid #c0c0c0; padding: 5px; margin: 0;}
fieldset select {width: 100%; background-color: #f0f0f0; border: 1px solid #c0c0c0; padding: 4px; height: 26px; margin: 0;}
fieldset input:focus, fieldset textarea:focus, fieldset select:focus {border: 1px solid #a0a0a0;}
fieldset .red {border-color: #C60F13 !important; background-color: #FFE9DA; color: maroon;}
fieldset small {width: 100%; font-size: 70%; display: block; border-color: #dddddd; color: #444; background-color: #dddddd; padding: 2px 4px;font-weight: bold; margin: 0;}
fieldset small.red {border-color: #C60F13; color: #ffffff; background-color: #C60F13;}

/* Breadcrums */
ul.breadcrumbs {display: block; background: #f6f6f6; padding: 6px 10px 7px; border: 1px solid #e9e9e9; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; overflow: hidden; margin-left: 0;}
ul.breadcrumbs li { margin: 0; padding: 0 8px 0 0; float: left; list-style: none;}
ul.breadcrumbs li a, ul.breadcrumbs li span {text-transform: uppercase; font-size: 11px; padding-left: 8px;}
ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span {padding-left: 0; }
ul.breadcrumbs li:before {content: "/"; color: #aaa;}
ul.breadcrumbs li:first-child:before {content: " ";}
ul.breadcrumbs li.current a {cursor: default; color: #333;}
ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus {text-decoration: underline;}
ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus {text-decoration: none;}
ul.breadcrumbs li.unavailable a {color: #999;}
ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus {text-decoration: none; color: #999; cursor: default;}

/* Pagination */
.pagination {display: block; margin-left: -5px; list-style-position: outside; display: inline-block;}
.pagination li, .pagination a {float: left; display: block; padding: 3px 5px; font-size: 14px; color: rgb(85, 85, 85); text-decoration: none;}
.pagination li:hover, .pagination a:hover {color: rgb(85, 85, 85); background-color: rgb(230, 230, 230); text-decoration: none;}
.pagination li.current, .pagination li.current a {color: #ffffff;  background-color: #606060;}