/**************************************
 * THEME NAME: orlen
 *
 * Files included in this sheet:
 *
 *   orlen/hyh.css
 **************************************/

/***** orlen/hyh.css start *****/

/** body */
body { background: #f0f0f0 url('images/bg.png') repeat-x top left; color: #000000;
    font-family: FuturaBkPL-Regular, Arial, Helvetica, sans-serif; font-size : 13px; margin: 0; }

body.notloggedin, #course-info, /*body.files,*/ #lib-form-editorhelp, #help, #email,
#mod-glossary-print
    { background: #f0f0f0 url('images/bg-nologin.png') repeat-x top left; }
body.notloggedin #topSearch, #help #topSearch { background-image: url('images/menu-right-nologin.gif'); }
body.notloggedin #topmenu, #help #topmenu { background-image: url('images/menu-left-nologin.gif'); }
body.editing #content { border: 2px solid #f00; margin-left: -2px; margin-right: -2px; }

body.popup #header2 { display: none; }
body.popup { background-color: #f0f0f0; background-image: none; }

#course-info #footer, #lib-form-editorhelp #footer,
#help #footer, #email #footer, #mod-glossary-print #footer,
body.popup #footer { display: none; }

/** display in edit mode */
body.editing .navbar { display: block; }
/*.navbar { display: none; margin-bottom: 5px; }*/

a:link/*, a:visited*/ { color:#4b4b4b; text-decoration: none; }
a:hover { /*color: #4d4d4d;*/ text-decoration: underline; }
a.dimmed:link/*, a.dimmed:visited*/ { /*color:#aaaaaa;*/ text-decoration: none; }
a.underline { text-decoration: underline; }

#page { margin: 0 auto; width: 960px; }

#pagelayout { width: 960px; margin: 0 auto; }

/** messages */
#redirect { margin: 2.5em 15% 3.5em 15%; border: 1px solid #333; width: 70%;
    background: #fff /*url('images/middle.gif') */top left repeat-x; }
#redirect #message { padding: 15px 0 10px 0; }
#redirect #continue { padding: 10px 0 15px 0; }

.errorbox { height: 80px; vertical-align: middle;
    background: #ddd url('images/warning.gif') bottom left no-repeat; }

.successbox, #redirect { height: 80px !important; vertical-align: middle !important; width: 50%; text-align: center;
    background: #ddd url('images/success.gif') bottom left no-repeat !important;
    color: #000000 !important; border: 1px solid #333333 !important;
    margin: 2.5em 25% 3.5em 25% !important; padding: 10px 30px !important; }

/** buttons */
input[type=submit], .fsubmit input, .advancedbutton input, .singlebutton input, input.submitButton, button.submitButton, .buttons input {
    display: inline-block; padding: 2px; font-family: arial; font-size: 13px; color: #3C3C3D; text-shadow: 1px 1px 0 #FFFFFF; background: #ECECEC url('../images/css3buttons_backgrounds.png') 0 0 no-repeat; background-position: 0 -556px; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #666; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; position: relative; zoom: 1; padding: 5px 10px 5px 10px; line-height: 1.11; *display: inline; *vertical-align: middle;  }
input[type=submit]:hover, .fsubmit input:hover, .advancedbutton input:hover, .singlebutton input:hover, input.submitButton:hover, button.submitButton:hover, .buttons input:hover {
      color: #FFFFFF; border-color: #db2f24; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); background-color: #cb1c11; background-position: 0 -571px }
input[type=submit]:active, .fsubmit input:active, .advancedbutton input:active, .singlebutton input:active, input.submitButton:active, button.submitButton:active, .buttons input:active {
     background-color: #A5211E; border-color: #911D1B; }

/** forms */
.mform { font-size: 13px; }
.mform input { font-size: 13px; }
.fselect select { font-size: 13px; width: 340px; }
.ffile input { width: 100px; }
.htmlarea .toolbar, .htmlarea .statusbar { width: 540px; }
#content #middle-column .mform div.fhtmleditor, #middle-column .mform div.ftinymce {
    clear:both; float:none; margin:0 auto 10px; padding:25px 0 20px; width:545px; }

#content #middle-column .ftinymce textarea { width: 530px; height: 260px; }
#content .ftinymce { float: left; clear: none; margin: 5px 0 0 10px; padding: 5px 0; width: 60%; }
#content .ftinymce textarea { width: 530px; height: 260px; }

#admin-lang .translator textarea { width: 300px !important; }

/** table */
th { text-align: left; }

.generaltable th.header { background-color: #f3f3f3; }
.generaltable th, .generaltable td { font-size: 13px; padding: 3px 10px 3px 10px; text-align: left; }

table.files th.header { background-color: #f3f3f3; }
table.files th, table.files td { font-size: 13px; padding: 3px 10px 3px 10px; text-align: left;
    border: 1px solid #ddd; }
table.files td { background-color: #fff; }

/** forum */
.forumheaderlist td {font-size: 13px; padding: 3px 10px; }
.forumheaderlist th.header { text-align: left; font-size: 13px; padding: 3px 10px; background-color: #F3F3F3; }
.forumheaderlist th.topic { width: 50%; }

.forumBox { width: 100%; margin: 8px 0; background-color: #fff; }
.forumBox .forumSpace { padding: 10px 15px 0 15px !important; border: 1px solid #ddd !important; }

.forumBox .postAuthor { float: left; width: 250px; }
.forumBox .postOptions { float: right; width: 250px; text-align: right; }
.forumBox .post { font-size: 13px; /*padding-top: 6px; margin-bottom: 6px; background: url('images/post.gif') top right repeat-y;*/ }
.forumBox .postContent { float: left; }
.forumBox .postContent img { float: left; margin: 0 5px 5px 0;  }
.forumBox .postAnswers { display: none; float: right; margin: 0 0 10px 0; width: 90px; text-align: center; color: #445b85; }
.forumBox .postAnswers a { color: #445b85; }

.forumBox .info { margin-bottom: 5px;  }
.forumBox .name { text-align: left; }
.forumBox .name a  { font-size: 13px; font-weight: bold; }

.forumBox .technical { font-size: 13px; margin: 4px 0 0 0; padding: 10px 0 10px 0;
    background: url('images/course-box-technical.gif') top left repeat-x; }
.forumBox .technical span { color: #445b85; }
.forumBox .technical a { color: #445b85; }

.discussioncontrols, .forummode { display: none; }

/** forum reports */
.section ul .forumBox img { display: none; }

/** header */
#header { width: 960px; background: #ffffff url('images/top-right-corner.gif') top right no-repeat; }

#logo { height: 86px; width: 300px; float: left; }

#profileoptions { height: 58px; width: 250px; float: right; text-align: right;
    text-decoration: none; font-size: 13px; }
#profileoptions .links { padding: 15px /*pozycja linków w nagłówku */ 25px; line-height: 58px; }
#profileoptions a { padding: 0 10px 0 15px; color: #cd1d15;
    background: url('images/profileoptions-separate.gif') center left no-repeat; }
#profileoptions a.first { background-image: none; }
#profileoptions a:hover { color: #3f5379; text-decoration: underline; }

#headerinfo { height: 178px; overflow: hidden; font-size: 13px; }
#headerinfo .space { margin: 12px 5px 0 5px; }

.profileinfo { float: left; width: 635px;
    background: url('images/top-box.gif') top left repeat-x; }
.profileinfo .box { background: url('images/top-box-left.png') top left no-repeat; }
.profileinfo .box2 { height: 133px; padding: 14px 14px;
    background: url('images/top-box-right.gif') top right no-repeat; padding: 14px 14px; *padding: 0px 14px; }

#headerinfo .profileinfo .picture { float: left; width: 0px; }
.profileinfo .picture img { border: 1px solid #52668b; }
.profileinfo .picture a { color: #3f5379; text-decoration: underline; }
.profileinfo .picture p { margin: 8px 0 0 0; }

.profileinfo .name { float: left; width: 415px; font-size: 13px; height: 110px;
    background: url('images/profileinfo-dots.gif') top right no-repeat; }
.profileinfo .name a { color: #000; font-style: italic; font-size: 14px; }
.profileinfo .name p { margin: 8px 0 0 182px; }
#updateCourse { padding: 0px 0 0 28px !important; }

.profileinfo .tools { float: right; width: 180px; text-align: right; color: #000; }
.profileinfo .tools table { margin: 0; float: right; }
.profileinfo .tools td { padding: 0; height: 26px; }
.profileinfo .tools td.r { padding: 0 6px 0 0; }


.textinfo { float: right; width: 300px;
    background: url('images/top-box.gif') top left repeat-x; }
.textinfo .box { background: url('images/top-box2-left2.png') top left no-repeat; }
.textinfo .box2 { height: 133px; padding: 0 25px 0 55px;
    background: url('images/top-box2-right.gif') top right no-repeat; }
.textinfo p { margin: 0; padding: 25px 0 0 0; }
.textinfo a, .textinfo span { font-weight: bold; text-decoration: underline; }
.textinfo a:hover { text-decoration: none; }

/** header */
#header2 { background: url('images/menu.gif') top left repeat-x; height: 52px; margin: 8px 0 0 0;
    overflow: hidden; font-size: 13px; }

#topSearch { float: right; height: 52px; width: 0px; background: url('images/menu-right.gif') top right no-repeat; }
#topSearch div { padding-top: 9px; }
#topSearch .inputSearch { float: left; border: 0; height: 26px; line-height: 26px; color: #9a9a9a;
    background: url('images/input-search.gif') top left no-repeat; width: 0px; padding: 0 5px; }
#topSearch .submitSearch { float: left; border: 0; height: 26px; width: 0px;
    background: url('images/submit-search.gif') top left no-repeat; }

/** top menu */
#topmenu { float: left; width: 900px; background: url('images/menu-left.gif') top left no-repeat; }
#topmenu ul { padding: 0px; margin: 0px; list-style-type: none; text-align: center; }
#topmenu li { float: left; height: 44px; white-space: nowrap;
    background: url('images/menu-li.gif') center left no-repeat; }
#topmenu li.first { background-image: none; }
#topmenu a { display: inline-block; height: 44px; line-height: 44px; margin-left: 0;
    color: #ffffff; background: none; padding: 0 13px; text-transform: uppercase; font-family: FuturaBkPL-Regular, Tahoma; }
#topmenu a.current { color: #ffffff; }
#topmenu a:hover { }

.navbar { border: 0; background-color: #ddd; }

/** main menu */
.rightmenu { background: url('images/mainmenu.png') top left repeat-y; }
.rightmenu .rightmenuTop { background: url('images/mainmenu-top2.png') top left no-repeat; }
.rightmenu ul { list-style-type: none; display: block; margin: 0; padding: 15px 0 12px 0;
    background: url('images/mainmenu-bottom2.png') bottom left no-repeat; }
.rightmenu li { background: url('images/mainmenu-li.gif') top left no-repeat; }
.rightmenu a { display: block; color: #ffffff; line-height: 26px; height: 26px; padding-left: 35px; }

/** content, menu icons */
ul.icons { list-style-type: none; margin: 0; padding: 0 0 20px 0; overflow: hidden; }
ul.icons li { float: left; margin: 0; padding: 0 30px 10px 0; text-align: center; }
ul.icons li img { vertical-align: bottom; margin-right: 5px; }

.iconhelp { display: none; }

/** boxes */
#middle-column .box456 { padding: 5px 0 10px 0; text-align: center; width: 600px; }
#middle-column .box456 a { height: 209px; display: block; margin: 0 4px; color: #000000; }
#middle-column .box456 a:hover { text-decoration: none; }
#middle-column .box456 .top { display: block; height: 61px;}
#middle-column .box456 .top b { display: block; padding: 105px 15px 10px 15px; font-size: 14px;  }
#middle-column .box456 .bottom { display: block; height: 138px; }
#middle-column .box456 .bottom b { display: block; padding: 80px 0 8px 0; font-size: 16px;  }
#middle-column .box4 { float: left; width: 180px; height: 168px; text-align: center;
    background: url('images/button-4.png') top center no-repeat; }
#middle-column .box5 { float: left; width: 190px; height: 168px; text-align: center;
    background: url('images/button-5.png') top center no-repeat; }
#middle-column .box6 { float: left; width: 180px; height: 168px; text-align: center;
    background: url('images/button-6.png') top center no-repeat; }
#middle-column .box4 .bottom b { color: White; }
#middle-column .box5 .bottom b { color: White; }
#middle-column .box6 .bottom b { color: White; }

#middle-column .box456a { padding: 5px 0 0px 71px; text-align: center; width: 900px; }
#middle-column .box456a a { height: 209px; display: block; margin: 0 4px; color: #000000; }
#middle-column .box456a a:hover { text-decoration: none; }
#middle-column .box456a .top { display: block; height: 61px;}
#middle-column .box456a .top b { display: block; padding: 115px 15px 10px 15px; font-size: 14px;  }
#middle-column .box456a .bottom { display: block; height: 138px; }
#middle-column .box456a .bottom b { display: block; padding: 80px 0 8px 0; font-size: 16px;  }
#middle-column .box4a { float: left; width: 190px; height: 168px; text-align: center;
    background: url('images/button-4.png') top center no-repeat; }
#middle-column .box5a { float: left; width: 190px; height: 168px; text-align: center;
    background: url('images/button-5.png') top center no-repeat; }
#middle-column .box6a { float: left; width: 190px; height: 168px; text-align: center;
    background: url('images/button-6.png') top center no-repeat; }
#middle-column .box4a .bottom b { color: White; }
#middle-column .box5a .bottom b { color: White; }
#middle-column .box6a .bottom b { color: White; }


#middle-column .box789 { text-align: left; padding-top: 15px; }
#middle-column .box789 a { font-size: 20px; color: #fff; font-weight: bold; display: block;
    padding: 14px 20px 10px 22px; margin: 0 5px; line-height: 100%; }
#middle-column .box789 a:hover { text-decoration: none; }
#middle-column .box7 { float: left; width: 212px; height: 66px;
    background: url('images/button-7.gif') top center no-repeat; }
#middle-column .box8 { float: left; width: 212px; height: 66px;
    background: url('images/button-8.gif') top center no-repeat; }
#middle-column .box9 { float: left; width: 212px; height: 66px;
    background: url('images/button-9.gif') top center no-repeat; }

#middle-column .box3 { width: 636px; margin-top: 15px; background: url('images/box-3.gif') top left repeat-y; }
#middle-column .box3 .box3Top { background: url('images/box-3-top.gif') top left no-repeat; }
#middle-column .box3 .box3Bottom { background: url('images/box-3-bottom.gif') bottom left no-repeat; overflow: hidden; }

#middle-column .box3 .box3width { float: left; width: 215px; }
#middle-column .box3 .last { width: 204px !important; }
#middle-column .box3 .space { padding: 20px 28px 10px 20px; }
#middle-column .box3 .last .space { padding-right: 18px; }
#middle-column .box3 .name { font-weight: bold; }
#middle-column .box3 p a { font-weight: bold; text-decoration: underline; color: #33476c; }
#middle-column .box3 p { margin: 0; padding: 15px 0; font-size: 13px; background: url('images/box-3-dots.gif') bottom left no-repeat; }
#middle-column .box3 .more { padding: 10px 0 0 0; text-align: center; }
#middle-column .box3 .more a { text-decoration: underline; color: #33476c; }
#middle-column .box3 .box3width img { margin: 3px; vertical-align: bottom; }

#middle-column .box2b { width: 636px; margin-top: 15px; background: url('images/box-2b.gif') top left repeat-y; }
#middle-column .box2b .box2bTop { background: url('images/box-2b-top.gif') top left no-repeat; }
#middle-column .box2b .box2bBottom { background: url('images/box-2b-bottom.gif') bottom left no-repeat; overflow: hidden; }
#middle-column .box2b .box2bwidth { float: left; width: 312px; text-align: left; }
#middle-column .box2b .box2bwidth2 { float: right; width: 312px; text-align: left; }
#middle-column .box2b .last { width: 204px !important; }
#middle-column .box2b .space { padding: 20px 28px 10px 20px; }
#middle-column .box2b .last .space { padding-right: 18px; }
#middle-column .box2b .name { font-weight: bold; }
#middle-column .box2b p a { font-weight: bold; text-decoration: underline; color: #33476c; }
#middle-column .box2b p { margin: 0; padding: 15px 0; font-size: 13px; background: url('images/box-2b-dots.gif') bottom left no-repeat; }
#middle-column .box2b .more { padding: 10px 0 0 0; text-align: center; }
#middle-column .box2b .more a { text-decoration: underline; color: #33476c; }


#middle-column .box2 { font-size: 13px; width: 636px; margin-top: 15px;
    background: url('images/box-2.gif') top left repeat-y; }
#middle-column .box2 .box2Top { background: url('images/box-2-top.gif') top left no-repeat; }
#middle-column .box2 .box2Bottom { background: url('images/box-2-bottom.gif') bottom left no-repeat; overflow: hidden; }
#middle-column .box2 a:hover { text-decoration: none; }

#middle-column .box2 .box2width1 { float: left; width: 429px; }
#middle-column .box2 .box2width1 .space { padding: 7px 28px 10px 20px; }
#middle-column .box2 .box2width1 p { margin: 0; padding: 0 0 15px 0; }
#middle-column .box2 .box2width1 .more { padding: 0; text-align: right; }
#middle-column .box2 .box2width1 a { color: #33476c; font-weight: bold; text-decoration: underline; }
#middle-column .box2 .more a { text-decoration: underline; color: #33476c; font-weight: normal; }

#middle-column .box2 .box2width2 { float: left; width: 204px; }
#middle-column .box2 .box2width2 .space { padding: 20px 18px 10px 20px; }
#middle-column .box2 .box2width2 p { margin: 0; padding: 15px 0; }
#middle-column .box2 .box2width2 .more { padding: 10px 0 0 0; text-align: center; }

#middle-column .box2 .box2width2 ul { margin: 0; padding: 0; list-style-type: none; }
#middle-column .box2 .box2width2 li { padding: 0; background: url('images/documents-li-main.gif') top left no-repeat; }
#middle-column .box2 .box2width2 li a { color: #33476c; font-weight: bold; text-decoration: underline; }
#middle-column .box2 .box2width2 li span { display: block; padding: 5px 0 10px 15px;
    background: url('images/documents-li-main-border.gif') bottom left repeat-x; }

#middle-column ul.articles { margin: 0; padding: 0; list-style-type: none; }
#middle-column ul.articles li { padding: 0; background: url('images/documents-li-main.gif') top left no-repeat; }
#middle-column ul.articles li a { color: #33476c; font-weight: bold; text-decoration: underline; }
#middle-column ul.articles li span { display: block; padding: 5px 0 10px 15px;
    background: url('images/documents-li-main-border.gif') bottom left repeat-x; }

/** middle */
#middle-column { width: 651px; padding: 0; margin: 0; /*background: url('images/middle.gif') top left repeat-x;*/ }
#middle-column div.backgroundSpace { padding: 15px 25px 15px 25px; margin-right: 15px;
    background: #f0f0f0 top left no-repeat; }
/*#middle-column div div { background-image: none; background-color: transparent; }*/

.bigBox { width: 582px; background: url('images/course-box.gif') top left repeat-y; margin: 5px 0; }
.bigBoxTop { background: url('images/course-box-top.gif') top left no-repeat; }
.bigBoxBottom { background: url('images/course-box-bottom.gif') bottom left no-repeat;
    padding: 5px 10px 5px 29px; }
.bigBox .info { margin-bottom: 5px;  }
.bigBox img.go { float: right; }
.bigBox .name a  { color: #000; font-weight: bold; }
.bigBox .summary { padding: 6px 0 4px 0; }

div.bigBox .technical { font-size: 13px; margin: 4px 0 0 0; padding: 10px 0 10px 0;
    background: url('images/course-box-technical.gif') top left repeat-x; }
.bigBox .technical span { color: #445b85; }
.bigBox .technical a { color: #445b85; }

.bigBox .courseTime { float: left; width: 170px; }
.bigBox .courseAuthor { float: left; width: 170px; }
.bigBox .courseUpdate { float: left; width: 170px; }

.bigBox .postAuthor { float: left; width: 250px; }
.bigBox .postOptions { float: right; width: 250px; text-align: right; }
.bigBox .post { padding-top: 6px; margin-bottom: 6px; background: url('images/post.gif') top right repeat-y; }
.bigBox .postContent { float: left; width: 435px; }
.bigBox .postContent img { float: left; margin: 0 5px 5px 0;  }
.bigBox .postAnswers { float: right; margin: 0 0 10px 0; width: 90px; text-align: center; color: #445b85; }
.bigBox .postAnswers a { color: #445b85; }


.box315m { width: 315px; background: url('images/box-315-m.gif') top left repeat-y; margin: 5px 0; }
.box315t { background: url('images/box-315-t.gif') top left no-repeat; }
.box315b { background: url('images/box-315-b.gif') bottom left no-repeat;
    padding: 10px 10px 10px 29px; }

/** courses */
.courseSelectCategory { width: 582px; padding: 5px 0 10px 0; }
.courseSelectCategory .space { margin: 2px 0; padding: 3px 10px; border-bottom: 1px solid #ddd; }

.courseList { width: 582px; }
.courseList td { padding: 5px; width: 194px; text-align: left; }
.courseList img { margin-bottom: 5px; }
.courseList img a { text-decoration: none; }
.courseList a { color: #445B85; font-size: 13px; }
.courseBox { width: 184px; padding-top: 8px; text-align: center;
    background: url('images/course-box2.gif') no-repeat top left; }
.courseBoxBottom { padding: 0 4px 8px 4px; background: url('images/course-box2.gif') no-repeat bottom left; }

/** paging */
.hyhPaging { text-align: center; padding: 15px 0 5px 0; }
.hyhPaging a, .hyhPaging b { padding: 0 2px; }

/** blog */
.hyhBlog { }
.bigBox h2 { margin-bottom: 8px; }
.bigBox h2 a { color: #4b4b4b; }
.bigBox .mform .fitemtitle { width: 15%; }
.hyhBlogInfo { font-size: 13px; color: #777; background-color: #fff; padding-bottom: 5px;
    background: url('images/course-box-dot.gif') left bottom repeat-x; }
.hyhBlogInfoBg { background: url('images/course-box-dot.gif') left top repeat-x; padding: 5px 0 0 0; }
.hyhBlogInfo a { color: #445B85; }
.hyhBlogInfo span { padding: 0 5px; }
.hyhBlogPost { padding: 8px 0; background-color: #fff; overflow: hidden; }

/** tabs test */
.tabs ul { margin: 0 auto; padding: 0; list-style-type: none; line-height: 36px; height: 36px;
    overflow: hidden; }
.tabs li { float: left; margin-right: 3px; background: url('images/tab-left.gif') top left no-repeat; }
.tabs li span { display: block; padding: 0 30px; background: url('images/tab-right.gif') top right no-repeat; }
.tabs li a { color: #fff; outline: none; }
.tabs li.active { background-image: url('images/tab-left-active.gif'); }
.tabs li.active span { background-image: url('images/tab-right-active.gif'); }
.tabs fieldset legend { display: none; }
.tabs .mform { text-align: left; margin: 0; }

/** tabs tree */
.tabtree { position: relative; margin-bottom: 20px; } /*odstęp pomiędzy */
.tabrow0 { margin: 0 auto; padding: 0; list-style-type: none; line-height: 38px; line-height: 16px\9; height: 36px; font-size: 13px; }
.tabrow0 li { float: left; margin-right: 3px; background: url('images/tab-left.gif') top left no-repeat; background-position: top 3px\9;}
.tabrow0 a span { float: left; display: block; float: \9; display: \9; padding: 0 15px; background: url('images/tab-right.gif') top right no-repeat; background-position: right 0px\9; }
.tabrow0 li a { color: #fff; outline: none; }
.tabrow0 li.selected { background-image: url('images/tab-left-active.gif'); }
.tabrow0 li.selected span { background-image: url('images/tab-right-active.gif'); }
.tabrow0 li.here { background-image: url('images/tab-left-active.gif'); }
.tabrow0 li a.nolink span { background-image: url('images/tab-right-active.gif'); }
.tabrow0 ul div { display: none; }

.tabrow0 .tabrow1 { position: absolute; margin-top: 38px; margin-top: 0px/9; height: 20px; line-height: 20px;
     list-style-type: none; left: 0; }
.tabrow0 .tabrow1 li { margin-right: 1px;}
.tabrow0 .tabrow1 li, .tabrow0 .tabrow1 span { background-position: left bottom; }
.tabrow0 li.selected .tabrow1 span { background-image: none; }
.tabrow0 .tabrow1 li.selected { background-position: left bottom; }
.tabrow0 .tabrow1 li a.nolink { display: block; float: left; background-color: #f45a51; background-image: none; }

#right-column { width: 309px; background: #e5e4e4 top left no-repeat; }
#right-column .backgroundSpace { padding: 0 15px; }
#right-column .header { font-size: 18px; margin: 0; padding: 23px 0 10px 0; }
#right-column .content { background-color: transparent; border: 0; }

#full-column { background: #fff url('images/full-column.png') top left repeat-x; }
#full-column .backgroundSpace { padding: 0 15px; }

.communityMenu { overflow: hidden; height: 30px; background-color: #364768; border: 2px solid #fff; }
.communityMenu ul { margin: 0; padding: 0; list-style-type: none; }
.communityMenu li { float: left; height: 30px; line-height: 30px; padding: 0 15px 0 30px; }
.communityMenu li a { display: block; padding: 0 5px; color: #fff; }

.boxCommunity { width: 928px; margin: 0 0 16px 0; background: url('images/box-community.gif') top left repeat-y; }
.boxCommunityTop { background: url('images/box-community-top.gif') top left no-repeat; }
.boxCommunityBottom { padding: 10px 15px; background: url('images/box-community-bottom.gif') bottom left no-repeat; }
.boxCommunity h2 { margin: 0; padding: 0 0 5px 0; font-size: 15px; }
.boxCommunity .boxLeft { float: left; width: 420px; }
.boxCommunity .boxRight { float: right; width: 420px; }
.boxCommunity ul { margin: 0; padding: 10px 0; list-style-type: none; }
.boxCommunity ul.list li { background: url('images/calendar-right.gif') center left no-repeat; padding: 2px 0 2px 24px; }
.boxCommunity ul.groups li { padding: 3px 0; overflow: hidden; }
.boxCommunity ul.groups li a { padding: 2px 0; }
.boxCommunity ul.groups a.title { display: block; padding-top: 10px; }
.boxCommunity ul.groups img { float: left; margin: 0 10px 0 0; border: 1px solid #d5d5d5; }
.boxCommunity ul.groups p { margin: 5px 0; }
.boxCommunity ul.users li { padding: 3px 0; width: 210px; float: left; }
.boxCommunity ul.users img { float: left; margin: 0 10px 0 0; border: 1px solid #d5d5d5; }
.boxCommunity a { color: #445B85; }
.boxCommunity p { font-size: 13px; }

.communityList { width: 100%; }
.communityList .picture { width: 115px; text-align: left; }
.communityList .picture img { border: 1px solid #d5d5d5; }
.communityList .user { width: 150px; font-weight: bold; }
.communityList a { color: #445B85; }
.communityList .user span { font-size: 13px; font-weight: normal; }
.communityList .options { text-align: right; font-size: 13px; }

/** tooblar */
.hyhBar {width: 820px; left:50%; margin-left:-410px; height: 28px;}
.hyhBar .leftBarPadding {width: 15px; height: 28px; background: url('hyhBar.png') left top; float: left;}
.hyhBar .rightBarPadding {width: 15px; height: 28px; background: url('hyhBar.png') right top; float: left;}
.hyhBar .content {padding: 8px 0 3px 0; background: url('hyhBar.png') center top; float: left; width: 790px; margin: 0 !important; }
.hyhBar .button {padding: 0 15px; color: white; font-size: 12px;}
.hyhBar .button a {color: white;}
.hyhBar .button img {margin-right: 3px; vertical-align: middle;}
.hyhBar .content2 {padding: 8px 0 3px 0; background: url('hyhBar.png') center top; float: left; margin: 0 !important; }

.barBox {border: 2px solid black; background: white; width: 290px; font-size: 13px; }
.barBox a {font-size: 13px !important; }
.leftButtons .barBox {left: 0;}
.rightButtons .barBox {right: 0;}
.barBox .title {padding: 3px 30px; background: #32466B; color: white; margin: 0; border-bottom: 1px solid black; font-weight: bold;}
.barBox .space {padding: 8px 20px 15px 20px; background: #c3c4c4 no-repeat scroll center top #FFFFFF;}
.barBox input, .barBox textarea {width: 244px; margin: 0 auto; }
.barBox input.submitButton {width: auto;}
.barBox .messages {font-weight: bold; margin: 0px; text-align: center; font-size: 13px; color: #7E8D12;}

#boxNowOnline {width: 600px; margin-left: -150px;}
#boxNowOnline .disabled {visibility: hidden;}
#boxNowOnline .space {padding: 5px 0;}
#boxNowOnline .next {width: 20px; height: 50px; float: left; background: url('pix/t/moveright.gif') center center no-repeat;}
#boxNowOnline .list {width: 560px; float: left;}
#boxNowOnline .prev {width: 20px; height: 50px; float: left; background: url('pix/t/moveleft.gif') center center no-repeat;}

#boxNowOnline .user {width: 140px; float: left; font-size: 15px;}
#boxNowOnline .user img {float: left; margin-right: 6px;}


/** mini calendar */
#right-column .minicalendar { border: 0; width: 80%; }
#right-column .calendar-controls { width: 55%; margin: 0 auto; }
.minicalendar .weekdays abbr { color: #3a4f74; font-weight: bold; }
.minicalendar .day { padding: 8px 2px; background-color: #efefef; color: #486660;
    border: 1px solid #d2d2d2; }
.minicalendar .day:hover { background-color: #fefefe; }
.minicalendar .event_global { background-color: #ff7600; border: 1px solid #d2d2d2 !important; }
.minicalendar .event_global:hover { background-color: #ffAA66; }
.minicalendar .event_user { background-color: #8b9a1e; border: 1px solid #d2d2d2 !important; }
.minicalendar .event_user:hover { background-color: #BbCa4e; }
.calendarLegend { width: 80%; margin: 0 auto; line-height: 22px; margin-bottom: 4px; font-size: 13px; }
.calendarLegend .globalDay { background-color: #ff7600; float: left; width: 20px; height: 20px;
    margin-right: 10px; border: 1px solid #d8dfcf; }
.calendarLegend .privateDay { background-color: #8b9a1e; float: left; width: 20px; height: 20px;
    margin-right: 10px; border: 1px solid #d8dfcf; }
.calendarExport { text-align: center; padding: 10px 0; }
.calendarExport a { color: #33476c; font-size: 13px; font-weight: bold; text-decoration: underline; }
.calendarExport img { vertical-align: middle; margin-right: 5px; }

/** reports */
/*#menureport.select { width: 220px; }*/

/** advertisements */
.advertisements { }
.advertisements .header{ text-align: left; font-size: 14px; padding: 0 0 20px 20px; font-weight: bold; }
.advertisements .banner { width: 636px; padding: 20px 20px 10px 0; text-align: center;}
.advertisements .partners { width: 300px; padding: 20px 0 10px 0; text-align: center; }

/** backup */
/*#backuptable1 tr { display: none; }*/
#backuptable1 tr.hide { display: none; }
#backuptable .c1 { width: 30px; }

/** footer */
#footer { background: #fff url('images/footer-top.gif') top left no-repeat;
    color: #fff; text-align: left; }
#footer .space { margin: 4px 3px 0 3px;
    background: #c71910 url('images/footer.gif') top left repeat-x; }

#footer .box { float: left; width: 185px; clear: none; }
#footer .title { padding: 15px 0 10px 20px; }
#footer ul { list-style-type: none; margin: 0; padding: 0 0 0 35px; }
#footer li { height: 20px; line-height: 17px; padding: 0 0 0 20px;
     background: url('images/footer-li.gif') bottom left no-repeat; }
#footer a { color: #c0d1f2; text-decoration: none; font-size: 13px; }

#footer .copyright { color: #c0d1f2; text-align: center; padding: 30px 10px 10px 10px;
    font-size: 11px; }

/** template - remove column and arrow move right */
#left-column { display: none; }
a.left { display: none; }
span.helplink { display: none; }
/*.commands { display: none; }*/

.error { color: #c00; }

/** login */
.hyhLogin { width: 100%; margin: 0 auto; padding: 20px 0 80px 0; }
.hyhLogin h2 { margin: 0; padding: 0 0 30px 95px;}

.loginLeft { width: 960px; float: center; background: url('images/logowanie.png') top center no-repeat; }
.loginLeft .space { padding: 25px 270px; background: /*url('images/login-left2.gif')*/ bottom left no-repeat; }
.loginLeft td { padding: 2px 20px 2px 0; color: #fff; }
.loginLeft .legend { padding: 5px 20px 2px 95px; }
.loginLeft .input { padding-left: 95px; }
.loginLeft .submit { padding-left: 248px; padding-top: 8px; padding-bottom: 7px; }
.loginLeft .register { padding-top: 6px; }
.loginLeft .input input { width: 200px; }

.loginRight { width: 450px; height: 217px; float: right;
    background: #fff url('images/login-right.png') top left no-repeat; }
.loginRight .space { padding: 25px 45px; }
.loginRight .description { width: 180px;  }
.loginRight .register { text-align: left; margin-top: 20px;
    text-transform: uppercase; }

/** signup */
.hyhSignup { width: 635px; background: #fff url('images/register-left.png') top left no-repeat; }
.hyhSignup .space { padding: 25px 35px; background: url('images/register-left2.png') bottom left no-repeat; }
.hyhSignup fieldset { border-width: 0; }
.hyhSignup #first input { width: 200px; }
.hyhSignup #second input, .hyhSignup #second select { width: 280px; }
.hyhSignup #first, .hyhSignup #second { background: url('images/dots.gif') bottom left repeat-x; }
.hyhSignup fieldset legend { display: none; }
.hyhSignup fieldset .required  label { color: #4b4b4b; }
.hyhSignup fieldset .fdescription { display: none; }
.hyhSignup .mform .fitem { min-height: 0; }

.hyhSignup .mform .fitemtitle { width: 30%; }
.hyhSignup .mform .fitemelement { width: 70%; }
.hyhSignup .mform .fstatic { position: absolute;  margin-left: 615px; }
.hyhSignup #first .fstatic { width: 307px; height: 155px; margin-top: -60px;
    background: url('images/register-right-static1.gif') top left no-repeat; }
.hyhSignup #first .fstatic span { display: block; padding: 50px 20px 10px 50px; }
.hyhSignup #second .fstatic { width: 307px; height: 101px;  margin-top: 10px;
    background: url('images/register-right-static2.gif') top left no-repeat; }
.hyhSignup #second .fstatic span { display: block; padding: 30px 20px 10px 50px; }
.hyhSignup .mform .error { width: 350px; }


/** login main page */
.hyhMainLogin { width: 300px; float: right; }
.hyhMainLogin .space { padding: 10px; }


/** standard */
.clr { clear: both; }
.cL { clear: left; }
.cR { clear: right; }

.c { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }

#middle-column .success { color: #070; }

/** forms */
.mform .w1 { width: 30px; }
.mform .w2 { width: 70px; }
.mform .w3 { width: 140px; }
.mform .w4 { width: 200px; }
.mform .w5 { width: 400px; }
.mform .w6 { width: 600px; }

.mform .h2 { height: 90px; }
.mform .h3 { height: 140px; }
.mform .h4 { height: 200px; }
.mform .h5 { height: 400px; }

hr { display: none; }

.hide { display: none; }

.hide-show-image {display:none}/***** G2S/hyh.css end *****/
#fbuttons {font-size: 20px; border-top: 1px dotted #495677; border-bottom: 1px dotted #495677 }
#fbuttons input {padding: 10px 3px; font-weight:bold; background-color: #85C225; border:1px solid #000}
#fbuttons input:hover  {padding: 10px 3px; font-weight:bold; background-color: #495677; color: #fff; border:1px solid #000}

/** single */
#id_s__bloglevel, #id_s__debug, #id_s__getremoteaddrconf, #id_s__registerauth { width: 350px; }
#menupopup { width: 280px; }

#files-index #right-column { display: none; }
#files-index #middle-column div.backgroundSpace { background-image: none; }


/***** orlen/hyh.css end *****/