@import url("forms.css");

body {
    background:#FFFFFF;
    font-family:Tahoma,sans-serif;
    font-size:0.7em;
    margin:0em;
    padding:0em;
    color:#676767;
}

.cleaner {
    clear:both;
    visibility:hidden;
    margin:0em;
    padding:0em;
    height:0px;
}

/* Horny banner s logom a sekciou uzivatela */
#top {
    width:987px;
    margin:0em auto;
}
#top h1 {
    width:390px;
    height:70px;
    margin:0em;
    padding:0px 0px;
    background:url(images/logo.png) no-repeat -20px 0px;
    float:left;
}
#top h1 a {
    display:block;
    width:390px;
    height:69px; /*70px; - o jedna menej ako parent aby dobre ukazovalo ramcek okolo odkazu*/
    margin:0em;
    padding:0em;
}
#top h1 a span {
    display:none;
}

#userSectionContainer {
    float:right;
}
#userSection {
    float:left;
    background:url(images/usersection-bg.gif) no-repeat bottom right;
    padding:20px 35px 10px 0px;
}
#userSectionForm .inputline {
    clear:both;
}
#userSectionForm .inputline label {
    width:100px;
    text-align:right;
    color:#888888;
    float:left;
    line-height:25px;
    padding-right:5px;
    margin-bottom:5px;
}
#userSectionForm .inputline .input {
    width:156px; /* celkom 164px */
    height:19px; /* celkom 25px */
    float:left;
    background:url(images/logininput.gif) no-repeat top left;
    padding:3px 4px;
}
#userSectionForm .inputline .input input {
    width:150px;
    background:none;
    border:none;
    color:#000;
    font-size:1.2em;
}
#userSectionForm .inputline .button {
    width:25px;
    height:25px;
    float:left;
    background:url(images/loginbutton.gif) no-repeat top left;
    font-size:1em;
    margin:0px 0px 0px 5px;
}
#userSectionForm .inputline .button input {
    width:25px;
    height:25px;
    border:none;
    background:none;
    font-size:1em;
    cursor:pointer;
}
#userSectionMenu {
    float:left;
}
#userSectionMenu h4 {
    color:#5DB001;
    font-size:1.3em;
    margin:10px 0px 5px 18px;
    padding:0px 0px 5px 0px;
    background:url(images/dots1.gif) repeat-x bottom left;
}
#userSectionMenu ul {
    margin:0px;
    padding:0px 0px 0px 0px;
    list-style:none;
}
#userSectionMenu ul li {
    margin:0px;
    padding:0px 0px 2px 18px;
    background:url(images/arrow1.gif) no-repeat 0px 3px;
}
#userSectionMenu a {
    color:#666666;
}

/* sektorove menu - 5 vekych tlacitiek */
#sectorsContainer {
    background:URL(images/sectors-bg.gif) repeat-x top left;
}
#sectors {
    margin:0em auto;
    padding:0em 0em 0em 35px;
    list-style:none;
    width:987px;
}
#sectors li {
    width:190px;
    height:94px;
    background-image:URL(images/sectors.png);
    background-color:#FFF;
    background-repeat:no-repeat;
    background-position:0px 0px;
    float:left;
}
#sectors li a {
    display:block;
    width:190px;
    height:94px;
    color:#FFF;
}
#sectors li a span {
    display:none;
}
#sectors li.sector1 { background-position:-20px 0px; }
#sectors li.sector2 { background-position:-210px 0px; }
#sectors li.sector3 { background-position:-400px 0px; }
#sectors li.sector4 { background-position:-590px 0px; }
#sectors li.sector5 { background-position:-780px 0px; }

/* Grafika hlavneho sektora */
.page-layer1 { background:url(images/page-layer1.gif) repeat 50% 0px; } /* bodky */
.page-layer2 { background:url(images/page-layer3.gif) repeat-x 50% 0px; } /* horny rozpustenie do bielej */
.page-layer3 { background:url(images/page-layer4.gif) repeat-x 50% 100%; } /* dolne rozpustenie do bielej */
.page-layer4 { background:url(images/page-layer2.gif) repeat-y 50% 4px; } /* bocne tiene okolo hlavneho obsahu */
.page-layer5 { background:url(images/page-layer5.gif) no-repeat 50% 0px; } /* bocne tiene okolo hlavneho obsahu - horne rozpitie */
.page-layer6 { 
    background:url(images/page-layer6.gif) no-repeat 50% 100%; /* bocne tiene okolo hlavneho obsahu - dolne rozpitie */
    min-height:300px;
}

#pageContainer {
    width:987px;
    margin:0em auto;
}
#page {
    padding:10px 10px 10px 10px;
}

#bottomMenu {
    width:950px;
    background:url(images/bottommenu.jpg) no-repeat bottom center;
    margin:0em auto;
}
#bottomMenu ul {
    width:900px;
    margin:0em auto;
    padding:2em 0em;
    list-style:none;
    text-align:center;
    border-top:1px solid #E5E5E5;
}
#bottomMenu ul li {
    display:inline;
    padding:0em 1em 0.2em 16px;
    background:url(images/arrow1.gif) no-repeat 0% 50%;
}
#bottomMenu a {
    color:#666666;
}
#tiraz {
    width:876px;
    margin:0em auto;
}
#copy {
    width:438px;
    padding:2em 0em;
    float:left;
}
#bart {
    width:438px;
    float:left;
    padding:2em 0em;
    text-align:right;
}
#tiraz a {
    color:#666666;
}
#partneri {
    width:950px;
    margin:0em auto;
    padding:3em 0em;
    background:URL(images/partneri.jpg) no-repeat top center;
}


#panelMenu {
    width:213px;
    _height:10px;
    min-height:10px;
    float:left;
    margin-right:10px;
}

#panelMenu ul.menu {
    margin:0em;
    padding:0em;
    list-style:none;
}
#panelMenu ul.menu a {
    color:#FFF;
    font-weight:bold;
    font-size:1.1em;
    font-family:Helvetica,sans-serif;
}
#panelMenu ul.menu li {
    background:url(images/homebtn-bg.gif) repeat-y top left;
}
#panelMenu ul.menu li .item-t {
    background:url(images/homebtn-t.gif) no-repeat top left;
}
#panelMenu ul.menu li .item-b {
    background:url(images/homebtn-b.jpg) no-repeat bottom left;
    padding:12px 38px 27px 15px;
}
#panelMenu ul.menu li ul {
    margin:0.5em 0em 0em 0em;
    padding:0.5em 0em 0em 0em;
    list-style:none;
    background:URL(images/menusubseparator.gif) no-repeat top left;
}
#panelMenu ul.menu li ul a {
    font-size:1em;
    font-weight:normal;
}
#panelMenu ul.menu li ul li {
    background:none;
}
#panelMenu ul.menu li ul li .item {
    padding:2px 0px 2px 15px;
    background:url(images/menuitem1.gif) no-repeat 0px 6px;
}
#panelMenu ul.menu li ul li ul{
    margin:0em 0em 0em 15px;
    padding:0em 0em 0em 0em;
    list-style:none;
    background:none;
}
#panelMenu ul.menu li .item-active a {
    font-weight:bold;
}

#panelContent {
    width: 510px;
    float:left;
}
#panelRight {
    width:213px;
    _height:10px;
    min-height:10px;
    float:left;
    margin-left:10px;
}

/* download */
.download {
   padding: 0px;
}
.download ul {
    margin:0;
    padding:0;
    list-style:none;
}
.download ul .mimeicon {
    margin:0;
    padding:0;
    vertical-align:middle;
}
.download ul li {
    margin:0;
    padding:3px 0 3px 0;
}
.download dl.downloadDoc {
    float: left;
    width: 230px;
    text-align: left;
    margin: 5px;
    padding: 5px;
}
.download dl.downloadDoc dt {
    float: left;
    margin:0 5px 0 0;
    padding:0px;
}
.download dl.downloadDoc dd {
    margin:0;
    padding:0px;
}
.download dl.downloadDoc a img {
    border: none;
}

/* Default formatovanie */
a {
    color:#B3702C;
    text-decoration:none;
}
a:hover {
    color:#B3702C;
    text-decoration:underline;
}
a img {
    border:none;
}
h1, h2, h3, h4, h5, h6 {
    font-family:Arial, sans-serif;
    margin:0em;
    color:#B3702C;
}
h2 {
    padding:0em 0em 3px 0em;
    margin:0em 0em 3px 0em;
    font-size:1.4em;
}
h3 {
    padding:0em;
    margin:0.5em 0em 0.5em 0em;
    font-size:1.2em;
}
p {
    margin:0em 0em 1em 0em;
    padding:0em;
}
ul, ol {
    margin:0em 0em 1em 2.5em;
    padding:0em;
}
hr {
    border:0;
    color: #3A8E05;
    background-color: #3A8E05;
    height: 1px;
}

/**
 * Reporty
**/
.report {
    min-height:28px;
	_height:28px;
    text-align:left;
    margin:0 auto 5px auto;
    color:#000;
    font-size:1.3em;
    padding:5px 5px 5px 45px;
    position:relative;
}
.report ul {
    padding:0px 0px 0px 35px;
    margin:0px;
    font-weight:bold;
}
.report span.ico {
	display:block;
	width:36px;
	height:36px;
	margin:1px 3px 1px 1px;
	background:url(images/msg-icons.gif) no-repeat top left;
    position:absolute;
    top:0px;
    left:0px;
}

.report span.ico_OK { background-position:0px 0px; }
.report span.ico_ERROR { background-position:-36px 0px; }
.report span.ico_INFO { background-position:-72px 0px; }
.report span.ico_ALERT { background-position:-108px 0px; }
.report span.ico_HELP { background-position:-144px 0px; }
.report_INFO  { color:#EC8C22;font-weight:bold;border:3px solid #EC8C22; }
.report_ERROR { color:#EB3D22;font-weight:bold;border:3px solid #EB3D22; }
.report_OK    { color:#53812D;font-weight:bold;border:3px solid #53812D; }
.report_ALERT { color:#0A0801;font-weight:bold;border:3px solid #0A0801; }
.report_HELP  { color:#1A6E94;font-weight:bold;border:3px solid #1A6E94; }

/* PAGER */
.pager {
    margin:10px 0px 0px 0px;
    padding:0.5em 1em;
    background:#EEEEEE;
}
.pager .nextprev {
    float:right;
}

#panelRight .btn {
    background:URL(images/btn1-bg.gif) repeat-y top left #3C8E05;
}
#panelRight .btn .btnt {
    background:URL(images/btn1-t.gif) no-repeat top left;
}
#panelRight .btn .btnb {
    background:URL(images/btn1-b.jpg) no-repeat bottom left;
    padding:10px 30px 10px 10px;
    text-align:left;
}
#panelRight .btn .btnb h3 {
    padding:0px;
    margin:0px;
    color:#FFF;
}

#panelRight .scrollcontainer {
    margin:0.5em auto;
    width:210px;
    background:url(images/scrollcontainer-bg.gif) repeat-y top left;
}
#panelRight .scrollcontainer .t {
    background:url(images/scrollcontainer-top.gif) no-repeat top left;
}
#panelRight .scrollcontainer .b {
    background:url(images/scrollcontainer-bottom.gif) no-repeat bottom left;
    padding:10px 2px 4px 6px;
}
#panelRight .scrollcontainer div.scrollitem {
    background:url(images/scrollitem-bg.gif) repeat-y top left;
}
#panelRight .scrollcontainer div.scrollitem .sit {
    background:url(images/scrollitem-bgt.gif) no-repeat top left;
}
#panelRight .scrollcontainer div.scrollitem .sib {
    background:url(images/scrollitem-bgb.gif) no-repeat bottom left;
    min-height:36px;
    _height:36px;
    padding:10px 18px 18px 15px
}
#panelRight .scrollcontainer dl.joboffer {
    margin:0em;
    padding:0em;
    text-align:left;
}
#panelRight .scrollcontainer dl.joboffer dt {
    margin:0em;
    padding:0em;
    font-weight:bold;
}
#panelRight .scrollcontainer dl.joboffer dd {
    margin:0em;
    padding:0em;
}

#jobscroller {
    height:300px;
    width:202px;
    position:relative;
    overflow:hidden;
    margin-bottom:5px;
}
#jobscrollerContent {
    position:absolute;
    top:0px;
    left:0px;
    width:202px;
    _height:1px;
    min-height:1px;
}

.sidebarJobofferSearch {
    margin:1em 0em;
    padding:0px 0px 0px 10px;
}
.sidebarJobofferSearch .advanced {
    clear:both;
    padding:0.3em;
}
.sidebarJobofferSearch .input {
    width:156px; /* celkom 164px */
    height:17px; /* celkom 25px */
    float:left;
    background:url(images/logininput.gif) no-repeat top left;
    padding:5px 4px;
}
.sidebarJobofferSearch .input input {
    width:150px;
    background:none;
    border:none;
    color:#666666;
    font-size:1.0em;
}
.sidebarJobofferSearch .button {
    width:25px;
    height:25px;
    float:left;
    background:url(images/loginbutton.gif) no-repeat top left;
    font-size:1em;
    margin:0px 0px 0px 5px;
}
.sidebarJobofferSearch .button input {
    width:25px;
    height:25px;
    border:none;
    background:none;
    font-size:1em;
    cursor:pointer;
}
#panelMenu .sidebarJobofferSearch {
    padding-left:0px;
}

/* Zoznamy clankov */
.list-item-container {
    background:URL(images/list-item1-bg.gif) repeat-y top left;
    width:509px;
    margin:0em 0em 0.5em 0em;
}
.list-item-container .list-item-top {
    background:URL(images/list-item1-bgt.gif) no-repeat top left;
}
.list-item-container .list-item-top dl.list-item {
    background:URL(images/list-item1-bgb.gif) no-repeat bottom left;
    margin:0em;
    padding:15px 20px 10px 20px;
    min-height:50px;
}
.list-item-container .list-item-top dl.list-item dt {
    padding:0px 0px 0.5em 0px;
    margin:0em;
    background:url(images/arrow1.gif) no-repeat top right;
}
.list-item-container .list-item-top dl.list-item dd {
    padding:0px;
    margin:0em;
    color:#666666;
}

#kontextMenu {
    text-align:right;
    color:#676767;
    font-size:0.9em;
    margin-bottom:0px;
}
#kontextMenu a {
    color:#676767;
}