/* SIMON ADDITIONAL CSS Document */

#erroroverlay { width:100%; height: 100%; background:#000; position: fixed; top:0; left:0; z-index:1999; }

#errorpopup { position: fixed; top:75px; left: 0; z-index: 29999; width: 100%; height: 700px; background: transparent; }	
#errorpopup #inner { position: relative; z-index: 2001; width: 600px; background: #fff; border: 5px solid #ddd; margin: 0 auto; padding: 15px 20px 15px 20px; }	
#errorpopup #inner p.normal { float: left; width: 100%; font-size: 12px; color: #333; font-weight: normal; padding: 0; margin: 0 0 15px 0; }	
#errorpopup #inner p.title { float: left; width: 100%; font-size: 14px; color: #333; font-weight: bold; padding: 0; margin: 0 0 15px 0; }	
#errorpopup #inner p.error { float: left; width: 100%; font-size: 12px; padding: 0; margin: 0; }	
#errorpopup #inner a, #errorpopup #inner a:hover { color: #333; font-size: 12px; }	
#errorpopup #inner a.logoutbutt { float: left; background-color: #9C2427; padding: 3px 7px; margin: 0; font-size: 80%; font-weight: bold; color: #fff; border: none; cursor: pointer; text-decoration: none; }

#errorpopup #inner label, #errorpopup #inner label.req { float: left; width: 200px; height: 24px; margin: 0 0 5px 0; padding: 0; }	
#errorpopup #inner label.req { background: url(/images/required.png) no-repeat; background-position: right; }
#errorpopup #inner input.radio { float: left; width: 25px; height: 24px; margin: 0; padding: 5px 0 0 0; }	
#errorpopup #inner .smalltextfield { float: left; margin: 0; padding: 4px 6px; font-size: 12px; border: 1px solid #ddd; background-color: #fff; width: 370px; color: #000; }
#errorpopup #inner .textarea { float: left; margin: 0; padding: 4px 6px; font-size: 12px; border: 1px solid #ddd; background-color: #fff; width: 370px; height: 80px; }

.newsletter { float: left; margin: 10px 0 0 40px; width: 262px; height: 162px; font-size: 12px; }
.newsletter p.title { font-size: 14px; color: #fff; padding: 10px 0 0 15px; }
.newsletter p.text { font-size: 12px; color: #fff; padding: 10px 0 10px 15px; }
.newsletter #newsletterform label { float: left; width: 50px; margin: 0 0 0 15px; padding: 5px 0 0 0; font-size: 12px; color: #fff; }
.newsletter #newsletterform .smalltextfield { margin: 0 0 10px 0; padding: 6px 4px; font-size: 12px; border: none; color: #000; background-color: #fff; width: 170px; }
.newsletter #newsletterform .loginbutton { margin: 0 15px 0 0; float: right; background-color: #333; border: none; color: #DF5F32; font-weight: bold; font-size: 14px; cursor: pointer; }

.smallnewsletter { float: left; width: 250px; height: 145px; margin: 15px 0 0 0; background: url(/repository/documents/images/panels/small_newsletter.jpg); font-size: 12px; }
.smallnewsletter p.title { font-size: 14px; color: #fff; padding: 10px 0 0 37px; }
.smallnewsletter p.text { font-size: 11px; color: #fff; padding: 3px 10px 5px 37px; }
.smallnewsletter #newsletterform label { float: left; width: 50px; margin: 0 0 0 37px; padding: 5px 0 0 0; font-size: 11px; color: #fff; }
.smallnewsletter #newsletterform .smalltextfield { margin: 0 0 10px 0; padding: 6px 4px; font-size: 12px; color: #000; border: none; background-color: #fff; width: 140px; }
.smallnewsletter #newsletterform .loginbutton { margin: 0 12px 0 0; float: right; background-color: #333; border: none; color: #DF5F32; font-weight: bold; font-size: 14px; cursor: pointer; }

.mfocus { float: left; position: relative; margin: 7px 0 0 38px; width: 266px; height: 167px; font-size: 12px; }
.mfocus .info { float: left; position: absolute; left: 0; bottom: 0; width: 266px; height: 57px; background: #333; }
.mfocus .info a, .mfocus .info a:visited, .mfocus .info a:active, .mfocus .info a:hover { color: #fff; text-decoration: none; }
.mfocus .info a:hover { color: #fff; text-decoration: underline; }
.mfocus .info p.title { font-size: 12px; color: #fff; padding: 4px 0 0 8px; }
.mfocus .info p.text { font-size: 12px; color: #fff; padding: 2px 0 0 8px; }

#freelancerdetails { float: left; background: #eee; width: 675px; margin: 10px 0 0 10px; padding: 0 0 30px 0; }
#freelancerdetails h2 { font-size: 16px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #999; padding: 15px 0 15px 10px; margin: 0; }

#freelancerdetails .f_left { float: left;  width: 205px; margin: 0; padding: 15px 0 0 10px; }
#freelancerdetails .f_left p { font-size: 12px; font-weight: normal; margin: 10px 0 0 0; color: #333; padding: 0; }
#freelancerdetails .f_left p a, #freelancer .f_left p a:visited, #freelancer .f_left p a:active, #freelancer .f_left p a:hover { color: #333; text-decoration: underline; }
#freelancerdetails .f_left p a:hover { text-decoration: none; }

#freelancerdetails .f_right { float: left; background: #eee; width: 460px; margin: 0; padding: 5px 0 10px 0; }
#freelancerdetails .f_right p.title { font-size: 12px; font-weight: bold; margin: 0; color: #333; padding: 7px 20px 0 10px; }
#freelancerdetails .f_right p.descr { font-size: 12px; font-weight: normal; margin: 0; color: #333; padding: 7px 20px 0 10px; }

#freelancerdetails .f_bottom { font-size: 14px; float: left; width: 665px; margin: 0; padding: 5px 0 10px 0; }
#freelancerdetails .f_bottom a { color: #333; text-decoration: underline; }
#freelancerdetails .f_bottom .col1 { float: left; width: 250px; margin: 0; padding: 0; }
#freelancerdetails .f_bottom .col2 { float: left; width: 150px; margin: 0; padding: 0; }
#freelancerdetails .f_bottom .col3 { float: left; width: 220px; margin: 0; padding: 0; }

#freelancerimages { float: left; background: #eee; width: 675px; margin: 0 0 0 10px; padding: 0 0 20px 0; border-top: 1px solid #999; }
#freelancerimages .img, 
#freelancerimages .img:hover { float: left; position: relative; z-index: 0; width: 208px; height: 135px; overflow: hidden; margin: 10px 0 0 10px; border: 2px solid #ddd; }
#freelancerimages .img:hover { border: 2px solid #aaa; }
#freelancerimages p.title { font-size: 12px; font-weight: normal; color: #333; }

#freelancerimages .img.video {
	height: 175px; overflow: hidden;
	font-size: 12px;
}

p.backto { float: left; margin: 30px 0 0 10px; }
p.backto a, p.backto a:visited, p.backto a:active, p.backto a:hover { font-size: 13px; font-weight: bold; color: #333; margin: 0; text-decoration: none; }