@import url(navigation.css);
@import url(form.css);



* {margin:0; padding:0;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 78%;
margin: 0;
padding: 0;
	background: #2d8cc3;
}

img{border:none;}

p, .list, ul.ticks, form label, form span{color:#363636; line-height:1.4em; font-size:1.0em;}
p{margin:0px 0px 12px 0px;  }

.txt-small{font-size:0.8em;}
.txt-red{color:red;}

.list{margin:0 0 12px 17px; padding:0px}
.list li {padding:2px 0px;}
.list ul{margin-left:20px; margin-top:2px;}

a{color:#062AA7;}
a:hover{text-decoration:none;}
a:visited{color:#0073B6;}

a.graphical-link{display:block; height:22px; text-indent:-999em;}
a.graphical-link:hover{background-position:0 -22px;}
a.register{background:url('../images/btn-registeranimyellow.gif') no-repeat 0 0;}
a.register.anim { background: url('../images/btn-registerblueanim.gif') no-repeat 0 0;}
a.cv{background:url('../images/btn-createCVbgb.png') no-repeat 0 0;}
a.jobBoard{background:url('../images/btn-jobBoard.gif') no-repeat 0 0;}
a.cv:hover{background-position:0 -22px;}
a.advertise { background: url('../images/btn-createad.png') no-repeat 0 10px; height: 34px;}
a.advertise:hover{background-position: 0 10px;}

h1{display:block; width:347px; height:34px; background:url("../images/logo.gif") repeat-x 0 0; text-indent:-999em; position:absolute; left: 141px; top:18px;}
h2{font-size:1.4em; margin:0 0 10px 165px; color:#363636;}
h3{font-size:1.2em; color:#363636; margin:22px 0 5px 0;}
h3.no-margin{margin-top:0;}
#outer {
	background: url('../images/vert_bg.png') top left repeat-x;
}
#container{
	position: relative;
	width:980px;
	clear:both;
	margin: 0 auto;
	padding: 0;
	/*background:url('../images/vert-bkgd.gif') repeat-y 0 0;*/
	/*position:relative;*/
}

#left-col{background:#2887CB url('../images/notepad_new.png') no-repeat 0 0; width:211px; float:left; margin-right:0px; }
#right-col{background-color:#FFF; background-repeat:no-repeat; width:705px; float:left; padding: /* 190 */ 0px 0 0px 55px; border-left: 5px solid #b1b1b1; }
#right-col-inner { padding-top: 190px; }
.pencils{background-image:url('../images/background/pencils_02.jpg');}
.notepad{background-image:url('../images/background/notepad_02.jpg');}
.blackboard{background-image:url('../images/background/blackboard_02.jpg');}
.desk{background-image:url('../images/background/desk_02.jpg');}
#text-col{float:left; width:500px; margin-left: 165px; font-size: 0.9em; }
#text-col.thinner { width: 400px; }
#text-col.contact-us { margin-top: -30px;}
#text-col.right { margin-left: 30px;}
#text-col.blue { background: #e5f1fc; padding: 10px; width: 480px; }
#text-col.wide{width:100%;}
#linktous #text-col { margin-top: -100px;}
.box {}
.box-top, .box-bottom{height:10px; height:10px;}
.box a img, .box img{margin:0 8px;}
.box a img{margin-top:10px;}

.yellow{width:147px; float:left; margin-right:13px; background:url('../images/elements/box-yell-mid.gif') repeat-y 0 0;}
.yellow .box-top{background:url('../images/elements/box-yell-top.gif') no-repeat 0 0;}
.yellow .box-bottom{ background:url('../images/elements/box-yell-bottom.gif') no-repeat 0 0;}
.yellow p,  .blue-small p{font-size:.9em; line-height:1.2em; margin:0 8px 6px 8px;}
.yellow a img{margin:3px 0 3px 0;}



.cv-options{width:147px; float:left; margin-right:13px; background:#e5f1fc; padding-top: 2px;}

.cv-options ul { margin: 0; padding: 0; list-style-type: none; }
.cv-options li { float: left; clear: left; margin-bottom: 11px;}
.cv-options li div { float: left; margin-top: 10px;  text-align: left; margin-left: 10px; width: 50px;}
.cv-options li div a { font-size: 7pt; }
.cv-options img { display: block;}
.cv-options a.style { border: 1px solid #888; display: block; padding: 15px; background: #fff; margin-left: 22px; margin-top: 2px; margin-bottom: 2px; }
.cv-options a.style:hover { border-color: #800; }
.cv-options a.selected {
	border-width: 3px;
	border-color: #21409a;
	margin-left: 20px;
	margin-top: 0;
	margin-bottom: 0;
}
.cv-options a.selected:hover { border-color: #21409a;}
.cv-options h4 { margin: 10px;}

div.blue{ margin-bottom:20px; margin-right: 38px; width: 504px; background:url('../images/elements/box-blue-mid.gif') repeat-y 0 0; float: right; }
div.blue img { display: none;}
div.blue.imgoverride img { display: block; float: right;}
div.imgoverride img { float: right; display: block; }
#text-col.imgoverride.right {
	margin-left: 165px;
	margin-top: -145px;
	margin-bottom: 170px;
}
div.blue .box-top{background:url('../images/elements/box-blue-top.gif') no-repeat 0 0;}
div.blue .box-bottom{ background:url('../images/elements/box-blue-bottom.gif') no-repeat left bottom; clear:both;}
div.blue #txt-container{width:485px; padding-left: 10px; float:left; font-size: 0.8em;}
div.blue p {color:#062AA7;}
div.blue img{float:left; margin-right:19px; }


.blue-small{width:179px; position:absolute; top:30px; right: 35px; background:url('../images/elements/box-blueSmall-mid.gif') repeat-y 0 0;}
.blue-small .box-top{background:url('../images/elements/box-blueSmall-top.gif') no-repeat 0 0;}
.blue-small .box-bottom{ background:url('../images/elements/box-blueSmall-bottom.gif') no-repeat bottom left; }

.yellow-small{width:147px; position:absolute; top:30px; right: 35px; background:url('../images/elements/box-yell-mid.gif') repeat-y 0 0;}
.yellow-small .box-top{background:url('../images/elements/box-yell-top.gif') no-repeat 0 0;}
.yellow-small .box-bottom{ background:url('../images/elements/box-yell-bottom.gif') no-repeat bottom left; }
.yellow-small p {font-size:.9em; line-height:1.2em; margin:0 8px 6px 8px;}

.blue-thin { width:147px; background:url('../images/elements/box-bluethin-mid.gif') repeat-y 0 0; float: left; margin: 0; padding: 0; margin-left: -10px;}
.blue-thin .box-top{background:url('../images/elements/box-bluethin-top.gif') no-repeat 0 0;}
.blue-thin .txt-container { padding: 10px; height: 107px; font-size: 8pt; }
.blue-thin .txt-container img { margin: 0; margin-top: -10px;}
.blue-thin .box-bottom{ background:url('../images/elements/box-bluethin-bottom.gif') no-repeat bottom left;}

.blue-large{margin-bottom:20px; margin-right: 40px; width: 674px; float: right;background:url('../images/elements/box-bluelarge-mid.gif') repeat-y 0 0; position: relative;} 
.blue-large .box-top{background:url('../images/elements/box-bluelarge-top.gif') no-repeat 0 0;}
.blue-large .box-bottom{ background:url('../images/elements/box-bluelarge-bottom.gif') no-repeat bottom left; clear: both;}
.blue-large .txt-container { padding-left: 10px; min-height: 125px;}
.blue-large .button .register { background: url(../images/btn-registerblueanim.gif); text-indent: -2000px; overflow: hidden ; display: block; width: 120px; height: 22px;}
.blue-large .button .createcv, .blue-large .txt-container .button .createcv { background: url(../images/btn-createCVblue.png); text-indent: -2000px; overflow: hidden ; display: block; width: 120px; height: 22px;}
.createcv.blue { background: url(../images/btn-createCVblue.png);}
.blue-large .button a:hover { background-position: 0 -22px;}
.blue-large .button .createcv:hover { background-position: 0 -22px;}
.blue-large .button { position: absolute; bottom: 15px; right: 40px;}
.blue-large img { float: left; margin-right: 10px;}
.blue-large h3 {
	margin: 0;
	color: #21409a;
}
.blue-large .category-select { width: 150px; float: left; margin-left: 15px; margin-right: 10px;}
.blue-large #txt-container.floated { float: left; }

.about-us li {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
.about-us ol {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

.about-us.higher {
	margin-top: -100px;
}

/* --------------------- */
.clearfix:after {
    content: " "; /* using space instead of period to fix annoying gap in firefox! */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
	font-size: 0;
    visibility: hidden; /* further ensures the period is not visible */
}
/*.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

html, body { height: 100%; margin: 0; padding: 0; }
#outer { height: 100%; }
#container { height: 100%; }
#right-col { min-height: 100%; }

#text-col .catsel { margin-top: 5px;}

#about-us #text-col { margin-top: -30px;}
#ad-terms #text-col { margin-top: -100px;}

/* Jon */
.job-box { float: none !important; margin-top: 0 !important; }