/* start reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: url(../images/mainBg.jpg) top left repeat-x;;
}
em{
font-style:italic;
color:#666;
}
ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* end reset */
a:link, a:visited{
color:#333;
}
a:hover{
color:#3E7C8F;
}
body{
text-align:center;
font-family: Helvetica, Arial,Verdana, Sans-serif;
font-size:12px;
line-height:16px;
width:100%;
}
body#noBg{
background:#fff;
text-align:left;
}
p{
line-height:18px;
}
#wrapper{
width:960px;
height:auto;
margin:0 auto;
text-align:left;
padding:0;
}
#topNav{
width:960px;
height:40px;
position:relative;
float:left;
color:#fff;
font-size:11px;
}
#navTop{
position:relative;
float:right;
margin:10px 0 0 0;
}
#navTop li{
position:relative;
float:left;
margin:0 5px 0 5px;
padding:0;
height:14px;
color:#3E7C8F;
}
#navTop li.last{
border-right:0;
}
#navTop a:link, #navTop a:visited{
color:#fff;
text-decoration:none;
}
#navTop a:hover{
color:#3E7C8F;
}
#navTop a.featureLink:link, #navTop a.featureLink:visited{
color:#333;
text-decoration:none;
background:#fff;
padding:5px;
font-weight:bold;
}
#navTop a.featureLink:hover{
color:#3E7C8F;
}
.light{
color:#ccc;
}
#mastHead{
width:960px;
height:97px;
position:relative;
float:left;
color:#fff;
}
#mastHead h1{
position:relative;
float:left;
margin:28px 0 0 5px;
font-weight:bold;
font-size:18px;
background: url(../images/logo.jpg) top left no-repeat;
width:380px;
height:37px;
text-indent:-9000px;
}
#slogan{
position:relative;
float:right;
width:371px;
height:15px;
background: url(../images/slogan.png) top left no-repeat;
margin:44px 10px 0 0;
}
#navHolder{
width:960px;
height:55px;
position:relative;
float:left;
color:#000;
padding:0 0 0 0;
margin:0;
}
#nav{
position:relative;
float:left;
margin:14px 0 0 35px;
list-style-type: none;
}
#nav li {
float: left;
padding-right: 3px;
height:38px;
}
#nav li a{
position: relative;
float: left;
display: block;
background: url(../images/btnLeft.png) 0 0 no-repeat;
padding: 0 0 0 12px;
text-decoration: none;
color: #212830;
outline: none;
height:35px;
}
#nav li a:hover{
color:#598E9F;
}
#nav li a span{
background: url(../images/btnMid.png) top left repeat-x ;
display: block;
float: left;
padding-left: 8px;
padding-top:9px;
padding-right:4px;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
height:30px;
cursor: pointer; /* -- this is so IE display the right curson -- */
}
#nav li a span.cnr{
display: block;
background: url(../images/btnRight.png) right 0 no-repeat;
float: left;
position: relative;
height:35px;
}
#navMessage{
position:absolute;
right:20px;
top:23px;
font-size:14px;
color:#212830;
padding:0 0 0 30px;
background: url(../images/tick.png) 5px -2px no-repeat;
}
.buyStuff{
font-size:14px;
color:#212830;
padding:10px 10px 10px 30px;
background:#C1DAD7 url(../images/tick.png) 5px 10px no-repeat;
font-weight:bold;
}
.clear{
clear:both;
}
#contentHolder{
width:960px;
height:auto;
position:relative;
float:left;
margin:0 0 0 0;
display:inline;
background: url(../images/contentBg.png) top left no-repeat;
}
#contentHolder h1{
font-size:22px;
font-weight:bold;
margin:0 0 0 20px;
color:#032645;
letter-spacing: 1px;
}
#contentHolder h2{
font-size:18px;
font-weight:normal;
margin:20px 0 0 20px;
color:#4C99B1;
}
#contentHolder h3{
font-size:16px;
font-weight:normal;
margin:20px 0 0 20px;
color:#4C99B1;
}
#contentHolder p{
margin:10px 20px 10px 20px;
}
#contentHolder #contentHome h1{
font-size:18px;
border-bottom:1px solid #ccc;
padding:0 0 5px 0;
margin:0 20px 0 0;
}
#message{
position:relative;
float:left;
width:820px;
height:auto;
margin:20px 10px 20px 20px;
padding:10px 10px 10px 60px;
display:inline;
background:#fff url(../images/largeCheck.jpg) 10px 8px no-repeat;
border:1px dotted #999;
color:#032645;
font-size:14px;
}
#message h1{
font-weight:normal;
font-size:14px;
}
#noLogin{
position:relative;
float:left;
width:750px;
height:auto;
margin:20px 10px 20px 20px;
padding:10px 10px 20px 140px;
display:inline;
background:#fff url(../images/caution_icon.gif) 10px 10px no-repeat;
border:1px dotted #999;
color:#032645;
font-size:14px;
}
#noLogin ul li{
margin:20px 0 0 0;
}
#free{
position:relative;
float:left;
width:720px;
height:auto;
margin:20px 10px 20px 20px;
padding:30px 10px 25px 140px;
display:inline;
background:#fff url(../images/caution_icon.gif) 10px -3px no-repeat;
border:1px dotted #999;
color:#032645;
font-size:14px;
}
#content{
width:920px;
height:auto;
position:relative;
float:left;
margin:30px 20px 20px 20px;
display:inline;
}
#contentHome{
width:948px;
height:auto;
position:relative;
float:left;
margin:20px 6px 0 6px;
display:inline;
}
#homeContent{
width:948px;
height:263px;
position:relative;
float:left;
margin:0 0 0 0;
display:inline;
background: url(../images/homeBg.jpg) top left no-repeat;
}
#homeContent a{
position:relative;
}
#homeLeft{
position:absolute;
top:20px;
left:5px;
}
#homeLeftBottom{
margin:20px 0 0 40px;
}
#homeRight{
position:absolute;
right:0;
top:-14px;
}
#home2{
width:948px;
height:auto;
position:relative;
float:left;
margin:40px 0 0 0;
}
#home2Left{
width:648px;
height:auto;
position:relative;
float:left;
}
#home2Right{
width:290px;
height:auto;
position:relative;
float:left;
padding:0 0 0 10px;
}
#home2Right h1{
background: url(../images/featuredHeader.gif) top left no-repeat;
text-indent:-9000px;
padding:5px 0 10px 0;
width:260px;
height:27px;
}
#home2Right h1.seekerHead{
background: url(../images/featuredSeekerHeader.gif) top left no-repeat;
text-indent:-9000px;
padding:5px 0 10px 0;
width:260px;
height:27px;
}
#home2Right p{
margin:10px 0 20px 0;
}
#home2Right h3{
font-size:16px;
font-weight:normal;
margin:20px 0 0 0px;
color:#4C99B1;
}
ul.featureList{
list-style:none;
}
#list1{
position:relative;
float:left;
width:324px;
height:auto;
}
#list1Top{
position:relative;
float:left;
width:315px;
height:32px;
background: url(../images/homeBoxTopSeeker.gif) top left no-repeat;
}
#list1Mid{
position:relative;
float:left;
width:315px;
height:auto;
background: url(../images/homeBoxMid.gif) top left repeat-y;
}
#list1Bottom{
position:relative;
float:left;
width:315px;
height:7px;
background: url(../images/homeBoxBottom.gif) top left no-repeat;
}
#list2{
position:relative;
float:left;
width:324px;
height:auto;
}
#list2Top{
position:relative;
float:left;
width:315px;
height:32px;
background: url(../images/homeBoxTopEmployer.gif) top left no-repeat;
}
#list2Mid{
position:relative;
float:left;
width:315px;
height:auto;
background: url(../images/homeBoxMid.gif) top left repeat-y;
}
#list2Bottom{
position:relative;
float:left;
width:315px;
height:7px;
background: url(../images/homeBoxBottom.gif) top left no-repeat;
}
.featureList li{
margin:10px 10px 10px 10px;
background: url(/images/tick_circle.png) 0 5px no-repeat;
padding:5px 0 5px 25px;
height:20px;
}
ul.featureList2{
list-style:none;
margin:10px 20px 10px 20px;
}
.featureList2 li{
margin:10px 10px 10px 10px;
background: url(/images/tick_circle.png) 0 5px no-repeat;
padding:5px 0 5px 25px;
height:20px;
}
#content ol{
margin:10px 0 10px 50px;
}
#wordAlert{
position:absolute;
right:-335px;
top:495px;
width:375px;
height:141px;
background: url(../images/wordAlert.png) top left no-repeat;
}
#wordAlert p{
padding:20px 10px 20px 40px;
}
#wordAlert img{
display:inline;
padding:10px 4px 0 4px;
}
#wordAlertEdit{
position:absolute;
right:-335px;
top:350px;
width:375px;
height:141px;
background: url(../images/wordAlert.png) top left no-repeat;
}
#wordAlertEdit p{
padding:20px 10px 20px 40px;
}
#wordAlertEdit img{
display:inline;
padding:10px 4px 0 4px;
}
/* -- help styles -- */
#helpSeeker{
width:440px;
height:auto;
position:relative;
float:left;
margin:10px 10px 30px 10px;
display:inline;
}
#helpSeeker h2{
color:#032645;
}
#helpEmployer{
width:440px;
height:auto;
position:relative;
float:left;
margin:10px 10px 30px 10px;
display:inline;
}
#helpEmployer h2{
color:#032645;
}
#helpSeeker ul{
position:relative;
margin:20px 0 0 20px;
}
#helpEmployer ul{
position:relative;
margin:20px 0 0 20px;
}
/* -- video tour styles -- */
#tourSeeker{
width:880px;
height:auto;
position:relative;
float:left;
margin:10px;
display:inline;
}
#tourSeeker h2{
color:#032645;
}
#tourEmployer{
width:880px;
height:auto;
position:relative;
float:left;
margin:10px;
display:inline;
}
#tourEmployer h2{
color:#032645;
}
#tourSeeker ul{
position:relative;
margin:20px 0 0 20px;
}
#tourEmployer ul{
position:relative;
margin:20px 0 0 20px;
}
.videoHolder{
position:relative;
float:left;
margin:10px 0 0 20px;
}
/* -- help page stuff -- */
ul li.help{
background: url(../images/arrowSmall.png) 0 0 no-repeat;
padding-left:24px;
margin:10px 0 10px 0;
}
#helpContent{
width:920px;
position:relative;
float:left;
height:auto;
margin:20px 0 0 0;
}
#helpContent h2{
color:#032645;
}
#searchBox{
position:relative;
float:left;
width:910px;
height:auto;
padding:0 0 10px 0;
margin:0 0 20px 0;
border-bottom:1px solid #ccc;
}
#pagination{
position:relative;
float:left;
margin:20px;
}
#dataTable{
width:880px;
margin:20px 20px 0 20px;
}
.form{
width:90%;
}
.formSignup{
position:relative;
float:left;
width:90%;
}
.formSignup select{
width:auto;
}
.formSignup textarea{
width:auto;
}
.formSignup td{
padding:10px;
vertical-align:middle;
}
.form select{
width:auto;
}
.form textarea{
width:auto;
}
.form td{
padding:10px;
vertical-align:middle;
}
.form td.ta{
vertical-align:top;
padding:14px 10px 10px 10px;
}
.form td.steps{
padding:0;
font-size:18px;
width:80px;
color:#3B699F;
}
.form td.stepsTop{
padding:0;
font-size:18px;
width:80px;
color:#3B699F;
vertical-align:top;
padding:23px 0 0 0;
}
.mceToolbar a:link{
font-size:12px;
text-decoration:none;
}
#dataTable th {
font-weight: bold;
color: #6D929B;
border: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}
#dataTable td {
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-left: 1px solid #C1DAD7;
background: #fff;
padding: 6px 6px 6px 12px;
color: #666;
}
#dataTable2{
width:720px;
margin:20px 20px 0 20px;
}
#dataTable2 th {
font-weight: bold;
color: #6D929B;
border: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}
#dataTable2 td {
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-left: 1px solid #C1DAD7;
background: #fff;
padding: 6px 6px 6px 12px;
color: #666;
}
#logo{
position:relative;
float:right;
margin:0 20px 20px 0;
}
#content img.logo{
position:relative;
float:right;
margin:0 20px 20px 0;
}
#topContentLinksRight{
position:relative;
float:right;
margin:0 20px 20px 0;
}
#mem{
position:relative;
float:left;
margin:20px 0 10px 0px;
width:500px;
height:auto;
}
.errorHolder{
position:relative;
float:left;
margin:10px 0 10px 0;
width:500px;
height:auto;
}
img.imgRight{
position:relative;
float:right;
margin:0 0 20px 20px;
border:4px solid #C6DCE4;
}
#footer{
position:relative;
float:left;
width:920px;
height:20px;
padding:20px;
text-align:center;
font-size:11px;
display:inline;
border-top:1px solid #ccc;
margin:40px 0 0 0;
}
#footer a:link, #footer a:visited{
font-size:10px;
color:#4C99B1;
text-decoration:none;
padding:2px;
border-bottom:1px dotted #ccc;
}
#footer a:hover{
color:#666;
text-decoration:none;
padding:2px;
border-bottom:1px dotted #000;
}
#profileLeft{
position:relative;
float:left;
width:560px;
height:auto;
margin:20px 10px 0 20px;
display:inline;
}
#profileLeft h1{
margin:5px 0 15px 0;
}
#profileLeft h2{
margin:5px 0 5px 0;
}
#profileLeft p{
margin:10px 0 5px 0;
}
#profileRight{
position:relative;
float:left;
width:300px;
height:auto;
margin:20px 20px 0 10px;
display:inline;
}
#profileRight h1{
font-size:18px;
font-weight:normal;
margin:10px 0 0 0;
color:#032645;
}
#profileRight p{
margin:10px 0 10px 0;
}
.compName{
margin:0;
color:#666;
font-size:14px;
}
#profileRight ul{
position: relative;
}
#profileRight ul li{
margin:15px 0 15px 0;
}
#profileRight ul li.edit{
background: url(../images/edit.png) 0 2px no-repeat;
padding-left:24px;
}
#profileRight ul li.suspend{
background: url(../images/suspend.png) 0 0 no-repeat;
padding-left:24px;
}
#profileRight ul li.apply{
background: url(../images/apply.png) 0 0 no-repeat;
padding-left:24px;
}
#profileRight ul li.save{
background: url(../images/save.png) 0 0 no-repeat;
padding-left:24px;
}
#profileRight ul li.downloadResume{
background: url(../images/downloadResume.png) 0 0 no-repeat;
padding-left:24px;
}
#profileRight ul li.deleteResume{
background: url(../images/deleteResume.png) 0 0 no-repeat;
padding-left:24px;
}
#profileRight ul li.editResume{
background: url(../images/editResume.png) 0 0 no-repeat;
padding-left:24px;
}
ul li.postResume{
background: url(../images/postResume.png) 0 0 no-repeat;
padding-left:24px;
}
ul li.addResume{
background: url(../images/plus_circle.png) 0 0 no-repeat;
padding-left:24px;
}
ul li.manageCovers{
background: url(../images/manageCovers.png) 0 0 no-repeat;
padding-left:24px;
}
ul li.createResume{
background: url(../images/createResume.png) 0 0 no-repeat;
padding-left:24px;
}
ul li.reActivate{
background: url(../images/re_activate.png) 0 0 no-repeat;
padding-left:24px;
}
ul li.viewApplicants{
background: url(../images/viewApplicants.png) 0 0 no-repeat;
padding-left:24px;
}
ul li.viewJobs{
background: url(../images/viewJobs.png) 0 0 no-repeat;
padding-left:24px;
}
ul li.contact{
background: url(../images/contact.png) 0 0 no-repeat;
padding-left:24px;
}
ul li.buyCredits{
background: url(../images/creditcards.png) 0 0 no-repeat;
padding-left:24px;
}
ul li.delete{
background: url(../images/delete.png) 0 0 no-repeat;
padding-left:24px;
}
ul li.seekerReg{
background: url(../images/seeker.png) 0 0 no-repeat;
padding-left:24px;
}
ul li.employerReg{
background: url(../images/employer.png) 0 0 no-repeat;
padding-left:24px;
}
ul li.check{
background: url(../images/tick_circle.png) 0 0 no-repeat;
padding-left:24px;
}
ul li.send{
background: url(../images/sendtofriend.png) 0 0 no-repeat;
padding-left:24px;
}
ul li.printer{
background: url(../images/printer.png) 0 0 no-repeat;
padding-left:24px;
}
ul li.changePassword{
background: url(../images/changePassword.png) 0 0 no-repeat;
padding-left:24px;
}
ul li.paymentHistory{
background: url(../images/money.png) 0 0 no-repeat;
padding-left:24px;
}
ul li.regSeeker{
background: url(../images/user.png) 0 0 no-repeat;
padding-left:24px;
}
ul li.regEmployer{
background: url(../images/user_suit.png) 0 0 no-repeat;
padding-left:24px;
}
p.phone{
font-size:16px;
background: url(../images/phone.png) 0 0 no-repeat;
padding-left:24px;
color:#032645;
}
a.downloadPdf{
background: url(../images/acrobat.png) 0 3px no-repeat;
padding:5px 5px 5px 25px;
text-decoration:none;
}
a.printResume{
background: url(../images/printer.png) 0 3px no-repeat;
padding:5px 5px 5px 25px;
text-decoration:none;
}
/* just a generic style to apply to content divs to give them the right amount of margins */
.contentPad{
position:relative;
float:left;
margin:10px 20px 10px 30px;
}
.contentPad2{
position:relative;
float:left;
margin:0 20px 0 30px;
}
img.alignRight{
position:relative;
float:right;
margin:0 0 10px 10px;
border:4px solid #ccc;
}
img.imageMiddle{
position:relative;
float:left;
margin:0 0 0 0;
}
strong{
font-weight:bold;
}
#profileLeft ul{
margin:20px 0 20px 0;
}
#profileLeft ul li{
font-size:16px;
font-weight:normal;
color:#032645;
}
#jobPostingContent ul{
list-style-type:disc;
margin:0 20px 0 20px;
}
#jobPostingContent ul li{
font-size:12px;
font-weight:normal;
color:#000;
}
.smaller{
font-size:12px;
}
.wide{
position:relative;
float:left;
width:100%;
height:auto;
margin:0 0 20px 0;
}
#hints{
position:relative;
float:left;
width:300px;
height:auto;
margin:0;
background:#eaeaea;
}
#hints h1{
background:url(../images/question.png) 5px 8px no-repeat;
color:#052846;
padding:10px 5px 5px 30px;
width:265px;
height:auto;
margin:0;
font-size:14px;
}
#hintsMid p{
padding:10px 20px 10px 20px;
color:#333;
line-height:18px;
}
#hintsMid ul{
margin:0 20px 0 20px;
}
#hintsTop{
position:relative;
float:left;
width:300px;
height:32px;
background: url(../images/sideBoxTop.gif) top left no-repeat;
}
#hintsMid{
position:relative;
float:left;
width:300px;
height:auto;
background: url(../images/sideBoxMid.gif) top left repeat-y;
}
#hintsBottom{
position:relative;
float:left;
width:300px;
height:7px;
background: url(../images/sideBoxBottom.gif) top left no-repeat;
}
#content a:link, #content a:visited{
font-size:16px;
color:#4C99B1;
text-decoration:none;
padding:2px;
border-bottom:1px dotted #ccc;
}
#content a:hover{
font-size:16px;
color:#666;
text-decoration:none;
padding:2px;
border-bottom:1px dotted #000;
}
#content a:link.small,#content a:visited.small,#content a:hover.small{
font-size:10px;
}
#content a:link.medium, #content a:visited.medium, #content a:hover.medium{
font-size:12px;
}
#content a:link.tableLink, #content a:visited.tableLink{
padding:2px 5px 2px 20px;
background: url(../images/arrowSmall.png) 0 0 no-repeat;
color:#6D929B;
font-size:12px;
border:0;
}
#content a.tableLink:hover{
color:#000;
font-size:12px;
}
#home2 a:link, #home2 a:visited{
font-size:12px;
color:#4C99B1;
text-decoration:none;
padding:2px;
border-bottom:1px dotted #ccc;
}
#home2 a:hover{
color:#666;
text-decoration:none;
padding:2px;
border-bottom:1px dotted #000;
}
p.small{
font-size:10px;
}
.small{
font-size:10px;
}
#create{
position:relative;
float:left;
margin:40px 0 0 0;
}
/* register Form Styles begin */
#login{
position:relative;
float:left;
width:535px;
height:auto;
margin:30px 0 0 0;
}
#myForm{
margin:30px 0 0 20px;
}
.legend{
font-size:14px;
font-weight:normal;
margin:5px 0 10px 0px;
color:#032645;
letter-spacing: 1px;
font-weight:bold;
}
.legend2{
font-size:12px;
font-weight:normal;
margin:5px 0 10px 0px;
color:#032645;
letter-spacing: 1px;
font-weight:bold;
}
label{
font-weight:bold;
}
div.fieldHolder{
clear: both;
float: left;
display: block;
width: auto;
margin: 8px 0 5px 0;
}
.radioText{
position:relative;
float:left;
margin:20px 0 0 0;
}
#textArea{
clear: both;
float: left;
display: block;
width: 500px;
margin: 8px 0 5px 0;
}
input.check{
position:relative;
float:left;
margin:0 5px 0 0;
}
.emailMessage{
position:relative;
float:left;
width:auto;
height:auto;
margin:5px 0 0 50px;
}
.relocateMessage{
position:relative;
float:left;
margin:5px 0 0 100px;
}
.campMessage{
position:relative;
float:left;
margin:5px 0 0 128px;
width:300px;
height:auto;
}
/* register Form Styles end */
/* -- Misc Text Styles -- */
p.alert{
color:red;
padding:5px 5px 5px 25px;
margin:5px;
width:auto;
height:auto;
font-weight:bold;
vertical-align:middle;
background:#EFD1D1 url(../images/delete.png) 5px 5px no-repeat;
}
.success{
padding:5px 5px 5px 25px;
margin:5px;
width:auto;
height:auto;
font-weight:bold;
vertical-align:middle;
background:#E0ECEF url(../images/accept.png) 5px 5px no-repeat;
}
.infoMessage{
padding:5px 5px 5px 25px;
margin:5px;
width:auto;
height:auto;
font-weight:bold;
vertical-align:middle;
background:#EFE795 url(../images/info.png) 5px 5px no-repeat;
}
/* -- profile content areaa --*/
#profileLogo{
position:relative;
float:left;
width:320px;
border-top: 1px solid #ccc;
padding:10px 0 10px 0;
}
#profileCredits{
position:relative;
float:left;
border-top: 1px solid #ccc;
padding:10px 0 10px 0;
width:320px;
}
#profileStats{
position:relative;
float:left;
border-bottom: 1px solid #ccc;
padding:10px 0 10px 0;
width:320px;
}
.profileSide{
position:relative;
float:left;
border-top: 2px solid #BAD8D9;
border-bottom: 1px solid #ccc;
padding:10px 0 10px 0;
width:320px;
}
.profileSide2{
position:relative;
float:left;
border-top: 2px solid #BAD8D9;
padding:10px 0 30px 0;
width:320px;
}
#sideMessage{
position:relative;
float:left;
border-bottom: 1px solid #ccc;
padding:10px 0 10px 0;
width:320px;
}
#sideMessage h1{
font-size:14px;
color:#333;
}
/* --- Resume styles ---*/
#resumeWrapper{
width:770px;
height:auto;
margin:10px auto 0 auto;
font-family: Helvetica, Arial, Sans-serif;
}
#resumePrint{
position:relative;
float:right;
margin:5px;
}
#resumeWrapper h1{
font-weight:bold;
font-size:36px;
margin:5px 0 5px 0;
line-height:48px;
}
#resumeWrapper p{
font-size:12px;
margin:5px 0 5px 0;
line-height:18px;
}
#resumeWrapper h2{
font-weight:bold;
font-size:24px;
line-height:32px;
margin:5px 0 5px 0;
}
#resumeWrapper h3{
font-weight:bold;
font-size:20px;
line-height:27px;
margin:5px 0 5px 0;
}
hr {
border: 0;
color: #ccc;
background-color: #ccc;
height: 1px;
width: 100%;
text-align: left;
}
/* -- terms of use styles -- */
#terms{
background:#fff;
}
#termsWrapper{
width:770px;
height:auto;
margin:10px auto 0 auto;
font-family: Helvetica, Arial, Sans-serif;
text-align:left;
}
#termsWrapper h1{
font-size:18px;
font-weight:bold;
margin:10px 0 10px 0;
}
#termsWrapper h2{
font-size:14px;
font-weight:bold;
margin:10px 0 10px 0;
}
#termsWrapper p{
line-height:18px;
margin:10px 0 10px 0;
}
#termsWrapper ul{
list-style-type:disc;
margin:20px;
}
#termsWrapper ul li{
margin:10px 0 10px 0;
}
div.jqmConfirm { /* contains + positions the alert window */
display: none;
position: fixed;
top: 17%;
width: 100%;
}