/* CSS Document by kadlec*puradesign.cz */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul { list-style: none; }
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after
{ content: '';
  content: none; }

table
{ border-collapse: collapse;
  border-spacing: 0; }
.clear
{ clear: both; height: 1px; width: 100%; overflow: hidden; }

input[type="text"], input[type="password"]
{ padding: 6px; font-size: 12px; width: 240px}
input[type="checkbox"]
{ margin: 6px 2px}


strong { font-weight: 700}

.smaller { font-size:.9em }

/* ---------------------------------------  BODY  ----------------------------------- */

body { font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; font-size: 12px;
       /*background: #f8f8f8 url('../Images/freebg6.jpg') no-repeat center center fixed; */

       background: red; /* For browsers that do not support gradients */
       background: -webkit-linear-gradient(-90deg, #757F9A, #D7DDE8); /* For Safari 5.1 to 6.0 */
       background: -o-linear-gradient(-90deg, #757F9A, #D7DDE8); /* For Opera 11.1 to 12.0 */
       background: -moz-linear-gradient(-90deg, #757F9A, #D7DDE8); /* For Firefox 3.6 to 15 */
       background: linear-gradient(-90deg, #757F9A, #D7DDE8); /* Standard syntax */

}
.container { margin-bottom: 30px}

.header {  margin: 0 0 10px 0; padding: 25px 20px; background: #0098c4;  /*#555;*/
           border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; height: 20px; box-shadow: 0px 0px 2px #333;
           position: relative; opacity: 1}

#home
{ display: block; width: 55px; height: 18px;
  background: url('../Images/home.png') no-repeat 0 0 ;
  padding: 48px 0px 3px 0px; text-align: center; position: absolute; top: -2px;
  left: 0px; font-size: 10px; color: #eee;
  border-radius: 0; }

.adminMenu { list-style: none; margin: 0 0 0 0}
.adminMenu li { margin: 0 3px; float: left; position: relative}
.adminMenu .submenu { position: absolute; top: 24px; left: 0px; background: #555;
                      height: 25px; padding: 7px 2px 2px 2px; border-radius: 4px; -moz-border-radius: 4px;
                      width: 400px; display: none}
.adminMenu .submenu a { padding: 6px}
.header a { text-decoration: none; padding: 8px; color: #eee; border-radius: 4px;
            font-size: 13px;
            -moz-border-radius: 4px; font-family: 'Helvetica', 'Arial', sans-serif;}
.header a:hover, .header li.in a, .header li.in .submenu a:hover
{ background-color: #eee; color: #555}
.header li.in .submenu, .header li:hover .submenu { display: block}
.header li.in .submenu a  { background: transparent; color: #eee}

.header a.logout { float: right; margin: -30px 0 0 0; background: #444;
                   padding: 12px 8px 8px 8px}
.header a.logout:hover { background-color: #eee}

.header .logged { position: absolute; top: 3px; right:100px; color: #eee;/*#93d3ff;*/
                  font-weight: 600; padding: 4px 0 0px 25px; background: url('../Images/account.png') no-repeat;
                  border-radius: 0; }
.header .logged:hover { background-color: transparent; color: #eee}

a, a:hover { text-decoration: none}

.alert{ margin-bottom: 0px}
.alert.info { background: #dcf3db; color: #196517; border-color: #91d48f;}
.alert.error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; }
.alert .close { top: -4px}

.flashes {position: relative; float: left; width: 100%; margin: 1px 0;
          top:0; left:0}
.flashes .flash { }

.block { background: #fff; float: left; margin: 5px 0; width: 920px;
         padding: 10px 10px 30px 10px; border: 1px solid #eee; /* border-radius: 4px;*/
         position: relative;
}

.block > h2 { width: 916px; padding: 7px 1%; margin: -8px 1px 8px -8px;
              background: #eee; font-weight: 400; font-size: 17px; text-transform: uppercase;
              text-shadow: 1px 1px 0 #fff;  /*border-radius: 4px 4px 0 0;*/
              border: 1px solid #ddd}

h2 { width: 100%; padding: 7px 1%; margin: 2px 1px 8px -8px;
     background: #eee; font-weight: 400; font-size: 17px; text-transform: uppercase;
     text-shadow: 1px 1px 0 #fff; /*border-radius: 4px 4px 0 0;*/
     border: 1px solid #ddd}

.cboxin { width: 500px; float: left}

.spinner {position: fixed; top: 50%; left:50%; margin: -30px 0 0 -30px;
          background: #ffffff url('img/spinner.gif') no-repeat 5px 5px; z-index: 1000;
          display:none; width: 66px; height: 66px; padding: 5px;
          -moz-border-radius: 60px; -khtml-border-radius: 60px;	-webkit-border-radius: 60px;border-radius: 60px;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
          filter: alpha(opacity=50);	opacity: .5;}


.langSelect { position: absolute; right: 5px; top: 5px}

/* ------------------------------------------------------------------------------------ */
/* ------------------------------------ LOGIN ----------------------------------------- */

.admin-logo { position: absolute; top: 30px; left: 50%; width: 63px; display: none;}
.admin-logo img { margin: 0 0 0 -32px; width: 63px; float: left; opacity: .4}

.login { margin: 170px auto; float: none; height: 100%; position: relative;
         min-height: 100%; width: 300px; padding: 20px 30px 20px 30px; background: #fff;
         box-shadow: 1px 1px 2px #aaa; border-radius: 20px;
         background: #fff }
.login form { position: relative; margin: 10px 0 0 0; float: none; width: 300px}
.login form a { font-size: 12px; color: #666; text-decoration: none}

.login .error {   position: relative;  float: left; margin: -20px 0 10px 0;
                  overflow: hidden; width: 300px; color: #801818; text-align: center}

.login input[type="submit"]
{ margin: 7px 86px; }

.login_nick, .login_pswd { margin: 0 0 5px 0; position: relative;
                           font-style: italic;}
.login_nick input[type="text"],
.login_pswd input[type="password"]
{ width: 300px; text-align: center; font-size: 18px; padding: 0px 0;
  line-height: 40px; height: 40px}

.login .login_antispam { margin: 30px 0 5px 0}
.login_antispam label { display: block; font-size: 13px; left: 220px; top: 6px;
                        color: #666}

.forgot_pswd { display: block; text-align: center; margin: 8px 0 0 0}

#recaptcha_widget_div { margin: 20px 100px 0 -10px !important}
.recaptchatable .recaptcha_r1_c1 { background: none !important}
.recaptchatable .recaptcha_r2_c1 { background: none !important}
.recaptchatable .recaptcha_r2_c2 { background: none !important}
.recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2,
.recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r7_c1,
.recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4,
.recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r4_c1
{ background: none !important}

#recaptcha_response_field { border: 1px solid #999 !important;
                            padding: 3px !important;}
#recaptcha_image img { border: 1px solid #ccc !important; }

.captchaError { padding: 8px; background: #f8dfdf; border-radius: 2px; color: #470000;
                font-size: 11px; margin: 0px 0; float: left; width: 450px}


/* ------------------------------------------------------------------------------------ */
/* ------------------------------------ DATAGRID -------------------------------------- */

.datagrid {border: 0px solid black; border-spacing: 0; width: 100%; float: left}
.add_button { float: right; margin: -40px 0 5px 0}
.datagrid th, .datagrid td
{ border-right: 1px solid #eee; padding: 5px; margin: 0;
  vertical-align: middle}
.datagrid th { color: white; font-weight: 400; padding: 10px 8px;
               background-color: #0098c4; 
               border-bottom: 0px solid #c1dff4;
}

.datagrid th a {
    color: white;
}

.datagrid tr:nth-child(even) td { background: #f6f6f6}
.datagrid tr.odd { background: #fff}

tr.odd td.sorting_1 { background: #fff}

.dataTables_paginate { margin: 12px 0}
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active
{ margin: 1px; padding: 4px 5px; color: #1577bb !important;
  background: #eee; border-radius: 3px; border: 1px solid #ccc;
  text-shadow: 1px 1px 0 #fff}
.paging_full_numbers a.paginate_active
{ background: #1577bb; text-shadow: none; color: #eee !important}

.paging_full_numbers a.paginate_button_disabled,
.paging_full_numbers a.paginate_button_disabled:hover
{ background: #f6f6f6; border-color: #eee; color: #bbb !important}


.dataTables_processing {
    border: 1px solid #eee; color: #999; background: #fff; box-shadow: 0 0 2px #666;
    padding: 2px 0; top: -16px}

.dataTables_wrapper td { }

/*.paginator { margin: 5px 0; float: left}
.paginator a, .paginator span { padding: 2px; margin: 0px; }

.datagrid th a { color: #333}
.orderDESC, .orderASC { color: #333}*/

.filter input[type="text"]
{ padding: 6px; font-size: 12px; border-radius: 2px;
  border: 1px solid #ccc}
.novalue { color: #666}
.filter input { width: 100%}
.filter label { margin: 0 0 5px 0; float: left}
.filtItem { float: left; padding: 8px}
.filter input[type="text"].date { width: 80px}
.filter input.button
{ background: #eee; border-radius: 3px; font-size: 13px; padding: 6px;
  height: auto; margin: 19px 0 0 5px; border: 1px solid #ccc;
  text-shadow: 1px 1px 0 #fff}

.users .dataTables_filter { display: none}
.users .add_button { margin-top: -45px}
#usersSearch { width: 300px}

.users.contacts .dataTables_filter { display: block; margin: -45px 0 5px 110px}
.users.contacts .dataTables_filter input { width: 260px;}

/* ------------------------------------------------------------------------------------ */
/* ------------------------------------ REGISTER -------------------------------------- */
.reg_values { width: 500px; margin: 0 180px 30px 220px; min-height: 480px}
.reg_values .butt, .reg_values .nospam { display: none}
.reg_values .butt.continue { display: block; float: left}
.reg_values .fscheck { display: none}
.reg_values h1 { font-size: 20px}

#colorbox .reg_values { margin: 0 20px}

#cboxLoadedContent h2 { font-weight: 400; margin: 3px 0 15px 5px; font-size: 18px}
#cboxLoadedContent h2 span { color: #1577bb; float: none; }

.regTowns li { font-size: 12px; height: 18px; overflow: hidden}

.fsconfirm input { margin: 5px}
.fsconfirm label { color: #333; width: 300px}

.reg_values .fssecurity span { font-size: 12px}
.registerCheck span { color: #333}
.registerCheck label { color: #aaa}

.fsHidden { display: none}

.cbTabs { list-style: none; float: left; margin: 10px 20px;
          border-bottom: 2px solid #1375b4; padding: 0 30px 0 0; height: 22px}
.cbTabs li { float: left; margin: 0 3px}
.cbTabs li a { border: 1px solid #fff; border-radius: 3px 3px 0 0;
               -moz-border-radius: 3px; border-bottom: none;
               color: #1375b4; padding: 5px; text-transform: uppercase; text-shadow: 1px 1px 0 #fff;
               font-size: 12px; cursor: pointer;}
.cbTabs li.in a, .cbTabs li a:hover
{ background: #1375b4; box-shadow: 0 0 0; border-color: #1375b4; color: #eee;
  text-shadow: none;}

/* ------------------------------------------------------------------------------------ */
/* -------------------------------------- FORM -------------------------------------- */

form fieldset
{ min-height: 30px; margin: 8px 0; padding: 2px 2px 2px 2px ;  width: 100%; background: #fff;
  border: 0px solid #ccc; overflow-y: hidden; }


form fieldset table, fieldset table td, form fieldset table tr,
form fieldset th { border:none;}
form fieldset th label { display: block; width: 160px}
fieldset table { border-spacing: 0; width: 100%}
fieldset table td, form fieldset table th
{ padding: 8px 8px; vertical-align: middle; text-transform: none;
  color: #333; height: 10px;
  font-weight: 300; font-size: 12px; text-align: left; background: #fff;
  border-bottom: 1px solid #eee; border-top: 1px solid #fff;}
fieldset tr:nth-child(even) td, fieldset tr:nth-child(even) th
{ background: #fafafa}
fieldset tr:last-child td, fieldset tr:last-child th
{ border-bottom: none;}

fieldset table td { width: 100%;}

legend { padding: 0; text-align: left; display: block; width: 100%;
         overflow: hidden; margin: 0px 0px 0 0px;
         background: #f6f6f6; border: 1px solid #ccc;
         -moz-border-radius: 4px 4px 0 0;  border-radius: 4px 4px 0 0;
         text-shadow: 0 1px 0 #fff;
         background: #ffffff; /* Old browsers */
         background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */}

.notvalid, input.notvalid, input[type="text"].notvalid { background: #fcebeb}

#cboxLoadedContent .alert { width: 450px; float: left; margin: 5px 20px;}

#cboxLoadedContent .error li { background: #fcebeb; padding: 5px 0; color: #333;
                               font-size: 11px; float: left; width: 100%; display: block; text-align: center;
                               margin: 0}

label { display: inline}

.cbConfirm { width: 300px; text-align: center; padding: 20px}
.cbConfirm p { font-size: 1.2em; float: left; width: 100%; padding: 10px 0;}
.cbConfirm .button { margin: 5px}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
{ margin-bottom: 0; }


.editForm input[type="text"] { width: 90%}
.editForm .datetimepicker[type="text"], .datetimepicker[readonly]
{ cursor : pointer; width: 100px}

.editForm input.date { cursor: pointer; width: 100px}
.editForm input.time { width: 60px}


.ep_lang { display:none}
.ep_actions { position: absolute; top: -53px; right: 200px; background: #eee;
              height: 47px; margin: 0; padding: 0 0 4px 0; border-radius: 0 0 3px 3px}

.ep_actions a { line-height: 9px}

.warning { font-size: 13px; color: #888}


#cboxClose  { display: none!important;}
#cbClose { position: absolute; top: -1px; right: -1px; display:block;
           font-size: 0px; width: 38px; height: 40px; background: url('admin/close.png')}

.formrow { float: left; width: 44%; margin: 5px 3%;}
.formrow label { display: inline-block; width: 100px;}
.formrow input[type="text"] { width: 400px}

.formset input, .formset select { margin: 0 1px 2px 1px}

/* ------------------------------------------------------------------------------------ */
/* -------------------------------------- STATS -------------------------------------- */

.filtStats label { margin: 0 10px 0 0}
.filtStats select { width: 200px; margin: 8px 0 0 0}
.filtStats .date { width: 60px}

.stats {  height: 100%; float: left; margin: 5px 0 20px 0;
          list-style: none; width: 100%}
.stats li { margin: 0; width: 96%; padding: 8px 2%; float: left;
            background: #f6f6f6; border: 1px solid #ccc; border-top: 1px solid #fff;
            position: relative}
.stats li:first-child { border-radius: 4px 4px 0 0; border-color: #ccc}
.stats li:last-child { border-radius:  0 0 4px 4px; }
.stats li:nth-child(even) { background: #fafafa}

.stats label { display:block; width: 34%; color: #1577bb; float: left;
               padding: 12px 0 0px 0}
.stats span { display:block; width: 66%; color: #333; float: left;
              font-weight: 400}

.stats label.groupStat { width: 100%; margin: 0 0 10px 0; color: #333}
.stats p { margin: 0 0 8px 0}

.stats input[type="text"],
.stats textarea { width:96%; padding: 2%; }

.stats .settId { position: absolute; top: 4px; left: 10px; font-size: 11px; color: #999;
                 letter-spacing: 0px; width: 200px}

h3 { text-transform: uppercase; font-size: 16px; margin: 8px 0 6px 0}

.stgroups li { margin: 2px 0px;border-bottom: 0px solid #eee; padding: 0px 0}
.stgroups li a { font-size: 14px; padding: 5px 4px; display: block; width: 270px;
                 color: #666}

.stgroups li:hover a, .stgroups li.in a { color: #0098c4}

/*.stats input[type="submit"] 
{ background: #333; border-radius: 5px; text-shadow: none; color: #eee}*/

/* ------------------------------------------------------------------------------------ */
/* ------------------------------------ HEAD PICS ------------------------------------- */

.headPicsEdit div { float: left; }
.headPicsEdit img { float: left; width: 380px; margin: 0px}

.headpic { float: left; padding: 10px; border: 1px solid #eee; margin: 10px; background: #fff}
.headpic a { padding: 6px; background: #fff;float: left}


/* ------------------------------------------------------------------------------------ */
/* ----------------------------------- CONTENT ---------------------------------------- */
.content { position: relative}
.content .langs
{ position: absolute; top: 10px; right: 10px; width: 100px}
.langs li { float: right; margin: 0 2px; padding: 3px 5px; border-radius: 3px}
.langs li.in { color: #fff; background: #888}
.langs li.in a { color: #fff}

.headSubmenu { width: 100%; float: left; height: 36px;
               margin: 0 0 6px 0}
.headSubmenu ul { border-bottom: 1px solid #eee; float: left; height: 36px;
                  padding: 0 20px 0 0; min-width: 400px}
.headSubmenu li { float: left; margin: 0 5px 0 0px}
.headSubmenu li a { float: left; padding: 6px 8px; font-size: 13px; border-radius: 3px}
.headSubmenu li.in a{ background: #888; color: #fff}
.headSubmenu a:hover { color: #666}

.faded { opacity: .3;}

.block .span4 { margin-right: 5px; position: relative}
.block .span8 { border-left: 1px solid #ddd; padding-left: 10px; position: relative}

.pagesTree .add_button { margin-top: 0px}

.tree
{ width: 100%; float: left; margin: 0 0 0px -5px}
.tree li { margin: 2px 0; padding: 4px 0 0px 22px; position: relative;
           border-top: 1px solid #eee}
.tree a { color: #1375b4; padding: 1px 0 1px 3px; display: block; }
.tree a:hover { color: #06578b}
.tree li.in { background: #0098c4; }
.tree li.in a { color: #eee; }
.tree a.offline { color: #aaa}

.subtree  { margin: 4px 0 0 -7px}
.subtree li { background: url('admin/subtree_item.pngx') no-repeat 2px 0;}

.subtree { display: none; border-left: 1px dashed #ccc}
.subtree1 { display: block}

.treeLeaf { display: block; width: 100%;padding: 5px 0}
.treeLeafLeaf {display: block; padding-left: 30px; width: 100%;}

.foldable { display: block; font-size: 0; width: 15px; height: 15px; position: absolute;
            top: 9px; left: 6px;
            background: url('admin/icons.png') -5px -621px no-repeat;}
.foldable.folded { background-position: -40px -621px;}
.foldable.foldempty { background-position: -65px -594px;}

.treeActions { display: inline-block; width: 10px; height: 10px; position: relative}

a.treeActToggle { width: 22px; height: 20px;
                  background: url('admin/icons.png') no-repeat 0 -655px;
                  position: absolute; top: -6px; left: 0; display: none}

.treeLeaf:hover > .treeActions a.treeActToggle { display: block}

.treeActions ul
{ width: 140px; padding: 3px 0; display: none;
  position: absolute; top: -6px; left: 24px; z-index: 100}

.treeActions li { border: 1px solid #bbb; background: #fff;
                  margin: -1px 0 0 0; padding: 0px 0}
.treeActions li:last-child { border-radius: 0 0 5px 5px}
.treeActions li:first-child { border-radius: 5px 5px 0 0}
.treeActions li:hover { background: #eee}
.treeActions li a { display: block; width: 110px; padding: 5px 4px 5px 30px;}

.treeActions .brwIcon { position: absolute; top: 3px; left: 2px; }


.tree.treeList li { margin: 1px 0; padding: 2px 0 0px 0px; }
.tree.treeList .foldable { display: none}

.tree.treeList .treeActions { position: absolute; top: 6px; right: 0; width: auto; height: 26px;
                              margin: -6px 0 0 0;}
.tree.treeList li:hover .treeActions li { opacity: 1}

.tree.treeList .treeActToggle { width: 0}
.tree.treeList .treeActions ul { display: block; position: relative; float: right;
                                 padding: 0; margin: 0; width: auto; top: 0; left: 0; background: #fff;
                                 box-shadow: -2px 0 4px #fff}
.tree.treeList .treeActions li { float: left; border: none; width: 26px; font-size: 0;
                                 height: 26px; background: none; padding: 0; opacity: .2; }
.tree.treeList .treeActions li a { width: 26px; height: 26px; padding: 0; margin: 0}

.tree.treeList li.in .treeActions { opacity: 1}

/* -------------------------------------  PAGES  ------------------------------------ */

.adminnews .add_button, .adminregion .add_button { margin: 0 0 0px 0}

.lastItems { margin: 20px 0 0 0}
.lastItems li { position: relative; border-top: 1px solid #eee}
.lastItems li > a { display: block; padding: 4px 0 4px 3px; width: 340px}
.lastItems .brwEditLinks { position: absolute; right:0px; top: 3px; opacity: .2;}
.lastItems .brwEditLinks a { background-color: #fff}
.lastItems li:hover .brwEditLinks { opacity: 1}

#langid { display: none}

#cke_pettext { margin: 0}

/* -------------------------------------  GALLERY  ----------------------------------- */
.fotos { float: left; width: 100%}
.pic_td { float: left; margin: 3px; box-shadow: 0 0 2px #000;}

.addsigns { width: 720px; float: left}

.addsigns h4 { margin: 0 0 10px 5px}
.addsigns input { margin: 5px}
.addsigns input[type="text"] { width: 150px; }
.addsigns input[type="submit"] { width: 590px}

.signsadmin { width: 600px}
.signsadmin .cbTabs { margin: 20px 0}

.editsigns table { width: 600px}

/* -------------------------------------  GALLERY  ----------------------------------- */
.editForm .formitems { width: 100%; float: left}
.editForm .formitems label { display: inline-block; width: 120px; float: left;
                             padding: 5px 0}
.editForm .formitems input[type="text"] { width: 340px; float: left}

.editForm .votes { float: left; margin: 0 0 5px 20px}
.editForm .votes label { width: 50px}
.editForm .votes input[type="text"] { width: 50px}

.editForm .polurl { float: left; margin: 0 0 20px 120px}
.editForm .polurl label { width: 34px}
.editForm .polurl input[type="text"] { width: 500px}

.newPollItem { padding: 10px 120px 0 120px; float: left}

.hidden { display: none}

.formitem { width: 100%; float: left; margin: 5px 0 20px 0}
.formitem label, .formitem input { margin: 0 5px}


#cke_nltext { margin: 0 0 0 -170px}


.fs-page-files { margin-bottom: 40px}
#add-file { padding: 1%; width: 98%; border: 1px solid #eee; display: block;
            float :left; }

.page-files-row { margin: 0px 0 5px 0; float: left; border: 1px solid #f5f5f5; padding: 1px 0; width: 100%;}
.page-files label { display: block; width: 70px; padding: 6px 0; float: left; margin: 0 0 0 20px}
.page-files input[type="text"], .page-files select { width: 240px; float: left; margin: 0 5px 0 0}
.page-files-row a { display: block;}

.pick-file
{ background: #0098c4;  color: #fff;  bordeR: none; display: block; padding: 8px;
  border-radius: 3px; float: left; margin: 0 5px 0 -10px}
a.pick-file:hover { color: #fff; }

.file-delete { margin: 10px; opacity: .4; float :right; width: 12px;}
.file-delete:hover { opacity: 1}

form fieldset.on { overflow-y: visible;}
form fieldset.on.off { overflow-y: hidden}

/* ------------------------------------------------------------------------------------ */
/* ----------------------------------- FILEMEANAGER BOX ------------------------------- */

.filemanager { float: left; width: 800px; height: 500px}

h1
{ text-align: center; font-size: 14px; text-transform: uppercase;
  /* background: #999; */ border-radius: 5px; float: left; width: 100%;
  padding: 3px 0; color: #555; border-bottom: 1px solid #eee; font-weight: 700;
  margin: 0 0 0 0px;}

.fm-left { float: left; background: #fff; height: 100%; min-height: 100%;
           width: 250px; margin: 0 0 0 0px;  border-right: 0px solid #aaa; padding: 0px;}

.fm-left label { width: 100%; color: #666;  margin: 4px 0}
.fm-left input[type="submit"] { padding: 5px 10px; font-size: 13px}

.fm-content
{ float: left; margin: 0 0px 0 9px;  width: 540px; overflow-x: hidden;
  overflow:auto; min-height:100%; height: 100%;  padding: 0px 0px 0px 0px;
  background: #fff; border-left: 1px solid #eee; }
.fm-content:after  { clear: both; min-height: 100%}
.fm-content2 { width: 100%; overflow-x: hidden}

.thispath { width: 97%; margin: 3px 0 0 0px; background: #fff;
            padding: 5px 10px 10px 10px; border-bottom: 0px solid #eee; font-size: 11px;
            color: #333}


.fm-content ul.folders
{ margin: 5px 0px 0px 0px; width: 100%;}

.fm-content .folders li
{ list-style-type: none; position: relative;  width: 96%; display: block;
  padding: 1px 1px 1px 25px; float:left; margin: 0 0 0 6px;
  -moz-border-radius: 3px;  -webkit-border-radius: 3px;
  background: #f3f6fa url('admin/folder.png') no-repeat 4px 2px;
  /*url('img/fmpic.png') no-repeat 2px 3px;*/}
.fm-content .folders li:nth-child(even) { background-color: #f3f6fa}

.fm-content .folders a.delete img  { height: 10px; display:none; margin: 2px 0 0 0}
.fm-content .folders li:hover img  { display:block;}
.fm-content .folders li:hover a , .folders li.in a { color: #0176c6}
.fm-content .folders a
{ text-decoration: none; display:block; width: 100%; color: black;
  padding: 2px 1px 2px 5px;}
.fm-content a.delete
{ position:absolute; right: 10px; top:1px; display:block; width: 15px; height: 15px;}


.fm-content .files { margin: 10px 5px; float: left}
.fm-content .files li { width: 115px; height: 135px; display: block; border: 0px solid #eee;
                        margin: 1px; position: relative; float: left; background: #f3f6fa;
                        padding: 3px 2px; overflow-x: hidden;}
.fm-content .files .delete { background: #f3f6fa; position: absolute; right: 0px; top: 0px;
                             width: 10px; height: 10px; padding: 4px; border-radius: 3px; display: none;}
.fm-content .files .delete img { width: 10px;  }
.fm-content .files li:hover .delete { display: block}
.fm-content .files li.in { background: #bcd0ec}
.fm-content .imgIcon { height: 130px; width:115px;overflow: hidden; font-size: 10px}
.fm-content .imgIcon img { padding: 0 0 3px 0}

.file-icon
{ display: block; height: 52px; width: 52px; background: url('admin/file_icons.png');
  margin: 20px 20px; }
.file-pdf { background-position: 0 -281px;}
.file-docx { background-position: -390px -57px;}
.file-doc { background-position: -503px -336px;}
.file-xls, .file-xlsx { background-position: -502px -112px;}
.file-ppt, .file-pptx { background-position: -111px -281px;}


.fm-left #file-uploader { max-width: 100%;}
.fm-left .qq-uploader { margin: 20px 0px; width: 100%; max-width: 100%;}
.fm-left .qq-upload-button { margin: 0 0px; padding: 8px; width: 180px; text-align: center}
.fm-left .qq-upload-button  span { width: 100%; text-align: center; display: block}
.fm-left .qq-upload-list { min-width: 260px; width: 100%; border: 0}
.fm-left .qq-upload-list li { overflow: hidden}
.fm-left .qq-upload-list li.qq-upload-fail { color: #d50000}
.fm-left #uploader_fallback { margin: 0px; display: inline; font-size: .8em; cursor: pointer}


.fm-content .error, .fm-content .info, .fm-content .success
{ color: #ac2f2f; font-size: 12px; width: 90%;
  padding: 6px; margin: 0 0 0px 0px}

.fm-content .info, .fm-content .success { color: #45ac2f;}

.fm-left .qq-upload-list li { width: 90%;}

/* ------------------------------------------------------------------------------------ */
/* ------------------------------------- REGIONS -------------------------------------- */

.adminregion .span8 { min-height: 400px;}

#cke_rg_contact1, #cke_rg_contact2, #cke_rg_contact3 { float: left; margin: 0 20px 0 0;}
#cke_rg_contact3 { margin: 0;}

.salesman-row { margin: 5px 0}

.formset-add { padding: 1%; width: 98%; border: 1px solid #eee; display: block;
               float :left; }



.block-contactmsg { width: 400px; min-height: 300px; padding: 10px;}
.block-contactmsg p { width: 100%; display: block; float: left; margin: 5px 0}
.block-contactmsg label { width: 80px; font-size: 1.2em; color: #666; float: left; display: block}
.block-contactmsg strong { width: 250px; font-size: 1.2em; color: #000; font-weight: 800; float: left;
                           display: block}
.block-contactmsg span { float: left; width: 100%; display: block}



/* ------------------------------------------------------------------------------------ */
/* ----------------------------------- RESPONSIVE ------------------------------------- */

/*.span6 { margin-left: 6px; width: 450px}*/


/* Large desktop */
/*@media (min-width: 1200px) {
  .block { width: 1150px;}
  .block > h2 {width: 1142px;}
  
  .span6 { margin-left: 10px; width: 560px}
}*/

/* Portrait tablet to landscape and desktop */
/*@media (min-width: 768px) and (max-width: 979px) {  
  .block { width: 704px;}
  .block > h2 {width: 704px;}
  
  .span6 { margin-left: 3px; width: 700px}
}*/

/* Landscape phone to portrait tablet */
/*@media (max-width: 767px) {
  .block { width: 98%; padding: 10px 1%;}
  .block > h2 {width: 100%;}

}*/

/* Landscape phones and down */
/*@media (max-width: 480px) {

}*/

/* ------------------------------------------------------------------------------------ */
/* -------------------------------- NOT RESPONSIVE ------------------------------------ */

.container { width: 95%;}
.block { width: 95%;}
.block > h2 {width: 99%;}

.block > [class*="span"] { margin-left: 4px}

.span12 { width: 100%;}
.span3 { width: 280px}
.span4 { width: 180px; /*373px;*/ }
.span8 { width: 75%; }
.span9 { width: 860px}
.span6 { margin: 0 10px; width: 570px}

.manual-table {

}

.manual-table td {
    padding: 10px;
    text-align: center;
}

.manual-table th {
    font-weight: bold;    
}

.manual-table td .read {
    color: orange;
}

.manual-table td .write {
    color: green;
}

.manual-table td .hidden {
    color: red;
}