/* 
	project: Internet Jobs Template
	author: Luka Cvrk (www.solucija.com)
	Stylesheet
*/


body {
	background: #EEEEEE url('/images/header.gif') repeat-x top left;
	color: #000000;
	margin: 0;
	padding: 0;
	font: 0.7em "Arial", Helvetica, Sans-Serif;
}

a { 
	color: #3C6491;
	background-color: inherit;
}

a:hover {
	color: #BF3E17;
	background-color: inherit;
}

h1 {
	font: 160% Arial, Sans-Serif;
	font-weight: bold;
	padding: 3px 0 0 0;
	margin: 0;
}

h1 a {
	color: #BF3E17;
	background: inherit;
	text-decoration: none;
}

h1 a:hover {
	color: #3C6491;
	background: inherit;
	text-decoration: none;
}

h2 {
	margin: 8px 0 5px 0;
	padding: 0;
	font-size: 1.4em;
	letter-spacing: -1px;
	color: #808080;
	background-color: inherit;
}

h2 a {
	color: #000000;
	text-decoration: none;
	background-color: inherit;
	background-image: url(/images/h2bg.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 20px;
}

h2 a:hover {
	background: url('/images/h2bghover.gif') no-repeat center left;
}

p {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

#header {
	clear: both;
	width: 750px;
	height: 45px;
	margin: 0 auto;
}

#logo {
	float: left;
	padding: 10px 0 0 0px;
	color: #000000;
	background: inherit;
	width: 400px;
}

.slogan {
	float: right;
	border-left: 1px solid #CCCCCC;
	padding: 0 0 0 15px;
}

#hmenu {
	padding: 13px 0 5px 0;
	float: right;
}

#hmenu a {
	padding: 12px 13px 2px 11px;
	text-decoration: none;
	color: #414141;
	background: #ccc url('/images/hmenuarrow.gif') no-repeat top center;
	margin: 0 0 3px 1px;
	border-bottom: 4px solid #BCBCBC;
}

#hmenu a:hover {
	background: #3C6491 url(/images/hmenuarrowhover.gif) no-repeat top center;
	color: #FFFFFF;
	border-bottom: 4px solid #2F4A6C;
}

.content {
	border-top: 1px solid #FEFEFE; 
	background: #FFFFFF url('images/contentbg.gif') repeat-x left top;
	color: #000000;
}

#left {
	float: left;
	width: 510px;
	padding: 0 10px 0 0;
}

#articles {
	width: 740px;
	padding: 3px 0 0 10px;
	margin: 0 auto 10px auto;
}

#right {
	float: left;
	width: 220px;
}

#rightmenu {
	margin: 0;
	padding: 0;
}

#rightmenu a {
	display: block;
	background: #BF3E18 url('/images/vmenuarrow.gif') no-repeat center left;
	color: #FFFFFF;
	padding: 5px 0 5px 19px;
	margin: 0 0 1px 0;
	text-decoration: none;
}

#rightmenu a:hover {
	color: #FFFFFF;
	background: #822C0F url('/images/vmenuarrowhover.gif') no-repeat center left;
}

.rightarticle {
	background: #EEEEEE;
	color: #808080;
	margin: 2px 0 2px 0;
	padding: 8px;
	line-height: 1.4em;
	text-align:center;
	height: 100%; 
}

.rightarticle_ad {
	font: 140% Arial, Sans-Serif;
	font-weight: bold;
	border: 2px solid #EEEEEE;
	color: #808080;
	margin: 2px 0 2px 0;
	padding: 17px;
	width: 182px;
	height: 17px;
	background: #FFFFFF url('/images/seoad.jpg') no-repeat;
}

.rightarticle_ad a {
	
	background: transparent; 
	text-decoration: none;
}

#additional {
	clear: both;
	width: 730px;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0 auto;
	padding: 10px;
}

#links {
	clear: both;
	margin: 0 auto;
	width: 730px;
	padding: 10px;
	background: #3C6491 url('/images/linksbg.gif') repeat-x top left;
	color: #FFF;
}

#whiteline {
	margin-top: 10px;
	border-top: 3px solid #FFFFFF;
}

#footer {
	margin: 5px auto;
	width: 740px;
	padding: 0 5px 0 5px;
	background: #EEEEEE;
	float: left;
	width: 100%;
}

#footer p {
	padding-top: 10px;
	padding-bottom: 25px;
	line-height: 1.8em;
	color: #808080;
	background: #EEEEEE;
}

#footer a {
	color: #808080;
	background: inherit;
}

form.search { padding: 0; margin: 0; }

#searchform {
	background: #808080;
	color: #FFFFFF;
	padding: 5px 8px 5px 18px;
	margin: 0px;
}

input.text { margin: 0; padding: 0; width: 350px; border: 1px solid #eee; color: #000000; background: #d8d8d8; }
input.text:hover { border: 1px solid #FFFFFF; background: #EEEEEE; color: #000000; }
input.button {
margin: 0;
padding: 0 0 0 3px;
font-size: 100%;
font-family: Arial, Sans-Serif;
border: none;
background: none;
color: #FFF; 
background: #808080;
font-weight: bold;
}
.date { 
margin: 5px 0 5px 0;
padding: 10px 5px 5px 0;
background: #FFFFFF url(/images/horizontaldotted.gif) repeat-x bottom left; 
color: #808080;
text-align: right;
}
.date a { color: #808080; background: #FFFFFF; }


.showJob { 
margin: 5px 0 5px 0;
padding: 10px 5px 5px 0;
background: #FFFFFF url(/images/horizontaldotted.gif) repeat-x top left; 
color: #808080;
}
.showJob a {
color: #808080;
background: #FFFFFF;
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination{
padding: 2px;
margin-bottom: 5px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 11px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
background: none;
margin: 0 3px;
}

.pagination a, .pagination a:visited{
padding: 1px 5px;
border: 1px solid #000;
text-decoration: none; 
color: #000;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #BF3E18;
color: #BF3E18;
background-color: #FFF;
}

.pagination a.currentpage, .pagination a.currentpage:hover{
background-color: #fff;
color: #BF3E18 !important;
border-color: #BF3E18;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

/**/

.bodyVac { 
margin: 5px 0;
padding: 10px 5px 5px 0;
background: #FFFFFF url(/images/horizontaldotted.gif) repeat-x top left; 
}

.tablePostJob{
	width:100%;
	background: #FFFFFF url(/images/horizontaldotted.gif) repeat-x top left; 
}


.tablePostJob td#left{
	width: 40%;
	padding: 4px;
	font-weight: bold;
}

.tablePostJob td#right{
   padding: 4px;
}


#postInput {
	padding: 2px 5px;
	width: 260px;
	background: #FFFFFF url(http://topjobs.org.ua/images/img02.gif) repeat-x;
	border: 1px solid #666666;
}

#searchsubmit {
	padding: 0 2px;
	background: #F4A652 url(http://topjobs.org.ua/images/img02.gif) repeat-x;
	border: 1px solid #000000;
	text-transform: lowercase;
}


#svitlana{
margin-top: 10px;
border: 2px solid #BF3E17;
padding: 5px;
}

#svitlana a, #svitlana a:hover, #svitlana a:visited{
color: #BF3E17;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

ul#tags{
float: left;
width: 550px;
border: 1x solid red;
padding: 0;
margin: 7px 0;
}

ul#tags li{
float: left;
width: 170px;
border: 1x solid red;
padding: 3px;
margin: 0;
list-style: none;
color: #000;
font-size: 12px;
font-weight: bold;
}

ul#tags li a{

color: #000;
font-size: 12px;
font-weight: bold;
}

#clear{
clear: both;
}


#textInfo {
	clear: both;
	margin: 7px 0;
	width: 500px;
	padding: 10px;
	color: #000;
   font-size: 12px;
   font-weight: bold;
}