/**

 SIZE & POSITION

*/

#page {
width: 990px;
margin-left: -495px;
position: absolute;
left: 50%;
background-color: #ffffff;
}

#header {
height: 177px;
margin: 0px 16px 0px 16px;
clear: both;

background-image: url('../image/separator.gif');
background-repeat: repeat-x;
background-position: bottom left;
}

#logo, #logo a, #logo2, #logo2 a {
width: 483px;
height: 116px;
display: block;
margin-bottom: 10px;
}


#header .menu
{
position: absolute;
right: 20px;
top: 0px;
}


#header .menu .item
{
display: inline;
}


#header .menu .item a
{
display: inline-block;
height: 40px;
}


#header .menu .item
{
padding: 0px 0px 0px 17px;
}


.button {
background:url("../image/adminbgr.gif") repeat scroll 0 0 #2647A0;
border:1px solid #AAAAAA;
color:#FFFFFF;
font-weight:bold;
padding:1px 5px;
text-decoration:none;
}

/*----- gombok*/

#callToRegister
{
position: absolute;
right: 20px;
top: 50px;
}

#faceBook {
position: absolute;
right: 20px;
top: 90px;

}

#callToGetOrder {
margin-bottom: 10px;
margin-left: 60px;
}


#centerContentLeft .callToAction {
margin-left: 30px;
}

#centerContentReverse #centerContentLeft .callToAction {
margin-left: 50px;
margin-top: 10px;
margin-bottom: 5px;
}

 .callToActionLeft
{
display: inline-block;
padding: 0px 0px 0px 16px;
height: 55px;

background-image: url('../image/callToActionLeft.png');
background-repeat: no-repeat;
}


 .callToActionRight
{
display: inline-block;
padding: 0px 16px 0px 0px;
margin: 0px;
height: 55px;

background-image: url('../image/callToActionRight.png');
background-position: right top;
background-repeat: no-repeat;
}


 .callToActionShadow
{
display: inline-block;
background-position: 3px 1px;
margin: 0px -16px 0px -16px;

background-image: url('../image/callToActionShadow.png');
background-repeat: no-repeat;
background-position: 3px 1px;
}


 .callToActionShadow a
{
display: inline-block;
height: 55px;
padding: 0px 28px 0px 28px;

line-height: 55px;
text-decoration: none;
color: #ffffff;
font-size: 16px;
font-family: arial;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
}


 .callToActionBoxLeft
{
display: inline-block;
padding: 0px 0px 0px 16px;
height: 49px;
}


 .callToActionBoxRight
{
display: inline-block;
padding: 0px 16px 0px 0px;
margin: 0px;
height: 49px;
}


 .callToActionBoxShadow
{
display: inline-block;
background-position: 3px 1px;
margin: 0px -16px 0px -16px;
}


 .callToActionBoxShadowMask, .callToActionSeeShadowMask
{
display: inline-block;
}


 .callToActionBoxShadowMask a
{
display: inline-block;
height: 30px;
padding: 0px 27px 0px 27px;
}

 .callToActionBoxShadowMask button
{
display: inline-block;
height: 46px;
padding: 8px 27px 8px 27px;
margin: 0px 0px 0px 0px;
width:auto;
overflow:visible;
}



 .callToActionSeeLeft
{
display: inline-block;
padding: 0px 0px 0px 16px;
height: 30px;
}

 .callToActionSeeRight
{
display: inline-block;
padding: 0px 10px 0px 0px;
margin: 0px;
height: 30px;
}

 .callToActionSeeShadow
{
display: inline-block;
background-position: 3px 1px;
margin: 0px -16px 0px -16px;
}


 .callToActionSeeShadowMask a
{
display: inline-block;
height: 30px;
padding: 0px 27px 0px 27px;
}


 .callToActionSeeWhiteLeft, .callToActionOrangeLeft
{
display: inline-block;
padding: 0px 0px 0px 16px;
height: 30px;
}


 .callToActionSeeWhiteRight
{
display: inline-block;
padding: 0px 10px 0px 0px;
margin: 0px;
height: 30px;
}

 .callToActionOrangeRight
{
display: inline-block;
padding: 0px 10px 0px 0px;
margin: 0px;
height: 30px;
}


 .callToActionSeeWhiteShadow
{
display: inline-block;
background-position: 3px 1px;
margin: 0px -16px 0px -16px;
}

 .callToActionSeeWhiteShadowMask
{
display: inline-block;
}

 .callToActionSeeWhiteShadowMask a
{
display: inline-block;
height: 30px;
padding: 0px 27px 0px 27px;
}

 .callToActionSeeWhiteShadowMask button
{
display: inline-block;
height: 30px;
padding: 4px 27px 4px 27px;
width: auto;
overflow: visible;
}



 .newsLeft
{
display: inline-block;
padding: 0px 0px 0px 16px;
height: 54px;
}

 .newsRight
{
display: inline-block;
padding: 0px 16px 0px 0px;
margin: 0px;
height: 54px;
}

 .newsShadow
{
display: inline-block;
background-position: 3px 1px;
margin: 0px -16px 0px -16px;
}

 .newsShadow a
{
display: inline-block;
height: 54px;
padding: 0px 28px 0px 28px;
}

 .headerMenuLeft, .headerMenuLeft2
{
display: inline-block;
padding: 0px 0px 0px 16px;
height: 40px;
}

 .headerMenuRight, .headerMenuRight2
{
display: inline-block;
padding: 0px 16px 0px 0px;
margin: 0px;
height: 40px;
}

 .headerMenuShadow
{
display: inline-block;
background-position: 3px 0px;
margin: 0px -16px 0px -16px;
}

 .headerMenuShadow a
{
display: inline-block;
height: 40px;
padding: 0px 18px 0px 18px;
}

#slogan, #slogan2 {
margin-top: 10px;
height: 42px;
width: 958px;
}

#slogan .slogan {
height: 42px;
padding: 0px 0px 0px 16px;
display: block;
float: left;
width: 960px;
z-index: 1000;
}

#slogan .credits {
text-align: right;
display: block;
position: absolute; 
right: 20px;
margin-right: 10px;
color: #fff;
margin-top: 2px; 
}

#topContent {
position: relative;
height: 321px;
margin: 5px 16px 0px 16px
}

 #lists {
margin: 5px 16px 0px 16px
}

#seoPage {
display: block; 
clear: both; 
}

#seoPage #lists {
margin: 5px 16px 0px 16px;
display: block; 
}

 #popularBoxes {
position: relative;
height: 250px;
margin: 5px 16px 0px 16px
}

#centerContent, #centerContentReverse {
margin: 5px 16px 10px 16px;
clear: both;
padding-bottom: 5px;
}

#centerContentLeft {
width: 308px;
float: left;

}

#centerContentRight {
width: 630px;
float: left;
margin-left: 18px;
}

#centerContentReverse #centerContentLeft {
float: right;
margin-top: 5px;
}

#centerContentReverse #centerContentRight {
float: left;
margin-right: 18px;
margin-left: 0px;
margin-top: 5px;
}


 .greyBoxHalf {
width: 290px;
float: left;
height: inherit;
}

#displayCloseFinishedJobContainer {
width: 280px; 
margin-right: 10px; 
float: left;
height: inherit;
border-right: 1px solid #ccc; 
}

 .halfBox1, .halfBox2 {
height: inherit;
display: block;
float: left;
}

 .halfBox1 { width: 260px;}
 .halfBox2 {width: 330px;}
 
 

 .halfBox1 .greyBoxTextLeft , .halfBox1 .greyBoxTextRight {
width: 130px;
}

 .halfBox2 .greyBoxTextLeft {
width: 90px;
}

 .halfBox2 .greyBoxTextRight {
width: 230px;
}


 .offerInput, .offerSelect{
width: 190px;
}

 .offerInputDate {
width: 150px; 
}

 .offerInputBig {
height: 20px; width: 400px;
}

 .registrationInfoBox .offerSelect {
width: 278px;
}

#topContent #about .header {
padding: 0px;
}

#centerContentLeft .place, #centerContentLeft .info {
width: 308px;
float: left;
margin-bottom: 10px;
}

#centerContent.text, #centerContentReverse .text{
padding: 8px 8px 6px 8px;
}

#centerContentRight .text {
 padding-left: 0px;
 padding-right: 0px;
}

 .links .link a
{
padding-left: 15px;
margin-right: 5px;
display: block;float: left; 
}

#centerContentRight .box {
width: 630px;
clear: both;
padding-bottom: 10px;
margin-bottom: 5px;
}

#fullWidthContent {
width: 960px;
clear: both;
margin-left: 15px;
}

#fullWidthContent .box {
width: 960px;
clear: both;
margin-bottom: 15px;
}

#fullWidthContent .content {
padding: 12px 8px10px 8px;
line-height: 20px;
}

#fullWidthContent table .jobs, #centerContentRight table .jobs {
width: 100%;
}




table .jobs th, table .jobs td {
padding: 4px;
}

 .jobsList, .jobsListActual {
padding-bottom: 10px; 
	margin-bottom: 10px;
}

 .jobsListHeader {
margin-bottom: 1px;
	display: block;
	height: 28px;
}

 .jobsListHeader .jobsListNumber {
margin-left: 4px;
	display: inline-block;
	width: 450px; 
}

 .jobsListHeader .jobsListNumber input {
margin-right: 10px;
}


 .jobsListHeader .endedJobsNumber {
	display: none; 
margin-right: 5px;
}

 .jobsListLight, .jobsListDark{
margin-bottom: 1px;
padding: 4px 0px 4px 0px;
	display: block;
	clear: both;
	min-height: 50px;
}

#closedJob .jobsListLight, #closedJob .jobsListDark, #custHome .jobsListLight, #custHome .jobsListDark {
min-height: 25px;
}

 .jobsList img {
margin-bottom: -2px;
}

 .jobsList .jobsListData {
width: 180px;
float: left;
display: block;
	margin-left: 5px; 
}

 .jobsList .jobsListVoteBox {
	width: 310px;
float: left;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 2px;
	height: inherit;
}

 .jobsList .jobsListRight {
width: 110px;
float: right;
	padding-left: 5px;
	display: block; 
	margin-right: 5px; 
}

 .jobsList .jobsListRight img { 
 margin: 3px; 
 width: 45px; 
 height: 45px; 
 }

 .jobsList .jobsListNick, .jobsList .jobsListPhoneNumber, .jobsList .jobsListVote {
display: block;
clear: both;
}

.jobsListVote {
font-style: italic;
}

 .jobsList .jobsListPhone {
display: block;
clear: both;
width: 20px;
height: 22px;
}


 .jobsList .jobsListOfferDone {
display: block; 
}

 .jobsList .jobsListPhoneNumber {
width: 140px;
}

 .jobsList .jobsListMap {
display: block;
clear: both;
margin-top: 10px;
}

#centerContentLeft .filtrationName {
display: inline-block;
width: 90px;
}

#centerContentLeft .serchMiniBoxLeft {
display: block;
float: left; 
width: 90px;
	margin-bottom: 10px;
}

#centerContentLeft .serchMiniBoxRight {
display: block;
float: left; 
width: 160px;
	padding-left: 10px; 
	margin-bottom: 8px; 
}

#centerContentLeft ul.filtrationNameList {
display: inline-block;
}

#centerContentRight #offerBox {
background: url(../image/offerbox.png) no-repeat bottom left #fff;
}

#about, #search, #popular
{
width: 470px;
position: absolute;
}

#professions, #locations {
width: 470px; 
display: block; 

}

#homePage #professions {
float: left; 
}

#youtube {
float: right; 
display: block; 
}

#homePage #locations {
float: left; 
margin-top: 10px; 
}

#seoPage #popular,#seoPage#professions, #professions {
float: left; 
}

#seoPage #about, #seoPage#locations, #locations {
float: right; 
}





#seoPage #about .box,#seoPage #popular .box {
height: 235px; 
}

#professions, #locations, #popular, #about {
display:block;
margin-bottom:10px;
}

#lists #professions .box , #lists #locations .box {
clear:both;
float:none;
margin:4px;
}

 .boxSlicer {
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
}

#about .homePageAbout
{
padding: 10px;
line-height: 22px;
}


#search, #professions, #popular
{
left: 0px;
}


#about, #locations
{
right: 0px;
}


#topContent .header, #lists .header, #popularBoxes .header, #centerContent .header, #centerContentReverse .header
{
line-height: 28px;
}


#topContent .box
{
height: 304px;
}


#about .callToAction
{
position: absolute;
width: 470px;
bottom: 15px
}

#search .callToAction
{
position: absolute;
width: 230px;
bottom: 15px;
left: 20px;
}

#search .form
{
width: 230px;
padding: 10px 20px 0px 25px;
}


#search .form .label, #search .form .select
{
display: block;
}

#search .form .select select
{
width: 200px;
}

#search #county, #jobType
{
height: 24px; 
line-height: 20px;
}


#search .professionCounter
{
position: absolute;
right: 40px;
top: 80px;
width: 160px;
}


#topContent #about .box {
margin: 0px;
padding: 0px;
}

#popular .box, #about .box {
clear:both;
float:none;
margin:4px;
}

#about .inner {
	padding: 8px; 
	line-height: 18px;
}

#popular .popularList {
margin: 10px;
}

#popular .popularListItem {
margin-right: 10px;
display: inline-block;
line-height: 22px;
}

#search .professionCounter .legend, #search .professionCounter .number
{
display: block;
}

#search .professionCounter .number {
margin: 23px 0px 0px 0px;
height: 67px;
}

#steps {
height: 185px;
margin: 0px 16px 0px 16px;
}

#steps .step {
display: inline;
}

#steps .step a {
display: inline-block;
width: 236px;
height: 185px;
}


#newsInner{
min-height: 203px;
}


#news .header {
padding: 10px 0px 0px 40px;
}


#news .news {
padding: 12px 0px 28px 0px;
margin-left: 45px; 
width: 800px; 
}

#news .news .item {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 740px;
border-bottom: 1px dotted #cdcdcd; 
}

#news .news .item .date {
margin-right: 10px; 
font-size: 12px;
width: 120px; 
display: block;
float: left; 
border-right: 1px dotted #cdcdcd; 
}

#news .new {
 display: block; 
width: 600px; 
float: left; 
}

#lists .links, #centerContent .links, #popular .links, #centerContentReverse .links {
padding: 5px 0px 10px 8px;
}

#footer {
margin: 5px 16px 0px 16px;
padding: 0px 0px 5px 0px;
}

#footer .company {
height: 38px;
line-height: 38px;
padding: 0px 0px 0px 10px;
color: #fff;
}

#footer .company a, #footer .company, .infoLeft a{
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	letter-spacing:3px;
}


 .registrationInfoBox {
margin-bottom: 10px;
}

 .loginBox {
margin-top: 10px;
margin-bottom: 10px;
}

#regLogin {
margin-top: 0px;
}

#fullWidthContent .registrationInfoBox .text, .registrationInfoBox .text{
margin: 4px;
}

#centerContentLeft .textAlignCenter{
margin: 5px;
}

#fullWidthContent .registrationInfoBox {
margin-top: 5px;
}

#centerContentLeft .registrationInfoBox .text .regInput, 
#centerContentRight .registrationInfoBox .text .regInput, 
#centerContentLeft .registrationInfoBox .text .regInputError, 
#centerContentRight .registrationInfoBox .text .regInputError, 
#centerContentLeft .loginBox .text .regInput, 
#centerContentRight .loginBox .text .regInput, 
#centerContentLeft .loginBox .text .regInputError
{
width: 275px;
}



.regInput2 {
width: 180px !important; 

}

#centerContentLeft .registrationInfoBox .text .callToAction {
margin-left: 50px;
}

#centerContentRight .registrationInfoBox .callToAction {
margin-left: 215px;
}

 .callToActionProfile {
margin-top: 20px;
margin-left: 20px;
}

#centerContentLeft .loginBox .text, #centerContentRight .loginBox .text {
margin: 4px;
padding: 5px;
}

#centerContentLeft .loginBox .text .callToAction {
	margin-left: 180px;
}

#centerContentRight .registrationErrorBox, #centerContentLeft .registrationErrorBox {
margin-top: 10px;
width: inherit;
}

#centerContentRight .registrationErrorBox .text, #centerContentLeft .registrationErrorBox .text{
margin: 4px;
padding: 4px;
}

.floatKiller {
clear: both;
	display: block; 
	height: 1px;
}

 .floatKillerBig {
clear: both;
	display: block; 
	height: 30px;
}

 .adsense {
display: block;
width: 286px;
clear: both;
margin-bottom: 10px;
padding: 10px;
}


 .registrationTitle, .registrationText {
padding: 10px;
display: block;
}


 .registrationErrorInfo {
width: 32px;
height: 32px;
	display: block; float: left; margin-right: 10px; 
}

 .registrationErrorInfoText {
margin-top: 10px;
display: block;
}


 .jobListOfferPrice {
display: inline-block;
width: 100px;
}


 .jobListOfferThird {
display: inline-block;
width: 150px;
}

 .jobsListHeader .closedWinMaster {
display: inline-block;
width: 160px;
}


 .jobsListLight .closedWinMaster , .jobsListDark .closedWinMaster, .jobsListActual .closedWinMaster {
display: inline-block;
width: 150px;
}

#masterChangeInfo .greyBoxTextLeftOpinion {
margin-left: 0px; 
}

 #masterChangeInfo .greyBoxTextLeft {
 width: 130px;
 float: left;
}

 #masterChangeInfo .greyBoxTextRight {
 width: 150px;
 float: left;
}

#masterChangeInfo .infoBox {
width: 285px;
float: left;
margin-right: 10px; 
line-height: 28px;
margin-bottom: 10px; 
}


#masterChangeInfo .infoBox5 {
clear: both; 
text-align: right;
margin-right: 186px; 
}

#masterChangeInfo .infoBox7 {
width: 600px;
line-height: 28px;
margin-top: 20px; 
padding-bottom: 10px; 

}

#masterChangeInfo .jobsImageHolder {
width: 90px;
height: 110px;
float: left;
margin-right: 17px;
margin-bottom: 10px;
}

#masterChangeInfo .jombsImage {
width: 80px;
height: 80px;
margin: 5px 5px 0px 5px;
clear: both; 
}



#masterChangeInfo .jobsImageDelete {
width: 16px;
height: 16px;
display: block;
margin-left: 0px; 
margin-left: 70px; 

}

#masterChangeInfo #description { 
border: 1px solid #B1D7EC; 
width: 290px; 
height: 110px;
}




 .jobsListHeaderName {
 margin-bottom: 5px;
}

 .foundedMasterButton {
 margin-top: 34px;
 display: block;
}


 .greyBoxTextRightValuationValue {
 display: block;
 width: 75px;
 float: left;
}

 .tools {
 width: 83px;
 height: 64px;
 position: absolute;
 right: 5px;
 top: 170px;
}


 .opinionStar {
	margin-right: 2px;
	display: block;
	width: 17px;
	height: 16px;
	float: left;
}

 .opinionGreyStar {
	margin-right: 2px;
	display: block;
	width: 17px;
	height: 16px;
	float: left;
}

 .opinionHalfStar {
	display: block;
	width: 17px;
	height: 16px;
	float: left;
	margin-right: 2px;
}

 .userJobsName {
display: inline-block;
width: 420px;
margin-left: 5px; 
}

 .userJobsDoneName {
display: inline-block;
width: 300px;
margin-left: 5px; 
}

 .userJobsDone {
display: inline-block;
width: 80px;
text-align: right;
}

 .userJobsDoneMode {
display: inline-block;
width: 220px;
padding-left: 5px; 
}

.jobsDone {
color: #206D8E;
font-size: 14px;
font-weight: bold; 
}

 .userJobsInterest {
 display: inline-block;
 width: 100px;
}

 .userJobsNameLink {
font-weight: bold;
}

 .userJobsInterestLink, .readMore {
text-decoration: none;
}

 .userJobsDeleteLink {
text-decoration: none;
}



 .greyBoxTextLeft {
display: block;
width: 180px;
float: left; 

}

 .greyBoxTextRight {
display: block;
float: left; 
width: 400px; 

}

#builderReg .greyBoxTextLeft {
display: block;
width: 100px;
float: left; 
}

#builderReg .error{ 
display: block; 
float: left; 
/*width: 190px; */
padding: 2px; 
}

#builderReg span .error .regInputError{ 

border: none; 
 background: url('../image/errorBg.png') transparent no-repeat;
display: block; 
width: 210px !important; 
height: 22px;
padding-left: 20px; 
}

#advice .greyBoxTextRight {
line-height:30px;
text-align: left;
}

#advice .greyBoxTextLeft {
line-height:30px;
}

#advice .offerInputTextArea {
position: static;
width: 400px; 
height: 80px; 
margin-top: -5px; 
}

 .advice {
border-bottom: 1px solid #ddd; 
padding: 5px; 
margin-bottom: 5px; 
}

 .adviceName, .adviceType{
width: 50%; 
display: block; 
float: left; 
font-weight: bold; 
background: #EBF7FE; 
color: #236A98;
border-bottom: 1px solid #CCE5F4; 
}

 .adviceText {
clear: both; 
color: #236A98;
}


#continue .greyBoxTextRight {
display: block;
float: left; 
width: 250px; 
margin-bottom: 5px;
text-align: right;

}

#continue .callToAction {
display: block; 
clear: both; 
padding-top: 20px; 

margin-right: 30px; 
margin-bottom: 20px; 
}

#continue .offerInputTextArea {
position: static;
}

#continue #jobOfferDeadLine, #continue #jobDeadLine {
margin-right: 0px; 
}


 .jobHomeMap {
width: 200px; 
height: 200px; 
display: block; 
float: right; 
}

 .registrationInfoBox .greyBoxTextLeft {
display: inline-block;
width: 250px;
float: left;
margin-bottom: 5px;
margin-left: 10px;
}

 .registrationInfoBox .greyBoxTextRight {
display: inline-block;
width: 290px;
margin-bottom: 5px;
}

 .valuationInput {
width: 300px;
height: 150px;
}

 .valuationInputSmall {
width: 590px;
height: 16px;
padding: 2px;
}

 .greyBoxTextLeftOpinion {
clear: both;
display: block; 
margin-bottom: 5px; 
background: #ebf7fe; 
border-bottom: 1px solid #cce5f4; 
padding-left: 3px; 
}

 .registrationInfoBox .greyBoxTextLeftOpinion {
clear: both;
display: block; 
padding-left: 10px; 
margin-bottom: 0px; 
background: #ebf7fe; 
}


 .greyBoxTextLeftOpinionBlack {
padding-bottom: 5px;
clear: both;
}

 .userChangeInfo {
padding: 2px;
width: 150px; 
position: absolute; 
}

.ac_input {
padding: 2px;
width: 150px; 

}

 .userChangeInfoSmall {
padding: 2px;
width: 70px;
}

 .jobsImageHolder {
width: 130px;
height: 160px;
float: left;
margin-right: 17px;
margin-bottom: 10px;
}

 .jombsImage {
width: 120px;
height: 130px;
margin: 5px 5px 0px 5px;
}

 .jobsImageHolderSmall {
width: 90px;
height: 90px;
float: left;
margin-right: 5px;
}



.jobsImageSmallPictureHolder {
display: block;
clear: both;
width: 260px;
margin-left: 7px;
}

.jobsImageSmallPictureHolder .jobSmallPic {
width: 50px;
height: 50px;
margin: 5px 5px 5px 7px;
}

 .masterImages {
width: 120px;
display: inline-block;
}

 .masterImageLink {
margin-top: 10px;
display: inline-block;
height: 18px;
padding: 0 5px 0 5px;
margin-right: 3px;
}


 .jombsImageSmall {
width: 80px;
height: 80px;
margin: 5px 5px 5px 5px;
}

 .jobsImageDelete {
width: 16px;
height: 16px;
display: block;
margin-left: 108px;
}

 .jobsImageText {
display: block;
clear: both;
padding-top: 10px;
}

 .masterInfoBox {
display: block;
width: 270px;
}

 .masterInfoBoxName, .masterInfoBoxPhone1, .masterInfoBoxPhone2 {
display: block;
padding-left: 25px; 
background:transparent url(../image/phone.png) no-repeat scroll 0 0;
}

 .masterInfoBoxWeb, .masterInfoBoxEmail {
display: block;
padding-left: 25px;
}

 .offerComment {
display: block;
clear: both;
width: 600px;
margin-left: 5px;
padding-top: 5px; 
}

 .offerPrice {
display: block;
width: 90px;
line-height: 20px;
float: left;
}

 .offerDate {
display: block;
width: 90px;
float: left;
}

 .offerAccept {
display: block;
width: 150px;
float: left;
}

 .offerName {
display: block;
width: 320px;
float: left;
margin-bottom: 3px;
}

 .questionName {
display: inline-block;
width: 300px;
}

 .questionDate {
display: inline-block;
width: 100px;
padding-left: 5px;
}

 .questionValue {
display: inline-block;
width: 150px;
padding-left: 5px;
}

 .questionNewReply {
display: inline-block;
width: 55px;
}

 .questionReply {
display: inline-block;
padding-left: 5px;
}

 .questionText {
border-top: 1px solid #ccc;
clear: both;
display: block;
font-weight: bold;
}

 .questionTextReply {
display: block;
}

#questionTextReply {
width: 600px;
height: 100px;
}

 .selectClose {
margin-top: 5px;
margin-bottom: 10px;
}

 .jobsListHeader .activeOfferDoneRate, .jobsListHeader .activeOfferWonSee, .jobsListLight .activeOfferWonSee, .jobsListDark .activeOfferWonSee, .jobsListActual .activeOfferWon, .jobsListHeader .activeOfferWon, .jobsListHeader .activeOfferWonSee, .jobsListHeader .activeOfferWonSee, .jobsListHeader .activeOfferDoneRate {
display: inline-block;
width: 100px;
}


 .jobsListLight .activeOffer, .jobsListDark .activeOffer, .jobsListActual .activeOffer, .jobsListLight .activeOfferDoneRate, .jobsListDark .activeOfferDoneRate, .jobsListActual .activeOfferDoneRate { 
display: inline-block;
width: 100px;
margin-left: 5px;
}


 .activeOfferEndDate {
display: inline-block;
width: 150px;
}


 .jobsListLight .activeOfferWonSee, .jobsListDark .activeOfferWonSee, .jobsListHeader .activeOfferDoneEndDate, .jobsListLight .activeOfferDoneEndDate , .jobsListDark .activeOfferDoneEndDate, .jobsListActual .activeOfferDoneEndDate {
display: inline-block;
width: 200px;
}

 .jobListOfferName {
display: inline-block;
width: 200px;
margin-left: 5px; 
}

 .jobsListLight .activeOfferDoneName, .jobsListDark .activeOfferDoneName, .jobsListActual .activeOfferDoneName {
display: inline-block;
width: 300px;
}

 .jobsListHeader .activeOfferDoneName {
margin-left: 5px; 
}


#centerContentLeft #city {
width: 150px;
}

#centerContentLeft #jobType, #centerContentLeft #county {
width: 155px; 
}

#lost-pass-container {
margin-top: 5px;
}

 .professionList {
display: block; 
margin-right: 10px; 
}

 .userMenu {
padding-left: 3px;
}

 .userMenu li, .userMenu li:hover {
padding-top: 3px;
height: 30px;
}

 .userMenu .myJobsActive a, .userMenu .myOffersActive a, .userMenu .closedJobsActive a, .userMenu .profileDataActive a, .userMenu .goodOpinionActive a, .userMenu .myOffers a, .userMenu .closedJobs a, .userMenu .profileData a, .userMenu .goodOpinion a, .userMenu .myJobs a, .userMenu .logOut a{
padding-left: 30px; 
display: block; 
height: 24px;
}


 .userMenu .inProgress, .userMenu .myMoney, .userMenu .inProgressActive, .userMenu .myMoneyActive {
padding-left: 30px; 
}



 .jobsImageDelete {
width: 16px;
height: 16px;
}

 .masterInfoBoxName {
padding-left: 25px; 
}

 .offerName {
margin-bottom: 3px;
margin-left: 5px; 
}


 .buttonRightSide {
 margin-right: 20px;
}

 .buttonAtRight {
 display: block;
 margin-left: 192px;
}

#usersJobPage .buttonAtRight {
 display: block;
 margin-left: 182px;
 margin-bottom: 10px; 
}

 .buttonInHeader {
 float: right;
 margin-top: -25px;
 margin-right: 20px;
}

 .b {
	display: block;
	padding-left: 1px;
	padding-right: 1px;
}
 .b b {
	height: 20px;
	display: block;
}
 .b b input {
	width: 100%;
	cursor: pointer;
	padding-top: 2px;
}


 .b .ia b input {
	padding-left: 18px;

}
 .b .w100 b, .b .w100 {
	width: 98px;
}

 .b .spec {
	width: 188px;
	height: 93px;
}

 .b .spec b input {
	height: 93px;
}


#searchInfo {
display: none;
padding: 5px 20px 5px 2px;
z-index: 1000;
position:absolute;
width:167px;
z-index:1000;
left:265px;
margin-top: 5px; 
}

 .searchInfoIndex {


cursor: default;
}

 .searchInfoIndexX {
position: absolute;
top: 210px;
left: 440px;
font-weight: bold; 
z-index: 1000;
color: #fff;
display: none; 
cursor: pointer;
}

 .searchInfoIndexBubi {
position: absolute;
display: none; 
top: 235px;
left: 220px;
width: 47px; 
height: 39px; 
background: url('../image/errorMainBubi.png') transparent; 

}

 .searchInfoSubPage {
width: 144px;
position: absolute;
left: 930px;
top: 220px;
}

#mapCanvasSearch {
width: 280px;
height: 250px;
	margin-left: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#demonstrator {
display: none;
	margin-top: -2px;
}

 .professionLayer {
display: none;
	position: absolute;
	width: 200px;
	padding: 3px;
	margin-top: 30px; 
	z-index: 1000;
}

#helperBox {
margin-top: 200px; 
}

#questionTextReplyNewQuestion {
margin-bottom: 10px; 
}



 .jobMsgQuote {
margin: 0px 10px 0px 10px; 
padding: 4px; 
}

 .jobMsgAuthor {
display: block; 
float: left; 
width: 495px; 
height: 22px;
}

 .jobMsgTime {
font-weight: normal; 
display: block; 
float: right; 
width: 70px; 
height: 22px;
}

 .profJobTypesContainer {
display:block;
padding-left:15px;
margin-left: 25px; 
}

#newInputButton {
display: block; 
margin-top: 4px; 
padding: 2px; 
width: 150px; 
height: 16px;
}

#city {
width: 198px; 
}


/*

 TYPO & DESIGN

*/
body
{
font-family: Arial, sans-serif;
font-size: 12px;
background-color: #e9e9e9;
}


 .inp {
border: 1px solid #B1D7EC;
padding: 2px;
}

 .displayNone {
display: none;
}

a {
color: #257EA4;
}


#logo a
{
background-image: url('../image/logo.jpg');
background-repeat: no-repeat;
text-indent: -10000px;

}

#logo2 a
{
background-image: url('../image/logo2.jpg');
background-repeat: no-repeat;
text-indent: -10000px;

}
#about p
{
line-height: 23px;
}


 .newsLeft
{
background-image: url('../image/newsLeft.png');
background-repeat: no-repeat;
}
 .newsRight
{
background-image: url('../image/newsRight.png');
background-position: right top;
background-repeat: no-repeat;
}
 .newsShadow
{
background-image: url('../image/newsShadow.png');
background-repeat: no-repeat;
background-position: 3px 1px;
}
 .newsShadow a
{
line-height: 54px;
text-decoration: none;
color: #ffffff;
font-size: 30px;
font-family: "Arial Black", arial;
letter-spacing: 1px;

}

 .headerMenuLeft
{
background-image: url('../image/headerMenuLeft.png');
background-repeat: no-repeat;
}

 .headerMenuRight
{
background-image: url('../image/headerMenuRight.png');
background-position: right top;
background-repeat: no-repeat;
}

 .headerMenuLeft2
{
background-image: url('../image/headerMenuLeft2.png');
background-repeat: no-repeat;
}

 .headerMenuRight2
{
background-image: url('../image/headerMenuRight2.png');
background-position: right top;
background-repeat: no-repeat;
}


 .headerMenuShadow
{
background-image: url('../image/headerMenuShadow.png');
background-repeat: no-repeat;
}
 .headerMenuShadow a
{
line-height: 36px;
text-decoration: none;
color: #ffffff;
font-size: 14px;
font-weight: bold;
word-spacing: 3px;
font-family: arial;
}
 .callToActionBoxLeft
{
background-image: url('../image/callToActionBoxLeft.png');
background-repeat: no-repeat;
}
 .callToActionBoxRight
{
background-image: url('../image/callToActionBoxRight.png');
background-position: right top;
background-repeat: no-repeat;
}
 .callToActionBoxShadow
{
background-image: url('../image/callToActionBoxShadow.png');
background-repeat: no-repeat;
}
 .callToActionBoxShadowMask
{
background-image: url('../image/callToActionBoxShadowMask.png');
background-repeat: no-repeat;
background-position: right top;
}
 .callToActionBoxShadowMask a
{
line-height: 46px;
text-decoration: none;
font-family: "Arial Black", arial;
font-size: 19px;
font-family: "Arial Black", arial;
text-transform: uppercase;
color: #ffffff;
}

 .callToActionBoxShadowMask button
{
line-height: 19px;
text-decoration: none;
font-family: "Arial Black", arial;
font-size: 19px;
font-family: "Arial Black", arial;
text-transform: uppercase;
color: #ffffff;
background-color: transparent;
border: 0px;
}

 .callToActionSeeLeft
{
background-image: url('../image/callToActionSeeLeft.png');
background-repeat: no-repeat;
}
 .callToActionSeeRight
{
background-image: url('../image/callToActionSeeRight.png');
background-position: right top;
background-repeat: no-repeat;
}
 .callToActionSeeShadow
{
background-image: url('../image/callToActionSeeShadow.png');
background-repeat: no-repeat;
}
 .callToActionSeeShadowMask
{
background-image: url('../image/callToActionSeeShadowMask.png');
background-repeat: no-repeat;
background-position: right top;
}
 .callToActionSeeShadowMask a
{
line-height: 30px;
text-decoration: none;
font-family: "Arial Black", arial;
font-size: 14px;
font-family: "Arial Black", arial;
text-transform: uppercase;
color: #ffffff;
}

 .callToActionSeeWhiteLeft
{
background-image: url('../image/callToActionSeeWhiteLeft.png');
background-repeat: no-repeat;
}

 .callToActionOrangeLeft
{
background-image: url('../image/callToActionOrangeLeft.png');
background-repeat: no-repeat;
}

 .callToActionSeeWhiteRight
{
background-image: url('../image/callToActionSeeWhiteRight.png');
background-position: right top;
background-repeat: no-repeat;
}

 .callToActionOrangeRight
{
background-image: url('../image/callToActionOrangeRight.png');
background-position: right top;
background-repeat: no-repeat;
}

 .callToActionSeeWhiteShadow
{
background-image: url('../image/callToActionSeeWhiteShadow.png');
background-repeat: no-repeat;
}
 .callToActionSeeWhiteShadowMask
{
background-image: url('../image/callToActionSeeWhiteShadowMask.png');
background-repeat: no-repeat;
background-position: right top;
}
 .callToActionSeeWhiteShadowMask a
{
line-height: 30px;
text-decoration: none;
font-family: "Arial Black", arial;
font-size: 14px;
font-family: "Arial Black", arial;
text-transform: uppercase;
color: #ffffff;
}

 .callToActionSeeWhiteShadowMask button
{
line-height: 14px;
text-decoration: none;
font-family: "Arial Black", arial;
font-size: 14px;
font-family: "Arial Black", arial;
text-transform: uppercase;
color: #ffffff;
background-color: transparent;
border: 0px;
}

 .seeItLink {
text-decoration: underline;
color: #236A98;
}

 .seeItLink:hover {
text-decoration: underline;
color: #236A98;
background: #96CEEB;
}

 .listLink {
color: #216E90;
}

 .listLink:hover {
	color: #216E90;
	background: #96ceeb;
}

 .creditsLink, .jobsListActive .listLink, .jobsListActive .jobsListPhoneNumber, .jobsListActive .jobsListVote, .jobsListActive .jobsListOfferDone {
color: #fff;
}


 .jobsListActive .listLink:hover {
	color: #fff;
	background: #96ceeb;
}


 .placeOrderLink {
text-decoration: underline;
font-style: italic;
color: #236A98;
}

 .placeOrderLink:hover{
background: #96CEEB;
}

#slogan
{
background-image: url('../image/pgname.gif');
}

#slogan2
{
background-image: url('../image/adminbgr.gif');
}

#slogan .slogan
{
line-height: 40px;
color: #ffffff;
font-weight: bold;
font-size: 18px;
font-family: arial;
letter-spacing: 1px;
}

#slogan .credits
{
line-height: 40px;
color: #ffffff;
font-weight: bold;
font-size: 14px;
font-family: arial;
letter-spacing: 1px;
}

#slogan .slogan a
{
line-height: 40px;
color: #f5f5f5;
font-weight: bold;
font-size: 16px;
font-family: arial;
letter-spacing: 1px;
text-decoration: none;
}

#slogan .credits a
{
line-height: 40px;
color: #f5f5f5;
font-weight: bold;
/*font-size: 16px;*/
font-family: arial;
letter-spacing: 1px;
text-decoration: none;
}

#professions, #locations {
border:1px dotted #CCCCCC;
}

#lists #professions .box , #lists #locations .box {
background:#FFFFFF url(../image/regBoxBg.png) repeat-x scroll 0 0;
border:1px solid #F4F4F4;
}

#topContent
{
background-image: url('../image/separator.gif');
background-repeat: repeat-x;
background-position: bottom left;
}

#centerContent, #centerContentReverse
{
/*background-image: url('../image/separator.gif');
background-repeat: repeat-x;
background-position: bottom left; */
}

#centerContentLeft .place {
background: url(../image/centenleftboxbg.png) bottom left no-repeat #d6effc;
}

#centerContentLeft .place a{
color: #000;

}

#centerContentLeft .info {
background: url(../image/centenleftboxbg.png) bottom left no-repeat #d6effc;
}


#topContent #search .header,#centerContent .header, #centerContentReverse .header, #fullWidthContent .header, #popular .header
{
line-height: 28px;
color: #ffffff;
font-size: 16px;
font-family: arial;
font-weight: bold;
letter-spacing: 1px;
background: url('../image/topContentHeaderBackground.gif') #F78F1E bottom left repeat-x;
text-align: center;
}




#topContent #about .header
{
line-height: 28px;
color: #ffffff;
display: block; 
font-weight: bold; 
font-size: 16px;
font-family: arial;
letter-spacing: 1px;
text-transform: none;
background-image: url('../image/topContentHeaderBackground.gif');
background-position: bottom left;
text-align: center;
}

#fullWidthContent .box {
background: url(../image/fullWidthContent.png) no-repeat bottom left #d6effc;
}

 .jobs .thHeader {
background: #F6911F;
text-align: left;
color: #fff;
border-bottom: 2px solid #ffffff;
line-height: 18px;
font-size: 12px;
	padding: 3px; 
}


 .jobs .jobsRowLight {
background: #D6EFFC;
border-bottom: 1px solid #ffffff;
	 color: #000;
line-height: 16px;
font-size: 12px;
}

 .jobs .jobsRowDark {
background: #b1d7ec;
border-bottom: 1px solid #ffffff;
	color: #000;
line-height: 16px;
font-size: 12px;
}

 .jobs td {padding: 3px; }

 .jobsList, .jobsListActual {
font-size: 12px;
background-image:url(../image/separator.gif);
background-position:left bottom;
background-repeat:repeat-x;
}

 .jobsListHeader {
background-image:url(../image/topContentHeaderBackground.gif);
background-position:left bottom;
color:#fff;
font-family:arial;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
line-height:28px;
}

 .jobsListActual .jobsListHeader {
		background-image:url(../image/pgname.gif);
		background-position:left bottom;
		color:#fff;
		font-family:arial;
		font-size:14px;
		font-weight:bold;
		letter-spacing:1px;
		line-height:28px;				
		line-height:28px;

}

 .jobsListHeader .jobsListNumber {
text-align: left;
color: #fff;
font-size: 16px;
}


 .jobsListHeader .endedJobsNumber {
text-align: right;
color: #fff;
	display: none; 
}

 .endedJobsNumber {
	display: none; 
}

 .jobsList .jobsListLight {
background: url('../image/jobsListLight.png') #D6EFFC;
}

 .jobsList .jobsListDark {
background: url('../image/jobsListDark.png') #b1d7ec;
}


 .jobsListActual .jobsListLight {
	background: #f1f1f1;
}

 .jobsListActual .jobsListDark {
	background: #e1e1e1;
}


 .jobsList .jobsListLeft {
line-height: 22px;
	display: block;
	width: 140px;
	float: left;
}

 .jobsList .jobsListData {
	line-height: 22px;	
}

 .jobsList .jobsListVoteInfo {
	line-height: 22px;
	border-right: 1px dotted #fff;
	border-left: 1px dotted #fff;
}


 .jobsList .jobsListVoteBox {
	line-height: 22px;
	/*font-style: italic;*/
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	min-height: 100px; 
}

 .jobsList .jobsListRight {
text-align: center;
font-size: 14px;
}

/*************************************************/

 .opinionStar {
	background: url(../image/opinionStars.png) no-repeat transparent;
text-align: center;
font-weight: bold;
	margin-right: 2px;
}

 .opinionGreyStar {
	background: url(../image/opinionGreyStars.png) no-repeat transparent;
text-align: center;
font-weight: bold;
	margin-right: 2px;
}

 .opinionHalfStar {
	background: url(../image/opinionStarsHalf.png) no-repeat transparent;
text-align: center;
font-weight: bold;
}

/**********************************************/

 .jobsList span .jobsListOfferDone {
font-weight: bold;
}

 .jobsList span .jobsListMap {
line-height: 16px;
}


#centerContentLeft .serchMiniBoxLeft {
font-weight: bold;
line-height: 18px;
font-size: 12px;

}


#centerContentLeft .filtrationName {
font-weight: bold;
line-height: 18px;
font-size: 12px;
text-transform: uppercase;
}

#centerContentLeft a .filtrationNameLink {
font-weight: bold;
line-height: 18px;
font-size: 12px;
color: #216E90;
text-decoration: none;
}

#centerContentLeft .filtrationSeparator {
color: #aaa;
}


 .greyBoxOrange .inner {
	background: #FFFFFF url(../image/regBoxErrorBg.png) repeat-x;
	border: 1px solid #f4f4f4;
}

#centerContentRight #offerBox .threeBox {
line-height: 20px;
font-size: 12px;
}


 .offerInput, .offerSelect, .offerInputBig, .offerInputlocationZip, .offerInputlocationCity, .offerInputlocationStreet, .offerInputlocationHouse, .offerInputDate, .offerInputTextArea, #jobType, #county, #city {
 border: 1px solid #b1d7ec;
 color: #000;
}

#jobDesc  { 
border: 1px solid #b1d7ec;
 color: #000;
 position: static; 
 
 }

select .offerSelect {
 border: 1px solid #b1d7ec;
}


 .boxSlicer {
border-bottom: 1px dotted #ddd;
}

#about .header
{
text-transform: none;
}
#about p
{
line-height: 23px;
text-align: justify;
}
#topContent .box, #lists .box
{
background-image: url('../image/topContentBoxBackground.jpg');
background-position: bottom left;
}



#popular, #about {
border:1px dotted #CCCCCC;
}

#topContent #about {
border: none;
}

#topContent #about .box {
border: none;
background-image:url(../image/topContentBoxBackground.jpg);
background-position:left bottom;
}

#popular .box, #about .box {
background:#FFFFFF url(../image/regBoxBg.png) repeat-x scroll 0 0;
border:1px solid #F4F4F4;
}

#popular .popularListItem {
line-height: 22px;
}

#popular .links .link, .link
{
line-height: 22px;
float: left;
}

#about .callToAction, #centerContentLeft .form, #search .form .select, #search .form, #search .professionCounter, #centerContentLeft .professionCounter
{
text-align: center;
}


#search .form label
{
line-height: 30px;
}

#search .professionCounter .legend
{
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
}

#search .professionCounter .number
{
font-size: 30px;
line-height: 67px;
font-weight: bold;
letter-spacing: 2px;
background-image: url('../image/counterBackground.png');
background-position: center center;
background-repeat: no-repeat;
}

#centerContentLeft .professionCounter .number
{
font-size: 14px;
line-height: 35px;
font-weight: bold;
letter-spacing: 2px;
background-position: center center;
background-repeat: no-repeat;
}

#steps
{
background-image: url('../image/steps.jpg');
background-repeat: no-repeat;
}
#steps .step a
{
text-indent: -10000px;
}
#news
{
background-image: url('../image/newsBackgroundBottom.jpg');
background-position: bottom left;
background-repeat: no-repeat;
margin: 15px 0px 0px 16px;
min-height: 220px;
padding-bottom: 20px; 
width: 960px; 
}
#newsInner
{
background-image: url('../image/newsBackgroundTop.jpg');
background-position: top left;
background-repeat: no-repeat;
}
#news .news .item
{
font-size: 14px;
line-height: 25px;
}
#news .news .item a
{
color: #000000;
text-decoration: none;

}

#news .link  {
color: #236A98;
float: none;
font-weight: bold; 
}

#lists .links .link a
{
text-decoration: underline;
color: #236A98;
font-weight: normal;
line-height: 30px;
font-size: 12px;
}

#masterProfileJobs .links .link a
{
line-height: 22px;
background-position: 0px 6px;
}

 .links .link a
{
text-decoration: none;
font-weight: normal;
line-height: 30px;
font-size: 12px;
background: url(../image/sc_bullet_blue_bg.gif) transparent no-repeat;
background-position: 0px 10px;
text-decoration: underline;
color: #236A98;
padding-left: 15px; 

}



 .links .link a:hover
{
background: url(../image/sc_bullet_blue_bg.gif) #D6EFFC no-repeat;
background-position: 0px 10px;
}


 .registrationInfoBox, .infoBoxOrange {
	border: 1px dotted #ccc;
	margin-bottom: 10px;
}

 .loginBox {
border: 1px dotted #ccc;
}

a .makeYourRegistration {
color: #236A98;
}

#centerContent .text, #centerContentReverse .text {
font-size: 12px;
line-height: 22px;
}

 .registrationInfoBox .text{
background: url(../image/regBoxBg.png) repeat-x #fff;
border: 1px solid #eee;
}

#centerContentLeft .textAlignCenter{
text-align: center;
line-height: 22px;
font-size: 14px;
}

#fullWidthContent .registrationInfoBox .text, .infoBoxOrange .text, .infoBoxOrange .inner{
	background: url(../image/regBoxErrorBg2.png) repeat-x #fff;
	border: 1px solid #eee;
}

 .registrationInfoBox .text {
line-height: 24px;
font-size: 12px;
}

 .registrationInfoBox .text .regInput {
border: 1px solid #B1D7EC;
}

 .registrationInfoBox .text .regInputError {
border: 1px solid #ae2a2a;
background: #ffe1e2;
}

 .regInputError {
border: 1px solid #ae2a2a;
background: #ffe1e2;
padding: 1px; 
}

#centerContentLeft .loginBox .text, #centerContentRight .loginBox .text {
background: url(../image/regBoxBg.png) repeat-x #fff;
border: 1px solid #eee;
}

#fullWidthContent .loginBox .text{
background: url(../image/regBoxBgRight.png) repeat-x #fff;
border: 1px solid #eee;
}


#centerContentLeft .loginBox .text, #centerContentRight .loginBox .text {
line-height: 24px;
font-size: 12px;
}

 .loginBox .text .regInput {
border: 1px solid #B1D7EC;
position: absolute; 
}

 .loginBox .text .regInputError {
border: 1px solid #ae2a2a;
background: #ffe1e2;
	}

#centerContentLeft .loginBox .text .header, #centerContentRight .loginBox .text .header, #centerContentRight .registrationInfoBox .text .header {
	background: none;
	text-align: left;
	color: #236A98;
}


#centerContentRight .registrationErrorBox, #centerContentLeft .registrationErrorBox {
border: 1px dotted #fbe88c;
}

#centerContentRight .registrationErrorBox .text, #centerContentLeft .registrationErrorBox .text{
border: 1px solid #fefee3;
background: url(../image/regBoxErrorBg.png) #fff repeat-x;
}



 .registrationTitle {
font-size: 16px;
font-weight: bold;
}

a .registrationTitleLink {
color: #236A98;
}

 .registrationInfoBox .registrationTitle{
	color: #000;
}

 .registrationInfoBox .registrationTitleLink {
	color: #000;
text-decoration: underline;
}

 .registrationText {
font-size: 14px;
}

 .registrationErrorInfo {
background: url(../image/info_32.png) transparent no-repeat;
}

 .adsense {
border: 1px solid #C7E7F9;
line-height: 18px;
background: #f4f4f4;
}

 .adsTitle {
color:#0000FF;
cursor:pointer;
font-size:13px;
font-weight:bold;

}

 .adsLittle {
color:#009900;
font-size:10px;
line-height:12px;
white-space:nowrap;
}

#footer .slogan
{
background-color: #91a3a7;
text-align: center;
color: #ffffff;
line-height: 18px;
font-weight: bold;
}
#footer .company
{
background-image: url('../image/footer2.png');

}
#footer .company .companyInfo
{
color: #ffffff;
font-family: arial;
font-size: 12px;
line-height: 16px;
}
#footer .info
{
color: #ffffff;
background: #236A98;
text-align: left;
clear: both;
line-height: 38px;
font-weight: bold;
letter-spacing: 3px;
width: 958px; 
height: 38px;

}

#footer .info .infoLeft {
display: block; float: left; width: 700px; margin-left: 10px; 
}

/*******************************************************/


 .userMenu li {
border-bottom: 1px solid #eee;
display: block; 
height: 30px;
line-height: 30px;
background: #FFFFFF url(../image/menuLinkBackground.png) repeat-x;
}

 .userMenu li:hover {
line-height: 30px;
height: 30px;
display: block; 
background: #FFFFFF url(../image/menuLinkBackground2.png) repeat-x;
}

 .userMenu .myOffers a {
background: url(../image/ico_myOffers.png)no-repeat transparent;

}

 .userMenu .closedJobs a {
background: url(../image/ico_closedJobs.png) no-repeat transparent;
}

 .userMenu .profileData a {
background: url(../image/ico_profileData.png)no-repeat transparent;

}

 .userMenu .goodOpinion a {
background: url(../image/ico_goodOpinion.png) no-repeat transparent;

}

 .userMenu .myJobs a{
background: url(../image/ico_jobs.png) no-repeat transparent;

}

 .userMenu .logOut a {
background: url(../image/ico_logout.png)no-repeat transparent;
border:none;
color: #999;
}

 .userMenu .myJobsActive a {
background: url(../image/ico_jobs.png)no-repeat transparent;
border:none;
}

 .userMenu .myOffersActive a {
background: url(../image/ico_myOffers.png)no-repeat transparent;
border:none;
}

 .userMenu .closedJobsActive a {
background: url(../image/ico_closedJobs.png)no-repeat transparent;
border:none;
}

 .userMenu .profileDataActive a {
background: url(../image/ico_profileData.png)no-repeat transparent;
border:none;
}

 .userMenu .goodOpinionActive a {
list-style-image: url(../image/ico_goodOpinion.png);
border:none;
}

/**********************************************/

 .userMenu .myOffers:hover, .userMenu .closedJobs:hover, .userMenu .profileData:hover, .userMenu .goodOpinion:hover, .userMenu .logOut:hover{
background: #FFFFFF url(../image/menuLinkBackground2.png) repeat-x;
}


 .userMenu .inProgress, .userMenu .myMoney, .userMenu .inProgressActive, .userMenu .myMoneyActive{
background: #FFFFFF url(../image/menuLinkBackground2.png) repeat-x;
}


 .userMenuLink {
color: #444;
text-decoration: none;
font-weight: bold;
font-size: 14px;
line-height: 28px;
}

 .userMenuLinkSecond {
color: #444;
text-decoration: none;
font-size: 14px;
line-height: 28px;
}

 .userMenuLinkSecondActive {
color: #236A98;
text-decoration: none;
font-size: 14px;
line-height: 28px;
}

 .userMenuLink:hover, .userMenuLinkSecond:hover {
color: #666;
text-decoration: none;
line-height: 28px;
}

 .userJobsNameLink {
font-weight: bold;
color: #216E90;
line-height: 28px;
}

 .userJobsInterestLink, .readMore {
text-decoration: none;
color: #216E90;

}

 .userJobsNameLink:hover, .userJobsInterestLink:hover, .readMore:hover {
background: #96CEEB;
}

 .userJobsDeleteLink {
text-decoration: none;
color: #444;
}

 .userJobsDeleteLink:hover {
color: red;
}

 .greyBoxTextLeft, .registrationInfoBox .greyBoxTextLeft {
font-weight: bold;
}

 .valuationInput, .valuationInputSmall {
border: 1px solid #B1D7EC;
}

 .greyBoxTextLeftOpinion {
color:#236A98;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
line-height:28px;
text-align:left;
}

 .greyBoxTextLeftOpinionBlack {
color:#000;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
line-height:20px;
text-align:left;
}

 .userChangeInfo, .userChangeInfoSmall, .ac_input {
background: #fff;
border: 1px solid #B1D7EC;
}





 .masterImageLink {
line-height: 18px;
background: #F0F0F0;
border: 1px solid #ccc;
}


 .jobsImageDelete {
background: url('../image/delete_16.png')transparent no-repeat;
}

 .masterInfoBoxName {
font-weight: bold;
background:transparent url(../image/user.gif) no-repeat scroll 0 0;
}


 .masterInfoBoxWeb {
font-size: 11px;
background: url('../image/home.png') no-repeat transparent 0px 0px;
}

 .masterInfoBoxEmail {
font-size: 11px;
background: url('../image/png/pencil.png') no-repeat transparent 0px 0px;
}

 .offerComment {
line-height: 16px;
border-top: 1px dotted #fff;
}

 .offerPrice, .offerDate {
line-height: 20px;
font-weight: bold;
}

 .offerAccept {
line-height: 20px;
font-weight: bold; 
color:green;
text-align: center;
}

 .offerName {
line-height: 20px;
font-weight: bold;
margin-bottom: 3px;
margin-left: 5px; 
}


 .offerNameLink:hover {
background: #96CEEB;
}

 .questionName {
font-weight: bold;
}

 .questionDate, .questionReply{
border-left: 1px solid #ccc;
}

 .questionText {
border-top: 1px solid #ccc;
font-weight: bold;

}

 .questionReplyLink, .questionNewReplyLink, .offerNameLink {
color: #236A98;
}

 .questionNameLink {
color: #236A98;
font-weight: bold;
}

 .greenInfo {
font-weight: bold;
color: green;
}

 .selectClose {
border: 1px solid #B1D7EC;
}

 .jobsListHeader { 
color: #fff;
}

 .jobListOfferPrice, .jobListOfferThird, .jobListOfferThird, .activeOfferEndDate {
text-align: right;
}

 .closedWinMaster {
text-align: center;
}

#masterChangeInfo .jobsImageHolder {
border: 1px dotted #B1D7EC;
}

#masterChangeInfo .jobsImageDelete {
background: url('../image/delete_16.png') transparent no-repeat;
}

#masterChangeInfo .offerSelect {
border: 1px solid #B1D7EC;
}

#masterChangeInfo .infoBox3 .listLink {
text-decoration: underline;
}

 .jobsListHeaderName {
 font-size: 14px;
 color: #236A98;
}


 .greyBoxTextRightValuationValue {
font-weight: bold;
border-bottom: 1px solid #f4f4f4;
border-right: 1px solid #f4f4f4;
text-align: center;
}

 .tools {
 background: url('../image/tools.png') transparent;
}


 .buttonRightSide {
 text-align: right;
}

.tar {
text-align: right;
}



 .b {
	background-image: url(../image/s.gif);
	background-repeat: repeat-x;
	line-height: 20px;
}
 .b b {
	background-image: url(../image/c.gif);
	background-repeat: repeat-x;
	display: block;
}
 .b b input {
	font-size: 12px;
	border: none;
	font-weight: normal;
	color: #333;
	background: transparent;
	cursor: pointer;
}

 .b b input:hover {
color: #fff;
}


 .b .ia b input {
	background-image: url(../image/accept.png);
	background-repeat: no-repeat;
	background-position: 7px 1px;
}

 .b .spec {
	background-image: url(../image/spec-btn.png);
	background-repeat: no-repeat;
}
 .b .spec b {
	background-image: none;
}

#searchInfo
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
line-height: 18px;
background-color: #AE2A2A;
z-index: 1000;
color: #fff;
}


#demonstrator
{
	background: url(../image/footer2.png) repeat-x top left #339AC7;
}


#demonstrator .listLink, #demonstrator .jobsListPhoneNumber, #demonstrator .jobsListVoteBox , #demonstrator .jobsListRight{
color:#fff;
}

 .professionLayer {
	background-color: #FEFEE3;
	border: 1px solid #F68E1F;
}


#centerContentLeft #city, #centerContentLeft #jobType, #centerContentLeft #county {
border: 1px solid #B1D7EC; 
}

#centerContentLeft #county {
border: 1px solid #B1D7EC;
}

#lost-pass-link {
color: #333;
font-weight: bold;
text-decoration: underline;
}

#lost-pass-error-msg {
display: block; 
position: absolute; 
margin-top: -5px; 
color: #fff;
padding-left: 2px; 
padding-right: 2px; 
text-align: center;
background: #AE2A2A; 
width: 160px; 
border: 0px solid #AE2A2A; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

 .tagCloud1 a, .tagCloud2 a, .tagCloud3 a, .tagCloud4 a, .tagCloud5 a {
color: #000;
text-decoration: none;
}

 .tagCloud1 a:hover, .tagCloud2 a:hover, .tagCloud3 a:hover, .tagCloud4 a:hover, .tagCloud5 a:hover {
color: #000;
text-decoration: none;
background: #D6EFFC;
}

 .tagCloud5 {
font-size: 18px;
display: inline;
margin-right: 5px;
}

 .tagCloud4 {
 font-size: 16px;
 font-weight: bold;
 display: inline;
margin-right: 5px;
}

 .tagCloud3 {
 font-size: 14px;
 display: inline;
margin-right: 5px;
}

 .tagCloud2 {
 font-size: 12px;
 font-weight: bold;
 display: inline;
margin-right: 5px;
}

 .tagCloud1 {
 font-size: 12px;
 display: inline;
 margin-right: 5px;
 font-weight: normal; 
}


 .masterLinks {
font-size: 11px;
color: #000;
text-decoration: none;
}

 .jobMsgQuote {
border: 1px dashed #ccc; 
background: #fff; 
font-weight: normal; 
}

 .jobMsgAuthor {
border-bottom: 1px solid #ddd; 
color: #777;
font-weight: bold; 
}

 .jobMsgTime {
font-weight: normal; 
border-bottom: 1px solid #ddd; 
}


#copyPostalAddressLink, #copyInvoiceAddressLink {
color: #000;
text-decoration: none;
font-size: 10px;
font-weight: bold; 
}


 .profJobTypesContainer {
color:#236A98;
font-size:12px;
font-weight:normal;
line-height:24px;
background:transparent url(../image/sc_bullet_blue_bg.gif) no-repeat scroll 0px 7px;
}

#newInputButton {
line-height: 20px;
text-align: center;
background: #D7EEFC; 
border: 1px solid #298BB5; 
font-weight: bold; 
}

/*******************************************************************/

 .jobTypeHeight {
height: 55px; 
}

#offerError {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
line-height: 18px;
background-color: #AE2A2A;
	z-index: 1000;
	color: #fff; 
	line-height: 11px;
	margin-top: 3px; 
}

#offerError p{ 
	padding: 3px; 
	display: block; 
}

#offerInfo {

display: block; 
float: left; 
top: 5px;
padding-top: 5px; 
font-weight: bold; 
font-size: 10px;
margin-left: 10px; 
width: 400px; 
}

/****************************************************************************/

input, textarea, select {
border:1px solid #B1D7EC;
}


 .greyBox , .greyBoxOrange {
border: 1px dotted #ccc;
	margin-bottom: 10px;
}

 .greyBox .inner, .greyBoxOrange .inner {
margin: 4px;
	display: block; 
	clear: both;
	padding-bottom: 4px;
	padding-top: 4px; 
}

 .greyBox .inner {
background: #FFFFFF url(../image/regBoxBg.png) repeat-x;
border: 1px solid #f4f4f4;
}

#centerContentLeft .greyBox .inner {
width: 296px;

}

#centerContentLeft .greyBox .header {
background:transparent none repeat scroll 0 0;
color:#236A98;
font-family:arial;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
line-height:28px;
text-align:left;
}

 .greyBox .header2 {
background:transparent none repeat scroll 0 0;
color:#236A98;
font-family:arial;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
line-height:28px;
text-align:left;
}

#lists #professions .header, #lists #locations .header, #popularBoxes .header, .greyBox .header {
padding-left: 10px;
}

 .threeBox {
width: 198px;
float: left;
margin-left: 8px;
}

 .threeBox {
line-height: 24px;
font-size: 12px;
}

 .offerInputlocationZip {
	width: 35px;
	margin-right: 3px;
}


 .threeBox label, .address label{
font-weight: bold;
}

 .offerInputlocationCity, .offerInputlocationStreet{
	margin-right: 3px; 
 }


 .offerInputlocationHouse {
	margin-left: 0px;
	width: 35px;
 }

 .offerInputTextArea {
width: 195px;
height: 68px;
	position: absolute;
	left: 235px;
	margin: 0px;
}

#catalogSearch .callToAction {
margin-top: 10px;
	margin-bottom: 10px; 
float: right; 
	margin-right: 15px; 
}

#changeMasters .callToAction{
	float: none; 
}

#catalogSearch .newsPaper {
display: block;
width: 72px;
height: 66px;
position: absolute;
margin-top: -15px;
left: 590px;
}

#catalogSearch .newsPaper {
background: url(../image/newsPaper.png) transparent;
}

#catalogSearch .address {
	margin: 5px;
	margin-top: 10px;
	padding-top: 3px;
	padding-left: 3px;
	clear: both;
	border-top: 1px solid #f5f5f5;
}

#lists #professions .header, #lists #locations .header, #popularBoxes .header,#centerContentRight .greyBox .header {
line-height: 28px;
color: #236A98;
font-size: 14px;
font-family: arial;
font-weight: bold;
letter-spacing: 1px;
background: none;
text-align: left;
}

#centerContentRight .greyBox .links, #centerContentRight .greyBox .tools {
	padding-top: 0px;
}

#centerContentRight .greyBox .text, #centerContentRight .greyBoxOrange .text, .greyBox .text{
	padding: 10px;
}

/***************************************************/

#professions .link, #locations .link, #popular .link, .greyBox .link {
display: block;float: left; margin-right: 5px; white-space: nowrap; 
}

 .greyBox .jombsImageSmall {
width: 250px;
height: 250px;
margin: 5px 5px 5px 5px;
}

 .greyBox .jobsImageHolderSmall {
width: 260px;
height: 260px;
float: left;
display: block;
margin-left: 7px;
}

 .greyBox .masterImageSmall {
width: 250px;
height: 250px;
margin: 5px 5px 5px 5px;
}

 .greyBox .masterImageHolderSmall {
width: 110px;
height: 110px;
display: block;
margin-right: 20px;
}



 .jobsImageHolder, .jobsImageHolderSmall {
border: 1px dotted #B1D7EC;
}

 .jobsImageSmallPictureHolder, .filterBox .masterImageHolderSmall {
border: 1px dotted #B1D7EC;
border-top: none; 

}


#jobAddressMap {
position: absolute; 
top: 250px;
padding: 4px; 
background: #fff; 
border: 2px solid #ccc; 
left: 750px;
width: 250px; 
height: 180px; 
}

 .msgBox {
background: #84e05b; 
margin: 4px; 
line-height:28px;
font-size:14px;
font-weight:bold;
color: #fff;
padding-left: 10px; 
}

.msgBoxRed  {
background: #AE2A2A; 
margin: 4px; 
line-height:28px;
font-size:14px;
font-weight:bold;
color: #fff;
padding-left: 10px; 

}

#jobOfferDeadLine, #jobDeadLine {

margin-right: 15px; 

}



 .blueButton, .progAcceptOfferButton {
  background: url(../image/buttonBlue.gif) repeat-x transparent ;
 height: 22px; 
 border: 1px solid #999; 
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
color: #fff;
font-weight: bold; 
padding: 2px 10px 2px 10px; 
text-decoration: none;
}


 .blueButton:hover, .progAcceptOfferButton:hover {
  background:  #31ABD5;
 height: 22px; 
 border: 1px solid #d4d0c8; 
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
color: #fff;
font-weight: bold; 
}

#loginInfoBox {
display: none; 
}

a .blueButton {
padding: 3px; 
padding-left: 15px; 
padding-right: 15px; 
}

 .sloganCard {
margin-top: 2px; 
}

 .address {
margin-left: 5px; 
}


#admin {
margin: 20px; 
}


#admin #description {
width: 400px; 
height: 200px; 
}


#admin h2 {
font-size: 16px;
}

#admin a {
color: #55A9CE;
}

#admin select {
border: 1px solid #217091; 
}

#admin input {
border: 1px solid #217091; 
}

#admin .table {
width: 100%; 
}

#admin .table td {
border: 1px solid #ccc; 
padding: 4px; 
}

#admin .paginationControl a {
font-weight: bold; 
text-decoration: none
}

#admin .paginationControl {
font-size: 14px;
background: #eee; 
text-align: center;
padding: 4px; 
}

#admin .fieldset {
border: 1px solid #54B6E3; 
margin-bottom: 20px; 
padding: 15px; 
}

#admin .legend {
font-size: 14px;
font-weight: bold; 
padding-left: 10px; 
padding-right: 10px; 
}

 .logInFieldset {
margin: 20px; 
width: 300px; 
border: 1px solid #aaaaaa; 
font-weight: bold; 
margin-top: 80px; 
}

 .logInLegend {
border: none; 
padding-left: 5px; 
padding-right: 5px; 
font-weight: bold; 
color: #217091;
}

#admin .input {
border: 1px solid #217091; 
}

#admin textarea {
border: 1px solid #217091; 
}

#admin #buVariableContent {
width: 500px; 
height: 300px; 
}

#admin .button {
border: 1px solid #aaaaaa; 
color: #fff; 
background: url(../image/adminbgr.gif) #2647a0; 
font-weight: bold; 
padding: 1px 5px 1px 5px; 
text-decoration: none;
}

#admin .buttonInactive {
border: 1px solid #aaaaaa; 
color: #77BBD8; 
background: #fff; 
font-weight: bold; 
padding: 1px 5px 1px 5px; 
text-decoration: none;
}

#admin .borderBottom {
border-bottom: 1px dotted #ddd; 
}

#admin .itemPriority {
width: 35px; 
}

ul.topnav {
list-style: none;
margin-top: 3px; 
margin-left: 20px; 
float: left;
width: 920px;
font-size: 1 .2em;
font-weight: bold; 
}

ul.topnav li {
float: left;
margin: 0;
padding: 0 5px 0 0;
 position: relative; 
}

ul.topnav li a{
padding: 10px 5px;
color: #fff;
display: block;
text-decoration: none;
float: left;
}


ul.topnav li a:hover{
color: #fff;
}

ul.topnav li span { 
width: 20px;
height: 25px;
float: left;
margin-top: 13px; 
}

 .css-arrow-down {
border-color:#fff transparent transparent;
border-style:solid;
border-width:5px 5px 0;
float:left;
height:0;
margin:0 10px;
width:0;
}

ul.topnav li span .subhover {
background-position: center bottombottom; 
cursor: pointer;
} 


ul.topnav li ul.subnav {
 list-style: none;
 position: absolute; 
 left: 0; top: 38px;
 background: #ccc;
 margin: 0; padding: 0;
display: none;
float: left;
width: 170px;
 border: 1px solid #ccc;
}

 ul.topnav li ul.subnav li{
margin: 0; padding: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc; 
 clear: both;
width: 170px;
}
 html ul.topnav li ul.subnav li a {
float: left;
 width: 145px;
	background: url(../image/adminbgr.gif) #206c8d repeat-x; 
padding-left: 20px;
	font-size: 12px;
}
html ul.topnav li ul.subnav li a:hover { 
background: #75bad7;
 }
 
 .bold {
 font-weight: bold; 
 }
 
 .paginatorHead {
 background: #79BCD8; 
 font-weight: bold; 
 padding: 4px; 
 }

 
 .social {
 float: right; 
 width: 200px; 
 margin-right: 8px; 
 text-align: right;
 margin-top: 3px; 
 }
 
 .errorBox {
 position: absolute; 
 top: 260px;
 left: 565px;
 width: 368px;
 background: url(../image/errorBgHead.png) transparent no-repeat; 
 display: block; 
 }
 
 .errorBoxa{
 color: #fff;
 }
 
 .errorBoxInner {
 width: 368px;
 background: url(../image/errorBgBody.png) transparent no-repeat; 
 background-position: bottom left;
 display: block; 
 padding-bottom: 5px; 
}

 .errorBoxText {
width: 290px; 
margin-left: 60px; 
display: block; 
margin-top: 10px; 
color: #fff;
font-weight: bold; 
min-height: 45px;
line-height: 13px;
padding-bottom: 5px; 
}

 .errorBoxInfo {

}

 .errorBoxX {
position: relative; 
display: block; 
float: right; 
right: 15px;
font-weight: bold; 
color: #fff;
cursor:pointer;
}

#errorBox {
position: absolute; 
top: 254px;
left: 435px;

}


#masterChangeInfo label .userChangeInfoError { 
border: none; 
background: url('../image/errorBg.png') #fff no-repeat;
display: block; 
width: 100px !important; 
height: 22px;
padding-left: 15px; 
line-height: 22px;
}


#masterChangeInfo span .error {
background: url('../image/errorBg2.png') #fff no-repeat right top;
display:block;
float:left;
position:absolute;
width:125px;
margin-top: 3px; 
}

#masterChangeInfo #costumerEditProfile span .error {
background: url('../image/errorBg.png') #fff no-repeat left top;
width:305px;
margin-top: 0px; 
position: absolute; 
left: 650px;
}

#masterChangeInfo #costumerEditProfile label .userChangeInfoError { 
border: none; 
background: none;
display: block; 
width: 290px !important; 
height: 22px;
padding-left: 15px; 
line-height: 22px;
}

#masterChangeInfo span .error p{
padding-right: 15px; 
line-height: 22px;
font-weight: bold; 
}


input .userChangeInfoError {
width: 150px; 
padding: 2px; 
margin-top: -2px; 
}

input .userChangeInfoError {
background:#FFE1E2 none repeat scroll 0 0;
border:1px solid #AE2A2A;
}

 .howItWorks {


}

 .howItWorks td {
width: 190px; 
padding: 10px; 

}


#jobAddressMapContainer {
position: absolute; 
left: 720px;
top: 220px;
background: #fff; 
border: 2px solid #F1F1F1; 
padding: 5px; 
z-index: 1000;
}

#jobAddressMapContainer #jobAddressMap{ 
position: static;
left: 0;
top: 0;
border: none; 
}

#closeMap {
background:none repeat scroll 0 0 #FFE1E2;
border:1px solid #FF1C22;
font-size:12px;
font-weight:bold;
margin-bottom:3px;
}

#addressMapLayer0 {
display:block;
left:310px !important;
margin-left:0;
margin-top:0;
position:absolute;
top:475px;
}

#continue #addressMapLayer0 {
top: 450px !important;
left:650px !important;

}

 .title { 
font-weight: bold; 
font-size: 14px;
color: #256E9B;
}

 .w300{
width:450px;
}

 .pdt5 {
padding-top:0 .42em;
}

#dotted td .r {
font-weight: bold; 
}

#dotted td .l {
background:url("img/dotted.gif") repeat-x scroll left bottom transparent;
vertical-align:bottom;
width: 220px; 
}

#headerOfferNumSrollLink {
cursor: pointer;
}

#headerMessagesNumSrollLink {
cursor: pointer;
}

 .jobsImageSmallContainer {
margin-top: 15px; 
}


ul.sitemaplist, ul.sitemaplist ul {
background:url("../image/foldertree3.png") repeat-y scroll left top transparent;
border:0 none;
list-style:none outside none;
margin:0;
padding:0; 
line-height: 18px;

}

ul.sitemaplist ul.sitemaplist_middlecats, ul.sitemaplist ul.sitemaplist_subcats, ul.sitemaplist ul.sitemaplist_products {
padding:5px 0;
}

ul.sitemaplist_products {
margin-left: 10px
}

ul.sitemaplist li {
background:url("../image/foldertree.png") no-repeat scroll transparent 0px 3px;
padding:3px 0 0 20px;
font-weight: bold; 
}

ul.sitemaplist a:link, ul.sitemaplist a:visited {
color:#FF7E00;
text-decoration: none;
}

#googleSearchInput {
	float: left; 
	background: #fff; 
	border: 2px solid #94C6DC; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #000;
	font-weight: bold; 
	padding-left: 3px; 
	padding-right: 3px; 
	margin-right: 5px; 
	width: 327px; 
}



#googleSearchButton {
	font-weight: bold; 
	float: left; 
	display: block; 
	height: 30px;
	line-height: 24px;
	color: #fff;
	background: #3C97BF; 
	border: 2px solid #94C6DC; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}

 .active {
	background: #98c4dc !important; 
	border-top: 2px solid #1f94d5; 
	border-bottom: 2px solid #1f94d5; 
}

 .smallerSlogan {
	font-size: 15px !important;
}



#howGallery{
	
	width:800px;
	overflow:hidden;
}

#howSlides{
	height:356px;
	width:800px;
	overflow:hidden;
	margin-left: 4px; 

}

 .howSlide{
	float:left;
}

#howMenu{
	height:45px;
}

#howMenu ul{
	margin:0px;
	margin-top: 1px; 
	padding:0px;
	margin-left: 10px; 
}

#howMenu li{
	line-height: 40px;
	display:inline-block;
	list-style:none;
	height:40px;
	margin-right: 5px; 
	padding-left: 15px; 
	padding-right: 15px; 
	background: #e46c0a; 
	font-weight: bold; 
	border: 4px solid #E46C0A;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	border-radius-top-left:4px;
	border-radius-top-right:4px;
}

#howBorder {
width: 800px; 
height: 348px;
border: 6px solid #e46c0a; 
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
position: absolute; 
z-index: 1000;
top: 44px;

}

#howBorder1{
width: 794px; 
height: 342px;
border: 1px solid #e46c0a; 
position: absolute; 
z-index: 1000;
top: 52px;
left: 8px;
}

#mainHowTo li.inact:hover{
	background: url(../image/sample_slides/menubg.jpg) #f27e1f;
}

#mainHowTo li.act, li.act:hover{
	background: url(../image/sample_slides/menubg.jpg) #f27e1f;
}

#mainHowTo li.act a{
	cursor:default;
}


#mainHowTo li a{
	display:block;
	height:30px;
}

#mainHowTo a img{
	border:none;
}




#mainHowTo h2 {
	font-size:16px;
	font-weight:normal;
	position:absolute;
	left:10;
	text-transform:uppercase;
	top:15px;
	margin-left: 10px; 
} 

#mainHowTo{
	margin:15px auto;
	width:810px;
	position:relative;
}

#mainHowTo a, #mainHowTo a:visited {
	color:#fff;
	text-decoration:none;
	outline:none;
}

#mainHowTo a:hover{
	text-decoration:none;
}


 .infolist {
list-style-type: dot;
list-style-position: inside;
}

 .builderMenuSeparator {
background: url("../image/separator.gif") left bottom repeat-x;
display: block; 
clear: both; 
margin-top: 10px; 
margin-bottom: 10px; 
height: 10px; 
width: 100%;
}

#buiIDshow {
position: absolute; 
left: 488px;
background: #fff; 
padding-right: 5px; 
display: none; 

}

#static ul li{
list-style-type: circle;
list-style-position: inside;
}

#static ul {
margin-left: 15px; 
}


 .questionNameLinkUser {
color: #F68E1F !important;
}

#completedJobList .jobsListLight, #completedJobList .jobsListDark, #builderHome .jobsListLight, #builderHome .jobsListDark{
min-height: 20px !important;
}

#completedJobList .activeOfferDoneName {
margin-left: 5px; 
width: 300px; 
}

#completedJobList .activeOfferDoneEndDate {
width: 100px; 
}

#completedJobList .activeOfferDoneRate {
width: 200px; 
}


#completedJobList .jobsListHeader .activeOfferDoneName {

width: 300px; 
display: block; 
float: left; 
}

#completedJobList .jobsListHeader .activeOfferDoneEndDate {
width: 110px; 
display: block; 
float: left; 
}

#completedJobList .jobsListHeader .activeOfferDoneRate {
width: 200px; 
display: block; 
float: left; 
}

#loginInfoBox a {
color: #236A98;
}


#buCommunicationTextMsg{
height: 200px; 
}

#usersJobPage .offerInput {
border: none;
width: 20px; 
}

#more {
display: none; 
margin-left: 470px; 
font-weight: bold; 
color: #236A98;
cursor: pointer;
}

#catalogHeader {
position: absolute; 

}

.registrationTextLink {
color: #fff;
font-weight: bold; 
}

#profIdSearch {
width: 155px; 
}

/*
.infoBox .error {
position: absolute; 
background: #AE2A2A; 
color: #fff;
margin-left: 15px; 
font-weight: bold; 
padding-left: 10px; 
padding-right: 10px; 
width: 150px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
} */

.userChangeInfoError {
position: absolute; 
background: #fff; 
color: #AE2A2A;
}

input.userChangeInfoError {
border: 1px solid #B1D7EC;
width: 155px; 
padding: 2px; 
}

.loginImage {
background: url("../image/bejel.png") left bottom repeat-x;
width: 306px; 
height: 193px; 
overflow: hidden;
margin-top: 13px; 

}

.loginImage a {  
color: #236A98;
font-size: 16px;
text-decoration: none;
font-weight: bold; 
margin-top: 140px; 
margin-left: 125px; 
display: block; 
}

.noButton  {
background: none; 
border: none; 
font-size: 18px; 
font-weight: bold; 
color: #fff;
margin-top: 15px; 
margin-right: 20px; 
margin-left: 20px; 
}

a.headerMenuLink {
font-size: 14px;
font-weight: bold; 
color: #3E99C5;
text-decoration: none;

}

.serchMiniBoxRight .headerMenuLink {
text-align: right;
float: right; 

}


.homePageAbout li {
list-style-image: url(../image/nike.png);
list-style-position: outside;
}

.homePageAbout ul {
margin-left: 30px; 
}

.ul1 {
width: 170px; 
float: left; 
display: block; 
}


.ul2 {
width: 170px; 
float: left; 
display: block; 
border-left: 2px dotted #fff; 
padding-left: 40px; 

}


#sloganSteps, #sloganSteps2 { 
margin-left: 15px; 
}


#sloganSteps li, #sloganSteps2 li{
display: block; 
float: left; 
font-size: 14px;
color: #fff;
font-weight: bold; 
text-align: center;
height: 41px;
line-height: 42px;
margin-right: 20px; 
}


#sloganSteps .active, #sloganSteps2 .active {
color: #ecf830; 
background: none !important; 
border: none; 
}

.invoiceList {
margin-top: 20px; 
}

.invoiceList td {
border: 1px solid #ccc; 
padding: 2px; 
padding-left: 5px; 
}

.invoiceList tr {
border: 1px solid #ccc; 
}

.invoiceList .head  {
background: #F39028; 
border: 1px solid #fff; 
font-weight: bold; 
color: #fff;
padding-left: 5px; 
border-bottom: 1px solid #ccc; 

}

.invoiceList .headNo  {
border: 1px solid #fff;
border-bottom: 1px solid #ccc; 
}

#bankcardinfoText {
/*display: none; */
border-top: 1px solid #ddd; 
margin-top: 5px; 
padding-top: 5px; 
}

#bankcardinfo:hover, #adviceWhatClose, #adviceWhyClose{
cursor: pointer;

}

#advice a  {
color: #236A98;
}

#adviceWhatInfo, #adviceWhyInfo {
display: none; 

}

.registrationInfoBox #addressMapLayer0 {
left: 500px !important;
}

.makeYourRegistration {
color: #217091;
} 

.howPageH1 {
font-size: 18px; margin-left: 13px; margin-top: 15px; color: #236A98;  
}

.howPageH2, #dataProtection h2 {
font-size: 16px; color: #F3961D;
margin-bottom: 5px; 
}

.howPageSeparator {
background: url("../image/separator.gif") left bottom repeat-x;
width: 660px; 
height: 10px; 
margin-left: 15px; 
}

.howPageText {
padding: 5px; 
margin: 10px; 
font-size:12px;
line-height:22px;
}

.howToPageSzaki {
background: url("../image/szakilogohatter.jpg") no-repeat;
height: 270px; 
width: 224px; 
position: absolute; 
right: 20px;
bottom: 90px;

}

h2.trigger  {
background:url("../image/kinyit.jpg") no-repeat top right  #F5F5F5;
margin-bottom: 4px; 
padding: 3px; 
border-bottom: 2px solid #ddd; 
}

h2.active {
background:url("../image/bezar.jpg") no-repeat top right  #D7EEFC !important;
margin-bottom: 4px; 
padding: 3px; 
border-top: none; 
border-bottom: 2px solid #3D9DC7; 
}

.trigger a {
/*color: #fff; */
text-decoration: none;
}

.toggle_container  {
margin: 3px; 
}

.seeMore {
color: #236a98; 
text-decoration: underline;
}


.seeMore:hover {
cursor: pointer;
}


#googleShopMap {

height: 330px;}


#youtube select {
border:1px solid #B1D7EC;
width: 150px; 
}

#youtube .ac_input {
width: 143px; 
}

.mr5 {
margin: 5px; 
}

.shopSearch {
background:url("../image/shopSearch.png") no-repeat top left transparent;
border: none; 
width: 36px; 
height: 25px; 

}

#shopEdit #addressMapLayer0 {
left: 420px !important;
}

#continue .regInputError  {
position: absolute; 
margin-top: 3px; 
margin-left: 5px; 
}

#centerContentRight #shShopAddressZip {
width: 150px; 
}

#centerContentRight #shShopAddressCity {
width: 150px; 
}

#centerContentRight #shShopAddressStreet {
width: 150px; 
}

#centerContentRight #shShopAddressHouse {
width: 150px; 
}


#help {
float: right; 
width: 180px  !important; 
margin-right: 20px; 
position: absolute; 
margin-left: 400px; 
top: 900px;

}

#shopReg .registrationInfoBox #addressMapLayer0 {
left: 330px !important;
top: 480px !important;
}

#shopReg .loginImage a {
margin-top: 60px; 
}

#shopReg .loginImage  {
height: 110px; 
}

.indexRegShop {

font-size: 12px; letter-spacing: 0px; text-align: left;  font-weight: normal;  margin-right: 15px; 
}


#contactform{
	color:#333;
}

#contactform fieldset{
	border:0;
}

#contactform legend{ 
	font-size:24px;
	letter-spacing:-1px;
	padding:0;
	margin:0 0 10px -5px;
}

#contactform .form-slider{
	padding:0 0 10px;
}

#contactform label{
	color:#777;
}

#contactform input[type="text"],
#contactform input[type="email"],
#contactform input[type="url"],
#contactform textarea{
	display:block;
	font-size:12px;
	border:1px solid #777;
	padding:3px;
	width: 170px; 
}

#contactform textarea{
	letter-spacing:.06em;font-family:inherit;
}


#contactform input.inputError {
border: 1px solid red; 
color: #ff0000;
background: #; 
}

#contactform input[type="text"]:focus,
#contactform input[type="email"]:focus,
#contactform input[type="url"]:focus,
#contactform textarea:focus{
	background:#fffcdf;
}

#contactform input[type="submit"]{
	-moz-box-shadow:inset 1px -1px 0 rgba(255,255,255,.4);
	-webkit-box-shadow:inset 1px -1px 0 rgba(255,255,255,.4);
	box-shadow:inset 1px -1px 0 rgba(255,255,255,.4);
	line-height:30px;
	text-align:center;
	border:1px solid #999;
	margin:0 0 30px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #777),color-stop(0.99, #999));
	background:-moz-linear-gradient(center bottom,#777 0%,#999 99%);
	text-shadow:0 1px 0 #111;
	color:#fff;
	padding:5px;
	font-size:16px;
	cursor:pointer;
}

#contactform input[type="submit"]:hover{
	color:#ccc;
}

#contactform input[type="submit"]:active{
	color:#333;
	text-shadow:0 1px 0 #fff;
}


.placeButton {
background: #dd7709; 
border: 1px solid #A65803; 
color:  #fff;
font-weight: bold; 
margin-left: 5px;  
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
}