html,body{
margin:0px;
padding:0px;
font-family:Verdana;
text-align:center;
background: url(images/top_bar.gif) repeat-x;
color:#0077c2;
}

img {
border:0;
}


ul{
margin:0px;
padding:0px;
font-family:Verdana;
text-align:left;
list-style: none;
}

p{
font-family:Verdana;
font-size:12px;
color:#666666;
padding:15px;
}


h1{
	font-size:10px;
	font-family: Verdana;
	color:#0077c2;
	margin:0px;
	padding:5px;
	font-weight:normal;
}

h2{
	font-size:10px;
	font-family: Verdana;
	color:#0077c2;
	margin:0px;
	padding:5px;
	font-weight:normal;
}


#main{
	width:950px;
	height:auto;
	margin: 0 auto;
	background: transparent;
}


#top_ul{
margin:0px;
padding:0px;
font-family:Verdana;
text-align:center;
width:950px;
}


.top_ul_li_left{
float:left;
width:810px;
}

.top_ul_li_right{
float:left;
width:139px;
font-size:10px;
}

.top_ul_li_h2{
margin-left:10px;
margin-top:10px;
float:left;
width:900px;
}

.top_ul_li_div_h2{
position:absolute;
margin-top:38px;
margin-left:58px;
}

.top_ul_li_div_holiday{
position:absolute;
margin-top:-88px;
_margin-top:-6px;
margin-left:740px;
_margin-left:380px;
}


#header{
	width:950px;
	height:auto;
	margin: 0 auto;
}


#normal_strong{
position:absolute;
font-family:Verdana;
font-size:12px;
color: #fff;
margin-top:-10px;
margin-left:30px;
}


#strong_user_type{
font-family:Verdana;
font-size:12px;
color: #fff;
font-weight:normal;
margin-left:0px;
}

#bigulmeniu ul{
margin:0;
padding: 0;
list-style: none;
}

#bigulmeniu li{
display: inline;
float:left;
margin: 0 0px 0 0;
padding: 0;
}

#modernbricksmenu{
margin:0;
padding: 0;
width: 932px;
background: url(images/meniu_top_normal.gif) repeat left top;
height: 38px;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 0px 0 0;
padding: 0;
}

#bar{
width:1px;
height:38px;
background: url(images/meniu_top_bar.gif);
}


#modernbricksmenu a{
float: left;
display: block;
color: white;
font-family:Verdana;
/*margin: 0 1px 0 0;*/
margin: 0px;
padding: 10px 10px;
text-decoration: none;
letter-spacing: 0px;
background: url(images/meniu_top_normal.gif) repeat-x left top;
height: 18px;
}

#modernbricksmenu a:hover{
padding: 10px 10px;
background: url(images/meniu_top_hover.gif) left top;
_height:38px;
border-left: #e2e2e2;
}

#modernbricksmenu .current a{ /*currently selected tab*/
background: url(images/meniu_top_hover.gif) left top;
_height:38px;
}

#modernbricksmenu .current_first a{
background: url(images/meniu_hover_prima_pagina_on.gif) left top;
_height:38px;
}

#modernbricksmenu .current_first a:hover{
background: url(images/meniu_hover_prima_pagina_on.gif) left top;
_height:38px;
}



#modernbricksmenu .current_off a{
background: url(images/meniu_hover_prima_pagina.gif) left top;
_height:38px;
}

#modernbricksmenu .current_off a:hover{
padding: 10px 10px;
background: url(images/meniu_hover_prima_pagina_on.gif) left top;
_height:38px;
}



#modernbricksmenuline{
clear: both;
padding: 0px;
margin: 0px;
background: #6ab400 url(images/meniu_corner_bottom_left.gif) no-repeat left top;
width: 932px;
height:19px;
overflow:hidden;
}

#modernbricksmenuline p{
font: normal 10px Verdana;
line-height:17px;
margin-left:10px;
}


p{
margin:0;
padding:0;
font-family:Verdana;
font-size:11px;
color:white;
font-weight:normal;
}

#login{
margin-left:0px;
float:left;
background: url(images/login_bg.gif);
width:220px;
height:auto;
position:relative;
text-align:left;
}

#login_small{
margin-left:0px;
float:left;
background: url(images/login_bg_small.gif);
width:220px;
height:auto;
position:relative;
text-align:left;
}

.login_shadow{
	float:left;
	padding:0;
	height:15px;
	width:220px;
}


#ul_login{
padding-left:19px;
list-style: none;
}

#ul_login a{
margin-left:90px;
color:#fff;
font-size:11px;
font-family:Verdana;
text-decoration:underlined;
}

div#search_box { width:182px; height:18px; top:5px; background:transparent url(images/login_input.gif) no-repeat top left; z-index:5; text-align:left; }
div#search_box input#username, input#password, input#pass_temp {
background:transparent;
width:150px;
border:0;
height:22px;
color:#8b8b8b;
font-size:12px;
font-family:Verdana;
margin:0px 5px;
margin-left:20px;
}

div#quick_search_box{width:182px; height:22px; top:5px; background:transparent url(images/search_input.gif) no-repeat top left; z-index:5; text-align:left;
}

.keywords{
background:transparent;
width:150px;
height:25px;
border:0;
color:#8b8b8b;
font-size:12px;
font-family:Verdana;
margin:0px 5px;
margin-left:25px;
padding-top:3px;
}

.nob{
font-family:Verdana;
font-size:10px;
color:white;
font-weight:normal;
}

#meniu_shadow{
clear: both;
padding: 0px;
margin: 0px;
margin-top:1px;
background:  url(images/meniu_shadow.gif) no-repeat left top;
width: 932px;
height:19px;
overflow:hidden;
}


#myform{ /*CSS for sam ple search box. Remove if desired */
float: left;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}

.tabs_shadow{
	float:left;
	margin:0px;
	padding:0px;
	width:715px;
}

/* ####################################################################### */

.scrapper {
	float:left;
	color: #fff;
	margin-top:0px;
	_margin-top:0px;
	width:950px;
	text-align:left;
	position:relative;
}

.meniu_left {
	float:left;
	color: #fff;
	margin-top:0px;
	_margin-top:0px;
	width:715px;
	text-align:left;
	position:relative;
}

.meniu_right{
	margin-left:15px;
 	float:left;
	margin-top:0px;
	_margin-top:0px;
	width:220px;
	position:relative;
	text-align:left;
}

.meniu_left a{
	font-size:12px;
	font-family:Verdana;
	color:#0077c2;
	margin-left:10px;
}

.meniu_right a{
	font-size:12px;
	font-family:Verdana;
	color:#0077c2;
	margin-left:10px;
}

/* ####################################################################### */


.meniu_right_top{
	background: url(images/meniu_right_top.gif) no-repeat;
	height:39px;

}
.meniu_right_top strong{
	position:absolute;
	font-family:Verdana;
	font-size:12px;
	color: #fff;
	margin-top:7px;
	margin-left:30px;
}

.meniu_right_top_customer{
	background: url(images/meniu_right_top_customer.gif) no-repeat;
	height:39px;

}
.meniu_right_top_customer strong{
	position:absolute;
	font-family:Verdana;
	font-size:12px;
	color: #fff;
	margin-top:7px;
	margin-left:30px;
}

.meniu_right_center{
	background: url(images/meniu_right_center.gif) repeat;
	height:auto;
}
.meniu_left_center ul li{
padding-bottom:1px;
font-family:Verdana;
margin-top:3px;
}
.meniu_right_center a{
text-decoration:none;
}
.meniu_right_center a:hover{
text-decoration:underline;
}


.meniu_right_bottom{
	background: url(images/meniu_right_bottom.gif) no-repeat;
	height:23px;
}


.meniu_left_top{
background: url(images/meniu_left_top.gif) no-repeat;
height:39px;
_margin-top:-3px;
}

.meniu_left_top_companies{
background: url(images/meniu_left_top_companies.gif) no-repeat;
height:39px;
_margin-top:-3px;
}

.meniu_left_top_jobseekers{
background: url(images/meniu_left_top_jobseekers.gif) no-repeat;
height:39px;
_margin-top:-3px;
}

.meniu_left_top_green{
background: url(images/meniu_left_top_green.gif) no-repeat;
height:39px;
_margin-top:-3px;
}


.meniu_left_top strong,.meniu_left_top_jobseekers strong,.meniu_left_top_companies strong{
	position:absolute;
	font-family:Verdana;
	font-size:12px;
	color: #fff;
	margin-top:7px;
	margin-left:30px;
}

.meniu_left_top_green strong{
	position:absolute;
	font-family:Verdana;
	font-size:12px;
	color: #fff;
	margin-top:7px;
	margin-left:30px;
}


.meniu_left_center{
background: url(images/meniu_left_center.gif) repeat;
height:auto;
color:#0077c2;
font-family:Verdana;
font-size:12px;
}

.meniu_left_bottom{
background: url(images/meniu_left_bottom.gif) no-repeat;
height:23px
}

.meniu_left_center ul{
margin-left:30px;
width:660px;
overflow:auto;
overflow:hidden;
}

.meniu_left_center li{
padding-bottom:3px;
}

.meniu_left_center a{
text-decoration:none;
}
.meniu_left_center a:hover{
text-decoration:underline;
}



.bottom_1{
width:100%;
background:#0071b8;
height:auto;
overflow:auto;
}

.bottom_1_center{
text-align:left;
margin:0 auto;
width:950px;
height:auto;
padding:3px;
}

.bottom_1_center ul{
font: normal 11px Verdana;
margin:0;
padding: 0;
color:#fff;
line-height:19px;
list-style: none;
}
.bottom_1_center a{
text-decoration: none;
background: url(images/text_dots.gif) repeat-x 100% 100%;
padding-bottom: 4px;
color:#fff;
white-space: nowrap;

}


.bottom_2{
width:100%;
background:#0096f5;
height:auto;
}

.bottom_2_center{
text-align:left;
margin:0 auto;
width:950px;
padding:3px;
}

.bottom_2_center p{
margin:0px;
padding:0px;
_margin-top:2px;
color:#fff;
line-height:14px;
font-weight:normal;
}

.imagine_tab{
position:absolute;
margin:0px;
padding:0px;
margin-top:-13px;
margin-left:0px;
_margin-left:-181px;
_margin-top:-9px;
}


/*################################### TABS ZONE ########################################### */

UL.tabNavigation {
    list-style: none;
    margin: 0;
    margin-top:-3px;
    padding: 0;
    margin-left:19px;
    height:34px;
}

UL.tabNavigation LI {
    float:left;
	width:auto;
	height:34;
	background:#fff;
	margin:0;
	padding:0;
}

UL.tabNavigation LI A {
    color: #000;
	line-height:38px;
    text-decoration: none;
    font-weight: bold;
	background: url(images/tabsmall.gif) repeat-x left bottom;
}

UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover {
	line-height:38px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
	background: url(images/tabsmall1.gif) repeat-x left bottom;
}
/*
UL.tabNavigation LI A:focus {
	outline: 0;
}
*/

.atab1_ro,.atab1_ro:hover,.atab2_ro,.atab2_ro:hover {
    padding-left:33px;
    padding-right:37px;
    padding-top: 13px;
    padding-bottom: 9px;
    _padding-bottom: 11px;
}

.atab3_ro,.atab3_ro:hover {
    padding-left:30px;
    padding-right:30px;
    padding-top: 13px;
    padding-bottom: 9px;
    _padding-bottom: 11px;
}

.atab1_en,.atab1_en:hover {
    padding-left:26px;
    padding-right:30px;
    padding-top: 13px;
    padding-bottom: 9px;
    _padding-bottom: 11px;
}

.atab2_en,.atab2_en:hover{
    padding-left:29px;
    padding-right:30px;
    padding-top: 13px;
    padding-bottom: 9px;
    _padding-bottom: 11px;
}

.atab3_en,.atab3_en:hover {
    padding-left:35px;
    padding-right:38px;
    padding-top: 13px;
    padding-bottom: 9px;
    _padding-bottom: 11px;
}

.atab1cv_ro,.atab1cv_ro:hover{
    padding-left:30px;
    padding-right:34px;
    padding-top: 13px;
    padding-bottom: 9px;
    _padding-bottom: 11px;
    font-size:12px;
}
.atab1cv_en,.atab1cv_en:hover{
    padding-left:33px;
    padding-right:37px;
    padding-top: 13px;
    padding-bottom: 9px;
    _padding-bottom: 11px;
    font-size:12px;
}



div.tabs > div,div.tabs_cv > div {
	padding: 0px;
	margin-top: 3px;
}

div.tabs > h2,div.tabs_cv > h2 {
	margin-top: 0;
	color: #fff;
	font-size:16px;
	font-weight:bold;
}


div.tabs {
    width:714px;
}


div.tabs_cv {
	width:100%;
}

#candidati {
    background: #0077c2 url(images/tabs_background.gif) repeat-x left bottom;
}

#companii {
    background: #0077c2 url(images/tabs_background.gif) repeat-x left bottom;
}

#despre-noi {
    background: #0077c2 url(images/tabs_background.gif) repeat-x left bottom;
}

#cv {
    background: #0077c2 url(images/tabs_background.gif) repeat-x left bottom;
}

.waste {
	min-height: 1000px;
}


#tabs_bg{
	margin-top:-2px;
}

#tabs_bg h2{
margin-left:185px;
color:#fff;
font-weight:bold;
font-size:12px;
font-family:Verdana;
}

.tabs_img{
margin-top:-20px;
position:absolute;
margin-left:15px;
padding:0px;
_margin-left:-180px;
}

.tabs_button{
margin-top:130px;
position:absolute;
margin-left:560px;
padding:0px;
_margin-left:375px;
}

.roundtop {
	background: url(images/tabs_top_right.gif) no-repeat top right;
}

.roundbottom {
	background: url(images/tabs_bottom_right.gif) no-repeat bottom right;
}

img.corner {
   width: 21px;
   height: 20px;
   border: none;
   display: block !important;
}

/*############################ JCarousel ####################################*/

/**
 * This <div> element is wrapped by statically around the list
 * inside the HTML document.
 */
.jcarousel-scope {
    position: relative;
    width: 585px;
    -moz-border-radius: 10px;
    background: #ffffff;
    padding: 20px 40px;
    margin-left:25px;
}

/**
 * Similar styles will be applied by jCarousel. But we additionally
 * add it here for better displaying with browsers having
 * javascript disabled.
 */
.jcarousel-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.jcarousel-list li {
    float: left;
    list-style: none;
    margin-right: 10px;
}

/**
 * The button-elements are added statically in the HTML document
 * to illustrate how to cutomize the prev/next controls.
 *
 * We set display:none to hide them from browsers having
 * javascript. jCarousel will show them automatically.
 */
.jcarousel-next {
    position: absolute;
    top: 45px;
    right: 5px;
    cursor: pointer;
}

.jcarousel-next-disabled {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}

.jcarousel-prev {
    position: absolute;
    top: 45px;
    left: 5px;
    cursor: pointer;
}

.jcarousel-prev-disabled {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}

/*################################ Pagination ################################*/


.pagination{
width:715px;
text-align:center;
margin-top:15px;
height:40px;
}

.pagination ul{
text-align:center;
margin: 0;
padding: 0;
font-size: 16px;
height:40px;
}

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

.pagination a, .pagination a:visited{
padding: 0 6px;
border: 1px solid #e2e2e2;
text-decoration: none;
color: #2e6ab1;
font-size:11px;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #fff;
color: #000;
background-color: #fff;
font-size:11px;
}

.pagination li.currentpage{
background-color: #0096f5;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
padding-left:7px;
padding-right:7px;
font-size:11px;
margin-left:10px;
}

.pagination a.prevnext, a.prevnext:hover {
padding: 0 6px;
border: 1px solid #fff;
text-decoration: none;
color: #2e6ab1;
font-size:11px;
}

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

#li_judete{
float:left;
width:330px;
}

#li_categories:hover{
background: url('images/dot.gif') no-repeat left bottom;
}

#li_judete:hover{
background: url('images/dot.gif') no-repeat left bottom;
}

/*Buttons GRAY ############################################################### */

a.boldbuttons{
background: transparent url('images/button1_bg_corner.png') no-repeat top left;
display: block;
float: left;
font: bold 12px Verdana;
line-height: 14px;
height: 22px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
color: #0077c2;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: #0077c2; /*button text color*/
}

a.boldbuttons span{
float: left;
background: transparent url('images/button1_bg_all.png') no-repeat top right;
display: block;
padding: 3px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
color: #0077c2;
font: bold 12px Verdana;
}

a:hover.boldbuttons{ /* Hover state CSS */
color: #5096c3;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
float:left;
margin:0px;
padding:0px;
}

/*Buttons GREEN ############################################################### */

a.boldbuttons2{
background: transparent url('images/button2_bg_corner.png') no-repeat top left;
display: block;
float: left;
font: bold 12px Verdana;
line-height: 14px;
height: 22px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
color: #fff;

}

a:link.boldbuttons2, a:visited.boldbuttons2, a:hover.boldbuttons2, a:active.boldbuttons2{
color: #fff; /*button text color*/
}

a.boldbuttons2 span{
float: left;
background: transparent url('images/button2_bg_all.png') no-repeat top right;
display: block;
padding: 3px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
color: #fff;
font: bold 12px Verdana;
}

a:hover.boldbuttons2{ /* Hover state CSS */
color: #fff;
}

.buttonwrapper2{ /* Container you can use to surround a CSS button to clear float */
float:right;
margin:0px;
padding:0px;
}

/*Buttons ORANGE ############################################################### */

a.boldbuttons3{
background: transparent url('images/button3_bg_corner.png') no-repeat top left;
display: block;
float: left;
font: bold 12px Verdana;
line-height: 14px;
height: 22px; /* Height of button background height */
padding-left: 19px; /* Width of left menu image */
text-decoration: none;
color: #fff;

}

a:link.boldbuttons3, a:visited.boldbuttons3, a:hover.boldbuttons3, a:active.boldbuttons3{
color: #fff; /*button text color*/
}

a.boldbuttons3 span{
float: left;
background: transparent url('images/button3_bg_all.png') no-repeat top right;
display: block;
padding: 3px 10px 4px 6px; /*Set 10px to be equal or greater than'padding-left' value above*/
color: #fff;
font: bold 12px Verdana;
}

a:hover.boldbuttons3{ /* Hover state CSS */
color: #fff;
}

.buttonwrapper3{ /* Container you can use to surround a CSS button to clear float */
float:right;
margin:0px;
padding:0px;
}

/*Buttons ORANGE on white ############################################################### */

a.boldbuttons4{
background: transparent url('images/button4_bg_corner.png') no-repeat top left;
display: block;
float: left;
font: bold 12px Verdana;
line-height: 14px;
height: 22px; /* Height of button background height */
padding-left: 19px; /* Width of left menu image */
text-decoration: none;
color: #fff;

}

a:link.boldbuttons4, a:visited.boldbuttons4, a:hover.boldbuttons4, a:active.boldbuttons4{
color: #fff; /*button text color*/
}

a.boldbuttons4 span{
float: left;
background: transparent url('images/button4_bg_all.png') no-repeat top right;
display: block;
padding: 3px 10px 4px 6px; /*Set 10px to be equal or greater than'padding-left' value above*/
color: #fff;
font: bold 12px Verdana;
}

a:hover.boldbuttons4{ /* Hover state CSS */
color: #fff;
}

.buttonwrapper4{ /* Container you can use to surround a CSS button to clear float */
float:right;
margin:0px;
padding:0px;
}




/* ###################### FORM STYLE ################################ */


form {margin:0px;padding:0px;}

.msel{
		border: 1px solid #95ccef;
		padding: 2px;
		font-size: 12px;
		font-family: Verdana;
		width:200px;
		overflow:visible;
}

.theforminput{
		border: 1px solid #95ccef;
		padding: 2px;
		font-size: 12px;
		font-family: Verdana;
		width:200px;
		overflow:visible;
	}
.theforminput:focus{
		border: 1px solid #1c7cb9;
		padding: 2px;
		font-size: 12px;
		font-family: Verdana;
		width:200px;
		overflow:visible;
	}
textarea{
	border: 1px solid #95ccef;
	padding: 2px;
	font-size: 12px;
	font-family: Verdana;
	width:450px;
	height:100px;
	overflow:visible;
}
textarea:focus {
	border: 1px solid #1c7cb9;
	padding: 2px;
	font-size: 12px;
	font-family: Verdana;
	width:450px;
	height:100px;
	overflow:visible;
}

.publish-label {
	width: 190px;
	font-size: 12px;
	font-family: Verdana;
	font-weight:bold;
	padding-left:30px;
}

.the_table{
	margin-left:18px;
	text-align:left;
	width:95%;
}


.err_text{
	font-size: 11px;
	font-family: Verdana;
	color:#ff7800;
}

/* ############################################## */

.quick_search{
text-align:left;
margin-top:-113px;
float:right;
position:relative;
width:410px;
height:36px;
}

.quick_search ul{
display:inline;
}

.quick_search_li_left{
float:left;
height:36px;
width:80px;
background: url(images/search_bg_left.gif);
}

.quick_search_li_right{
float:left;
height:36px;
width:18px;
background: url(images/search_bg_right.gif);
}


.quick_search_li_center{
float:left;
height:36px;
width:311px;
background: url(images/search_bg_center.gif) repeat-x;
}


.quick_search_li_center ul{
display:inline;
width:311px;
}

.quick_search_li_input{
float:left;
margin-top:8px;
width:185px;
}

.quick_search_li_button{
float:left;
margin-top:8px;
_margin-top:8px;
width:110px;
}

.job_li_title{
width:680px;
height:30px;
}

.job_li_title ul{
margin:0px;
padding:0px;
}

.job_li_title_name{
width:450px;
padding-top:5px;
float:left
}

.job_li_title_button{
width:210px;
float:left;
text-align:right;
}


.job_li_blueline{
height:15px;
width:680px;
background: url(images/dotblue.gif) repeat-x;
}

.job_li_left_info{
float:left;
width:430px;
}

.job_li_left_info a{
margin:0px;
padding:0px;
}

.job_li_left_info ul{
margin:0px;
padding:0px;
width:420px;
}

.suggestion{
font-size:10px;
}

em.error {
  background:url("images/nok_ico_small.gif") no-repeat;
  padding-left: 17px;
  font-size:11px;
  font-style: normal;
  color:#ff7400;
}
em.success {
  background:url("images/ok_ico_small.gif") no-repeat;
  padding-left: 17px;
  font-size:11px;
  font-style: normal;
  color:green;
}
input.error { border: 1px solid #ff7400; }

.job_keywords_ul{
margin-top:0px;
width:650px;
height:20px;
}

.job_keywords_ul_li {
margin-top:20px;
margin-left:3px;
float:left;
text-align:center;
font-weight:bold;
width:20px;
height:20px;
font-size:16px;
border: 1px solid #e2e2e2;
}

.li_keywords {
width:220px;
float:left;

}