@import url("yui-reset.css");
@import url("forms.css");

/* globalne */

html,body{height:100%; font-family:Tahoma; font-size:12px; color:#302a23;}

body{background:#FCF5D6 url('../img/body_bg.jpg') 0 0 repeat-x;}

a {color:#453c32;}
a:hover {text-decoration:none;}

b,strong {font-weight:bold;}

p {margin:0 20px 15px 10px}
#content ul {margin:5px 20px 15px 40px}
#content ul li {list-style-type:disc}
.round ul {margin:0!important}
.actions li, .round li {list-style-type:none!important;}
.details {
	margin:5px 20px 15px 15px
}

.details dt {
	width: 110px;
	float:left;
	margin-right: .5em;
}

.details dd {
	font-weight: bold;
}

.details dd, .details dt {
	margin-bottom: 4px;
}

/* konstrukcja */
div#top{width:1200px; height:110px; background: url('../img/top_bg.jpg') 0 0 no-repeat; margin:0 auto;}
div#wrapper{width:973px; margin:0 auto;}
div#menu{width:960px; height:42px;}
div#job-search{width:188px; height:238px; background: url('../img/job_search_bg.jpg') 0 0 no-repeat; margin:8px 0 0 0; float:left;}
div#adv{width:772px; height:109px; float:left; margin-top:8px;}
div#big-buttons{width:785px; height:129px; float:left;}
div#content{width:990px; clear:both; padding:2px 0px 0px 0px;}
div.box222{width:222px; float:left; margin-right:6px;}
div.box423{width:435px; float:left; margin-right:6px;}
div.box295{width:303px; float:left;}
div.round{background: #FFB859 url('../img/round_r.jpg') 100% 0 repeat-y; float:left; width:100%;}
div.round div{background: url('../img/round_l.jpg') 0 0 repeat-y; padding:0 0 0 12px; float:left;}
div#footer{width:100%; height:434px; background: url('../img/footer_bg.jpg') 0 0 repeat-x; clear:both; margin:10px 0 0 0; float:left;}
div#foot{width:960px; height:422px; background: url('../img/footer.jpg') 0 0 no-repeat; margin: 0 auto; padding-top:12px}
div.box210{width:210px; float:left; margin-right:40px;}
div#copy{width:960px; margin:0 auto; clear:both; padding-top:30px;}



/* menu */
#menu ul{float:left; height:42px; margin-left: 50px;}
#menu ul li{float:left; height:42px;}
#menu ul li a{display:block; height:42px; text-indent:-5000em;}
#menu ul li a.item1{background: url('../img/menu/btn_home.jpg') 0 0 no-repeat; width:73px;}
#menu ul li a.item2{background: url('../img/menu/btn_search.jpg') 0 0 no-repeat; width:100px;}
#menu ul li a.item3{background: url('../img/menu/btn_seeker.jpg') 0 0 no-repeat; width:100px;}
#menu ul li a.item4{background: url('../img/menu/btn_employer.jpg') 0 0 no-repeat; width:95px;}
#menu ul li a.item5{background: url('../img/menu/btn_contact.jpg') 0 0 no-repeat; width:99px;}
#menu ul li a:hover, #menu ul li a.active{background-position:0 100%;}



/*naglowki */
#content h2{height:50px; margin-bottom:5px; font-size:18px; margin-top:5px; margin-left:10px;}
h2.image {text-indent:-5000em; background-repeat:no-repeat; background-position:0 0; margin-top:0!important; margin-left:0!important;}
h2.hot-job{background-image: url('../img/headers/hot_job.jpg')}
h2.most-popular{background-image: url('../img/headers/most_popular.jpg');}
h2.news{background-image: url('../img/headers/news.jpg');}
h2.contact{background-image: url('../img/headers/contact.jpg');}
h2.seeker-login{background-image: url('../img/headers/job-seeker-login.png');}
h2.-login{background-image: url('../img/headers/-login.png');}
h2.job-search{background-image: url('../img/headers/job-search.png');}
h2.job-search-results{background-image: url('../img/headers/job-search-results.png');}
h2.employer-login{background-image: url('../img/headers/employer-login.png');}
h2.password-reminder{background-image: url('../img/headers/password-reminder.jpg')}
h2.job-seeker-registration{background-image: url('../img/headers/job-seeker-registration.jpg')}
h2.employer-registration{background-image: url('../img/headers/employer-registration.jpg')}
h2.pricing-packages{background-image: url('../img/headers/pricing-packages.png')}
h2.faq{background-image: url('../img/headers/faq.png')}

#foot h4{height:43px;}
h4.about{background: url('../img/h_about.jpg') 0 0 no-repeat; text-indent:-5000em;}
h4.employers{background: url('../img/h_employers.jpg') 0 0 no-repeat; text-indent:-5000em;}
h4.seekers{background: url('../img/h_seekers.jpg') 0 0 no-repeat; text-indent:-5000em;}
h4.categories{background: url('../img/h_categories.jpg') 0 0 no-repeat; text-indent:-5000em;}



/* paragrafy */
#copy p{color: #f09010; float:left;}


/* linki */
.round a{color:#453c32; text-decoration:none;}


/* obrazki */
#adv img{padding:4px 0 0 35px;}
#big-buttons img{padding:13px 0 0 0; width:259px;}


/* listy */

.top-menu {
	float: right;
	margin-right: 120px;
}

.top-menu li {
	margin-left: 12px;
	float: left;
}

.top-menu a {
	width: 157px;
	height: 39px;
	display: block;
	text-indent: -5000em;
}

ul.list1{clear:both;}
ul.list1 li{height:25px; width:200px;}
ul.list1 li a{display:block; height:19px; background: url('../img/arrow.jpg') 0 0 no-repeat; padding:6px 0 0 20px;}
ul.list1 li a:hover{background: url('../img/hover.jpg') 0 0 no-repeat;color:#FFFFFF}

ul.list2{clear:both;}
ul.list2 li{height:25px; float:left; width:200px;}
ul.list2 li a{display:block; height:19px; background: url('../img/arrow.jpg') 0 0 no-repeat; padding:6px 0 0 20px;}
ul.list2 li a:hover{background: url('../img/hover.jpg') 0 0 no-repeat;color:#FFFFFF}

ul.list3 li{height:22px; width:210px;}
ul.list3 li a{display:block; color:#ebe7d3; text-decoration:none; background: url('../img/arrow2.gif') 0 0 no-repeat; height:22px; padding:3px 0 0 25px;}
ul.list3 li a:hover{background: url('../img/hover2.jpg') 0 0 no-repeat;}

ul.list4{padding-left:10px;}
ul.list4 li{font-size:11px; float:left; padding:3px; }
ul.list4 li a{color:#ebe7d3; text-decoration:none; padding:0 3px 0 0;display:block; float:left;}
ul.list4 li a:hover{text-decoration:underline;}

dl.news{padding-left:3px;}
dl.news dt{font-size:13px; color:#453c32; font-weight:bold;}
dl.news dd{font-size:11px; line-height:1.5em;}
dl.news dd.date{ color:#c5631e; padding:3px 0;}
dl.news dd.more{padding-top:5px;}
dl.news dd.more a{display:block; width:71px; height:19px; background: url('../img/more.jpg') 0 0 no-repeat; text-indent:-5000em; }

#copy ul{float:right;}
#copy ul li{float:left; padding-left: 10px;}
#copy ul li a{color:#f09010; text-decoration:none;}
#copy ul li a:hover{text-decoration:underline;}


/* formularze */
#job-search form{padding: 33px 0 0 8px; width:172px;}
#job-search form input{width:160px; height:22px; border:none; background: url('../img/form_bg.jpg') 0 0 no-repeat; color:#bebcba; font-size:12px; font-family:Tahoma; padding:5px 0 0 12px; margin:-1px 0 1px 0;}

#job-search form button{width:85px; height:25px; background: url('../img/search.jpg') 0 0 no-repeat; border:none; text-indent:-5000em; float:right; margin-top:3px; cursor:pointer;}



/* obramowania */
span.tl{display:block; width:40px; height:7px; background: url('../img/tl.jpg') 0 0 no-repeat; float:left;}
span.tr{display:block; width:100%; height:7px; background: url('../img/tr.jpg') 100% 0 no-repeat; float:left}
span.bl{display:block; width:40px; height:7px; background: url('../img/bl.jpg') 0 0 no-repeat; float:left;}
span.br{display:block; width:100%; height:7px; background: url('../img/br.jpg') 100% 0 no-repeat; float:left}



/* pozostale */
.mr0{margin-right:0px !important;}
.nb{border:0 none !important;}

/* */

table.datagrid {
	width: 96%;
	margin: 0 auto;
}

table.datagrid thead th {
	padding: 4px;
	background: #e48e61;
	border-bottom: 1px #fff solid;
}

table.datagrid tbody td {
}

table.datagrid tbody tr.actions td {
	color: #ff6600;
	font-size: 93%;
	padding-bottom: 6px;
}

table.datagrid tbody tr.actions td a {
	color: #2e2e2e;
}

table.datagrid tbody td {
	padding: 4px;
	border-top: 1px #c3bea9 solid;
	border-bottom: 1px #f0edde solid;
}

table.datagrid tbody tr.paired {
	background: #e3ddc1;
}

table.datagrid tfoot td {
	padding: 4px;
	border-bottom: 1px #c3bea9 solid;
	background: #d6d1b7;
}
/* */

/* */

.pagination-control a {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.pagination-control a.current {
	font-weight: bold;
}


/* */

#job-post ul.actions {
	float: right;
	margin-right: 20px;
}

#job-post ul.actions li {
	float: left;
	margin-left: 10px;
}


#job-post h3 {
	margin-top: 20px;
}

.left-menu {
	margin: 5px 0 0 0!important;
	width: 250px;
	height: 200px;
}

.left-menu li {
	background: none;
	width: 95%;
	float: left;
	margin-bottom: 7px;
	border-bottom: 1px #b8b8b8 dotted;
	list-style-type: none!important;
}

.left-menu li.blank {
	height: 26px;
	width: 100px;
}

.left-menu li a {
	float: left;
	padding-top: 5px;
}

.left-menu li span.icon {
	width: 32px;
	height: 26px;
	display: block;
	float: left;
	margin-right: 5px;
}