@CHARSET 'UTF-8';

/* layout:BEGIN */
html { overflow-y: scroll; }
body { position: relative; }
body.full { min-width: 1000px; margin: 0px; padding: 0px; }
header { position: relative; height: 70px; font-size: 13px; background: linear-gradient(#3d3d3d, #111111); }
div.w-col-top { position: relative; height: 26px; }
table.w-col-main { width: 100%; clear: both; table-layout: fixed; border-collapse: collapse; border: none; border-spacing: 0px; }
table.w-col-main td.w-col-left, table.w-col-main td.w-col-content { border: none; vertical-align: top; }
table.w-col-main td.w-col-left { width: 200px; padding: 7px 15px; border-right: 1px solid #ccc; background: linear-gradient(#fff, #edece7); }
body.oneCol td.w-col-left, body.oneCol div.w-col-top .selected { display: none; }
table.w-col-main td.w-col-content { position: relative; padding: 10px; }
footer { position: relative; height: 61px; line-height: 61px; padding-left: 15px; color: #fff; background: linear-gradient(#3d3d3d, #111111); }
/* layout:END */

/* generics:BEGIN */
* { outline: none !important; }
body, input, select, textarea, label { line-height: normal; font-family: Arial, Tahoma, Verdana; font-size: 12px; font-weight: normal; color: #000; }
a { color: #000; }
a img { border: none; }
footer a, footer a:focus { text-decoration: none; color: #fff; }
footer a:hover { text-decoration: underline; color: #fff; }
h1 { font-size: 22px; font-weight: bold; }
h1.title { margin: 0px 0px 5px 0px; padding-bottom: 5px; border-bottom: 1px solid #ccc; font-size: 16px; font-weight: bold; }
h2, h3, h4, h5, h6 { margin: 0px; padding: 10px 0px; font-weight: bold; }
h2 { margin: 0px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc; font-size: 15px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
h5, h6 { font-size: 12px; }
h6 { font-weight: normal; }
body .loader { display: none; }
body.full .loader { position: absolute; display: none; }
body.full .loader img { width: 70px; opacity: 0.5; }
.rules { width: 600px; height: 300px; padding: 15px; border: 1px solid #ccc; border-radius: 3px; overflow-y: auto; }
.rules h2 { margin-bottom: 15px; }
.rules ol { margin: 0px; padding: 0px 0px 0px 30px; }
.rules ol li { padding: 3px 0px; }
hr { margin-bottom: 7px; margin-top: 7px; border-color: #ccc -moz-use-text-color -moz-use-text-color; }
pre { display: block; padding: 0px; margin: 0px; border: none; border-radius: 0px; font-size: 12px; color: #000; background-color: transparent; }
.overflow { width: 100%; height: 500px; overflow-y: auto; }
.chart { width: 100%; height: 500px; }
.none { display: none; }
.clear { clear: both; }
.right { text-align: right; }
.code { font-family: Consolas, monospace; }
.image img { max-width: 160px; max-height: 120px; padding: 1px; margin: 5px; border: 1px solid #ddd; background-color: #fff; box-shadow: 0px 0px 5px #ccc; transition: all 0.2s linear; }
.image img:hover { border-color: rgba(102, 175, 233, 1); box-shadow: 0px 0px 6px rgba(102, 175, 233, 0.6); }
.options { padding: 5px 0px; }
/* generics:END */

/* .cols:BEGIN */
table.cols { width: 100%; border-collapse: collapse; }
table.cols td.col { vertical-align: top; }
/* .cols:END */

/* form:BEGIN */
form table { border-collapse: collapse; }
input.attachment { border: 1px solid #ccc; padding: 4px; }
form table td { padding: 2px 5px 2px 0px; }
table td.label { display: table-cell; height: 25px; padding: 0px 5px 0px 0px; vertical-align: middle; text-align: left; font-size: 12px; font-weight: bold; color: #000; }
table td.label.short { min-width: 130px; }
table td.label.long { width: 200px; }
table td.label label { font-weight: bold; }
form table td.label label { margin: 0px; }
form table td.vtop { vertical-align: top; }
form table td.vtop.label { padding-top: 10px; }
.form-control { height: 27px; padding: 3px 8px; border-radius: 2px; box-shadow: none; font-size: 12px; color: #000; }
.form-control:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(102, 175, 233, .6); }
.form-control.bg-danger { background: #f7e6e6; }
.form-control.w50 { width: 50px; }
.form-control.w100 { width: 100px; }
.form-control.w150 { width: 150px; }
.form-control.w200 { width: 200px; }
.form-control.w250 { width: 250px; }
.form-control.w300 { width: 300px; }
.form-control.w350 { width: 350px; }
.form-control.w400 { width: 400px; }
.form-control.w450 { width: 450px; }
.form-control.w500 { width: 500px; }
.btn-group .cap { float: left; line-height: 1.6; padding: 1px 0px; font-size: 12px; }
/* form:END */

/* header:BEGIN */
header, header a { color: #fff !important; text-decoration: none; }
header a:hover { text-decoration: none; }
header a.logo { position: absolute; top: 9px; left: 55px; }
header a.logo img { max-width: 100px; max-height: 50px; }
header a.logout { position: absolute; right: 15px; top: 9px; }
header div.admin { position: absolute; left: 210px; top: 13px; font-weight: bold; font-size: 14px; }
header div.user { position: absolute; left: 210px; top: 37px; }
header div.user span { margin-right: 3px; }
header div.web { position: absolute; left: 400px; top: 13px; }
header div.db { position: absolute; left: 400px; top: 37px; }
header div.web span { margin-right: 4px; }
header div.db span { margin-right: 5px; }
/* header:END */

/* .w-col-top:BEGIN */
.w-col-top nav.menu { min-width: 1000px; width: 100%; height: 26px; border-bottom: 1px solid #b5b4b0; background: linear-gradient(#fff, #edece7); }
.w-col-top nav.menu.fixed { position: fixed; z-index: 4; top: 0px; }
.w-col-top nav.menu .selected, .w-col-top nav.menu ul.lvl0 { float: left; }
.w-col-top nav.menu .selected { height: 25px; line-height: 25px; width: 200px; padding: 0px 10px 0px 15px; color: #fff; text-decoration: none; font-weight: bold; background: linear-gradient(#3d3d3d, #111111); }
.w-col-top nav.menu ul { margin: 0px; padding: 0px; list-style: none; }
.w-col-top nav.menu ul li, .w-col-top nav.menu a { display: block; float: left; }
.w-col-top nav.menu ul li { position: relative; }
.w-col-top nav.menu ul li ul { display: none; position: absolute; z-index: 4; left: 0px; width: 197px; padding: 5px 0px; border: 1px solid #ccc; border-radius: 0px 0px 5px 5px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); background-color: #fff; }
.w-col-top nav.menu ul li:hover ul.lvl1 { display: block; top: 25px; }
.w-col-top nav.menu ul a { padding: 4px 9px 5px 8px; border: 1px solid transparent; text-decoration: none; font-weight: bold; color: #303030; }
.w-col-top nav.menu ul a:hover, .w-col-top nav.menu ul li.active a , .w-col-top nav.menu ul li.mark a { border: 1px solid #0062ae; color: #fff; background: linear-gradient(#357ebd, #428bca); }
.w-col-top nav.menu ul ul a { font-weight: normal; width: 195px; }
.w-col-top nav.menu ul ul li a { color: #000 !important; border: 1px solid transparent !important; background: none !important; }
.w-col-top nav.menu ul ul li:hover a { border: none; background-color: #eee !important; }
.w-col-top nav.menu ul ul li.active a { border: none; color: #fff !important; background: linear-gradient(#357ebd, #428bca) !important; }
/* .w-col-top:END */

/* .leftMenu:BEGIN */
.leftMenu.fixed { position: fixed; z-index: 1; top: 33px; left: 15px; width: 169px; }
.leftMenu nav.menu {  }
.leftMenu nav.menu ul { margin: 0px; padding: 0px; list-style: none; }
.leftMenu nav.menu ul li { padding-bottom: 5px; }
.leftMenu nav.menu ul ul { padding: 5px 0px 0px 3px; }
.leftMenu nav.menu a { display: block; padding: 5px; }
.leftMenu nav.menu a.lvl1 { text-decoration: none; border: 1px solid #ccc; border-radius: 3px; background: linear-gradient(#fff, #edece7); }
.leftMenu nav.menu a.lvl1:hover { color: #000; background: linear-gradient(#ededed, #efefef); }
.leftMenu nav.menu .active a.lvl1 { border: 1px solid #357ebd; color: #fff; background: linear-gradient(#357ebd, #428bca); }
.leftMenu nav.menu a.lvl2 { padding: 5px 5px 1px 5px; border-top: 1px solid #eee; }
.leftMenu nav.menu li.first a.lvl2 { border-top: 0px; }
.leftMenu nav.menu ul ul a.lvl2:hover, .leftMenu nav.menu ul ul a.lvl2:focus, .leftMenu nav.menu ul ul li.active a.lvl2 { color: #428bca; text-decoration: none; }
/* #leftMenu:END */

/* .buttonMenu:BEGIN */
.buttonMenu { width: 100%; height: 45px; }
.buttonMenu .buttons { position: relative; width: 100%; height: 36px; border-bottom: 1px solid #ccc; margin-bottom: 5px; }
.buttonMenu .buttons.fixed { position: fixed; z-index: 3; top: 26px; left: 210px; height: 41px; padding: 5px 0px; background-color: #fff; }
/* .buttonMenu:END */

/* .phpinfo:BEGIN */
.phpinfo h1, .phpinfo h2 { width: 600px; }
.phpinfo hr { display: none; }
.phpinfo .center { text-align: left !important; }
.phpinfo .h td, .phpinfo .h th { background-color: #99c; }
.phpinfo table { border-collapse: collapse; width: 100%; }
.phpinfo table td, .phpinfo table th { border: 1px solid #000; padding: 5px; }
.phpinfo .e { text-align: left; background-color: #ccf; font-weight: bold; }
.phpinfo .v { background-color: #ddd; }
/* .phpinfo:END */

/* .imageMenu:BEGIN */
.imageMenu { width: 100%; }
.imageMenu .item { display: block; float: left; margin: 5px; padding: 5px; width: 140px; height: 115px; position: relative; text-align: center; text-decoration: none; border: 1px solid #fff; border-radius: 3px; }
.imageMenu .item img { padding-bottom: 8px; }
.imageMenu span { display: block; }
.imageMenu .item:hover { border: 1px solid #000; background-color: #0178ae; color: #fff !important; }
.navigation .imageMenu #editLink { position: absolute; z-index: 1000; top: 6px; left: 3px; }
/* .imageMenu:END */

/* .list:BEGIN */
table.list { width: 100%; margin-bottom: 15px; border-collapse: collapse; }
table.list thead th, table.list tbody td { padding: 7px 10px; }
table.list thead th { text-align: left; color: #fff; background: linear-gradient(#3d3d3d, #111111); }
table.list .check, table.list .id { width: 30px; text-align: center; }
table.list .date { width: 140px; }
table.list .datetime { width: 140px; }
table.list .name { width: 140px; }
table.list .price { width: 120px; text-align: right; }
table.list td { border-top: 1px solid #ccc; transition: all 0.2s ease-in-out; }
table.list .first td { border-top: none; }
table.list a { color: #000; text-decoration: none; transition: all 0.2s ease-in-out; }
table.list .tools { text-align: right; }
table.list .red td { color: #fff; background-color: #730101; }
table.list .blue td { color: #fff; background-color: #02587b; }
table.list .orange td { color: #fff; background-color: #c55300; }
table.list .yellow td { background-color: #ffff00; }
table.list .blue-light td { color: #fff; background-color: #0178a9; }
table.list .green-light td { color: #fff; background-color: #54b829; }
table.list .green td { color: #fff; background-color: #288400; }
table.list .grey td { color: #555; background-color: #eee; }
table.list .purple td { color: #fff; background-color: #4606b2; }
table.list .red td a, table.list .purple td a, table.list .blue td a, table.list .blue-light td a, table.list .green-light td a, table.list .green td a, table.list .orange td a { color: #fff; }
table.list .yellow td a { color: #000; }
table.list .grey td a { color: #555; }
table.list a.btn { color: #fff !important; }
table.list tr:hover td { color: #000; background-color: #d4ecff; }
table.list tr:hover td a { color: #000; text-decoration: underline; }
table.list tr:hover td a.btn { color: #fff; text-decoration: none; }
/* .list:END */

/* .pager:BEGIN */
.pager { position: relative; height: 25px; padding-top: 5px; margin: 8px 0px; clear: left; text-align: left; font-weight: bold; }
.pager .pagerNavs { position: absolute; top: -1px; right: 0px; }
.pager .pagerNavs a, .pager .pagerNavs span { color: #555555; display: block; float: left; border: 1px solid #aaa; text-decoration: none; padding: 5px 8px; margin: 0px 3px; border-radius: 3px; }
.pager .pagerNavs a { background-color: #e9e9e9; }
.pager .pagerNavs a:hover { background-color: #e4e4e4; border-color: #999999; }
/* .gallery:END */

/* .alert:BEGIN */
.alert, .alert2 { padding: 5px; margin-bottom: 15px; }
.w-col-content .alert { position: absolute; top: 80px; width: 80%; padding: 10px; z-index: 3; cursor: pointer; }
.alert, .alert *, .alert2, .alert2 * { color: #fff; }
.alert.alert-success, .alert2.alert-success { border: 1px solid #001a00; background: linear-gradient(#1e8f19, #10600b); }
.alert.alert-warning, .alert2.alert-warning { border: 1px solid #ca4700; background: linear-gradient(#ff8e19, #ff610b); }
.alert.alert-danger, .alert2.alert-danger { border: 1px solid #200000; background: linear-gradient(#961a1a, #600a0b); }
.alert .icon, .alert2 .icon { float: left; display: inline-block; width: 70px; height: 65px; margin-right: 20px; background-repeat: no-repeat; background-position: right top; }
.alert.alert-success .icon, .alert2.alert-success .icon { background-image: url('/lib/app/images/64/apply.png'); }
.alert.alert-danger .icon, .alert2.alert-danger .icon { background-image: url('/lib/app/images/64/alert.png'); }
.alert .content, .alert2 .content { min-height: 65px; line-height: 18px; }
.alert .content .title, .alert2 .content .title { font-weight: bold; font-size: 14px; padding-bottom: 10px; } 
/* .alert:END */

/* $integration:BEGIN */
.fancybox-skin { background: none repeat scroll 0 0 #fff; }
#fancybox-loading div { width: 44px; height: 44px; background: none; }
#fancybox-loading { background: none; }
.btn { border-radius: 0px; }
.btn-s { padding: 4px 10px 3px 10px; margin-top: -1px; font-size: 12px; line-height: 1.5; }
.btn-group .btn { border-radius: 0px; }
.ui-tabs.ui-widget { font-family: Arial; font-size: 12px; }
.ui-tabs .ui-tabs-panel { padding: 10px; }
.tabs li.red { background: linear-gradient(#ff5e5e, #f0f0f0); }
.tabs li.yellow { background: linear-gradient(#ffff00, #f0f0f0); }
.tabs li.orange { background: linear-gradient(#ffb400, #f0f0f0); }
.tabs li.blue { background: linear-gradient(#54a4ff, #f0f0f0); }
.tabs li.green { background: linear-gradient(#7ddc43, #f0f0f0); }
.tabs li.red.ui-tabs-active { background: #fff; }
.tabs li.yellow.ui-tabs-active { background: #fff; }
.tabs li.orange.ui-tabs-active { background: #fff; }
.tabs li.blue.ui-tabs-active { background: #fff; }
.tabs li.green.ui-tabs-active { background: #fff; }
.tabs li.ui-state-default a { color: #000; }
.ui-spinner { border: none; padding: 0px; margin: 0px; border-radius: 0px; }
.ui-spinner-input { width: 100px; margin: 0px; padding-right: 20px; text-align: right; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Tahoma, Verdana, sans-serif; }
.ui-widget-content a.btn { color: #fff; }
.ui-widget-content a.btn.btn-default { color: #000; }
.snippet-wrap pre.sh_sourceCode { box-shadow: 0px 0px 0px !important; border-radius: 0px !important; }
.upload .fileinput-button { overflow: hidden; position: relative; }
.upload .fileinput-button input { cursor: pointer; direction: ltr; font-size: 200px; margin: 0; opacity: 0; position: absolute; right: 0; top: 0; }
.upload .progress { background-color: #f5f5f5; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 20px; margin-bottom: 20px; overflow: hidden; }
.upload .progress-bar-success { background-color: #5cb85c; }
.upload .progress-bar { background-color: #428bca; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; color: #fff; float: left; font-size: 12px; height: 100%; line-height: 20px; text-align: center; transition: width 0.6s ease 0s; width: 0; }
.upload .files { margin-top: 15px; }
.upload .files p { margin: 0px; padding: 2px 0px; }
/* $integration:END */

/* .gallery:BEGIN */
.gallery { width: 100%; }
.gallery .item { float: left; margin-right: 15px; height: 440px; background-color: #fff; }
.gallery .item .image { width: 164px; height: 140px; }
.gallery .item .image img { padding: 1px; border: 1px solid #ddd; margin: 5px; max-width: 160px; max-height: 120px; }
.gallery .item textarea, .gallery .item select, .gallery .item input { width: 180px; }
/* .gallery:END */

/* .navigation:BEGIN */
.navigation .mainPage { display: block; position: relative; height: 88px; margin: 15px 0px; border: 1px solid transparent; }
.navigation .mainPage:hover { background-color: #b9def2; border: 1px solid #0062ae; }
.navigation .mainPage .img { position: absolute; top: 10px; left: 5px; }
.navigation .mainPage .title { position: absolute; top: 12px; left: 80px; font-weight: bold; }
.navigation .mainPage .author { position: absolute; top: 45px; left: 80px; }
.navigation .pageType { padding: 5px; position: relative; }
.navigation .pageType a { text-decoration: none; }
.navigation .pageType .navReorder { position: absolute; right: 1px; top: 1px; }
.navigation .pageType .navReorder select { border: 1px solid #ccc; padding: 2px; }
.navigation .pageType .paginator { position: absolute; right: 135px; top: 6px; }
.navigation .pageType .paginator a, .navigation .pageType .paginator span { padding: 1px 3px; }
.navigation .pageType .paginator span { background-color: #fff; border: 1px solid #888; }
.navigationTree { width: 100%; }
.navigationTree table { border-collapse: collapse; width: 100%; border: 0px; margin: 0px; padding: 0px; }
.navigationTree td { padding: 6px 0px 0px 5px; }
.navigationTree td.expand { width: 20px; text-align: center; padding-bottom: 3px; padding-left: 7px; }
.navigationTree td a { text-decoration: none; }
.navigationTree td a span { color: #000; }
/* .navigation:END */

/* .buttonMenu:BEGIN */
nav.buttonMenu { position: relative; width: 100%; height: 40px; }
nav.buttonMenu ul { list-style: none; height: 23px; border-bottom: 1px solid #b6b6b6; background-color: #fff; padding: 5px 2px; }
nav.buttonMenu ul.fixed { position: fixed; z-index: 1; top: 26px; left: 210px; width: 100%; }
nav.buttonMenu ul li.cap { padding-top: 3px; margin-right: 10px; }
nav.buttonMenu ul li, nav.buttonMenu ul li a { display: block; float: left; }
/* .buttonMenu:END */

/* .header:BEGIN */
.header { border: 1px solid #aaaaaa; padding: 5px 10px; margin-bottom: 10px; background: linear-gradient(#e8e8e8, #cdcdcc); }
.header, .header * { color: #222222; }
.header .stack { padding: 0px; margin: 0px; list-style: none; }
.header .stack li { display: inline; padding-right: 10px; }
/* .header:END */