/********************************************************************************
reset
********************************************************************************/
html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, img, b, i, strong, em, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
html{
height:101%;
}
body {
line-height: 1;

}
ol, ul {
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/********************************************************************************
html elements
********************************************************************************/
body{
background: #fff;
font-family:Arial,Helvetica,Verdana,sans-serif;
}
h1{
text-transform:lowercase;
font-family:Arial,sans-serif;
font-size:50px;
letter-spacing:-3px;
font-weight:bold;
color:#315B95;
line-height:1.1;
margin: 0px 0 10px 0;
}
h1 i{
font-style:normal;
color:#ef7b08;
}
h2{
text-transform:lowercase;
font-family:Arial,sans-serif;
font-size:30px;
letter-spacing:-2px;
font-weight:bold;
color:#315B95;
line-height:1.1;
margin: 20px 0 10px 0;
}
h2 i{
font-style:normal;
color:#ef7b08;
}
h3{
text-transform:uppercase;
font-family:Arial,sans-serif;
font-size:22px;
letter-spacing:-1px;
font-weight:normal;
color:#ef7b08;
line-height:1.1;
margin: 20px 0 10px 0;
}
#links h3{
margin: 10px 0 0px 0;
font-size:20px;
font-weight:bold;
letter-spacing:-1px;
font-family:arial,sans-serif;
color:#777;
text-transform:none;
}
.house h3{
margin-top:0;
}

p{
color:#666;
font-size:13px;
line-height:1.5;
margin: 0 0 10px 0;
}
li{
color:#666;
font-size:13px;
line-height:1.5;
margin-bottom:10px;
}
a:link{
color:#315A94;
text-decoration:none;
}
a:visited{
color:#315A94;
text-decoration:none;
}
a:hover{
color:#EF7B08;
text-decoration:underline;
}

ul ul{
margin: 10px 0 0 20px;
}
#wrapper .container ul li{
list-style:none;
background: transparent url(/_i/bg.bullet.gif) 0 10px no-repeat;
margin: 0 0 10px 20px;
padding:5px 0 0 20px;
clear:left;
}
#wrapper .container .profilebox ul li{
list-style:none;
background: transparent url(/_i/bg.bullet.gif) 0 10px no-repeat;
margin: 0 0 0px 20px;
padding:5px 0 0 20px;
clear:left;
}
#wrapper .container #sidebar ul li{
background:none;
margin:10px 0;
padding:0;
}
#wrapper .container ul.profilelinks li{
background:none;
margin:10px 0;
padding:0;
border-top:1px solid #ccc;
}
#homepage #content li{
font-weight:bold;
}
#wrapper .container  ul.basic li{
background:none;
list-style:none;
margin: 0 0 10px 0px;
}



dl{
margin-left: 20px;
}
dd{
margin-bottom:10px;
}
dt{
font-weight:bold;
}
hr{
border:0;
color: #ccc;
background-color: #ccc;
height:1px;
margin:20px auto;
width:900px;
}
/********************************************************************************
accessibility
********************************************************************************/
.accessibility{
position:absolute;
left:-9999px;
}

/********************************************************************************
page structure
********************************************************************************/
#header{
width:100%;
overflow: hidden;
background: #2D5386 url(/_i/bgheader.png) 0 0 repeat;
height:160px;
border-top:1px solid #fff;
}

#page{
width:100%;
overflow: hidden;
background: #fff;
min-height:400px;
padding: 0;
}
.container{
width:960px;
margin:0 auto;
overflow: hidden;
background:transparent;
}
#wrapper .container{
width:900px;
}
#container{
width:960px;
margin:0 auto;
overflow: hidden;
}
#wrapper{
clear:both;
padding-top:20px;
}


#sidebar{
width:200px;
float:right;
padding:0 0 0 20px;
}
#sidebar form{

}
#sidebar h2{
font-size:28px;
margin-top:0;
}

#homepage #sidebar{
background-color:transparent;
border:0;
margin: 20px 10px 20px 0;
width:220px;
float:right;
padding:10px 0;
}
#homepage #sidebar .container{
text-align:center;
margin: 10px 0;
background-color:rgba(255, 255, 255, 0.3);
border:1px solid #DDD0B9;
padding:10px;
}

#content{
width:900px;
overflow:hidden;
margin:0 auto;
}
#contentwide{
width:940px;
}
.container .col1,.container .col2{
float:left;
width:430px;
}
.container .col1{
padding: 0 10px 0 0;
}
.container .col2{
padding: 0 0 0 10px;
}

.main{
float:left;
width:680px;
overflow:hidden;
}
/********************************************************************************
page furniture
********************************************************************************/
#skip{
display:none;
}

#logo{
display:block;
float:left;
padding: 20px 0 0 0;
}
#crumbs{
clear:both;
color: #ccc;
font-size:18px;
}
#crumbs b{
font-weight:normal;
color:#EF7B08;
}
#crumbs a:link,#crumbs a:visited{
padding:2px 3px;
color:#315A94;
text-decoration:none;
}
#crumbs a:hover{
color:#fff;
background-color:#315A94;
text-decoration:none;
}
#intro{
overflow:hidden;
padding-left:30px;
}
img.intro{
float:right;
}
p.intro{
font-size:22px;
letter-spacing:0px;
color:#777;
font-weight:normal;
line-height:1.4;
}


#freelancelogin, #freelanceloggedin, #employerlogin, #employerloggedin{
width:210px;
height:145px;
padding: 0 15px;
float:right;
margin-left:0px;
}

#freelancelogin form, #employerlogin form, #freelanceloggedin ul, #employerloggedin ul{
padding-top:53px;
}
#freelancelogin a, #freelanceloggedin a, #employerlogin a, #employerloggedin a{
display:block;
font-family:verdana,sans-serif;
font-size:11px;
color:#fff;
line-height:1.1;
margin-top:2px;
clear:both;
}

#freelanceloggedin a,#employerloggedin a{
font-weight:bold;
padding: 3px 0;
}

#freelancelogin{
background: #3E6FB4 url(/_i/bgfreelancerlogin.png) 0 0 no-repeat;
}
#freelanceloggedin{
background: #3E6FB4 url(/_i/bgfreelancerprofile.png) 0 0 no-repeat;
}
#employerlogin{
background: #F49E49 url(/_i/bgemployerlogin.png) 0 0 no-repeat;
}
#employerloggedin{
background: #F49E49 url(/_i/bgemployeraccount.png) 0 0 no-repeat;
}

#freelancelogin div, #employerlogin div {
position: relative; 
float: left; 
}
#une,#unf,#pwe,#pwf{
padding:3px;
margin: 0 0 5px 0;
}
#une,#unf{
display:block;
width:198px;
}
#pwe,#pwf{
display:block;
width:158px;
float:left;
}
#une,#pwe{
border:1px solid #DD760F;
border-right:1px solid #F8C591;
border-bottom:1px solid #F8C591;
}
#unf,#pwf{
border:1px solid #26436D;
border-right:1px solid #5B86C6;
border-bottom:1px solid #5B86C6;
}

.hbtn{
display:block;
padding: 0 0 0 0;
float:right;
width:35px;
margin:0 4px 0 0;
}

label.over {
font-family:verdana,sans-serif; 
color: #777; 
position: absolute; 
top: 6px; 
left: 6px;
font-size:11px;
}

/********************************************************************************
globalnav
********************************************************************************/
#globalnav{
width:100%;
height:40px;
background: #fff url(/_i/bgglobalnav-container.png) 0 0 repeat-x;
}
#globalnav ul {
width:900px;
margin:0 auto;
overflow:hidden;
list-style:none;

}
#globalnav li{
text-align:center;
float:left;
font-size:11px;
letter-spacing:-0.1px;
font-family:verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:bold;
line-height:1;
margin:0;
}
#globalnav a,#globalnav a:hover#globalnav b{
background-color:#EF7C0B;
background-image:url(/_i/bgglobalnav.png);
background-repeat:no-repeat;
}
#globalnav a,#globalnav b{
display:block;
float:left;
padding:8px 0 5px 0;
height:21px;
width:102px;
text-decoration:none;
color:#fff;
background-position: -4px 0;
margin:0 0 3px 0;
border-top:1px solid #264775;
}
#lastgn{
padding-right:4px !important;
}
#firstgn{
padding-left:0px !important;
padding-right:0px !important;
}
#globalnav b, #globalnav strong a{
background-color:#325C97;
background-image:url(/_i/bgglobalnav-sel.png);
background-repeat:no-repeat;
display:block;
float:left;
padding:10px 0 5px 0;
height:21px;
width:102px;
text-decoration:none;
color:#fff;
background-position: -4px -63px;
border-top:0;
}

#globalnav a:hover{
background-position: -4px -64px;
padding:10px 0 5px 0;
height:21px;
text-decoration:none;
color: #fff;
}
#globalnav strong a:hover{
background-position: -4px -63px;
padding:10px 0 5px 0;
height:21px;
}
/********************************************************************************
footer
********************************************************************************/
#footer{
padding:9px 0 50px 0;
width:100%;
overflow:hidden;
}
#footerdiv{

background:#EF7B08;
background: #315A94;
background: #ccc;
width:900px;
margin:0 auto 5px auto;
height:1px;
}
#footerbox{
width: 920px;
margin:0 auto;
overflow:hidden;
}
#footer .container{
padding:10px 0 20px 20px;
width:200px;
float:left;
}

#footer .col1{
float:left;
overflow:hidden;
width:230px;
}
#footer .col1 .container{


}
#footer .col2{
float:left;
overflow:hidden;
width:230px;
}
#footer .col3{
padding-top:28px;
float:left;
overflow:hidden;
width:230px;
}
#footer .col4{
padding-top:28px;
float:left;
overflow:hidden;
width:230px;
}

#footer h2{
margin: 0 0 10px 0;
font-size:24px;
letter-spacing:-1px;
}
#footer h2  a:link,#footer h2  a:visited{
text-decoration:none;
}
#footer h2  a:hover{
color:#EF7B08;
}
#footer li{
font-size:12px;
line-height:1;
margin:0;
}
#footer li a:link,#footer li a:visited{
padding:5px 0 5px 20px;
display:block;
background: transparent url(/_i/bg.footer.bullet.gif) 5px 8px no-repeat;
color: #777;
text-decoration:none;
}
#footer li a:hover{
background: transparent url(/_i/bg.footer.bullet.gif) 5px -6px no-repeat;
color:#EF7B08;
text-decoration:underline;
}
#footer p{
font-size:12px;
color: #666;
}
#footer p a:link,#footer p a:visited{
color: #777;
text-decoration:none;
}
#footer p a:hover{
color: #EF7B08;
text-decoration:none;
}
#copy{
margin:10px 0 0 0;
}
/********************************************************************************
forms
********************************************************************************/


.freeform td{
padding:5px;
}


form.small{
float:left;
width:100px;
}
.formcontainer{
width:660px;
float:left;
padding-bottom:40px;
}
.formcontainer h2{
clear:both;
float:left;

color:#ef7b08;
margin: 10px 0 10px 0;
}


.columnrow{
float:left;
clear:both;
margin-top:10px;
}
.columnrow label{
display:block;
padding: 3px 0;
font-size:16px;
letter-spacing:-1px;
color:#777;
font-weight:bold;
}
.checkboxcontainer strong{
color:#EF7B08;
}
.checkboxcontainer .columnrow label,.checkboxcontainer .columnrow input{
float:left;
}

.columnrow label b{
font-family:georgia, serif;
color:#EF7B08;
letter-spacing:2px;
}
.columnrow label i{
font-weight:bold;
font-size:11px;
letter-spacing:0;
color:#777;
}
.columnrow input.txt{
width: 210px;
}
#sidebar .columnrow input.txt{
width: 185px;
}
.columnrow input.txtwide{
width: 450px;
}
.columnrow select.txt{
width: 220px;
}
.error label{
color: #c00;
}
.error input.txt{
border-color: #c00;
}

.columnleft{
float:left;
width:220px;
margin-right:20px;
}
.columnmid{
float:left;
width:220px;
margin-right:20px;
}
.columnright{
float:left;
width:220px;
}
.columnfull{
float:left;
width:460px;
}


.example{
font-family:verdana, sans-serif;
font-size:11px;
color:#777;
font-style:italic;
}

.txt{
background:#fff;
font-size:13px;
padding:4px;
border-color:#ccc;
border-style:solid;
border-width:1px;
}
select.txt{
padding: 3px 4px;
}
.btn {
padding:4px 6px;
width:auto;
font-family:Helvetica,Arial,Verdana,sans-serif;
font-size:14px;
font-weight:bold;
color:#555;
}

.usererror{
border: 1px solid #c00;
padding:10px;
background-color:rgba(255, 255, 255, 0.3);
color:#c00;
}
.usererror h2{
color:#c00;
background: transparent url(/_i/exclamation.png) 0 3px no-repeat;
}
.userstatus{
border: 1px solid #063;
padding:10px;
color:#063;
float:left;
width:655px;
margin-bottom:10px;
}
.userstatus h2{
color:#063;
background: transparent url(/_i/accept.png) 0 3px no-repeat;
}
.usererror h2,.userstatus h2{
margin:0;
letter-spacing:-1px;
padding: 2px 0 2px 20px;
font-size:18px;
}
.usererror p,.userstatus p{
margin:0;
}
.usererror p{
color:#c00;
}
.userstatus p{
color:#063;
}

p.fpw{
margin:0;
padding:10px 0 0;
clear:both;
}

/********************************************************************************
homepage
********************************************************************************/
#introstream{
width:980px;
margin:0 auto;
overflow:hidden;
overflow:hidden;
}
#introstream h2{
margin:0;
}
#introstream h3{
margin:0 0 10px 0;
}
#introstream a,a.button-o{
display:block;
background:transparent url(/_i/button-o.gif) 0 0 no-repeat;
padding: 9px 0 13px 10px;
height:17px;
width:250px;
color:#fff;
font-family:arial,sans-serif;
font-size:16px;
letter-spacing:0px;
font-weight:bold;
text-decoration:none;
}

.introstreamsl,.introstreamsr{
float:left;
height:186px;
}
.introstreamsl{
width:360px;
padding:30px 20px 0 100px;
background: transparent url(/_i/forfreelancer.png) 0 0 no-repeat;
}
.introstreamsr{
width:300px;
padding:30px 160px 0 30px;
background: transparent url(/_i/foremployers.png) 0 0 no-repeat;
}

#introboxes {
clear:both;
margin-left:auto;
margin-right:auto;
overflow:hidden;
width:920px;
}

#introboxesr{
clear:both;
width:230px;
float:right;
}
#introboxes div,#introboxesr div{
width:230px;
float:left;
height:220px;
}
#introboxes h2, #introboxesr h2{
margin:0;
letter-spacing:-1px;
font-size:24px;
padding: 20px 0 5px 25px;
}
#introboxes p, #introboxesr p{
margin:0;
}
#introboxes a, #introboxesr a{
font-weight:bold;
}

#introbox1{
background: transparent url(/_i/getintouch.png) 0 0 no-repeat;
}
#introbox1 p{
padding:0px 8px 0 75px;
}
#introbox2{
background: transparent url(/_i/newfreelancer.png) 0 0 no-repeat;
}
#introbox2 p{
padding:0px 15px 0 100px;
}
#introbox3{
background: transparent url(/_i/aboutus.png) 0 0 no-repeat;
}
#introbox3 p{
padding:0px 90px 0 25px;
}
#introbox4{
background: transparent url(/_i/freelancerbottom.png) 0 0 no-repeat;
}
#introbox4 p{
padding:0px 110px 0 25px;
}
/********************************************************************************
profiles
********************************************************************************/
.profilebox{
width:680px;
float:left;
padding:20p 0x;
border-top: 1px solid #ccc;
}
.profilebox h2{
color:#EF7B08;
}
.profilebox h1{
margin: 0 0 0px 0;
}
.profilebox h2{
margin: 0 0 10px 0;
}
.profilebox hr{
width:680px;
margin:10px 0;
}
.profilebox form{
float:right;
padding: 0px 0 0 0;
}
a.profileedit{
display:block;
float:right;
padding:5px 10px;
font-size:18px;
letter-spacing:-1px;
font-weight:bold;
text-decoration:none;
}
a:hover.profileedit{
color:#fff;
background:#EF7B08;
text-decoration:none;
}
#profilephoto{
float:left;
margin:10px 20px 0 0;
}
#profiledetails{
width:450px;
float:left;
}
#profiledetails p{
margin: 0 0 0 0;
}

.data{
clear:both;
}

#profileoverview, #profilecv{
width:100%;
float:left;
clear:both;
border-top: 1px solid #ccc;
margin: 20px 0 0 0;
padding: 10px 0 0 0;
}

#profileoverview ul{
margin: 10px 0 10px 20px;
list-style:square;
}

#profilejobtitle{
margin:0 0 10px 0;
font-size:16px;
font-style:italic;
}

.profile-doc a, .profile-pdf a,.profile-doc b, .profile-pdf b{
display:block;
font-weight:bold;
font-size:20px;
letter-spacing:-1px;
padding:10px 0 10px 45px;
}
.profile-doc{
background:transparent url(/_i/icon-doc.png) 0 0 no-repeat;
float:right;
margin-right:50px;
}
.profile-pdf{
background:transparent url(/_i/icon-pdf.png) 0 0 no-repeat;
}
.panel .profile-doc{
padding-bottom:20px;

}
.panel .profile-pdf{
padding-bottom:20px;
}

form.profilebutton{
padding-top:10px;
float:right;
}

.tabs{
padding-top:20px;
clear:both;
zoom:1;
overflow:hidden;
}
#content .panel li,#contentwide .panel li{
list-style:none;
margin:0;
}

ul.tabNavigation {
list-style: none;
margin: 0;
padding: 0;
}

#content ul.tabNavigation li,#contentwide ul.tabNavigation li{
display: inline;
line-height:1;
margin:0;
}

ul.tabNavigation li a {
padding: 3px 12px;
background-color: #D3C2A5;
color: #fff;
font-size:22px;
letter-spacing:-1px;
font-weight:bold;
text-decoration: none;
margin-right:2px;
}

ul.tabNavigation li a.selected,
ul.tabNavigation li a:hover {
background-color: #E9E1D2;
color: #555;
padding-top: 7px;
}
ul.tabNavigation li a.selected{
background-color:rgba(255, 255, 255, 0.3);
border: 1px solid #DDD0B9;
border-bottom: 1px solid #fff;
color: #555;
padding-top: 7px;
}
ul.tabNavigation li a:focus {
outline: 0;
}

.tabs .panel {
margin-top: 10px;
overflow:hidden;
}
.panel ul{
margin-bottom: 20px;
}
.panel li{

}
.panel h3 :link, .panel h3 a:visited, .panel h3 a:hover{
color:#555;
text-decoration:none;
}
.panel h3 i{
font-weight:normal;
}
.panel h4{
font-style: italic;
}
.panel .desc{
margin: 0 0 0 20px;
}
.panel .desc ul{
margin: 10px 0 10px 20px;
list-style:square;
}
.sidedit{
font-family:verdana,sans-serif;
font-size:11px;
font-style:italic;
margin-top:10px;
}
#content ul.profilelinks{
border-top: 1px solid #E9E1D2;
margin: 10px 0;
}
#content .profilelinks li{
list-style:none;
padding-bottom:10px;
border-bottom: 1px solid #E9E1D2;
margin: 0 0 10px 0;
overflow:hidden;
_zoom:1;
}

table.searchresults{
border-top: 1px solid #E9E1D2;
border-left: 1px solid #E9E1D2;
}
table.searchresults td, table.searchresults th{
border-bottom: 1px solid #E9E1D2;
border-right: 1px solid #E9E1D2;
padding:5px;
font-size:13px;
text-align:left;
}
table.searchresults th{
background: #E9E1D2;
}


.over td{
background: #fff;
}

.bullets{
	list-style-type: none;
}

.bullets li {
	list-style: none;
}

table.paymentForm td{
	border: solid 1px red;

}

/********************************************************************************
staff
********************************************************************************/
#staff #content{
margin-left:50px;
}
#staff .columnrowpanel{
border:0;
padding-left:0;
width:auto;
}
#staff #crumbs{
margin-left:0;
}

.tablehighlight{
border-top:1px solid #eee;
border-left:1px solid #eee;
font-family:verdana,sans-serif;
font-size:11px;
border-collapse:separate;
}

.tablehighlight td,.tablehighlight th{
padding:5px;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
}
.tablehighlight th{
background:#fff;
padding:10px 2px;
color:#777;
text-align:left;
}
.tablehighlight th a{

}
.tablehighlight a{
color:#EF7B08;
display:block;
font-weight:bold;
}

.tablehighlight tr.highlight td{
background:#315B95;
color:#fff !important;
cursor:pointer;
border-bottom:1px solid #315B95;
border-right:1px solid #315B95;
}
.tablehighlight tr.highlight td a{
color:#fff;
}
.paging{
padding:10px 0;
overflow:hidden;
zoom:1;
font-size:12px;
font-weight:bold;
color:#AAA;
}
.paging a,.paging b,.paging i{
display:block;
float:left;
padding:8px 10px;
margin-right:5px;

}
.paging b{
border: 1px solid #315B95;
color: #315B95;
}

.paging a{
border: 1px solid #fff;
background: #315B95;
color:#fff;
}
.paging a:hover{
background: #EF8317;
color:#fff;
}

.stflink{
color: #EF8317;
}

#staff .panelbox{
width:395px;
padding:5px 20px;
margin-right:10px;
float:left;
border:1px solid #ccc;
height:280px;
overflow:hidden;
}

#signupplans {
clear:both;
margin:0 auto;
overflow:hidden;
width:920px;
}

#signupfreelancer{
float:left;
padding:5px 25px;
width:160px;
height:330px;
background: transparent url(/_i/signupfreelancer.png) 0 0 no-repeat;
}
#signupemployer{
float:left;
padding:5px 25px;
width:660px;
height:330px;
background: transparent url(/_i/signupemployer.png) 0 0 no-repeat;
}
#signupplans h2{
font-size:28px;
letter-spacing:-2px;
text-align:center;
}
#signupemployer h2{

}

#signupplans h3{
color:#777;
font-family:Arial,sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
line-height:1;
margin:0px;
text-transform:none;
background: #fff url(/_i/gradient-revegrseshort.png) 0 0 repeat-x;
padding:10px 5px;
background:none;
text-align:center;
}
#signupplans h3.first{

}
#signupplans h3.last{

}
#signupplans h3 i{
font-style:normal;
text-transform:uppercase;
}
#signupplans table{
width:100%;
border-top:1px dotted #ddd;
border-bottom:1px dotted #ddd;
border-left:1px dotted #ddd;
}
#signupplans td,#signupplans th{
border-right:1px dotted #ddd;
padding:0;
background:none;
}
#signupplans .signup a{
background:url("/_i/button-o-small.gif") no-repeat 0 0 transparent;
color:#FFFFFF;
display:block;
font-family:arial,sans-serif;
font-size:16px;
font-weight:bold;
height:17px;
letter-spacing:0;
padding:9px 0 13px 0px;
text-decoration:none;
margin:10px auto 10px auto;
width:92px;
text-align:Center;
}

#signupplans li{

margin:0 0 0 0;
padding:5px 5px;
font-size:12px;
text-align:center;

}
#signupplans li b{
font-size:16px;
color:#666;
}
#signupplans li b i{
font-style:normal;
color:#ef7b08;
}

#socialIcons {
margin-left:280px;
margin-top:125px;
position:absolute;
}

#socialIcons a img{padding-right:5px;}

.space{height:190px;}
.IncreaseSize{font-size:1.2em;}