/*-----------------------------------
Dimedia CMS main CSS stylesheet 
-------------------------------------*/

/************************ CSS IMPORT ***/
@import url("reset.css");
@import url("datepicker.css");

/************************ GLOBAL STYLING ***/
html, body  { height:100%; }
body 		    { font-size:12px; font-family: 'Open Sans', sans-serif; color:#696969; background-position:50% 0; background-repeat:repeat-x; }
a           { color:#7c7c7c; }
a:hover     { text-decoration:none; }
strong      { font-weight:bold; }
em          { font-style:italic; }

.al-left    { text-align:left; }
.al-right   { text-align:right; }
.al-center  { text-align:center; }
.pos-left   { float:left; }
.pos-right  { float:right; }

/************************ Buttons ***/
.btn, .btn span { display:-moz-inline-stack; display:inline-block; background-color:transparent; background-repeat:no-repeat; cursor:pointer; font-weight:bold; }
a.btn       { padding-right:4px; line-height:21px; text-decoration:none !important; }
a.btn span  {  }
button.btn        { width:auto; height:21px; padding-right:4px; overflow:visible; vertical-align:bottom; }
button.btn span   { line-height:21px; white-space:nowrap; }
button.btn:focus  { outline-width:1px; outline-style:dotted; }
button.btn::-moz-focus-inner { padding:0; border:0; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
  button.btn span { margin:-1px -3px 0 0; }
}
.btn.default-t01      { background-position:100% 0; }
.btn.default-t01 span { padding:0 11px 0 15px; background-position:0 0; color:#fff; }
.btn.add              { background-position:100% -25px; }
.btn.add span         { padding:0 3px 0 23px; background-position:0 -25px; color:#fff; }
.btn.default, .btn.default span,
.btn.back, .btn.back span { background-image:url(../images/btn-sprite-01.png) !important; }
.btn.default              { background-position:100% 0; text-transform:lowercase; }
.btn.default span         { padding:0 5px 0 9px; background-position:0 0; color:#7c7c7c; }
.btn.back                 { background-position:100% -25px; text-transform:lowercase; }
.btn.back span            { padding:0 5px 0 24px; background-position:0 -25px; color:#7c7c7c; }
.btn img  { vertical-align: middle; }

.edit, .preview,
.tick, .delete    { display:inline-block; padding-left:23px; font-size:10px; line-height:20px; color:#333; text-decoration:none; background-repeat:no-repeat; cursor: pointer; }
.edit        { /*background-image:url(../images/btn-edit-01.png);*/text-indent: inherit!Important;font-size: 20px;color: #ccc!important; }
.edit :hover {color:red!important;} 
.preview     { /*background-image:url(../images/btn-preview-01.png);*/text-indent:inherit!Important; font-size:18px;color: #ccc!important;  }
.preview :hover {color:red!important;} 
.delete      { background-image:url(../images/btn-delete-01.png); }
.tick        { padding-left:26px; font-weight:bold; font-size:11px; line-height:22px; }

.remove       { display:block; width:15px; height:15px; overflow:hidden; text-indent:-9999px; background-image:url(../images/btn-remove-01.png); }

/************************ Misc. ***/
.settings-ctrl          { position:relative;  }
.settings-ctrl > ul     { display:none;  }
.settings-ctrl-popup    { display: none; position: absolute; top: 0; left: 0; padding-top: 6px; background-position: top right; background-repeat: no-repeat; }
.settings-ctrl-popup ul { padding: 0 8px 6px 5px; background-position: bottom left; background-repeat; no-repeat; overflow: hidden; zoom: 1; }
.settings-ctrl-popup li { float: left; clear: left; width: 172px; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 6px; }
.settings-ctrl-popup a  { padding: 1px 9px 3px; display: block; font-size: 11px; line-height: 14px; color: #fff; text-decoration: none; }

/************************ CONTAINER ***/
#container { width:974px; min-height:100%; margin:0 auto; }
.container {width: 974px;margin: 0 auto;}

/************************ HEADER ***/
#header { position:relative; overflow:hidden; }

.header-search {}
.header-search button {float:left;height:80px; font-size:20px; color:#868686; cursor:pointer; background:none;padding:0 2px; margin-right:10px;}
.header-search button .fa {line-height:80px; color: #868686;padding: 0 10px;}
.header-search button .fa:hover {color:red;}

.header-search .search-field {height:80px; line-height:80px;float:left;font-size: 32px;background: none;color: #AFAFAF;font-family: verdana;font-weight: 500;width:900px;transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);}

.header-search input::-webkit-input-placeholder {color: #868686;}
.header-search input:-moz-placeholder {color:#868686;}
.header-search input::-moz-placeholder {color: #868686;}
.header-search input:-ms-input-placeholder {color: #868686;}

.header-search .search {}
.header-search .search-close {float:right;height:80px; font-size:20px; color:#585858; cursor:pointer;}
.header-search .search-close .fa {line-height:80px;}
.header-search .search-close .fa:hover {color:red;}

.header-search .opts {float:left;margin-top:10px;margin-right:20px; }
.header-search .opts label {float:left;line-height:29px;margin-right:5px; font-weight:normal; margin-bottom:10px;text-transform:uppercase;font-size:11px;}

.header-search .opts select {border: 1px;padding: 4px 2px;}
.header-search .opts div {float:left; margin-right:20px;}

.home.active .white {display:none!important;}
.home.active .black {display:table-cell!important;}
.home:hover .black {display:table-cell!important;}
.home:hover .white {display:none!important;}
.home .black {display:none!important;}

#accordion {background: #353535;}

.accordian {position: relative;}
.accordion-body {height: auto;position: relative;top: -3px;}
.accordion-body ul {}
.accordion-body ul li {display:inline-block; margin-right: 25px; }
.accordion-body ul li a {text-decoration: none;text-transform: uppercase;font-size: 11px;color: #333; padding:10px 0; display:block; position:relative;} 
.accordion-body ul li.active a{color:red;border-bottom: 3px solid red;margin-bottom: -3px;z-index: 1;}
.accordion-body ul li a:hover{color:red;}

#header-silverbar { bottom: 3px; left: 0; width: 100%; }
#logout { height: 40px;width: auto;line-height: 40px;float: right;text-indent: inherit;margin-right: 0px;font-size: 12px;color:red; text-decoration: none;}
#header-silverbar .logout .fa {font-size: 16px;margin-left: 5px;}
#header-silverbar a i {font-style:normal;font-size:12px;margin:0 0px 0 0px;display:inline-block;}

/************************ Modules navigation **/
#nav-modules          { float:left; margin:0 0 0 0px; }
#nav-modules li:first-child {border-left: 1px solid  #474747;} 
#nav-modules li       { min-width: 130px;height: 110px;position: relative;border-right: 1px solid  #474747; display:inline-block;float:left; }
#nav-modules li.active,
#nav-modules li:hover  { background: #FAFAFA url('../images/header-li-active.png') repeat-x top left;z-index:1 }

#nav-modules li.active .fa , #nav-modules li:hover  .fa { color:red; }
#nav-modules li.active a, #nav-modules li:hover  a {color:red }

#nav-modules a        { display:block;  /*padding:0 4px 0 42px;font-weight: bold;*/ width:130px;text-transform: uppercase;display: inline-block; color:#DBDBDB; font-size:11px; line-height:38px; text-decoration:none;  /*background:url(../images/bg-nav-modules-01.png) no-repeat; text-shadow:2px 3px 7px #333; outline:none;*/ display: table-cell;vertical-align: middle;text-align: center; height:110px;}
#nav-modules .fa {color:#DBDBDB; font-size:20px;clear:both;display:block;}
#nav-modules li a b {clear: both;display: block; font-weight:normal;}
#nav-modules a:hover  { }

#nav-modules #link-cms,
#nav-modules #link-cms.active        { background-position:0 0; }
#nav-modules #link-catalog,
#nav-modules #link-catalog.active    { background-position:-110px 0; }
#nav-modules #link-banner,
#nav-modules #link-banner.active     { background-position:-220px 0; }
#nav-modules #link-newsletter,
#nav-modules #link-newsletter.active { background-position:-330px 0; }
#nav-modules #link-cms a        { background-position:0 0; }
#nav-modules #link-catalog a    { background-position:-110px 0; }
#nav-modules #link-banner a     { background-position:-220px 0; }
#nav-modules #link-newsletter a { background-position:-330px 0; }

#nav-modules #izbor-predlozaka a { background-position:-440px 0; }
#nav-modules #izbor-predlozaka,
#nav-modules #izbor-predlozaka.active { background-position:-330px 0; }


/************************ CONTENT ***/
#content:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
#content       { *min-height:0; }
#content       { padding-bottom:271px; }

/************************ Current module navigation ***/
#nav-main                 { float:left; width:184px; padding-top:44px; }
#nav-main li              { margin-bottom:2px; }
#nav-main li a            { display:block; padding-bottom:3px; background-repeat:no-repeat; background-position:0 100%; color:#666; font-weight:bold; font-size:12px; line-height:1.2; text-decoration:none;  }
#nav-main li a span       { display:block; padding:3px 12px 1px; background-repeat:no-repeat; background-position:0 0; }
#nav-main li a:hover      { color:#949494; }
#nav-main .active a       { background-position:-184px 100%; color:#fff; }
#nav-main .active a span  { background-position:-184px 0; }
#nav-main .active a:hover { color:#e8e8e8; }
#nav-main li ul              { padding:2px 0 0 6px; }
#nav-main li li              { margin-bottom:1px; border-bottom:1px dashed #e8e8e8; }
#nav-main li li a,
#nav-main li li a span       { background-position:-9999px -9999px; }
#nav-main li li a            { font-size:11px; }
#nav-main li li a span       { padding-top:4px; padding-bottom:1px; }
#nav-main .active li a       { background-position:-100px -100px; color:#7c7c7c; }
#nav-main .active li a span  { background-position:-100px -100px; }
#nav-main .active li a:hover { color:#a7a7a7; }
#nav-main li .active a       { background-repeat:no-repeat; background-position:-368px 100%; color:#fff; }
#nav-main li .active a span  { background-repeat:no-repeat; background-position:-368px 0; }
#nav-main li .active a:hover { color:#e9e9e9; }

#nav-main .settings-ctrl > a      { float:right; padding-right:23px; background-repeat:no-repeat; background-position:100% 0; color:#7c7c7c; font-size:11px; line-height:21px; text-decoration:none; text-transform:lowercase;  }
#nav-main .settings-ctrl > a span { float:left; padding-left:9px; background-repeat:no-repeat; background-position:0 0; }
#nav-main .settings-ctrl > a.on,
#nav-main .settings-ctrl > a:hover      { background-position:100% -21px; color: #fff; }
#nav-main .settings-ctrl > a.on span,
#nav-main .settings-ctrl > a:hover span { background-position:0 -21px; }

/************************ MAIN CONTENT ***/
#content-main { float:right; width:100%; padding-top:18px; }

/************************ Content block ***/
#content-main .block              { margin-top:20px; }
#content-main .block:first-child  { margin-top:0; }

.block-head                             { overflow:hidden; min-height:26px; margin-top:15px; }
.block-head .section                    { float:left; padding-top:2px; }
.block-head ul.section li               { float:left; padding:0 6px 0 13px; background:url(../images/icn-arrow-01.png) no-repeat 0 50%; }
.block-head ul.section li:first-child   { padding-left:0; background:none; }
.block-head ul.section a, .block-head h1.section,
.block-head h2.section  { font-size: 16px;line-height: 1.2;font-weight: 600;text-decoration: none;color: #666; text-transform:uppercase; }
.block-head .ctrl                     { float:right; }
.block-head .visible-items            { float:left; /*margin-right:15px;*/ padding-left:24px; line-height:21px; background:url(../images/icn-visible-items.png) no-repeat 0 50%; }
.block-head .visible-items li         { float:left; margin:0 0 0 2px; }
.block-head .visible-items a          { color:#fff; line-height:26px; padding:0 7px; display:block; background:#666; text-decoration:none;}
.block-head .visible-items a:hover {background:red;}
.block-head .visible-items .active a  { text-decoration:none; background:#ccc; }
.block-head .btn                      { float:left; margin-left:5px; }

.block-box                        { /*background:url(../images/bg-block.png) repeat-y -769px 0;*/margin-top: 5px; }
.block-box > div                  { /*background:url(../images/bg-block.png) no-repeat 0 0;*/ }
.block-box > div > div            { /*padding:5px 4px 0; background:url(../images/bg-block.png) no-repeat -1538px 100%;*/border: 1px solid #f1f1f1; }
.block-box.form-options > div     { background-position:-2307px 0; }
.block-box > div:after            { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.block-box > div                  { *min-height:0; }

#nav-main-sections                { overflow:hidden; }
#nav-main-sections li             { display: inline-block;float: left; margin:0 0 8px 8px; }
#nav-main-sections li:first-child { margin-left:0; }
#nav-main-sections a { display:table-cell; width:235px; vertical-align: middle;text-align: center;height: 200px; font-weight:bold; font-size:13px; text-decoration:none; color:#333; text-align:center; text-transform:uppercase;border: 1px solid #f1f1f1; }

#nav-main-sections .fa {color:#757575;font-size: 50px;clear: both;display: block;}
#nav-main-sections li a b {clear: both;display: block;font-weight: bold; margin-top:15px; font-size:17px; color:#757575;}
#nav-main-sections li a:hover b, #nav-main-sections li a:hover .fa {color:red;}
#nav-main-sections li a:hover {border-color:red;}

.custom-select {overflow: hidden; position:relative; height:26px; display:inline-block;float:left; cursor:pointer;margin:1px 0 0 0!Important}
.custom-select .styled {height:26px; padding:0 20px 0 10px; line-height:26px; font-size:12px; color:#333;cursor:pointer; background:#fff;}
.custom-select .styled span{ color: #333!important; font-size:12px;font-weight:300;}
.custom-select .fa {position: absolute;top: 7px;right: 10px;color: #333;}

#nav-main-sections #link-section-01 a        { background-position:0 0; }
#nav-main-sections #link-section-01 a:hover  { background-position:0 -160px; }
#nav-main-sections #link-section-02 a        { background-position:-186px 0; }
#nav-main-sections #link-section-02 a:hover  { background-position:-186px -160px; }
#nav-main-sections #link-section-03 a        { background-position:-372px 0; }
#nav-main-sections #link-section-03 a:hover  { background-position:-372px -160px; }
#nav-main-sections #link-section-04 a        { background-position:-558px 0; }
#nav-main-sections #link-section-04 a:hover  { background-position:-558px -160px; }

.iframe-popup h2 {display:none;}

/************************ Forms & form inputs ***/
#login_form { /* margin-left: -205px; padding-top: 115px; */ zoom: 1; }
#login_form h1  { font-size:16px; line-height:1.2; font-weight:bold; margin-bottom: 10px; }
#login_form .error  { margin-bottom: 10px; color: red; }
#login_form label { float: left; clear: left; width: 340px; padding: 3px 0;text-align: left; }  
#login_form label span {width:30px; height:32px; text-align:center; line-height:32px; color:#999; float:left;border: 1px solid #D6D6D6; border-right:0 none;background: #fbfbfb;}
#login_form label span i {line-height:32px;font-size: 14px;}
#login_form input { border: 1px solid #D6D6D6;color: #333;font-size: 12px; font-weight:normal;line-height: 1;width: 287px;padding: 0px 10px;margin: 0px 0px 16px 0;float:left; height:32px; } 

#login_form input::-webkit-input-placeholder {color:#ccc;}
#login_form input:-moz-placeholder {color: #ccc;}
#login_form input::-moz-placeholder {color: #ccc;}
#login_form input:-ms-input-placeholder {color: #ccc;}

#login_form input:focus {border-color:red;}
#login_form button  { background-image: none!important; height:auto;padding: 7px 15px;font-weight: normal; float:right; background:red; color:#fff;}
#login_form button .fa {font-size: 14px;width: 10px;margin: 0 0 0 5px;}
#login_form button:hover  {background:#FF2C2C}
.logo img {width: 100px;}

.block-box input[type="text"],
.block-box input[type="password"],
.block-box select,
.block-box textarea { padding: 5px 10px;border: 1px solid #E2E2E2;color: #333;font-size: 12px;font-family: 'Open Sans', sans-serif;font-weight: normal;line-height: initial; }
.block-box select   { padding:5px 10px; }
.block-box textarea { overflow:auto; }
.block-box input[type="checkbox"],
.block-box input[type="radio"]            { float:left; width:13px; height:20px; margin:0; padding:0; cursor:pointer; }
.block-box input[type="checkbox"] + span,
.block-box input[type="radio"] + span     { float:left; cursor:pointer; margin-left:8px; line-height:20px; }

.block-box .form-options          { min-height:48px; padding:4px 13px 0; overflow:hidden;background:#F8F8F8 }
.block-box .form-options div      { float:left; margin-right:9px; }
.block-box .form-options label,
.block-box .form-options .label   { float:left; position:relative; margin-bottom:5px; color:#333; text-transform:uppercase; font-size:10px; line-height:13px; }
.block-box .form-options label a  { position:absolute; right:-25px; top:-1px; width:18px; height:16px; overflow:hidden; text-indent:-9999px; background:url(../images/btn-add-01.png) no-repeat; }
.block-box .form-options select   { float:left; clear:left; width:105px; font-weight:bold; color:#7c7c7c; }
.block-box .form-options .search  { width:250px; float:right; margin-right:0; }
.block-box .form-options .search div                  { width:100%; margin-right:0; overflow:hidden; clear:left; }
.block-box .form-options .search input[type="text"]   { width:170px; float:left; }
.block-box .form-options .search .opt-t01             { margin-left:10px; text-transform:none; }
.block-box .form-options .lang-select                    { float:left; clear:left; }
.block-box .form-options .lang-select label              { margin-right:10px; }
.block-box .form-options .lang-select label:first-child  { margin-right:26px; text-transform:none; color:#7c7c7c; font-weight:bold; font-size:11px; }
.block-box .form-options .date-range input  { float:left; clear:left; width:60px; }
.block-box .form-options .date-range a      { float:left; width:23px; height:20px; margin-left:3px; overflow:hidden; text-indent:-9999px; background:url(../images/btn-date-01.png) no-repeat;  }
.block-box .form-options .date-range .btn   { margin-top:15px;  }

.block-box .form-ctrl           { width:auto; margin:0; position:static; clear:left; overflow:hidden; padding:20px; }
.block-box .form-ctrl .btn      { float:right; margin-left:5px; }
.block-box .form-ctrl .preview,
.block-box .form-ctrl .tick     { float:right; margin-right:25px; }



.block-box .pagination      { float:left; }
.block-box .pagination li   { float:left; }
.block-box .pagination li span  { line-height: 30px;padding: 0 8px; }
.block-box .pagination li a { display:block; padding:0 10px; font-weight:normal; font-size:12px; line-height:26px; color:#333; border:1px solid #f1f1f1; margin-right:2px;text-decoration:none;  }
.block-box .pagination li a span {line-height:inherit; padding:initial;}
.block-box .pagination li a:hover {background:red; color:#fff; border:1px solid red;}
.block-box .pagination .active a      { color:#fff; background:red;border:1px solid red; text-decoration:none; }
.block-box .pagination .ctrl a        { /*width:17px; padding:0; overflow:hidden; text-indent:-9999px; background:url(../images/btn-pagination-ctrl.png) no-repeat;*/ }
.block-box .pagination .ctrl a .fa {line-height:26px;}
.block-box .pagination .ctrl.prev a   { /*margin-right:11px; background-position:0 50%;*/ }
.block-box .pagination .ctrl.next a   { /*margin-left:11px; background-position:-17px 50%;*/ }
.block-box .pagination .ctrl.disabled { opacity:0.5; }

form.t01 fieldset > fieldset    { padding:20px 20px 4px; }
form.t01 h3:first-child         { margin-bottom:15px; color:#333; font-size:13px; font-weight:bold; }
form.t01 div input[type="text"],
form.t01 div textarea           { width:391px; }
form.t01 div select             { width:413px; }
form.t01 .field-value           { float:left; max-width:190px; margin-right:20px; padding:3px 0; color:#333; }

form.t01 div          { position:relative;  margin-bottom:11px; line-height:1.3; }
form.t01 div:after    { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
form.t01 div          { *min-height:0; }
form.t01 div > label  { float: left;width: 120px;padding: 5px 17px 5px 0;font-weight: normal;}
form.t01 div .note    { position:absolute; right:0px; top:2px; width:320px; padding: 5px 10px;font-style: italic; }

form.t01 .full-width div          { width: 100%; }
form.t01 .full-width div > label  { width: 180px; }

form.t01 .choice > span        { float: left;width: 120px;padding: 9px 17px 9px 0; font-weight:normal; }
form.t01 .choice fieldset      { float:left; width:213px; }
form.t01 .choice input,
form.t01 .choice label span    { margin-top:4px; margin-bottom:4px; }
form.t01 .choice label         { float:left; width:auto; padding:0; color:#333; font-weight:normal; }
form.t01 .choice label span    { min-width:80px; max-width:390px; }
form.t01 .choice.t01           { width:690px; }
form.t01 .choice.t01 fieldset  { width:570px; }

form.t01 .editor        { width:697px; }
form.t01 .editor label  { float:none; display:block; margin-bottom:10px; }
form.t01 .editor .note  { right:0; top:0; width:180px; }

form.t01 .image-options .option               { position:relative; padding:12px 0; border-bottom:4px solid #a3a4a6; background:#fff; }
form.t01 .image-options .option div           { width:277px; margin:0; padding:0 0 11px 50px; }
form.t01 .image-options label                 { width:50px; }
form.t01 .image-options input[type="text"]    { width:157px; }
form.t01 .image-options select                { width:169px; }
form.t01 .image-options .btn                  { margin-top:-11px; }
form.t01 .image-options .remove               { position:absolute; right:5px; top:5px; }

form.t01 .multiselect           { float:left; clear:left; width:331px; height:220px; overflow:auto; margin-top:5px; padding:8px 7px 0; border-width:1px; border-style:solid; border-color:#aaa #c8c8c8 #c8c8c8 #aaa; }
form.t01 .multiselect li        { overflow:hidden; padding:0 0 5px; }
form.t01 .multiselect li label  { float:left; color:#333; }
form.t01 .multiselect ul        { float:left; clear:left; padding:5px 0 0; margin-left:20px; }

form.t01 #field-ctrl div,
form.t01 #field-ctrl label  { width:auto; padding:0; margin:0;}
form.t01 #field-ctrl div    { width:470px; margin-bottom:15px; padding:8px 0 8px 6px; border:1px solid #dfdfdf; background:url(../images/bg-field-ctrl.png) repeat-x; }
form.t01 #field-ctrl label  { margin-right:10px; font-weight:bold; font-size:13px; color:#333; }
form.t01 #field-ctrl ul     { padding-left:30px; }

form.t01 .horizontal           { overflow:auto; width: 972px;margin: 0 -20px 0px -60px;}
form.t01 .horizontal table     { width:1000px; }
form.t01 .horizontal select    { width:130px; }
form.t01 .iframe-edit          { width:100%; padding:0; border-top:1px solid #e8e8e8; }

.sep-forms form.t01,
.sep-fieldsets form.t01 fieldset > fieldset             { border-top:5px solid #e8e8e8; }
.sep-forms form.t01:first-child,
.sep-fieldsets form.t01 fieldset > fieldset:first-child { border-width:0; }

.steps-t01 form.t01 fieldset > fieldset  { padding-left:60px; }
.steps-t01 form.t01 h3:first-child       { position:relative; }
.steps-t01 form.t01 h3:first-child span  { position:absolute; left:-40px; top:-5px; z-index:1; font-size:50px; color:#b7b7b7; }
.steps-t01 form.t01 h3:first-child + p   { margin-bottom:30px; }

form.t01 .steps-t02               { position:relative; min-height:50px; padding:0 0 10px 50px; margin-bottom:11px; background:#f3f3f3; }
form.t01 .steps-t02 > span        { float:none; display:block; width:100%; font-size:12px; margin-bottom:5px; }
form.t01 .steps-t02 span > span   { position:absolute; left:10px; top:0; font-size:50px; color:#b7b7b7; }

form.t01 .highlight            { padding:10px; background:#f3f3f3; }
form.t01 .grouped .highlight   { margin-bottom:0; padding-bottom:11px; }
form.t01 .grouped h3.highlight { width:327px; margin-bottom:0 !important; }
form.t01 .grouped.t01          { margin-top:-20px; }
form.t01 .grouped .ctrl        { margin-top:10px; }

form.t01 .important     { padding:8px 10px; margin-bottom: 30px; background:#ff7777; color: #fff; font-weight: bold; line-height: 1.3; width: 677px !important; }
form.t01 .important h3  { margin-bottom: 3px; color: #fff; }
form.t01 .btn           { float: right; margin-bottom: 0px; }
form.t01 .cols-01 > div             { float:left; width:347px; margin-top:-22px; }
form.t01 .cols-01 > div:first-child { margin-right:11px; }
form.t01 .cols-01 > div fieldset    { padding:22px 0 4px; }

form.t01 .block-box,
form.t01 .block-box div          { width:auto; }
form.t01 .block-box              { margin:0 -4px; }
form.t01 .block-box > div > div  { background:none; }
form.t01 .block-box table.t01 tfoot td           { border-bottom:1px solid #e8e8e8; }
form.t01 .block-box table.t01 tfoot td[colspan]  { border:none; }

/************************ Lists ***/
ul.t01     { border-top:3px solid #e8e8e8; }
ul.t01 li  { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; width:450px; margin:15px; vertical-align:top; }

ul.t02 li            { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; width:160px; padding:8px; margin:0 10px 10px 0; vertical-align:top; background:#fafafa; }
ul.t02 label         { position:relative; float:left; }
ul.t02 label img     { margin-left:55px; cursor:pointer; }
ul.t02 label strong  { display:block; padding:5px 0; }
ul.t02 label input   { position:absolute; top:50%; left:20px; margin-top:-7px !important; }
ul.t02 .preview      { clear:left; float:left; }

/************************ Tables ***/
table.t01 .edit,
table.t01 .preview,
.list-table-t01 .edit,
.list-table-t01 .delete       { /*float:left;*/ padding:0; width:20px; height:20px; overflow:hidden; text-indent:-9999px; }
table.t01 { width:100%; background:#fff; margin-bottom:5px; }
table.t01 thead .sort a       { padding-right:9px; background:url(../images/icn-table-sort.png) no-repeat 100% 0; }
table.t01 thead .sort.order_asc a    { background-position:100% -35px; }
table.t01 thead .sort.order_desc a  { background-position:100% -70px; }
table.t01 thead td  { background-color:#F8F8F8;border-bottom: 1px solid #f1f1f1; vertical-align:middle; padding-left: 10px; }
table.t01 thead span,
table.t01 thead a   { display:-moz-inline-stack; display:inline-block; padding:12px 0; font-weight:bold; color:#333; text-decoration:none; }
table.t01 tfoot td  { padding:12px 0; color:#333; }
table.t01 tbody td  { padding:7px 0 7px 10px; border-bottom:1px solid #e8e8e8; vertical-align:middle; color:#333; }
table.t01 tbody td a        { text-decoration:none; color:#333; }
table.t01 tbody td a:hover  { text-decoration:underline; }
table.t01 thead td:first-child,
table.t01 tbody td:first-child    { padding-left:13px; }
table.t01 tbody td:first-child a  { font-weight:normal; }
table.t01 tbody td input[type="checkbox"],
table.t01 tbody td input[type="radio"]  { float:none; }
table.t01 .edit,
table.t01 .preview,
table.t01 .delete  { position:relative; /*left:50%; margin-left:10px;*/}

table.t01 thead .sized-01   { display:inline; padding:0; font-weight:normal; font-size:.909em; }

table.t01 .additional_row div { display: none; }
table.t01 .additional_row > td  { padding: 0 !important; }
table.t01 .additional_row table { width:100%; }
table.t01 .additional_row thead td  { background-color:#e8e8e8; vertical-align:middle; }
table.t01 .additional_row thead td span { padding: 0; background: none; }
table.t01 .additional_row tbody td  { background-color:#f0f0f0; } 

table.t02 tbody td,
table.t02 tbody th  { padding:7px 0; border-bottom:1px solid #e8e8e8; vertical-align:middle; }
table.t02 tbody th  { padding-right:7px; color:#686868; font-weight:bold; }
table.t02 tbody td  { color:#333; }
table.t02 .thumb    { border-width:0; padding-right:20px; }
table.t02 .ctrl td  { padding:3px 10px 3px 0; border-width:0; background:#f3f3f3; }
table.t02 .ctrl td:first-child  { padding-left:10px; }

.list-table-t01 .thead         { overflow:hidden; background:#e8e8e8; }
.list-table-t01 .thead li      { width:60px; float:left; line-height:35px; font-weight:bold; color:#333; }
.list-table-t01 .thead .td-t01 { width:506px; padding-left:15px; }
.list-table-t01 .tbody > ul                    { padding-left:20px; }
.list-table-t01 .tbody .item                   { overflow:hidden; padding-bottom:10px; color:#333; }
.list-table-t01 .tbody .item .td-t01           { width:501px; line-height:1.4; }
.list-table-t01 .tbody .item > div             { width:60px; float:left; }
.list-table-t01 .tbody input[type="text"]      { width:33px; }
.list-table-t01 .tbody input[type="checkbox"]  { float:none; }
.list-table-t01 .tbody .td-t01 h3              { margin-left:8px; }
.list-table-t01 .tbody .td-t01 h3 a            { display:block; margin-bottom:3px; padding-left:25px; font-weight:bold; font-size:13px; text-decoration:none; color:#333; background:url(../images/icn-folder-01.png) no-repeat 0 50%; }
.list-table-t01 .tbody .info                   { margin-left:33px; font-size:10px; color:#7c7c7c; }
.list-table-t01 .tbody .info strong,
.list-table-t01 .tbody .info a                 { font-size:11px; text-decoration:none; }
.list-table-t01 .tbody .info a                 { font-weight:bold; color:#e67b06; }
.list-table-t01 .tbody .alt-01 a               { color:#333; text-decoration:none; }
.list-table-t01 .tbody > ul,
.list-table-t01 .tbody ul                      { background:url(../images/bg-vline.png) repeat-y 20px 0; }
.list-table-t01 .tbody li                      { zoom:1; vertical-align:top; background:url(../images/bg-node.png) no-repeat; }
.list-table-t01 .tbody .first                  { padding-top:10px; background:#fff url(../images/bg-firstnode.png) no-repeat 0 20px; }
.list-table-t01 .tbody .last                   { background:#fff url(../images/bg-lastnode.png) no-repeat; }
.list-table-t01 .tbody .sub-items > .item      { background:url(../images/bg-vline.png) repeat-y 20px; }
.list-table-t01 .tbody .sub-items > .item h3 a { background-image:url(../images/icn-folder-02.png); }
.list-table-t01 .tbody ul ul                      { padding-left:20px; }
.list-table-t01 .tbody ul ul .item .td-t01        { width:481px; }
.list-table-t01 .tbody ul ul ul .item .td-t01     { width:461px; }
.list-table-t01 .edit,
.list-table-t01 .delete       { margin-right:7px; }

/************************ Reports ***/
.dialog-box { cursor: pointer; overflow: hidden; zoom: 1; }
.dialog-box .error  { background: #ff7777; }
.dialog-box .dialog { background: #8dcd89; }
.dialog-box .dialog > div > div > div,
.dialog-box .error > div > div > div  { padding:10px; color: #fff; font-size:12px; line-height:1.2; font-weight:300; }

/************************ POPUP ***/
#js-popup-overlay     { position: absolute; top: 0; left: 0; background: #000; z-index: 1000; display: none; cursor: pointer; }
#js-popup             { position: absolute; top: 0; left: 0; z-index: 1001; display: none; padding: 1px; }

#js-popup .note { color: #fff; font-weight: bold; line-height: 1.3; }
#js-popup .note div { padding: 7px 10px; margin-bottom: 3px; background: #8dcd89; }
#js-popup .note .error  { background: #ff7777; }
#js-popup .note .dialog { background: #8dcd89; }

.iframe-popup div { background: #fff; padding: 10px; overflow: hidden; zoom: 1; }
.iframe-popup div h2  { font-size:16px; line-height:1.2; font-weight:bold; margin-bottom: 10px; float: left; margin: 0; }
.iframe-popup div .close  { float: right; cursor: pointer; margin-top: 5px; }
.iframe-popup iframe  { background: #fff; }

.popup-01 { width: 920px; /*background: url(../images/popup-01-bkg.png) bottom right no-repeat; padding-bottom: 3px;*/ }
.popup-01 .nav  { width: 910px; /*background: url(../images/popup-01-bkg.png) bottom left no-repeat;*/ overflow: hidden; zoom: 1; padding: 0 0 0px 10px; }
.popup-01 .nav li { float: left; font-size: 11px; line-height: 13px; font-weight: bold; color: #fff; background: url(../images/popup-01-nav-bkg.png) left -28px no-repeat; cursor: pointer; margin-right: -10px; position: relative; z-index: 0; }
.popup-01 .nav li span  { background:rgb(255, 146, 146); padding: 8px 32px 7px 27px; display: block; }
.popup-01 .nav li.active  { color: #7c7c7c; background-position: left -84px; z-index: 1; }
.popup-01 .nav li.active span { background: #fff; }
.popup-01 form  { background: #fff; padding: 20px 16px 1px 19px; display: none; }
.popup-01 form.form-01  { display: block; }

.popup-01 .close  { display: block; top: 40px; right: 11px; padding: 2px; cursor: pointer; position: absolute; }

.popup-01 h2  { font-size: 16px; line-height: 18px; font-weight: bold; color: #7c7c7c; margin-bottom: 10px; }
.popup-01 fieldset  { background: #f3f3f3; padding: 7px 0 4px 67px; margin-bottom: 3px; position: relative; }
.popup-01 fieldset span.tag { position: absolute; left: -51px; top: -4px; display: block; font-size: 50px; line-height: 52px; font-weight: bold; color: #b7b7b7; }
.popup-01 fieldset ul { overflow: hidden; zoom: 1; }
.popup-01 fieldset ul li  { float: left; padding: 0 11px 10px 0; }
.popup-01 fieldset label { display: block; font-size: 12px; line-height: 13px; font-weight: bold; color: #7c7c7c; margin-bottom: 4px; }
.popup-01 fieldset .txt,
.popup-01 fieldset select { padding: 6px 10px;border: 1px solid #E2E2E2;color: #333;font-size: 12px;font-family: 'Open Sans', sans-serif;font-weight: normal;line-height: initial; }
.popup-01 fieldset .txt { width: 58px; }
.popup-01 fieldset .large { width: 258px; }
.popup-01 fieldset .date { background: #fff url(../images/icon-cal.png) 87px 6px no-repeat; width: 86px; padding-right: 15px; }
.popup-01 fieldset select { }
.popup-01 fieldset ul li.type-01  { padding-top: 17px; padding-bottom: 0; }
.popup-01 fieldset ul li.type-01 label  { background: #e5e5e5; padding: 0 7px 0 25px; line-height: 26px; position: relative; cursor: pointer; }
.popup-01 fieldset ul li.type-01 input  { position: absolute; display: block; top: 6px; left: 7px; }
.popup-01 fieldset ul div { width: 350px; margin: 10px 30px 10px 0; overflow: hidden; max-height: 255px; }
.popup-01 fieldset ul div label { cursor: pointer; margin-bottom: 14px; }
.popup-01 fieldset ul div label input { margin: 0 2px 0 0; vertical-align: text-top; }
.popup-01 fieldset ul div.type-01 { margin-right: 0; }
.popup-01 fieldset ul div.type-01 label { width: 16px; height: 14px; line-height: 14px; margin-bottom: 14px; float: left; padding-left: 16px; margin-right: 10px; position: relative; } 
.popup-01 fieldset ul div.type-01 input { position: absolute; display: block; top: 0px; left: 0px; height: 14px; margin: 0; }
.popup-01 fieldset ul div.type-01 img { margin-top: 4px; width: 16px; height: 11px;float: left;text-indent: -9999px; }
.popup-01 fieldset ol  { overflow: hidden; zoom: 1; padding-top: 7px; }
.popup-01 fieldset ol li { float: left; margin: 0 7px 8px 0; padding-left: 6px; background: url(../images/list-11-bkg.png) left -19px no-repeat; font-size: 11px; line-height: 19px; color: #fff; }
.popup-01 fieldset ol li span { display: block; background: url(../images/list-11-bkg.png) top right no-repeat; padding-left: 2px; cursor: default; }
.popup-01 fieldset ol li .delete  { display: inline; font-weight: bold; padding: 0 7px 0 10px; cursor: pointer; font-size: 11px; line-height: 19px; vertical-align: top; color: #fff; background: none; }

.popup-01 fieldset.button-container { background: none; padding: 10px 0 13px 0px; position: relative; }
.popup-01 fieldset.button-container label { float: left; padding: 4px 0 0 18px; position: relative; cursor: pointer; }
.popup-01 fieldset.button-container label input { position: absolute; display: block; top: 4px; left: 0; }
.popup-01 fieldset.button-container .btn { float: right; }

.popup-01 .small_popup  { display: none; position: absolute; border: 2px solid #ccc; background: #fff; padding: 10px 7px; left: 25px; bottom: 23px; }
.popup-01 .small_popup label  { padding: 3px 10px 0 0 !important; cursor: auto !important; }
.popup-01 .small_popup input  { width: 200px; margin-right: 5px; }

.popup-02 { width: 400px; background: #fff; padding: 25px 15px 15px 15px; overflow: hidden; }
.popup-02 .close  { position: absolute; top: 10px; right: 10px; cursor: pointer; }
.popup-02 h2  { font-size: 16px; line-height: 18px; font-weight: bold; color: #7c7c7c; margin-bottom: 10px; }
.popup-02 label { float: left; width: 110px; clear: left; margin-bottom: 8px; font-size: 11px; line-height: 18px; font-weight: bold; color: #7c7c7c; }
.popup-02 .txt  { float: left; width: 250px; margin-bottom: 8px; padding:2px 3px 2px 7px; border-width:1px; border-style:solid; border-color:#aaa #c8c8c8 #c8c8c8 #aaa; color:#7c7c7c; font:11px/1.3 "Arial",sans-serif; font-weight: bold; }
.popup-02 textarea  { float: left; width: 390px; height: 150px; margin-bottom: 8px; padding:2px 3px 2px 7px; border-width:1px; border-style:solid; border-color:#aaa #c8c8c8 #c8c8c8 #aaa; color:#7c7c7c; font:11px/1.3 "Arial",sans-serif; font-weight: bold; }
.popup-02 .buttons { clear: left; padding-top: 10px; }
.popup-02 .buttons button { margin-right: 10px; }

/************************ PHOTO EDIT ***/
#photo_edit_popup_overlay { position: absolute; top: 0; left: 0; background: #c0cfcb; z-index: 1000; display: none; cursor: pointer; }
#photo_edit_popup_iframe  { position: absolute; top: 0; left: 0; z-index: 1001; display: none; background: #272727; }

/************************ AUTOCOMPLETE ***/
#autocompletePopup        { position: absolute; top: 0; left: 0; background: #fff; z-index: 1001; display: none; border: 1px solid #aaaaaa; border-right: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; border-top: none; }
#autocompletePopup ul     { overflow: auto; max-height: 252px; position: relative; }
#autocompletePopup ul li  { font-size: 11px; color: #686868; padding: 3px 3px 4px 6px; cursor: pointer; }
#autocompletePopup ul li.over,
#autocompletePopup ul li:hover  { background: #bdbdbd; }

/************************ FOOTER ***/
#footer                 { position:relative; height:176px; padding-top:155px; clear:both; background:url(../images/bg-footer.png) repeat-x 0 100%; }
#footer > div           { position:relative; width:974px; height:176px; margin:0 auto; overflow:hidden; }
#footer > div > a       { position:absolute; right:0; bottom:9px; color:#9a9a9a; text-decoration:none; }
#footer > div > a:hover { text-decoration:underline; }

#footer > div > div { float:left; width:267px; font-weight:bold; }
#footer h2          { font-size:40px; }
#footer p           { margin-top:25px; font-size:12px; line-height:1.2; }

#footer form          { float:right; width:700px; height:149px; margin-right:7px; display:inline; background:url(../images/bg-support-form.png) no-repeat 0 0; }
#footer form fieldset { position:relative; margin:12px 29px 10px 94px; overflow:hidden; }
#footer form div      { float:left; }
#footer form label    { position:absolute; left:-9999px; top:-9999px; }
#footer form input,
#footer form textarea { padding:4px 9px; border:1px solid #d1d1d1; font-weight:bold; font-family:"Arial",sans-serif; font-size:12px; color:#bdbdbd; }
#footer form input.error,
#footer form textarea.error { background: #ff7777;}
#footer form .t01 input    { width:203px; }
#footer form .t02          { clear:left; margin-top:5px; }
#footer form .t02 textarea { width:557px; height:60px; overflow:auto; }
#footer form .t03         { position:absolute; right:0; top:0; width:125px; padding: 3px 0 0 221px; height:23px; background:url(../images/bg-support-form.png) no-repeat 0 -149px; }
#footer form #dummy_input { border: none; background: transparent; padding: 2px 5px 0; width: 196px; height: 17px; position: absolute; top: 3px; left: 7px; }
#footer form #file_wrap { background: url(../images/attach-icon.png) top left no-repeat; width: 97px; height: 19px; position: relative; overflow: hidden; zoom: 1; font-size: 11px; line-height: 19px; font-weight: bold; color: #7c7c7c; cursor: pointer; padding: 0 0 0 23px; display: block; position: relative; }
#footer form #file_input  { position: relative; opacity: 0; filter: alpha(opacity=0); cursor:pointer; }
#footer form .form-ctrl { float:left; clear:left; width:100%; margin-top:4px; }
#footer form button     { float:right; }
#footer p.note { border: 2px solid #e8e8e8; background: #8dcd89; color: #fff; padding: 4px 6px; margin: 0 !important; float: left; }
#footer p.error { background: #ff7777; }

/***************************************/
/************************ NEWSLETTER ***/
/***************************************/
#newsletter                                   { /*background-image:url(../images/newsletter-bg-body.png);*/ }
#newsletter .btn,
#newsletter .btn span                         { background-image:url(../images/newsletter-btn-sprite-01.png); }

.btn-save {line-height:inherit!important;padding:0px!important;background-image:none!Important; }
.btn-save span {background: red;padding: 7px 15px!important;font-weight: normal;position: relative;background-image:none!important; line-height:inherit!important;}
.btn-save span:hover {background: rgb(255, 125, 125)}

.save-button {line-height:inherit!important;padding:0px!important;background-image:none!Important; }
.save-button span {background: red;padding: 7px 15px 7px 35px!important;line-height:inherit!important;font-weight: normal;position: relative;background-image:none!important;}
.save-button span:hover {background: rgb(255, 125, 125)}
.save-button span .fa {position: absolute;width: 26px;height: 26px;background: rgb(255, 125, 125);text-align: center;line-height: 26px;left: 0px;top: 0px;}

.back-button {border: 1px solid #f1f1f1;line-height:inherit!important;padding:0px!important;background-image:none!Important; }
.back-button span {padding: 7px 15px!important;color:#CFCFCF;font-weight: normal;position: relative;background-image:none!important; line-height:inherit!important;}
.back-button span i {margin-right:5px;}
.back-button span:hover {color:red!important;}


#newsletter #nav-main li a,
#newsletter #nav-main li a span,
#newsletter #nav-main .active .active a,
#newsletter #nav-main .active .active a span  { background-image:url(../images/newsletter-btn-nav-main.png); }
#newsletter #nav-main .settings-ctrl > a,
#newsletter #nav-main .settings-ctrl > a span { background-image:url(../images/newsletter-btn-nav-main-set.png); }
#newsletter .settings-ctrl-popup    { background-image: url(../images/newsletter-drop-nav-set.png); }
#newsletter .settings-ctrl-popup ul { background-image: url(../images/newsletter-drop-nav-set.png); }
#newsletter .settings-ctrl-popup li { border-bottom-color: #718da2; }
#newsletter .settings-ctrl-popup .active a,
#newsletter .settings-ctrl-popup a:hover  { color: #9fbad0; }
#newsletter #nav-main-sections a          { /*background-image:url(../images/newsletter-bg-nav-main-sections.png);*/ }

/***************************************/
/************************ CATALOG ******/
/***************************************/
#catalog                                   { background-image:url(../images/newsletter-bg-body.png); }
#catalog .btn,
#catalog .btn span                         { background-image:url(../images/catalog-btn-sprite-01.png); }
#catalog #nav-main li a,
#catalog #nav-main li a span,
#catalog #nav-main .active .active a,
#catalog #nav-main .active .active a span  { background-image:url(../images/catalog-btn-nav-main.png); }
#catalog #nav-main .settings-ctrl > a,
#catalog #nav-main .settings-ctrl > a span { background-image:url(../images/catalog-btn-nav-main-set.png); }
#catalog .settings-ctrl-popup,
#catalog .settings-ctrl-popup ul { background-image: url(../images/catalog-drop-nav-set.png); }
#catalog .settings-ctrl-popup li { border-bottom-color: #d87545; }
#catalog .settings-ctrl-popup .active a,
#catalog .settings-ctrl-popup a:hover  { color: #ffd887; }
#catalog .tick                             { background-image:url(../images/catalog-btn-tick-01.png); }


input[type="radio"] {margin: 5px;}