@charset "UTF-8";

#adminPanel {position:absolute; left:5px; top:5px; width:210px; height:55px; padding:0 10px 5px 0; background: url(../img/ok-cms/admin-bg.png) top left no-repeat; text-align:center; vertical-align:middle; z-index:850; cursor:move}
#adminPanel a {background: center no-repeat; display:inline-block; width:50px; height:50px; margin:0 3px 0 3px}
#adminPanel a.editMode {background-image:url(../img/ok-cms/icon-edit.png)}
#adminPanel a.editMode:hover {background-image:url(../img/ok-cms/icon-edit-h.png)}
#adminPanel a.noEdit {background-image:url(../img/ok-cms/icon-noedit.png)}
#adminPanel a.noEdit:hover {background-image:url(../img/ok-cms/icon-noedit-h.png)}
#adminPanel a.settings {background-image:url(../img/ok-cms/icon-settings.png)}
#adminPanel a.settings:hover {background-image:url(../img/ok-cms/icon-settings-h.png)}
#adminPanel a.normalMode {}

#ok_cms_overlay {background:#000; top:0; left:0; width:100%; height:100%; z-index:890; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:0.2; filter:alpha(opacity: 20); opacity: 0.2; position: fixed; display:none}
#ok_cms_op_AlertBox {position:fixed; left:50%; top:50%; z-index:900; display:none}
#ok_cms_op_AlertBox a.ok_cms_op_close {background:url(../img/ok-cms/icon-close.png) left top no-repeat; width:20px; height:20px; display:inline-block; float:left; text-decoration:none; margin:-3px 0 0 -10px}
#ok_cms_op_AlertBox .question { background:url(../img/icons/question.png) 3px 0 no-repeat; height:50px; padding-left:70px}

#imgPreview {position:fixed; left:50%; top:50%; z-index:900; display:none; background:#fff url(/img/animations/ajax-loader.gif) center no-repeat;padding:10px; text-align:center; overflow:hidden; height:50px; width:
50px; margin:-25px 0 0 -25px; border:#537486 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px #303; -webkit-box-shadow: 0 0 10px #303; box-shadow: 0 0 10px #303;}

#ok_img_preview { border:1px solid; display:none}
#imgPreview .buttonBar { display:none; margin-top:7px; text-align:right}
#imgPreview .buttonBar a, #imgPreview .buttonBar li {margin:0 5px; text-indent:50px; width:16px; height:16px; display:inline-block; overflow:hidden; background: center no-repeat; list-style:none; padding:0}
#imgPreview .buttonBar li {-moz-opacity:0.4; filter:alpha(opacity: 40); opacity: 0.4;}
#imgPreview .buttonBar a.close, #imgPreview .buttonBar li.close {background-image: url(../img/buttons/close16.png)}
#imgPreview .buttonBar a.previous, #imgPreview .buttonBar li.previous  {background-image: url(../img/buttons/previous16.png)}
#imgPreview .buttonBar a.next, #imgPreview .buttonBar li.next  {background-image: url(../img/buttons/next16.png)}
#imgPreview .buttonBar a.first, #imgPreview .buttonBar li.first  {background-image: url(../img/buttons/first16.png)}
#imgPreview .buttonBar a.last, #imgPreview .buttonBar li.last  {background-image: url(../img/buttons/last16.png)}
#imgPreview .buttonBar a:hover {-moz-opacity:0.8; filter:alpha(opacity: 80); opacity: 0.8;}
#imgPreview .buttonBar .imgNumber {font-size:10px; text-align:left; height:15px; overflow:hidden}
#imgPreview .buttonBar .imgNumber strong {font-size:11px}

#ok_cms_op_loadFileDiv { position:fixed; left:50%; top:50%; margin-left:-150px; margin-top:-25px; width:300px; height:50px; z-index:999; display:none}

#ajaxBoxDiv { position:absolute; z-index:999; display:none; background:#fff center no-repeat; border:1px solid #999; padding:3px; max-height:150px; overflow:auto;-moz-opacity:0.9; filter:alpha(opacity: 90); opacity: 0.9; margin:6px -4px}
#ajaxBoxDiv a {display:block; padding:3px 4px; text-decoration:none; color:#310}
#ajaxBoxDiv a:hover {background:#a1d8fe}
#ajaxBoxDiv span {background:#bfdfff}

#ok_cms_op_loadFileDiv div.loadFile{text-align:center; line-height:110%; padding-top:30px; background: url(../img/animations/upload.gif) center top no-repeat}

#printHeader {display:none}

#loginError, #regError {text-align:center; padding-top:5px; font-size:85%; color:#f00}
.error {color:#f00}

input, select, textarea {color:#000}

input.rounded, textarea.rounded, input.file, div.fakefile {color:#000; background: #ccc; font-size:90%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:#ccc 1px solid; padding:2px 4px; margin:5px 2px; -moz-box-shadow: 0 0 3px #303; -webkit-box-shadow: 0 0 3px #303; box-shadow: 0 0 3px #303;}

input.rounded:hover, textarea.rounded:hover, input.file:hover, div.fakefile:hover, input.rounded:focus, textarea.rounded:focus, input.file:focus, div.fakefile:focus {border:#fff 1px solid;}

input.errorField, textarea.errorField {background: url(/img/form/input-bg.png); font-size:90%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:#c00 1px solid; padding:2px 4px; margin:5px 2px; -moz-box-shadow: 0 0 3px #303; -webkit-box-shadow: 0 0 3px #303; box-shadow: 0 0 3px #303; }

input.errorField:hover, textarea.errorField:hover, input.errorField:focus, textarea.errorField:focus {border:#f00 1px solid;}

textarea.rounded,textarea.errorField {overflow:auto; margin:5px}

label{white-space:nowrap}
label.radio {font-size:88%; white-space:normal}
input.radio { margin:2px; $vertical-align:text-bottom}
label.checkbox {font-size:88%; margin:5px 0; line-height:100%; white-space:normal}
input.checkbox { margin:2px; $vertical-align:text-bottom}

.inputContainer {padding-right:15px}
.placeholder {color:#e0e0e0 !important}

div.inputFile {color:#fff; font-size:85%; height:17px; background:url(/img/ok-cms/select-file.png) right no-repeat}
div.fakefile {z-index: 1; width:100%; position:relative}
input.file {position: absolute; margin-top:20px; right:30px; width:30px; overflow:hidden; height:20px; background:none; border:none; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; z-index: 2; cursor: pointer;}

input.date {width:70px; margin-right:-2px; -moz-border-radius: 10px 2px 2px; -webkit-border-radius:10px 2px 2px; border-radius:10px 2px 2px; text-align:center}

input[readonly] {color:#000}

input.button, .aButton  {text-align:center; background: #15F; color:#fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; border:none; font-size:12px; text-decoration:none; outline:none; font-weight:bold; padding:0 15px 2px 15px; height:24px; min-width:70px; $padding:0; $min-width:auto; -moz-box-shadow: 0 0 3px #303; -webkit-box-shadow: 0 0 3px #303; box-shadow: 0 0 3px #303; }
input.button:disabled {color:#999}

.aButton {display:inline-block; font-size:13px; text-decoration:none; outline:none; padding:3px 15px; height:18px; text-shadow: 1px 1px 2px #588}
.aButton:hover {color:#fff;}
 
..infoBox-ib {margin-bottom:10px; text-align:left; max-width:1100px; position:relative; clear:both}
.infoBoxContents-ib {}
.infoBoxContentsLeft-ib {background: url(../img/infobox/contents_left.png) left repeat-y; height:100%; padding-left:16px}
.infoBoxContentsBox-ib {background: url(../img/infobox/contents_bg.png) right repeat-y; padding:5px 20px 5px 5px;}
.infoBoxHeadingLeft-ib  {background: url(../img/infobox/header_left.png) left top no-repeat; height:15px; padding-left:15px}
.infoBoxHeadingRight-ib {background: url(../img/infobox/header_bg.png) right top no-repeat; height:15px}
.infoBoxFooterRight-ib {background: url(../img/infobox/footer_bg.png) right no-repeat; height:15px}
.infoBoxFooterLeft-ib {background: url(../img/infobox/footer_left.png) left no-repeat; padding-left:15px}
h1.infoBoxHeading-ib {font-variant:small-caps; text-transform:lowercase; font-size:100%; font-weight:bold; color:#39f letter-spacing:0.05em; text-align:right; padding:0 5px 2px 7px; margin:0 0 12px 0; border-bottom: #dba 1px dotted}

ul.columns {margin-left: 30px; position:relative; width:700px; padding: 0;}
.columns li { display: -moz-inline-stack; display: inline-block; //display: inline; }
.columns a, .columns b { display: inline; word-spacing: normal; //display: inline-block; //filter: alpha(opacity=100); }
.columns a, .columns b, x:-moz-any-link { display:block; }
.columns a, .columns b, x:-moz-any-link, x:default { display: inline; }
.columns li, .columns a, .columns b { vertical-align: top; }
.columns li { margin: 0 10% 0.4em 0; //margin: 0; width: 40%; //width: auto; }
.columns a, .columns b { //margin: 0 10% 0.4em 0; //width: 40%; }
.columns ul { width: 100%; }

.ok_cms_editor {z-index:60; width:100%; height:600px}

.pageSelector {margin:10px; text-align:center; font-size:95%}
.pageSelector a {margin:0 1px}

/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: inline-block; $float:left; vertical-align:middle; position:relative; height:20px; text-decoration: none; overflow:hidden; margin:2px}
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { overflow:auto; padding:5px 0}
.ui-selectmenu-menu li { padding:2px 0; margin:0; display: block; border-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1em; display:block; padding:0.2em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 27px; font-size:85%; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status {}
.ui-selectmenu-open li.ui-selectmenu-item-focus a { }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { }
.ui-selectmenu-menu li .ui-selectmenu-item-content { }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 100%; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0 }