@import url("common.css");
@import url("highslide.css");

/***************************************************************************************************************************/
/*     FONT-PATTERNS
-------------------------
* ARIAL
      font-family: "Arial CE", Arial, "Helvetica CE", helvetica, sans-serif;
* VERDANA
      font-family: "Verdana CE", Verdana, "Arial CE", Arial, "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
* TAHOMA
      font-family: "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, sans-serif;
* TIMES NEW ROMAN
      font-family: "Times New Roman CE", "Times New Roman", "Times New CE", "Times CE", times, serif;
* COURIER NEW
      font-family: "Courier New CE", "Courier CE", "Courier New", courier, monospace;
* GEORGIA
      font-family: "Georgia CE", Georgia, "Times New CE", "New York CE", "Times CE", times, serif;
* IMPACT
      font-family: "Impact CE", "Arial CE", "Techno CE", "Helvetica CE", Impact, lucida, sans-serif;
* CCOMIC SANS MS
      font-family: "Comic Sans MS CE", "Comic Sans MS", "Arial CE", Arial, "Sand CE", "Helvetica CE", lucida, fantasy;
*/
/***************************************************************************************************************************/
/* --------------------------------------- body ------------------ */
#body{margin:0px 0px;padding:0px 0px;font-size:1.07em;line-height:1.4;background-color:#E5E5E5;}

#body .ep_adminTools{z-index:8000;}
#body .ep_darkContainer{z-index:4000;}
#body .calendar{z-index:9000;}

#container .content form .error,
#container .content form .success,
.highslide-wrapper .error,
.highslide-wrapper .success{list-style:none;border:1px solid #761B17;border-left:none;border-right:none;background:url(../images/32delete.png) #EBAEAC no-repeat 10px 10px;margin:10px 0px;padding-top:15px;padding-bottom:15px;}
#container .content form .error li,
#container .content form .success li,
.highslide-wrapper .error li,
.highslide-wrapper .success li{color:#c00;font-weight:800;margin:0px 0px;padding:0px 0px 0px 50px;}
#container .content form .success,
.highslide-wrapper .success{border-color:#246b00;background:url(../images/32accept.png) #add07b no-repeat 10px 10px;}
#container .content form .success li,
.highslide-wrapper .success li{color:#144C00;}
.highslide-body table{margin:0px 0px;}

/* --------------------------------------- container ------------------ */
#container{background:url(../images/bg.jpg) #fff repeat-y left top;width:954px;margin:0 auto;position:relative;overflow:hidden;padding:0px 0px;}
#container.larger{background:url(../images/wide-bg.png) #fff repeat-y left top;font-size:1.2em; width:1080px;}
#container,
.highslide-wrapper,
.highslide-wrapper div,
.highslide-wrapper h1,
.highslide-wrapper h2,
.highslide-wrapper h3,
.highslide-wrapper h4,
.highslide-wrapper p,
.highslide-wrapper li,
.highslide-wrapper td,
.highslide-wrapper th,
.highslide-wrapper input,
.highslide-wrapper textarea,
.highslide-wrapper select,
.highslide-wrapper option,
#container div,
#container h1,
#container h2,
#container h3,
#container h4,
#container p,
#container li,
#container td,
#container th,
#container input,
#container textarea,
#container select,
#container option{font-family:"Arial CE", Arial, "Helvetica CE", helvetica, sans-serif;color:#333;line-height:1.4;}
/*#container .content span *,
#container .right-column span *{color:inherit !important;}*/

/* anchors */
#container a:focus,
#container a:active{outline:0;}
#container a{text-decoration:underline;color:#57B5E0;}
#container a:hover{text-decoration:none;color:#333;}
#container a img{border:none;}


#container #main-menu a.blue,
#container .content h2.blue,
#container .right-column .edited-block h2.blue{color:#0A728F;}
#container #main-menu a.blue:hover{color:#0A728F;}

#container #main-menu a.violet,
#container .content h2.violet,
#container .right-column .edited-block h2.violet{color:#800080;}
#container #main-menu a.violet:hover{color:#000;}

#container #main-menu a.black,
#container .content h2.black,
#container .right-column .edited-block h2.black{color:#000;}
#container #main-menu a.black:hover{color:#666;}

#container #main-menu a.gray,
#container .content h2.gray,
#container .right-column .edited-block h2.gray{color:#808080;}
#container #main-menu a.gray:hover{color:#000;}

/* classes */
#container .edit-buttons,
.highslide-wrapper .edit-buttons{overflow:hidden;margin-bottom:10px;/*width:100%;*/text-align:left;}
#container li,
.highslide-wrapper li{position:relative;}
#container li .edit-buttons,
.highslide-wrapper li .edit-buttons{position:absolute;top:0px;left:0px;border:none;z-index:5;}
#container li .edit-buttons.add,
.highslide-wrapper li .edit-buttons.add{position:relative;}
#container .end-float-box{width:100%;overflow:hidden;}
#container .separate{display:block;clear:both;visibility:hidden;margin:0px 0px;padding:0px 0px;height:1px;border:none;}
#container .jump-to{position:absolute;top:-1000px;left:-1000px;}

/* heads */
#container h1,
#container .as-h1{color:#000;font-weight:normal;margin:0px 0px;text-transform:uppercase;}
#container h2,
#container .as-h2{color:#57B5E0;margin:0px 0px;text-align:right;font-weight:normal;text-transform:uppercase;}
#container h3,
#container .as-h3{color:#57B5E0;font-weight:normal;margin:0px 0px;text-transform:uppercase;padding-top:5px;}
#container h4,
#container .as-h4{color:#666;margin:0.6em 0px 0.1em 10px;}

/* error success */
#container .content .error,
#container .content .success{list-style:none;border:1px solid #761B17;border-left:none;border-right:none;background:url(../images/32delete.png) #EBAEAC no-repeat 10px 10px;margin:10px 0px;padding-top:15px;padding-bottom:15px;}
#container .content .error li,
#container .content .success li{color:#c00;font-weight:800;margin:0px 0px;padding:0px 0px 0px 50px;}
#container .content .success{border-color:#246b00;background:url(../images/32accept.png) #add07b no-repeat 10px 10px;}
#container .content .success li{color:#144C00;}

/* gallery */
#container .gallery{overflow:hidden;width:100%;padding-top:1em;}
#container .gallery a{display:block;width:160px;border:1px solid #808080;padding:3px 3px;margin:0px auto 2px auto;text-align:center;}
#container .gallery div.photo{display:block;float:left;width:120px;text-align:center;margin:0px 0px 15px 0px;}
#container .gallery a:hover{border-color:#000;background-color:#ccc;}
#container .gallery a img{padding:0px 0px;border:none;margin:0px auto;float:none;}
#container .gallery a:hover img{visibility:hidden;}
#container .gallery .edit-buttons{clear:both;}
#container .gallery .edit-buttons a{display:inline;border:none;padding:0px 0px;margin:0px 0px;float:none;}
#container .gallery .edit-buttons a.btnIco{display:block;width:20px;height:16px;float:left;visibility:visible;}
#container .gallery .edit-buttons a:hover{background-color:transparent;}
#container .gallery .edit-buttons a:hover img{visibility:visible;}

/* attachments */
#container .attachments{list-style:none;margin:0px 0px 10px 0px;padding:0px 25px;}
#container .attachments li{margin:0px 0px;padding:0px 0px;}
/*#container .attachments a{text-decoration:underline;}
#container .attachments a:hover{text-decoration:none;}*/

/* other */
#container p{margin:1em 0px;}
#container .content .flash{text-align:center;background-color:#E5E5E5;}

/* --------------------------------------- header --------------------- */
#header{width:200px;float:left;padding:20px 0px 0px 16px;background: url(../images/bgtopL.jpg) no-repeat left top;}
.larger #header{background:url(../images/wide-bgtopL.png) no-repeat left top; width:240px; }
#header h1,
#header .as-h1{font-size:1em;border-bottom:5px solid #57B5E0;padding-bottom:11px; padding-top:0px;}
#header h1 a,
#header .as-h1 a{display:block;width:200px;height:120px;position:relative;overflow:hidden;color:#000;font-weight:800;text-transform:uppercase;text-decoration:none;font-size:1.2em;}
#header h1 a span,
#header .as-h1 a span{display:block;width:100%;height:100%;cursor:pointer;background: url(../images/logo.gif) no-repeat left top;position:absolute;left:0px;top:0px;}

#header .right-stuff{/*background:transparent url(../images/bgtopR.jpg) no-repeat scroll right top;height:95px;padding:44px 31px 15px 13px;position:absolute;right:0;top:0;*/width:172px;/*z-index:5;*/ overflow:hidden; /*padding-bottom:10px;*/ }
.larger #header .right-stuff{ background:url(../images/wide-bgtopR.png) no-repeat left top; width:212px;}

#header .right-stuff div.font-size{text-align:center;border-bottom:2px solid #57B5E0;padding-bottom:5px;}
#header .right-stuff a.font-size{font-size:0.65em;color:#fff;background-color:#57B5E0;text-decoration:none;padding:2px 3px;font-weight:800;text-align:center;}

#lang-switch{list-style:none;margin:10px 0px 0px 0px;padding:0px 0px;text-align:right;line-height:0.9;}
#container.larger #lang-switch{line-height:0.6;margin-top:2px;}
#lang-switch li{margin:0px 0px;padding:0px 0px;display:inline;font-size:0.65em;color:#57B5E0;line-height:1.7;}
#container.larger #lang-switch li{line-height:1.4;}
#lang-switch li a{text-decoration:underline;}

#search{padding: 20px 0 20px 12px;text-align:left;position:relative;}
#container.larger #search{padding-left:8px;}
#search label{color:#57B5E0;/*font-size:0.65em;*/}
#search input{background-color:#FFF;color:#57B5E0;width:84px;padding:1px 2px;border:1px solid #57B5E1;/*font-size:0.65em;position:absolute;left:46px;top:5px;*/}
#search button{/*position:absolute;right:0px;top:5px;*/background-color:#57B5E0;/*font-size:0.6em;*/border:none;font-weight:800;color:#fff;width:32px;text-transform:uppercase;padding:1px 0px;cursor:pointer;}


/* right-column */
#container .right-column{float:right;font-size:0.65em;left:504px;margin-top:150px;padding:0px 0px;position:relative;width:200px;z-index:1;border-top:5px solid #57B5E0;overflow:hidden;}
#container.larger .right-column{width:240px;left:552px;}
#container .right-column *{line-height:1.2;}

#container .right-column h2,
#container .right-column .as-h2{font-size:1.45em;margin:25px 0px 15px 0px;padding:0px 0px;}
#container .right-column .news ul{list-style:none;margin:0px 0px;padding:0px 0px;}
#container .right-column .news ul li{margin-bottom:8px;}
#container .right-column .news ul li,
#container .right-column .news ul li strong{color:#808080;}
#container .right-column .news,
#container .right-column .layout {padding:0px 16px;}
#container .right-column .layout2 { padding: 0; }
#container .right-column ol{margin:0px 0px;padding:0px 0px;list-style-position:inside;}

#container .right-column .edited-block h2,
#container .right-column .edited-block .as-h2,
#container .left-column .edited-block h2,
#container .left-column .edited-block .as-h2{margin:0px 0px;}

/* left-column */
#container .left-column{width:200px;height:957px;padding-left:16px;clear:left;font-size:0.65em;/*position:relative;*/}
#container.larger .left-column{width:240px;}
#container .left-column .text{padding:0px 15px;}
#container .left-column .text h2{font-size:1.58em;}
#container .left-column .fixed-image{position:absolute;bottom:0px;left:30px;}

/* --------------------------------------- content -------------------- */
#container .content{width:721px;float:right;position:relative;/*right:217px;*/font-size:0.65em;min-height:5px;padding-right:16px;}
#container.larger .content{width:568px; right:256px; }
#container .content .searchHightLight{background-color:#57B5E0;color:#fff;}
#container .content h1,
#container .content .as-h1{background-color:#1e90ff;color:#fff;text-align:right;padding:12px 25px;font-size:1.6em;text-transform:uppercase; font-style:italic;}
#container .content h2,
#container .content .as-h2{text-align:left;padding-left:25px;padding-right:25px;text-transform:none;}
#container .content h3,
#container .content .as-h3{font-size:1.2em;margin-bottom:15px;text-transform:uppercase;}
#container .content .text{padding:16px 25px;line-height:1.1;clear:both;}
#container .content h2.search{font-weight:800;padding-top:10px;}
#container .content h2.search a{text-decoration:none;}
#container .content h2.search a:hover{text-decoration:underline;color:#57B5E0;}
#container .content .text.search{padding-top:5px;}
#container .content .text.search a{color:#808080;}
#container .content p{margin:0px 0px;line-height:1.3;}

#container .content .left,
#container .content .right{width:50%;float:left;}
#container .content .right{float:right;}

#container .content .online-test{background:url(../images/pictest.jpg) no-repeat left top;line-height:1.5;padding:15px 0px 0px 75px;margin:0px 0px;list-style:none;height:79px;}

#container .content .login{background:url(../images/pickeyb.jpg) no-repeat left top;height:84px;width:185px;padding:10px 0 0 75px;margin:0px 0px;}
#container .content .login input{margin-bottom:2px;width:150px;}
#container .content .login button{width:80px;}

#container .content hr.line{display:block;height:3px;border:none;background-color:#57B5E1;color:#57B5E1;padding:0px 0px;}

#container .content table td,
#container .content table th{padding:3px 3px;}

/* --------------------------------------- main menu ------------------ */
#main-menu{list-style:none;padding:3px 0px 0px 0px;margin:0px 0px;}
#main-menu .line-above,
#main-menu .line-under{display:block;width:170px;margin:0px 0px 0px auto;padding:0px 0px;border:none;background-color:transparent;height:0px;line-height:0px;font-size:0px;}
#main-menu .line-above{padding-top:7px;margin-bottom:7px;border-bottom:1px solid #ccc;}
#main-menu .line-under{padding-bottom:7px;margin-top:7px;border-top:1px solid #ccc;}
#main-menu li{margin: 0px 15px;font-size:1.3em;border-bottom: #c4c4c4 solid 1px;padding-top: 10px;}
/*#main-menu li.lines,
#main-menu li.lines a{line-height:1;}*/
#main-menu .edit-buttons{font-size:0.85em;text-transform:none;}
#main-menu li a.menu-item{color:#1E90FF;text-decoration:none;text-align:left;display:block;line-height:1.2;font-style: italic;font-size:small; padding-left:20px; padding-bottom:5px; background: url(../images/puntiky.png) scroll no-repeat left -4px;}
#main-menu li a.menu-item:hover{background-position: left -37px;color:#1E90FF;}
#main-menu li.on a.menu-item,
#main-menu li span{color:#1E90FF;text-decoration:none;text-align:left;display:block;line-height:1.2;font-style: italic;font-size:small; padding-left:20px; padding-bottom:5px; background: url(../images/puntiky.png) scroll no-repeat left -37px;}
#main-menu li.not-show a {color:#c00;}
#main-menu li menu{margin:0px 0px;padding:7px 0px 10px 0px;list-style:none;}
#main-menu li menu li{margin:0px 0px;padding:0px 0px;font-size:0.85em;line-height:1.2; border:none; background:none;}
#main-menu li menu li span,
#main-menu li menu li a.menu-item{text-transform:none;line-height:1.2; background:none;}
#main-menu li.on menu li a.menu-item,
#main-menu li menu li span {background:none;}
#main-menu li menu li menu{padding:2px 0px;}
#main-menu li menu li menu li {padding-left: 20px;}
#main-menu li menu li menu li a{font-size:1em;color:#A1D7EF;}

/* --------------------------------------- footer --------------------- */
#footer{background:url(../images/bgbott.png) no-repeat left bottom;width:922px;padding:0px 16px 20px 16px;/*height:20px;*/overflow:hidden;margin:0px auto;clear:both;}
.larger #footer { background:url(../images/wide-bgbott.png) no-repeat left bottom; width:1048px; }
#footer .text{background-color:#1e90ff;padding:3px 15px;}
#footer p{margin:0px 0px;padding:0px 0px;color:#fff;font-size:0.65em;/*text-align:right;line-height:20px;height:20px;*/}
#footer hr{border:none;color:#fff;background-color:#fff;height:1px;}
#footer p.counter{float:left;text-align:left;}
#footer a{color:#fff;}
#footer a:hover{color:#333;}

#footer-menu { font-size: 8pt; text-align: center; width: 500px; margin: 0 auto 10px; }

/* --------------------------------------- new --------------------- */
#container .content .new{padding:0px 0px 10px 0px;margin:0px 0px;border-bottom:1px solid #ccc;}
#container .content .new h2{text-transform:none;text-align:left;font-size:1.05em;color:#333;font-weight:800;margin:10px 0px;padding:0px 0px;}
#container .content .new h2.first{margin-top:0px;}

/* --------------------------------------- pagination --------------------- */
#container .content .pagination{list-style:none;margin:0px 0px;padding:0px 25px;width:470px;overflow:hidden;}
#container .content .pagination li{display:block;float:left;position:relative;top:3px;}
#container .content .pagination li.last,
#container .content .pagination li.next{float:right;}
#container .content .pagination li span{display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;}

#container .content .pagination li.pages{width:400px;height:37px;text-align:center;overflow:scroll;/*overflow-y:hidden;*/top:0px;white-space:nowrap;padding:0px 10px;}
#container .content .pagination li.pages span{display:inline;position:relative;padding:0px 2px;}
#container .content .pagination li.pages span.select{color:#ccc;}

#container .content .pagination li.first,
#container .content .pagination li.first span,
#container .content .pagination li.last,
#container .content .pagination li.last span{width:13px;height:10px;overflow:hidden;}
#container .content .pagination li.prev,
#container .content .pagination li.prev span,
#container .content .pagination li.next,
#container .content .pagination li.next span{width:10px;height:10px;overflow:hidden;}
#container .content .pagination li.first span{background:url(../images/first-unactive.gif) no-repeat left top;}
#container .content .pagination li.last span{background:url(../images/last-unactive.gif) no-repeat left top;}
#container .content .pagination li.next span{background:url(../images/next-unactive.gif) no-repeat left top;}
#container .content .pagination li.prev span{background:url(../images/prev-unactive.gif) no-repeat left top;}

#container .content .pagination li.first a span{background:url(../images/first-active.gif) no-repeat left top;}
#container .content .pagination li.last a span{background:url(../images/last-active.gif) no-repeat left top;}
#container .content .pagination li.next a span{background:url(../images/next-active.gif) no-repeat left top;}
#container .content .pagination li.prev a span{background:url(../images/prev-active.gif) no-repeat left top;}

/* --------------------------------------- forms --------------------- */

#container .content fieldset,
.highslide-wrapper fieldset{margin:0px auto 10px auto;width:470px;padding:10px 0px;border:none;clear:both;}
#container .content form ul,
.highslide-wrapper form ul{margin:0px 0px;padding:0px 0px;list-style:none;}
#container .content label,
.highslide-wrapper label{display:block;float:left;width:100px;text-align:right;padding:2px 2px;position:relative;top:2px;}
#container.larger .content label,
.highslide-wrapper label{width:120px;}
#container .content label.required,
.highslide-wrapper label.required{color:#f00;}
#container .content form,
.highslide-wrapper form{width:445px;}
#container .content form ul li,
.highslide-wrapper form ul li{margin-bottom:4px;}
#container .content input,
#container .content textarea,
.highslide-wrapper input,
.highslide-wrapper textarea{width:290px;padding:2px 2px;font-size:1em;}
#container .content button,
.highslide-wrapper button{padding:2px 2px;width:100px;font-size:1em;margin:0px auto;}
#container .content li.button,
.highslide-wrapper li.button{padding-left:104px;text-align:center;}
#container .content fieldset.contest li { margin:0 0 10px; }
#container .content fieldset.contest li label { width:auto; text-align:left; }
#container .content fieldset.contest li label strong { display:block; width:470px; }
#container .content fieldset.contest ul.contestContact { margin:30px 0 0; }
#container .content fieldset.contest ul.contestContact li label { width:120px; }
#container .content fieldset.contest ul.contestContact li input { width:200px; }
#container .content fieldset.contest .error li,
#container .content fieldset.contest .success li { margin-bottom:0; }

/* --------------------------------------- discussion --------------------- */
#container .content fieldset.discussion{margin:0px auto 10px auto;width:470px;padding:10px 0px;border:none;border-bottom:1px solid #ccc;}
#container .content ul.discussion{margin:10px 0px;padding:0px 25px;border:none;list-style:none;}
#container .content .discussion form{padding-top:10px;}
#container .content ul.discussion li{margin:5px 0px;padding:5px 0px;position:relative;border-bottom:1px solid #ccc;overflow:hidden;width:470px;}
#container .content ul.discussion li .datetime{width:60px;/*position:absolute;left:0px;top:0px;*/float:left;font-weight:800;}
#container .content ul.discussion li .datetime span{display:block;}
#container .content ul.discussion li .text{padding:0px 0px;margin:0px 0px;width:395px;float:right;}
#container .content ul.discussion li .name{color:#004B63;}
#container .content ul.discussion li .name span{font-weight:normal;}

.show{display:block;}
.hide{display:none;}

/* --------------------------------------- footer-sub --------------------- */
#container .content .footer-sub{list-style:none;padding:10px 25px;margin:10px 0px;border-top:3px solid #57B5E1;clear:both;}
#container .content .footer-sub li{display:inline;color:#57B5E0;}
#container .content .footer-sub .foot-back a{padding-right:5px;}
#container .content .footer-sub .foot-top a{padding-right:5px;padding-left:5px;}
#container .content .footer-sub .foot-home a{padding-left:5px;}

/* --------------------------------------- photogallery --------------------- */
#container .content ul.photogallery-menu{list-style:none;margin:10px 0px;padding:0px 25px;}
#container .content ul.photogallery-menu li{margin:0px 0px;padding:0px 0px;}

#container .content div.photogallery{margin:5px 0px;padding:5px 0px 0px 0px;border-top:3px solid #57B5E0;width:520px;overflow:hidden;}
#container .content div.photogallery .images{margin:0px 0px;padding:0px 25px;list-style:none;}
#container .content div.photogallery .images li{width:110px;height:110px;float:left;padding:2px 2px;}
#container .content div.photogallery .images li a{display:block;height:100%;text-align:center;background-color:#ddd;}

/* --------------------------------------- admin menu ------------------ */
#container #admin-menu,
#admin-menu{position:absolute;left:10px;top:10px;z-index:60;list-style:none;margin:0px 0px;padding:2px 2px;background-color:#ccc;border:1px solid #444;border-left-width:3px;border-bottom-width:3px;}
#container #admin-menu li,
#container #admin-menu li *,
#admin-menu li,
#admin-menu li *{font-size:7.5pt;color:#c50000;font-family:"Verdana CE", Verdana, "Arial CE", Arial, "Lucida Grande CE", lucida, "Helvetica CE", sans-serif !important;}
#container #admin-menu li a:hover,
#admin-menu li a:hover{background-color:#ff9;font-size:7.5pt;text-decoration:none;}

/* --------------------------------------- courses ------------------ */
#container .content table.courses{border-collapse:collapse;width:100%;}
#container .content table.courses th{background-color:#68C6F0;color:#333;font-weight:normal;border:1px solid #fff;}
#container .content table.courses td{background-color:#eee;border:1px solid #fff;text-align:center;}

.highslide-body fieldset{margin:0px 0px;}

#l32a56{font-size:0.65em;/*margin-bottom:20px;*/}
#l32a56 span{font-size:1em;}
#l32a56 a{color:#1E90FF;font-size:1em;}
#l32a56 a:hover{color:#333;}

#i2210{font-size:0.65em;margin-bottom:20px;}
#i2210 span{font-size:1em;}
#i2210 div a{color:#1E90FF;font-size:1em;}
#i2210 div a:hover{color:#333;}

#container .left-column.redaction{height:1260px;}

#container .right-column object {margin-left:-16px;}