/* reset */
@import url("reset.css");

/* forms */
@import url("form.css");


/* BEGIN BASIC FORMATTING */

html, body{
margin:0;
padding:0;
min-height:100%;
height:100%;
}

body{
background:#eff4ff;
color:#666;
font:13px/1.618em Helvetica,Arial,Tahoma,sans-serif;
}

p{
margin:0 0 1.618em 0;
}

a:link, a:visited{
text-decoration:none;
color:#00a8ff;
}

a:link:hover, a:visited:hover{
text-decoration:underline;
}

h1, h2, h3, h4, h5, legend, caption, p.important{
font:normal 30px/1em Helvetica,Arial,Tahoma,sans-serif;
letter-spacing:-.5px;
margin:0.809em 0 0.405em 0;
text-align:left;
color:#333;
}

h2{
font-size:18px;
font-weight:bold;
}

h3, legend, caption{
font-size:16px;
font-weight:bold;
}

h4, h5{
font-size:13px;
font-weight:bold;
}

legend{
margin:0 0 .2em 0;
padding:0;
font-style:italic;
font-weight:bold;
}

fieldset{
margin:10px 0;
}

table{
border-collapse:collapse;
width:100%;
margin:20px 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

table th{
background:#eff4ff;
padding:15px 10px;
font-weight:bold;
text-align:left;
color:#333;
font-size:18px;
border:1px solid #b7e6ff;
}

#morestats th{
font-size:13px;
}

#morestats th, #morestats td{
padding:2px 4px;
}

table td{
border-bottom:1px solid #eff4ff;
padding:4px 10px;
font-size:12px;
}

ul, ol{
margin:5px 0 20px 0px;
}

ul li, ol li{
list-style:none;
margin:0;
padding:0 0 0 20px;
background:url("/img/ico-bullet.png") no-repeat 0px 7px;
}

ol{
list-style-type: decimal;
list-style-position: outside;
} 

ol li{
list-style-type: decimal;
list-style-position:outside;
padding:4px 0 0px 0;
margin-left:24px;
background:transparent
}

dl dt{
float:left;
width:50%;
/*
color:#a3a3a3;
*/
}

dl dd{
font-weight:bold;
}

dl dd span{
font-weight:normal;
}

blockquote{
display:block;
clear:both;

padding:20px 20px 0 20px;
border:1px solid #b7e6ff;
background:#eff4ff;
color:#606266;

-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

}

/*blockquote p, */blockquote h2{
margin-top:0;
}

cite{
font-style:italic;
}

pre{
border:1px dashed #13243B;
padding:10px;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -o-pre-wrap;
font-family:"Andale Mono",Consolas,monospace;
}

hr{
border-color:#b7e6ff;
border-style:solid;
border-width:1px 0 0;
clear: both;
margin:10px 0;
height:0;
}

abbr, acronym{
cursor:help;
border-bottom:1px dashed #b7e6ff;
}

::-moz-selection{
background:#00a8ff;
color:#fff;
} 

::selection{
background:#00a8ff;
color:#fff;
} 

/* SOME CUSTOM YET BASIC FORMATTING*/

div.clearer {
overflow:hidden;
margin:0 0 -1px 0;
height:1px;
clear:both;
}

hr.clearer{
overflow:hidden;
height:1px;
clear:both;
margin:25px 0;
}

.half{
width:48%;
float:left;
padding-right:2%;
}

.first{
padding-right:1%;
width:49%;
}

.last{
padding-right:0;
padding-left:1%;
width:49%;
}

.third{
width:32%;
float:left;
padding-right:1%;
}

.third h3{
text-align:center;
}

h3 em{
font-weight:normal;
font-style:normal;
}

.quarter{
float:left;
width:24%;
padding-right:1%;
}

img.alignright{
float:right;
margin-left:10px;
}

img.alignleft{
float:left;
margin-right:10px;
}

.floatleft{
float:left;
}

.floatright{
float:right;
}

.small{
font-size:11px;
}

.dim{
color:#999;
}

.learnmore{
cursor:help;
border-bottom:1px dashed #b7e6ff;
}

/* END BASIC FORMATTING */


/* BEGIN LAYOUT */

#wrapper{
width:920px;
margin:10px auto 0;
background:#fff;
padding:0 20px 1px 20px;
/*
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
border-radius-bottomright:10px;

*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;


-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);

min-height:400px;
overflow:show;

}

#wrapper > h1{
margin-top:0;
padding-top:1em;
}

#body{
float:left;
width:590px;
}

#body.content{
width:670px;
}

#sidebar{
float:right;
width:300px;
}

#headerwrapper{
background:#fff;
border-bottom:1px solid #d3d3d3;
}

#header{
position:relative;
width:960px;
margin:0 auto;
height:100px;
}

#logowrapper{height:100%;display: table;#position: relative;overflow: hidden;}
#logo{display: table-cell;#position: absolute;#top: 50%;vertical-align: middle;}
#logo img{display:block;clear:both;#position: relative;#top: -50%;max-height:70px; -ms-interpolation-mode: bicubic; /* for them IEs */}

#logo, #logo:visited, #logo:hover{
text-decoration:none;
color:#c3c3c3;
font-size:11px;
line-height:1.2em;
}

#login{
position:absolute;
top:40px;
right:0;
margin:0;
padding:0;
z-index:9;
}

#login li{
float:left;
margin:0;
padding:0 3px;
background:none;
}

#login li:after{
content:" |";
color:#d8d8d8;
}

#login li:last-child:after{
content:""
}



#login .dropdown a{
display:block;
cursor:pointer;
}

#login .dropdown{
background:url("/img/ico-dropdown.png") no-repeat 60px 9px;
padding-right:20px;
width:60px;
}

#login ul{
margin:0;
padding:0;
}

.dropdown ul{
display:none;
}

.dropdown:hover ul{
display:block;
}

#login ul li:after{
content:"";
}

#login ul li{
margin:0;
padding:0;
display:block;
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

#login ul li a{
display:block;

width:80px;
height:30px;

padding:;
border:1px solid #e9e9e9;
border-bottom:0;

background:#fff no-repeat 50% 50%;
overflow:hidden;
text-indent:-9999px;

}

#login .signup{
text-indent:0 !important;
height:15px !important;
padding:5px 0 10px 0 !important;
font-weight:normal;
}

#login ul li:last-child a{
border-bottom:1px solid #e9e9e9;
}

#login ul li a:hover{
border-color:#b7e6ff;
background-color:#eff4ff;
}

#login ul li a.google{
background-image:url("/img/logo-google-small.png")
}

#login ul li a.twitter{
background-image:url("/img/logo-twitter-small.png")
}

#login ul li a.facebook{
background-image:url("/img/logo-facebook-small.png")
}



#login a{
font-weight:bold;
}

#intro{
position:relative;
color:#fff;
background:#00a8ff url("/img/bg-intro.jpg") bottom left;
padding:30px 30px 50px 30px;
margin-top:20px;
}

#settings{
position:relative;
background:#f3f3f3;
border:1px solid #d3d3d3;
margin:20px 0;
padding:0 20px;
}

#settings .quarter a{
float:left;
margin:5px 15px 0 0;
color:#a3a3a3;
font-size:11px;
}

#settings .quarter a img{
display:block;
}

a.hide{
position:absolute;
top:10px;
right:10px;
}

#intro p{
color:#fff;
margin:0;
line-height:1em;
}

#intro a{
color:#fff;
font-weight:bold;
text-decoration:underline;
}

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

img#profile{
margin-top:-65px;
}

#text{
padding:20px 20px 0 20px;
margin-top:20px;
border:1px solid #D3D3D3;
}

ul.tags, ul.previous, ul.friends, ul.actions, ul.socialmedia{
margin:0;
padding:0;
}

ul.tags li, ul.previous li, ul.friends li, ul.actions li{
/* display as inline block */ display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
}

span.accredited{
background-color:#53eb00;
color:#fff;
}

span.selfverified{
background-color:#00a8ff;
color:#fff;
}

ul.tags.sortbyColor li{
margin:0 10px 10px 0;
padding:1px 6px;
background:#eff4ff;
border:1px solid #b7e6ff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

ul.tags.sortbyColor li.accredited{
border-color:#c6ffb7;
background-color:#f2ffef;
}

ul.tags.sortbySize li{
margin:0 10px 10px 0;
padding:0;
}

ul.tags.sortbySize li.accredited{
color:#64d400;
}

ul.previous{
width:105%;
margin-left:-1%;
}

ul.previous li{
margin:0;
padding:0 1%;
width:30%;
border-right:1px solid #d3d3d3;
}

ul.previous li:last-child{
border:0;
}

ul.previous li a, ul.previous li strong{
display:block;
clear:both;
}

ul.friends li, ul.recommendations cite{
margin:0;
padding:0;
width:50px;
margin:0 15px 15px 0;
line-height:1em;
}

ul.recommendations li{
width:100%;
}

ul.recommendations cite, ul.recommendations blockquote{
display:inline;
clear:none;
float:left;
}

ul.recommendations blockquote{
max-width:480px;
font-style:italic;
}

ul.friends li a{
display:block;
color:#a3a3a3;
font-size:11px;
}

ul.friends li a img{
display:block;
}

ul.socialmedia li{
margin:0;
padding:0 0 0 25px;
background-repeat:no-repeat;
background-position:0 2px;
}

ul.socialmedia li a{
display:block;
}

a.recent{
font-size:11px;
color:#a3a3a3;
line-height:1.3em;
font-style:italic;
}

li.twitter{
background-image:url("/img/twitter_16.png");
}

li.facebook{
background-image:url("/img/facebook_16.png");
}

li.blogger{
background-image:url("/img/blogger_16.png");
}

li.flickr{
background-image:url("/img/flickr_16.png");
}

li.myspace{
background-image:url("/img/myspace_16.png");
}

ul.actions{
width:105%;
}

ul.actions li{
padding:0;
margin:0;
width:27.4%;
margin-right:2%;
padding:3% 1.5%;
background:#00a8ff;
color:#fff;
font-weight:bold;
position:relative;

-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

#sidebar ul.actions{
width:100%;
}

#sidebar ul.actions li{
display:block;
width:auto;
margin:0 0 10px 0;
padding:20px;
}

ul.actions li a{
color:#fff;
display:block;
}

ul.actions li.friend, ul.actions li.contact{
background-image:url("/img/ico-contact.png");
background-repeat:no-repeat;
background-position:90% 50%;
}

ul.actions li.contact{
background-image:url("/img/ico-drop.png");
}


ul#share{
position:absolute;
z-index:5;
top:2px;
right:10px;
padding:5px 25px 5px 5px;
width:32px;
background:#0090ff url("/img/bg-share.jpg") no-repeat top left;
height:32px;
overflow:hidden;
}

ul#share:hover{
height:auto;
overflow:show;
}

ul#share li, #sidebar ul#share li, ul#share li a, ul#share li img{
display:block;
margin:0;
padding:0;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
}

ul#share li, #sidebar ul#share li{
margin-bottom:5px;
}

#footer{
width:960px;
color:#a3a3a3;
font-size:11px;
line-height:1.2em;
padding:5px 0;
margin:10px auto 0 auto;
text-align:center;
}

#footer ul, #footer ul li{
margin:0;
padding:0;
display:inline;
background:none;
}

#footer p{
margin-top:5px;
}

#footer ul li:after{
content:" | ";
color:#d8d8d8;
}

#footer ul li:last-child:after{
content:""
}

#preloader, #preloader img{
vertical-align:middle;
}

/* all your jobs page */


#emailprompt fieldset{
margin-top:0;
}

#emailprompt{
position:relative;
top:20px;
}


.browse{
position:relative;
top:-5px;
display:block;
clear:both;
border-top:1px solid #fff;
margin-bottom:10px;
}

html>body .browse{
top:0;
}

.browse a{
/* display as inline block */ display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
width:40px;
height:30px;
border:1px solid #dbdbdb;
text-indent:-999px;
overflow:hidden;
background-repeat:no-repeat;
}

.browse a:hover{
border-color:#b7e6ff;
}

.browse a:active{
border-color:#00a8ff;
background-color:#b7e6ff;
}

.browse a:first-child{
border-right-width:0;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
border-radius-topleft:5px;

-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
border-radius-bottomleft:5px;
}

.browse a:last-child{
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
border-radius-topright:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-radius-bottomright:5px;
}

.previous{
background:url("/img/ico-arrows.png") 50% -52px;
}

.previous:hover{
background-position:50% -83px;
}

.next{
background:url("/img/ico-arrows.png") 50% 10px;
}

.next:hover{
background-position:50% -21px;
}

#addnew.button{
margin-top:23px;
background-image:url("/img/ico-add.gif");
background-repeat:no-repeat;
background-position:10px 50%;
padding-left:40px;
font-size:24px !important;
padding-top:11px !importa;
padding-bottom:11px;
}

#jobs li{
margin:0;
padding:7px;
border-bottom:1px solid #e9e9e9;
position:relative;
background:none;
}

#jobs li:hover{
background:#eff4ff;
border-color:#b7e6ff;
}

#jobs li span{
position:absolute;
right:5px;
font-size:11px;
display:none;
}

#jobs li span.nohide{
display:inline;
}

#jobs li span.win{
padding-right:40px;
background:url("/img/incentive-small.png") no-repeat 100% 100%;
font-weight:bold;
}

#jobs li:hover span{
display:inline;
}

#jobs li:hover > a{
}

#jobs li span a{
color:#666;
border:1px solid #ccc;
padding:0px 4px;
background-color:#fff;
margin-right:5px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;

float:left;
}

#jobs li.draft a{
color:#666;
}

#jobs li.expired a{
color:#ccc;
}

#jobs li.expired:hover{
background-color:#f4f4f4;
border-color:#e9e9e9;
}

#jobs li em{
color:#999;
}

#jobs li.expired:hover a{
color:#666;
}

.stats, .edit, .delete, .end{
background-repeat:no-repeat;
background-position:5px 50%;
padding-left:25px;
}


#viewstats{
position:relative;
top:-10px;
}

.stats{
background-image:url("/img/ico-stats.png");
}

.edit{
background-image:url("/img/ico-edit.png");
}

.delete{
background-image:url("/img/ico-delete.png");
padding-left:25px !important;
}

.end{
font-weight:bold;
background-image:url("/img/ico-time.png");
padding-left:25px !important;
}

#jobs .stats{
width:14px;
text-indent:-99px;
overflow:hidden;
}

/* widget */

#jobWidget label, #sharingWidget label{
margin-top:0;
}

#jobWidgetCode, #shareWidgetCode{
width:181px;
font-size:13px;
}


#emplyJobWidget{
margin:0;
padding:10px;
border:1px solid #b7e6ff;
background:#eff4ff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

font-size:12px;
line-height:1.2em;

-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

#emplyJobWidget li{
margin:0;
padding:0;
background:none;
border-bottom:1px solid #b7e6ff;
}

#emplyJobWidget li a{
display:block;
padding:5px 0;
}

#emplyJobWidget li#emplyJobWidgetFooter{
text-align:right;
font-size:.8em;
border:0 !important;
}

#emplyJobWidget li#emplyJobWidgetFooter a{
display:inline;
padding:0 !important;
position:relative;
top:5px;
}

/* account settings page */

#connect{
overflow:hidden;width:100%; /* for float clearing */
}

#connect li{
border:1px solid #dbdbdb;
float:left;
width:195px;
height:50px;
margin:0;
padding:30px 0 20px 0;
text-align:center;
border-left-width:0;
background:none;
}

#connect li:first-child{
border-left-width:1px;
-moz-border-radius-topleft:5px;
-webkit-border-radius-topleft:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
}

#connect li:last-child{
-moz-border-radius-topright:5px;
-webkit-border-radius-topright:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-radius-bottomright:5px;
}

#connect li:hover{
border-color:#b7e6ff;
}

#connect li img{
display:block;
clear:both;
width:151px;
margin:0 auto 10px auto;
}

#connect li span{
color:#a3a3a3;
background:url("/img/ico-ok.png") no-repeat 0 4px;
padding-left:20px;
}

#connect li a{
display:block;
}
 
#connect li a span{
color:#00a8ff;
font-weight:bold;
background-image:url("/img/ico-connect.png");
}

#sidebar p{
margin:0;
}

#sidebar input{
width:250px;
}

#sidebar input.checkbox, #sidebar input.button{
width:auto;
}

#sidebar fieldset{
margin-top:0;
}


/* Add or import new job ad */

#addnewStep1, #addnewStep2{
display:block;
width:100%;
background:transparent no-repeat 20px 50%;
padding:10px 0;
}

#addnewStep1{
background-image:url("/img/title-addnew-step1.png");
height:40px;
}

#addnewStep2{
background-image:url("/img/title-addnew-step2.png");
height:131px;
margin-bottom:-80px;
}


/* single job ad published view */

.menu{
width:200px !important;
border:1px solid #b7e6ff;
background:#eff4ff;
padding:10px;
margin:20px 0 20px 20px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.menu ul{
margin:0;
padding:0;
}

.menu li{
margin:0;
padding:0;
border-bottom:1px solid #b7e6ff;
background:none;
}

.menu li:last-child{
border-bottom:0;
}

.menu li a{
display:block;
padding:5px 5px 5px 25px;
}

.menu fieldset{
margin:0;
}

.menu input{
width:165px !important;
}


.share{
width:180px !important;
padding:10px !important;
position:relative;
}

.share.image{
padding:0 !important;
width:auto !important;
background:none !important;
}

.share span{
display:block;
height:20px;
overflow:hidden;
position:absolute;
top:8px;
right:10px;
text-indent:-999px;
}

.upgrade, .upgrade:hover{
background-image:url("/img/ico-upgrade.png");
background-repeat: no-repeat;
background-position:5px 7px !important;
padding-left:35px !important;
width:155px !important;
background-color:#26c401 !important; 
}

.ok .upgrade{
position:absolute !important;
top:10px;
right:10px;
}

.upgrade:hover{
background-color:#58d43b !important;
}

.socialmedia{
background:url("/img/ico-socialmedia.png") no-repeat 0 50%;
width:64px;
}

.email{
background:url("/img/ico-email.png") no-repeat 0 50%;
width:10px;
}

.copyURL{
border-top:1px solid #b7e6ff;
border-bottom:1px solid #b7e6ff;
padding:10px 5px;
cursor:pointer;
}

.copyURL:hover{
background:#fff;
}

/* PRICING AND FEATURES */

/*


border:1px solid #b7e6ff;
background:#eff4ff;

*/

th.blank, td.blank{
background:transparent;
border:0;
}

#features th, td.check, .signup, table .center{
text-align:center;
}

#features th{
width:210px;
}

#features th.blank{
width:auto;
}

#features td.colspan{
padding:16px 0;
font-size:20px;
}

#features td.nocols{
font-size:11px;
padding:16px 0;
color:#999;
}

#features td.nocols span{
font-size:20px;
display:block;
clear:both;
color:#666;
}

.colspan img{
position:relative;
top:5px;
}

.colspan strong{
display:block;
clear:both;
font-size:25px;
}

.colspan span{
font-size:16px;
}

td.check{
background:url("/img/ico-hasfeature.png") no-repeat 50% 60%;
overflow:hidden;
text-indent:-9999px;
padding:10px;
}

.incentives{
background:url("/img/incentives-3.png") no-repeat 50% 120%;
overflow:hidden;text-indent:-999px;
}

.incentives.maximum{
background-image:url("/img/incentives-8.png");
}

#features .description{
display:block;
clear:both;
font-weight:normal;
font-size:18px;
font-style:italic;
}

.price{
border-top:1px solid #fff;
font-weight:normal;
padding:5px;
display:block;
font-weight:bold;
font-size:24px;
display:block;
text-align:center;
color:#008dd9
}

#features tbody tr:hover td{
background-color:#f5faff;
}

/*
#features tbody tr td:first-child{
text-align:right;
}
*/




/*

FOR A FEATURED PACKAGE

#features .featured{
padding:0 25px;
}

#features th.featured{
background:#b7e6ff;
color:#324550;
border-color:#70cdff;
}

#features td.featured{
color:#324550;
border-left:1px solid #b7e6ff;
border-right:1px solid #b7e6ff;
background:#fafcff;
}

#features tfoot td{
border:1px solid #b7e6ff !important;
}

*/

/*
.signup{
background:#b7e6ff;
border:1px solid #70cdff;
padding:10px 0;
margin:10px 0;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
font-weight:bold;
}

.signup, .signup img{
vertical-align:middle;
}


*/

.signup{
font-size:12px;
padding:10px 0;
}

.signup .primary{
display:block;
width:130px;
margin:5px auto 0;

font-size:25px;
font-weight:bold;

background:#eff4ff;
color:#008DD9;

border:1px solid #70cdff;
padding:6px 0;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}

.signup .primary:hover{
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
background:#c8ecff;
text-decoration:none;
}

.signup .primary span{
display:block;
clear:both;
font-size:13px;

}

.signup .primary, .signup .primary img{
vertical-align:middle;
}


/* bonus points page */

dt.title, dd.title{
font-size:17px;
padding:10px 0 5px 0;
margin-bottom:5px;
border-bottom:1px solid #B7E6FF;
}

/* home page */

ul.important li{
background-image:url("/img/ico-hasfeature.png");
font-size:16px;
margin:10px 0;
padding:5px 0px 5px 40px;
}



/* ---------------------- PLUGINS --------------------- */

/* tooltips */

#tooltip{
font-size:11px;
line-height:15px;
background-color:#000 !important;
background-color:rgba(0,0,0,0.8) !important;
color:#fff !important;
padding:5px 10px !important;
z-index:1000;
position:absolute;
width:auto !important;
max-width:200px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.6);
cursor:default;
}