@charset "utf-8";

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#333;text-decoration:none}
a:hover {}
body {background:#FFF url(../images/bg.png) repeat-x;color:#333;font:82%/125% Arial, Sans-Serif}
h1 {color:#24a9dd;font-size:1.4em;margin:0 0 25px}
h2 {color:#333;font-size:1.1em}
h3 {color:#333;font-size:1em;margin-bottom:20px;}
img {border:0;vertical-align:bottom}
fieldset {border:0}
p {margin:0 0 1em}
em {font-weight:bold}

/* Containers */
#page {background:#FFF;margin:0 auto;position:relative;width:967px}
#main {background:url(../images/main.png) repeat-y center top;clear:both;width:100%}
.contact-page #main {background:url(../images/main-contact.png) repeat-y center top;}
#main:after {content:".";display:block;height:0;clear:both;visibility:hidden}

/* Header */
#logo {background:url(../images/logo.jpg) no-repeat;height:287px;position:absolute;top:0;left:-46px;overflow:hidden;width:292px;z-index:101}
#header {position:relative;background:url(../images/header.png) no-repeat;display:inline;float:right;margin:0 2px 0 0;padding:117px 0 0;width:718px}
#header div {position:absolute;top:117px;left:20px} 
#tag {position:absolute;top:0px;left:247px;z-index:101} 

.orange #logo {background:url(../images/logo-orange.jpg) no-repeat}
.orange #header {background:url(../images/header-orange.png) no-repeat}
.orange #header p {background:#ef7d39;height:24px;text-align:right;padding:5px 30px 0 0}
.orange #header p a {background:url(../images/return.gif) no-repeat left center;color:#FFF;padding:0 0 0 20px;text-decoration:none}
.orange #main {background:url(../images/main-orange.png) repeat-y}
.orange #content {float:right;margin:0;width:635px}
.orange #sidebar-left {background-image:url(../images/sidebar-left-orange.png);margin-top:128px}
.orange #sidebar-left #sidebar {border:1px solid #FFF;color:#FFF;font-size:1.3em;line-height:1.2em;margin:0 auto;padding:10px 10px 1px;text-align:center;width:125px}
.orange #content h1 {color:#e35e10}
.orange #content h2 {color:#e35e10;font-size:1em;margin:0 0 5px}
.orange #content li {background:url(../images/bullet-black.gif) no-repeat 0 6px;list-style:none;margin-left:0;padding:0 0 0 11px}
.orange #content a {color:#e35e10;text-decoration:none}
.orange #footer {padding:15px 10px}

	/* Menu */
	#header ul {background:#21AADC;height:29px;list-style:none;overflow:hidden;padding:0 0 0 30px}
	#header ul li {float:left}
	#header ul li a {color:#FFF;float:left;height:29px;position:relative}
	#header ul li a span {background:url(../images/menu.png) no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}

		/* Menu Items */
		#header ul li.home a {width:69px}
		#header ul li.home a span {background-position:0 0}
		#header ul li.clients a {width:81px}
		#header ul li.clients a span {background-position:-69px 0}
		#header ul li.candidates a {width:111px}
		#header ul li.candidates a span {background-position:-150px 0}
		#header ul li.about a {width:88px}
		#header ul li.about a span {background-position:-261px 0}
		#header ul li.contact a {width:101px}
		#header ul li.contact a span {background-position:-362px 0}

/* Content*/
#content {display:inline;float:left;margin:25px -100% 70px 265px;min-height:519px;padding:20px 40px 20px 20px;width:465px}
* html #content {height:519px;height:auto!important;overflow:visible}
#content a, #content a:visited {text-decoration:underline}
#content a:hover, #content a:focus {text-decoration:none}
#content h2 {margin:0 0 20px}
#content ul {
	margin: 0 0 15px 8px;
	padding-left: 5px;
}
#content li {
	margin-left: 6px;
	list-style-type: square;
	margin-top: 5px;
}
#content .box {font-size: 11px}

#rcsa {float:right;margin:0px 20px 40px 20px}

#content ul.links  {clear:none;float:left;list-style:none;width:500px;list-style-position:outside}
#content ul.links li {background:none;float:left;height:15px;margin:0;padding:0;width:175px;list-style:none;}
#content ul.links li a {display:block;background:url(../images/arrow.gif) no-repeat 0px 4px;color:#068cbe;margin:0px 0 0px 0;padding:0 0 0 13px;text-decoration:none}
#content ul.links li a:hover {color:#84898f;padding:0 0 0 15px}

	/* CV Form */
	#cv {background:url(../images/cv-bg.png) no-repeat;height:314px;margin:-10px 0 0 10px;padding:30px 60px 0 20px;width:360px}
	#cv div {height:23px;overflow:hidden}
	#cv div input:hover {margin:-23px 0 0}
	#cv label {float:left;font-weight:bold;height:20px;line-height:22px;width:40px}
	#cv label.full {float:none;display:block;width:auto}
	#cv p {margin:0 0 17px}
	#cv input.text {width:155px}

	/* Refer Form */
	#refer {background:url(../images/refer-bg.jpg) no-repeat;height:374px;margin:10px 0 0 10px;padding:30px 60px 0 20px;width:360px}
	#refer div {height:23px;overflow:hidden}
	#refer div input:hover {margin:-23px 0 0}
	#refer label {float:left;font-weight:bold;height:10px;line-height:12px;width:120px}
	#refer label.full {float:none;display:block;width:auto}
	#refer p {margin:0 0 17px}
	#refer input.text {width:155px}
	#refer textarea.text {width:200px}

	/* Apply Form */
	#apply {background:url(../images/refer-bg.jpg) no-repeat;height:394px;margin:20px 0 0 10px;padding:10px 60px 0 20px;width:360px}
	#apply div {height:23px;overflow:hidden}
	#apply div input:hover {margin:-23px 0 0}
	#apply label {float:left;font-weight:bold;height:10px;line-height:12px;width:120px}
	#apply label.full {float:none;display:block;width:auto; margin-bottom:10px}
	#apply p {margin:0 0 5px}
	#apply input.text {width:155px}
	#apply textarea.text {width:200px}


	/* Contact Form */
	#contact  {background:url(../images/cv-bg.png) no-repeat;height:314px;margin:30px 0 0 10px;padding:30px 60px 0 20px;width:360px}
	#contact div {height:23px;overflow:hidden}
	#contact div input:hover {margin:-23px 0 0}
	#contact label {float:left;font-weight:bold;height:20px;line-height:22px;width:110px}
	#contact label.full {float:none;display:block;width:auto}
	#contact p {margin:0 0 17px}
	#contact input.text {width:155px}


/* Sidebar Right */
.home #sidebar-right {background:url(../images/sidebar-right-home.png) repeat-x 0 297px}
#sidebar-right {background:url(../images/sidebar-right.png) repeat-x 0 30px;display:inline;float:right;margin:-29px 2px 0 0;min-height:640px;overflow:hidden;width:179px}
#sidebar-right h2 {background:#84898f;color:#FFF;line-height:28px;height:29px;text-align:center;}
#sidebar-right .module {background:url(../images/module.png) no-repeat left bottom;clear:both;margin:0 0 0 8px;width:170px}
#sidebar-right .top {background:url(../images/module-top.png) no-repeat;height:10px;overflow:hidden;margin:6px 0 0 8px}


/* Contact Sidebar */
#sidebar-contact {background:none;color:#255F8E;display:inline;float:right;font-size:.925em;margin:10px 2px 20px 0;min-height:640px;overflow:hidden;width:185px}
#sidebar-contact .contact {background:url(../images/contact-bg.gif) right top no-repeat;font-size:.925em;padding:10px 10px 12px; height:220px}
#sidebar-contact .map {background:none!important;padding:0}
#sidebar-contact .map img {float:right}
#sidebar-contact .contact p {font-weight: bold}
#sidebar-contact .sublink {color: #019DD7;padding-left: 10px;background-repeat: no-repeat;font-size: 11px;font-weight: bold;background-image: url(../images/subarrow.gif);background-position: left bottom}
.sublink a {color: #019DD7;text-decoration: none;}

	/* Hot Jobs */
	h2.jobs {border-bottom:1px solid #FFF;border-left:1px solid #FFF}
	h2.jobs span {background:url(../images/hot-jobs.png) no-repeat}
	#listings {list-style:none}
	#listings li {background:url(../images/listing.png) repeat-y;border-bottom:1px solid #63abd5;font-size:.8em;line-height:1.2em;padding:11px 20px}
	#listings li a {background:url(../images/arrow.gif) no-repeat 0 2px;display:block;color:#068cbe;margin:6px 0 0;padding:0 0 0 10px;width:5em}
	#listings li a:hover {color:#84898f;padding:0 0 0 13px}

	/* Job Search */
	h2.jobsearch span {background:url(../images/job-search.png) no-repeat}
	.search {padding:5px 10px 20px}
	.search div {height:23px;overflow:hidden}
	.search div input:hover {margin:-23px 0 0}
	.search label {color:#666;display:block;font-size:.9em;margin:0 0 5px}
	.search select {font-size:.9em;margin:0 0 10px;width:140px}
	.search input.text {font-size:.9em;margin:0 0 10px;width:125px}

	/* CV */
	.cv {float:left;display:block;height:34px;margin:0 0 3px;width:178px}
	.cv span {background:url(../images/cv.png) no-repeat}
	.cv:hover span {background-position:0 -34px}

	/* Refer */
	.refer {float:left;display:block;height:53px;margin:0 0 3px;width:178px}
	.refer span {background:url(../images/refer.png) no-repeat}
	.refer:hover span {background-position:0 -53px}
	
	/* Find a Job */
	.find {height:41px;margin:15px 0 20px;width:119px}
	.find span {background:url(../images/find.png) no-repeat}
	#sidebar-right .candidates {background:url(../images/find-bg.png) no-repeat;height:154px;padding:15px 20px;width:130px}
	#sidebar-right .candidates a {background:url(../images/arrow2.gif) no-repeat 0 4px;color:#666;display:block;font-size:1.1em;text-indent:15px}
	#sidebar-right .candidates a:hover {color:#AAA}

/* Sidebar Left */
#sidebar-left {background:url(../images/sidebar-left.png) repeat-x;display:inline;float:left;min-height:470px;margin:140px 0 0 2px;overflow:hidden;padding:26px 0 10px;width:244px}
#sidebar-left .module {background:url(../images/module-left.png) no-repeat left bottom;margin:0 0 10px 23px;width:200px}
#sidebar-left .module {overflow:hidden}
#sidebar-left .top {background:url(../images/module-left-top.png) no-repeat;height:10px;overflow:hidden;margin:0 0 0 23px}
#sidebar-left h2 {background:#3170a4;color:#FFF;line-height:31px;height:32px;margin:0 0 4px 19px;text-align:center;width:203px}

	/* Alert */
	h2.alert span {background:url(../images/alert.png) no-repeat}
	#sidebar-left .signup {color:#666;font-size:.9em;line-height:1.2em;padding:0 20px 22px;width:160px}
	.signup .text {font-size:.9em;margin:0 0 7px;width:125px}
	.signup select {font-size:.9em;margin:0 0 7px;width:150px}
	.signup div {height:23px;margin:3px 0 0;overflow:hidden}
	.signup div input:hover {margin:-23px 0 0}
	
/* Signup Pop Up */
	#pop {background-color:#FFF;padding: 20px 0 20px 0;min-height:300px}
	#pop p {margin:10px}

	/* Follow */
	h2.follow span {background:url(../images/follow.png) no-repeat}
	.social {padding:0 15px 10px}
	.social img {clear:both;float:left;margin:0 0 10px 5px}
	.social div {clear:both}

/* Footer */
#footer {background:url(../images/shadow.png) no-repeat 5px 3px;font-size:.9em;padding:0 10px}
#footer a:hover {text-decoration:underline}
#footer #address {float:left}
#footer address {background:url(../images/dots.gif) no-repeat right 10px;display:inline;font-style:normal;padding:0 10px 0 5px}
#footer address.last {background:none}
#footer p {display:inline;margin:0 10px 0 5px}
#footer ul {position:relative;top:-20px;margin:0 0 0 40px;text-align:center}
#footer ul li {background:url(../images/dots.gif) no-repeat right -10px;display:inline;list-style:none;padding:0 4px 0 0px}
#footer ul li.last{background:none}
#footer ul li a {color:#1289b5}
#footer ul li a:hover {color:#696c6f;text-decoration:none}
#footer a.magnetik {background:url(../images/magnetik.gif) no-repeat;padding:0 0 0 20px;text-transform:lowercase}
#footer .np {float:left;height:12px;margin:2px 5px 0 0;width:97px}
#footer .np span {background:url(../images/norris.png) no-repeat; background-position:0 -13px}
#footer .np:hover span {background-position:0 -13px}

/* Misc */
.ir {overflow:hidden;position:relative}
.ir span {height:100%;left:0;position:absolute;top:0;width:100%}
a.ir span {cursor:pointer}
* html #main .top {background:none;height:0}
* html #sidebar-left {height:510px;overflow:visible}
* html #sidebar-right {height:640px;overflow:visible}
* html #sidebar-left .module {background:#FFF;padding-top:10px;overflow:hidden;width:155px; padding-bottom:10px}
* html #sidebar-left .social {padding-bottom:0;width:165px}
* html #sidebar-right .module {background:#FFF;padding-top:10px;margin-bottom:10px;overflow:hidden;width:145px}
* html #sidebar-right .candidates {background:url(../images/find-bg.png) no-repeat;height:154px;padding:15px 20px;width:130px}

/* Job Search Results */
#content .list .listItem{padding-bottom:15px}
#content .list .listItem .title{color: #009DD7;font-weight: bold;margin-bottom:0}
#content .list .listItem .title a {text-decoration:none}
#content .list .listItem .title a:hover{text-decoration:underline}
#content .list .listItem .title .reference{display:none}
#content .list .listItem{margin:15px 10px 15px 0}
#content .list .listItem .more a {display:block;background:url(../images/arrow.gif) no-repeat 0px 4px;color:#068cbe;margin:0px 0 -10px 0;padding:0 0 0 13px;width:5em;text-decoration:none}
#content .list .listItem .more a:hover {color:#84898f;padding:0 0 0 15px}
#content .list .listed, .list .detail .location{float:left;font-size:0.9em;margin:0}
#content .list .detail .salary, .list .detail .jobtype {float:right;font-size:0.9em;margin:0}
#content .list .detail:after, .job .apply .questions p:after{content: ".";display: block;height: 0;clear: both;visibility: hidden}
#content .list .detail, .job .apply .questions p {display: inline-block}
/* Hides from IE-mac \*/
* html #content .list .detail, .job .apply .questions p {height: 1%}
#content .list .detail, .job .apply .questions p {display: block}
/* End hide from IE-mac */

  /* Pager at bottom */
  #content .list .listPager{padding-top:20px;line-height: 20px;text-align: center}
  #content .list .listPager a{padding: 2px;border: solid 1px white;text-decoration: none}
  #content .list .listPager a:hover{border: solid 1px #009DD7}
  #content .list .listPager a.current{border: solid 1px #009DD7;background-color: #009DD7;color: White;}
  /* End Pager at bottom */

/* Job Detail */
#content .job h1 {font-size:1.3em;line-height:1em}
#content .job .item .submit {padding:10px 0 20px 0}
#content .job .item .submit a.back{display: inline-table;display: -moz-inline-box;display: inline-block;width: 80px;height: 23px;background-image: url(../images/back1.gif);background-position: left top;background-repeat: no-repeat;text-decoration:none}
#content .job .item .submit a.back:hover{background-image: url(../images/back2.gif)}
#content .job .item .submit a.back span{visibility:hidden}
#content .job .item .submit a.apply{display: inline-table;display: -moz-inline-box;display: inline-block;width: 105px;height: 23px;background-image: url(http://www.norrisandpartners.com/images/apply1.gif);background-position: left top;background-repeat: no-repeat;text-decoration:none}
#content .job .item .submit a.apply:hover{background-image: url(../images/apply2.gif)}
#content .job .item .submit a.apply span{visibility: hidden}