/* -----------------------------------
			
		 JobAlarm
		~ screen.css stylesheet ~
		  
   ----------------------------------- */

* { padding: 0; margin: 0; } /* kill all whitespace */

body {
	line-height: 1; /* http://www.meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ */
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;	/* for standards based browsers */
	font-family: Arial, Helvetica, sans-serif;
	
	color: #000;
}

html>body {
	font-size: small; 	/* for Opera */
}

/* -----------------------------------
			 General Styles
   ----------------------------------- */
   
img,
a img,
ul { list-style: none; }
a { color: #101e38; }
a:hover { color: #c04000; }

fieldset {
	padding-left: 12px;
	border: 1px solid #cfcfcf;
	line-height: 150%;
	padding-bottom: 8px;
}

legend {
	color: #bf0000;	
	font-weight: bold;
	line-height: 150%;
	margin-bottom: 12px;
}

.inline {
	display: inline;
}
.orangebold {
	color:#FF7300;	
	font-weight:bold;
}

.redbold {
	color: #bf0000;	
	font-weight: bold;
	line-height: 150%;
}

.graybold {
	color: #333333;	
	font-weight: bold;
	line-height: 150%;
}

.bluebold-2 {
	color: #0083ae;	
	font-weight: bold;
	margin-right: 40px;
}

.postplus_table {
	color: #0083ae;	
	font-weight: bold;
	margin-right: 40px;
}

.redbold-2 {
	color: #bf0000;	
	font-weight: bold;
	margin-right: 40px;
}

.greenbold-2 {
	color: #74a739;	
	font-weight: bold;
	margin-right: 40px;
}

.redbold-3 {
	color: #bf0000;	
	font-weight: bold;
}

.orange{
	color:#FF7300;	
	font-weight:bold;
}

.red{
	color:#bf0000;	
	font-weight:bold;
}

.blue{
	color:#0083ae;	
	font-weight:bold;
}

.green{
	color:#74a739;	
	font-weight:bold;
}

.error{
	color:#bf0000;	
}

.bluebold {
	color: #0083ae;	
	font-weight: bold;
	line-height: 180%;
}

.greenbold {
	color: #74a739;	
	font-weight: bold;
	line-height: 180%;
}

div#redbold {
	color: #bf0000;	
	font-weight: bold;
	display: inline-block;
	font-size: 18px;
	vertical-align: middle;
	white-space: normal;
}

.orangeboldright {
	color:#FF7300;	
	font-weight:bold;
	text-align: right;
}

.infotype {
	text-decoration: none;
	color: #cdcdcd;
	line-height: 100%;
}

p a:hover{     
	color:#FF7300;	
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF7300;	
	font-weight:bold;
	margin:0;
	padding:0;
}

h3 {
	color:#bf0000;
	margin:0;
	padding:0;
	font: bold 12px/150% Arial, Helvetica, sans-serif;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#bf0000;	
	font-weight:bold;
	margin:0;
	padding:0;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	color:#717173;
	line-height:13px;
}
p a:link,a:visited {
	color:#717173;
}
p a:hover{
	color:#FF7300;	
}

img
{  border-style: none;
}

.redback {
	background-color: #bf0000;
	height: 29px;
	width: 381px;
	float: left;
	display: inline;
}

.redback-long {
	background-color: #bf0000;
	height: 29px;
	width: 765px;
	float: left;
	display: inline;
}
.redback-long2 {
	background-color: #bf0000;
	
	float: left;
	display: inline;
}

.orangeback {
	background-color: #FF7300;
	height: 29px;
	float: left;
	display: inline;
}

.orangebacklong {
	background-color: #FF7300;
	height: 29px;
	width: 765px;
	float: left;
	display: inline;
}

.applicant_block {
	width: 376px;
	height: 146px;
	margin: 3px 0 3px 0;
	border: 2px solid #c2c2c2;
	float: left;
}

.employer_block {
	width: 376px;
	height: 146px;
	margin: 3px 0 3px 0;
	border: 2px solid #c2c2c2;
	float: right;
}
.whiteheader {
	color: white;
	font-weight:bold;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	//font: 16px Arial, Helvetica;
	margin-left: 40px;
	width: 340px;
	margin-top: 5px;
}
.whiteheader2 {
	color: white;
	font-weight:bold;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	
	margin-top: 5px;
}
/* -----------------------------------
			   Containers
   ----------------------------------- */

div#north { 
	background-color: #fff; 
	padding: 0 0 0 0;
}

div#north-2 { 
	background-color: #fff; 
	padding: 20px 0 0 0;
}

div#graybar { 
	background-color: #a1a1a1;
	height: 200px;
}

div#lightgraybar { 
	background-color: #dfdfdf;
	height: 200px;
}

div#south { 
	background-color: #fff;
	padding: 4px 0;
}

.wrapper { width: 100%; }

.wapper { width: 1000px; }

div#south,
div#banner { 
	width: 960px;
	margin: 0 auto;
}

div#banner2 { 
	width: 0px;
	margin: 0 auto;
}

div#bannerbar-about { 
	background: url('../images/banners/about.jpg') no-repeat 0 0;
	height: 180px;
	margin-left: 174px;
	padding: 20px 370px 0 40px;
}

div#bannerbar-dashboard { 
	background: url('../images/banners/employer.jpg') no-repeat 0 0;
	height: 185px;
	margin-left: 174px;
	padding: 15px 440px 0 30px;
}

div#bannerbar-jobalarm { 
	background: url('images/banners/jobalarm.jpg') no-repeat 0 0;
	height: 185px;
	margin-left: 174px;
	padding: 15px 440px 0 30px;
}

div#bannerbar-postplus { 
	background: url('../images/banners/postplus.jpg') no-repeat 0 0;
	height: 185px;
	margin-left: 174px;
	padding: 15px 440px 0 30px;
}

div#bannerbar-searchpremium { 
	background: url('../images/banners/searchpremium.jpg') no-repeat 0 0;
	height: 185px;
	margin-left: 174px;
	padding: 15px 440px 0 30px;
}

div#bannerbar-searchpremium2 { 
	
	height: 185px;
	margin-left: 0px;
	padding: 0px 0px 0 0px;
}

div#bannerbar-employer { 
	background: url('../images/banners/employer.jpg') no-repeat 0 0;
	height: 185px;
	margin-left: 174px;
	padding: 15px 440px 0 30px;
}

div#bannerbar-employer2 { 
	background: url('../images/banners/employer2.jpg') no-repeat 0 0;
	height: 180px;
	margin-left: 174px;
	padding: 50px 370px 50px 54px;
}

div#bannerbar-home { 
	background: url('../images/banners/home.jpg') no-repeat 0 0;
	height: 165px;
	margin-left: 174px;
	padding: 35px 435px 0 54px;
}

div#bannerbar-app_search { 
	background: url('../images/banners/app_search.jpg') no-repeat 0 0;
	height: 180px;
	margin-left: 174px;
	padding: 20px 340px 0 30px;
}

div#bannerbar-appedit { 
	background: url('../images/banners/applicant.jpg') no-repeat 0 0;
	height: 180px;
	margin-left: 174px;
	padding: 20px 340px 0 30px;
}

div#bannerbar-applicant { 
	background: url('../images/banners/applicant.jpg') no-repeat 0 0;
	height: 180px;
	margin-left: 174px;
	padding: 20px 340px 0 30px;
}

div#bannerbar-applicant-twitter { 
	background: url('../images/banners/applicant.jpg') no-repeat 0 0;
	height: 180px;
	margin-left: 174px;
	padding: 20px 340px 0 30px;
}

div#bannerbar-faq { 
	background: url('../images/banners/faq.jpg') no-repeat 0 0;
	height: 120px;
	margin-left: 174px;
	padding: 30px 350px 50px 40px;
}

div#bannerbar-efaq { 
	background: url('../images/banners/faq.jpg') no-repeat 0 0;
	height: 120px;
	margin-left: 174px;
	padding: 30px 350px 50px 40px;
}

div#bannerbar-privacy { 
	background: url('../images/banners/applicant.jpg') no-repeat 0 0;
	height: 120px;
	margin-left: 174px;
	padding: 30px 350px 50px 54px;
}

div#bannerbar-terms { 
	background: url('../images/banners/applicant.jpg') no-repeat 0 0;
	height: 120px;
	margin-left: 174px;
	padding: 30px 350px 50px 54px;
}

div#bannerbar-contact { 
	background: url('../images/banners/applicant.jpg') no-repeat 0 0;
	height: 120px;
	margin-left: 174px;
	padding: 30px 350px 50px 54px;
}

div#content { 
	width: 770px;
	background-color: white;
	margin: 4px 4px 0;
}

div#content2 { 
	width: 770px;
	background-color: white;
	margin: 0px 0px 0;
	//margin-left: 145px;
}

div#blockfloat {
	float: left;
	display: inline-block;
}

.orangebox {
	background-color: #f47421;
	border: 1px solid #333;
	padding: 12px;
	color: #333;
	text-align: center;
	font: bold 16px Arial, helvetica;
}

/* -----------------------------------
			     Header
   ----------------------------------- */

div#header {
	width: 932px;
	padding: 0 0 10px 18px;
	margin: 0 auto;
	
}

div#addheader {
	width: 468px;
	padding: 0 0px 10px 18px;
	margin-left: 300px;
	height:60px;
}
h1#logo {
	width: 145px;
	height: 56px;
	margin-top: -25px;
	margin-bottom: 2px;
	text-indent: -9000px;
	background: #fff url('../images/header/JA_logo.png') no-repeat 0 0;
	float: left;
}

/* -----------------------------------
				SideNav
   ----------------------------------- */

div#leftbar {
	width: 32px;
	height: 200px;
	background-color: #c1c1c1;
	float: left;
}

div#leftbar-l {
	width: 32px;
	height: 625px; 
	background-color: #dfdfdf;
	float: left;
}
div#lefttop {
	width: 142px;
	height: 200px;
	background-color: #DFDFDF;
	float: left;
}

div#righttop {
	width: 142px;
	height: 200px;
	background-color: #DFDFDF;
	float: right;
	margin-left: 20px;
}

#subnav {
	width: 140px;
	height: 70px;
	background-color: #DFDFDF;
}

#mainnav {
	width: 140px;
	height: 112px;
	background-color: #DFDFDF;
	
}

#mainnav ul {
	width: 105px;
	height: 78px;
	padding: 36px 0 0 0;
}

#mainnav ul li {
	float: left;
	padding-right: 10px;
}
#mainnav ul li a {
	margin: 0.5em;
	padding: 0.5em;
	text-decoration: none;
	text-transform: uppercase;
	font: .80em Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: 180%;
	color: #585858;
}
#mainnav ul li a:hover { color: #FF7300; }

#mainnav ul li a:active { color: #FF7300; }

#mainnav-l {
	width: 127px;
	height: 625px;
	background-color: #c1c1c1;
	float: left;
	padding: 10px 5px 0 10px;
}

#mainnav-l ul {
	width: 125px;
	height: 70px;
	padding: 10px 0 0 0;
	color: #585858;
	line-height: 170%;
	font-weight: bold;
	font-size: .80em;
}

#mainnav-l ul li {
	float: left;
	padding-right: 10px;
}
#mainnav-l ul li a {
	margin: 0.5em;
	padding: 0.5em;
	text-decoration: none;
	font: bold 10px/200% Arial, Helvetica, sans-serif;
	color: #585858;
}
#mainnav-l ul li a:hover { color: #FF7300; }

#mainnav-l ul li a:active { color: #FF7300; }

#employer-box {
	width: 122px;
	background-color: #e1e1e1;
	padding-right: 1px;
	padding-left: 3px;
	padding-top: 0px;
}

div.employer-top {
	width: 127px;
	background-image: url('../images/employer_box_03.jpg');
}

div.employer-bot {
	width: 127px;
	background-image: url('../images/employer_box_06.jpg');
}

#subnav ul {
	width: 130px;
	height: 50px;
	padding: 1px 0 0 8px;
}

#subnav ul li {
	padding-left: 8px;
	text-decoration: none;
	font: .80em Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: 120%;
}
#subnav ul li a { color: #585858; }

#subnav ul li a:hover { color: #FF7300; }

#subnav ul li a:active { color: #FF7300; }

.subnaver {
	text-decoration: none;
	font: .70em Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: 150%;
	color: #585858;
}

/* -----------------------------------
				Content
   ----------------------------------- */

#content {
	background: #FF7300;
	color: #5b6164;
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	float: left;
}

h2.header {
	width: 815px;
	height: 47px;
	background: url('../images/content/h2header.gif') repeat-x 0 0;
	margin-bottom: 10px;
	padding-left: 135px;
}

h2.head2 {
	margin: 15px 4px 0 4px;
	font-weight: bold;
	font-size: 110%;
	color: #717173;
}

h2.heading {
	margin-bottom: 15px;
	font-weight: bolder;
	font-size: 180%;
	color: #f47421;
}

.half-col {
	width: 380px;
	height: 330px;
	display: inline-block;
	float: left;
	margin-left: 3px;
}

.half {
	width: 380px;
	height: 185px;
}

.r-half {
	width: 380px;
	height: 135px;
	background-color: #bf0000;
}

.o-half {
	width: 380px;
	height: 135px;
	background-color: #FF7300;
}

.half a {
	margin: 0;
	padding: 0;
	display: inline;
}

/* My Comment */

.marginator {
	margin: 3px 0px 4px 0;
}

.marginator-r {
	margin: 3px 0px 4px 3px;
}

.marginator a {
	margin: 3px 0px 4px 1px;
}

.marginator-r a {
}

.marginator-head {
	margin: 3px 0 6px 0;
	line-height: 120%;
}

.para1 {
	margin-top: 0px;
	margin-left: 4px;
}

.para2 {
	margin-top: 10px;
	margin-left: 20px;
}

.para3 {
	margin-top: 10px;
	margin-left: 30px;
}
/* -----------------------------------
				Employer Home
   ----------------------------------- */
   
div#employer-col {
	width: 380px;
	height: 260px;
	display: inline-block;
	float: left;
	margin-left: 4px;
}

div#employer {
	width: 380px;
	float: left;
	display: inline-block;
	font-size: 12px;
	color: #909090;
}

div#serviceblock {
	float: left;
	height: 75px;
	padding-top: 4px;
}

div#topline {
	height: 50px;
	width: 219px;
	border-top: 1px solid #c2c2c2;
	float: left;
	padding: 16px 0 0 10px;
	margin-top: 4px;
	font-size: .9em;
	line-height: 120%;
}

.LearnMore {
	color: #f47421;
	font-size: 110%;
	line-height: 260%;
	text-decoration: none;
	font-weight: bold;
}

#serviceblock a { 
	display: block;
	width: 150px;
	height: 73px;
	text-indent: -9000px;
}
#serviceblock.ja a { background: #fff url('../images/JobAlarm_Square.png') no-repeat 0 0; }
#serviceblock.pp a { background: #fff url('../images/PostPlus_Square.png') no-repeat 0 0; }
#serviceblock.sp a { background: #fff url('../images/SearchPremium_Square.png') no-repeat 0 0; }


ul#services {
	width: 380px !important;
	width: 380px; /* IE only */
	height: 220px;
	margin: 0 auto;
	float: left;
}
#services li {
	float: left;
	margin: 2px;
	text-align: center;
}
#services li a { 
	display: block;
	width: 380px;
	height: 73px;
	text-indent: -9000px;
}
#services li.ja a { background: #fff url('../images/JobAlarm_Square.png') no-repeat 0 0; }
#services li.pp a { background: #fff url('../images/PostPlus_Square.png') no-repeat 0 0; }
#services li.sp a { background: #fff url('../images/SearchPremium_Square.png') no-repeat 0 0; }

div#searchblock {
	width: 378px;
	height: 146px;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}

.searchform {
	line-height: 200%;
	padding: 15px 0 0 30px;
}

.searchformcompact {
	padding: 15px 0 0 30px;
}

.floatleft {
	float: left;
	display: inline-block;
}

.floatright {
	float: right;
	display: inline-block;
}

.moveright {
	float: right;
	display: inline-block;
}

div#lightgraybar-2 { 
	background-color: #dfdfdf;
	height: 50px;
	padding: 25px 0 0 30px;
}
div#bottom-height {
	height: 150px;
	padding: 25px 0 0 30px;
}
div#lightgraybar-3 { 
	background-color: #dfdfdf;
	height: 119px;
	//padding: 25px 0 0 30px;
}
/* -----------------------------------
				Employer Dashboard
   ----------------------------------- */
div.dashboardfloat {
	float: left;
	margin: 10px 0 0 18px;
}

div.cat {
	float: left;
	margin: 0 0 0 4px;
}

div.dashblock {
	background: url('../images/dashblock_175.png') repeat-x;
	height: 170px;
	width: 220px;
	padding: 8px 2px 0 15px;
}

div.dashblock2 {
	
	height: 218px;
	width: 250px;
	padding: 0px 2px 0 0px;
}

div.dashtop {
	height: 50px;
	width: 225px;
}

div.dashbot {
	//height: 37px;
	height:60px;
	width: 218px;
}

div.dashtop2 {
	height: 105px;
	width: 225px;
}


h2.head3 {
	font-weight: bold;
	font-size: 110%;
	color: #717173;
}

div.margintop {
	margin-top: 4px;
	display: block;
}

div.o-topper {
	width: 380px;
	background-image: url(../images/orangetop.png);
}

div.o-botter {
	width: 380px;
	display: block;
	background-image: url('../images/orangebot.png');
}

div.r-topper {
	width: 380px;
	background-image: url('../images/redtop.png');
}

div.r-botter {
	width: 380px;
	display: block;
	background-image: url('../images/redbot.png');
}

div.centerblock {
	width: 356px;
	background-color: white;
	margin: 0 6px;
	height: 90px;
	padding: 6px;
}

img.block {
	float: left;
	margin-right: 6px;
	margin-left: 5px;
	margin-bottom: 4px;
}

table.dash {
	width: 246px;
	font-size: 11px;
	margin-top: 4px;
	border-spacing: 0;
}

tr.dash {
	background-color: gray;
	color: white;
	height: 20px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

tr.dash2 {
	background-color: silver;
	height: 20px;
}

table.dash3 {
	width: 246px;
	font-size: 11px;
	margin-top: 4px;
	border-spacing: 0;
}

tr.dash3 {
	background-color: silver;
	height: 24px;
	padding: 5px;
	width: 50px;
}

td.dash3 {
	background-color: silver;
	padding: 9px 8px 6px;
	line-height: 116%;
	font-size: 12px;
}

/* -----------------------------------
				tables
   ----------------------------------- */

td, th,caption {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0 4px 0 4px;
}

td a:link,a:visited {
	text-decoration:underline;
	color: #333333;
}
td  a:hover {
	color:#FF7300;
}
th  a:link,a:visited {
	text-decoration:none;
	color: #333333;
}
th a:hover {
	color:#FF7300;
}

/* -----------------------------------
				Detail Pages
   ----------------------------------- */

.detailpages {
	margin: 25px 0 0 25px;
}

.actiontabs {
	margin: 0 0 0 4px;
}

/* -----------------------------------
				Action Pages
   ----------------------------------- */
   
.actionpages {
	margin: 20px 0 0 20px;
}

.actionpages2 {
	margin: 0px 0 0 25px;
}

.actionslices {
	margin: 11px 0 0 25px;
}

.actionslices2 {
	margin: 0px 0px 0px 25px;
}
.actionbtn {
	margin: 11px 0 0 518px;
}

/* -----------------------------------
				Old
   ----------------------------------- */

/* Table */

table.content-data {
	width:100%;
	border-top:1px solid #939598;
	border-right:1px solid #939598;
	margin:1em auto;
	border-collapse:collapse;
}
table.content-data caption {
	color: #939598;
	font-size:.94em;
	letter-spacing:.1em;
	margin:0;
	padding:1em;
	font-style: italic;
	caption-side:bottom;
	text-align:center;
}
table.content-data td {
	color:#5b6164;
	border-bottom:1px solid #939598;
	border-left:1px solid #939598;
	padding:.1em 1em;
	text-align:left;
}
table.content-data tr { border-right:1px solid #939598; }
table.content-data tr.odd td { background:#e6e3cd; } 
table.content-data tr.odd .column1 { background:#e6e3cd; }
table.content-data .column1 { background:#fff; }
table.content-data th {
	font-weight:normal;
	color: #5b6164;
	text-align:left;
	border-bottom: 1px solid #939598;
	border-left:1px solid #939598;
	padding:.3em 1em;
	line-height: 130%;
}							
table.content-data thead th,
table.content-data thead td {
	background:#9e985a;
	text-align:left;
	text-transform: uppercase;
	font:normal 1.1em/1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#ffffff;
}
table.content-data thead tr.odd .column1 { background:#9e985a; }

/* Table Detail View */

table.detailview {
	width:670px;
}

table.detailview th {
	font-weight:bold;
	width: 150px;
	text-align: right;
	vertical-align:top;
	
}							

table.detailview td {
	width: 520px;
     
}							

/* Floorplans */

div#floorplanInfo {
	width: 305px;
	padding: 15px;
}

#brochure div#floorplanInfo { padding: 0; }

div#floorplanPlan {
	width: 615px;
}

h4.floorplan-title {
	font-size: 280%;
	margin-bottom: 5px;
}
span.floorplan-sqft {
	display: block;
	margin-bottom: 20px;
	font-size: 120%;
}

#floorplanInfo table td { padding: .5em 1em; }

ul.office-hours {
	margin: .5em 0;
	line-height: 160%;
}

ul.amenities-list {
	list-style: disc outside;
	padding: 0 15px;
}
ul.amenities-list li {
	margin-bottom: 7px;
	line-height: 120%;
}

/* -----------------------------------
				Footer
   ----------------------------------- */
div#footerCenter {
	width: 766px;
	margin-top: 75px;
	float: left;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 90%;
}
#footer p#legalDisclaimer {
	margin: 0 auto;
	padding-top: 10px;
	color: #939598;
	font-size: 90%;
	line-height: 140%;
}

ul#footernav {
	width: 766px; /* IE only */
	margin: 0 auto;
}
#footernav li {
	float: left;
	margin: 5px 0;
	padding: 0px 7px;
	background: url('../images/footer/nav-border.gif') repeat-y right top;
}
#footernav li.last { background: none; }

#footernav li a {
	font-family: Verdana, Arial, sans-serif;
	font-size: 90%;
	text-decoration: none;
	color: #5b6164;
}

ul#legalnav {
	width: 120px;
	float: right;
}
#legalnav li {
	float: left;
}
#legalnav li.equal-housing {
	width: 47px;
	height: 54px;
	display: block;
	text-indent: -9000px;
	background: url('../images/footer/legal-equal.gif') no-repeat 0 0;
}
#legalnav li.handicap {
	width: 40px;
	height: 54px;
	display: block;
	text-indent: -9000px;
	background: url('../images/footer/legal-handicap.gif') no-repeat 0 0;
}

table.legendary{
	width:740px;
	border:0px;
	margin:0px;
	padding:0px;
	clear:both;
	margin-top:1px;
	margin-bottom:0;
	margin-left:-2px;
	text-align:left;
	}
	
table.legendary td{
	text-align:left;
	margin:0px;
	padding:0px;
}

.formwrapper {
	width: 710px; 
	margin:0;
	padding:0;
	margin-left:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#717173;
	border:0px;
	background-color:#FFFFFF;	
}

/* My Comment */


/* -----------------------------------
			 Miscellaneous
   ----------------------------------- */

.clear-left 	{ clear: left; }
.clear-right 	{ clear: right; }
.clear-both 	{ clear: both; }
.left 			{ float: left; }
.right			{ float: right; }
.block			{ display: block; }
.none			{ display: none; }
.leaded 		{ line-height: 120%; }
.leaded-200 	{ line-height: 200%; }
.leaded-150 	{ line-height: 150%; }
.leaded2 		{ 
	line-height: 150%;
	display: block;
}
.leftmargin { 
	margin-left: 35px;
	margin-right: 20px;
}
.strong			{ font-weight: bold; }
.no-background 	{ background-image: none; }
.ampersand		{ font-family: "Baskerville", "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-style: italic; }
.textblack {
	text-align: left;
	color: #333;
	font-size: 11px;
}
.bottom {
	vertical-align: bottom;
	padding: 8px;
}


.maptable {
	padding: 0px;
	margin: 0px;
	border: 1px solid #88836B;
	border-collapse:collapse;
	width:730px;
}
.maptable td{
	border: 1px solid #88836B;
	padding: 0;
}
.referral {
	border: 1px solid #88836B;
	border-collapse:collapse;
	margin-left:0px;
	margin-right:0px;
	width:730px;
}
.datatable {
	border: 1px solid #88836B;
	border-collapse:collapse;
	margin-left:0px;
	margin-right:0px;
	width:730px;
}
.datatable2 {
	border: 1px solid #88836B;
	border-collapse:collapse;
	margin-left:30px;
	margin-right:0px;
	width:730px;
}


.datatable2 img {
	border:0px;
}
.datatable2 th {
	text-align:left;
	padding: 3px;
	background-color:#cccccc;
}
.datatable2 th {
	text-align:left;
	padding: 3px;
	background-color:#cccccc;
}
.datatable2 tbody th {
	border-bottom: 1px solid #88836B;
}
.datatable2 td{
	border: 1px solid #88836B;
	padding: 3px 8px;

}
.datatable2 tr.odd {
	background:#cccccc;
}
.datatable2 tr.even {
	background:#FFFFFF;
}





.datatable img {
	border:0px;
}
.datatable th {
	text-align:left;
	padding: 3px;
	background-color:#cccccc;
}
.datatable th {
	text-align:left;
	padding: 3px;
	background-color:#cccccc;
}
.datatable tbody th {
	border-bottom: 1px solid #88836B;
}
.datatable td{
	border: 1px solid #88836B;
	padding: 3px 8px;

}
.datatable tr.odd {
	background:#cccccc;
}
.datatable tr.even {
	background:#FFFFFF;
}
#headerfooter {
	background:#999999;
}
span.tablelink {
	position: relative;
}

span.tablelink a span {
	display: none;
}

span.tablelink a:hover {
	font-size: 99%;
}

span.tablelink a:hover span {
	display: block;
	position: absolute;
	margin-top: -20px;
	margin-left: -160px;
	width: 130px;
	padding: 5px;
	z-index: 100;
    background-color:#FF7300;
	font-size:11px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	text-decoration:none;
}

/* referral table format */

.referral th {
	font: bold 9px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 3px 3px 3px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

.referral th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

.referral td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


.referral td.alt {
	background: #F5FAFA;
	color: #797268;
}

.referral th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url('../images/bullet1.gif') no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.referral th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url('../images/bullet2.gif') no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

/* end of referral table format */

/* @group TableKit */

table.listing {
	border: 1px solid #ccc;
	border-collapse: collapse;
}


table.listing th, table.listing td {
	padding: 4px 5px;
	border: 1px solid #ccc;
}

table.listing td {
	background-color: #fff;
	line-height: 19px;
}

table.listing tr.odd td {
	/*background-color: #eee;*/
}

table.listing th {
	text-align: left;
	/* background-color: #a7a7ed;*/
	background-color: #ddd;
	white-space: nowrap;
}
.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	background-image: url(up.gif);
}
.sortdesc {
	background-image: url(down.gif);
}
.nosort {
	cursor: default;
}

form#searchOrder { }

#indent {
	line-height: 200%;
	//margin-left: 50px;
	text-indent: 5px;
}

#searchOrder label {
	display: block;
	float: left;
	width: 15%;
	line-height: 160%;
}
#searchOrder input {
	margin-bottom: 5px;
	background-color: #fefefe;
}
#searchOrder select {
	margin-bottom: 5px;
	background-color: #fefefe;
	border:  1px solid  #88836B;
}
#searchOrder br { clear: both; }

#searchOrder input#submit { 
	font-family:Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
	border:  1px solid  #88836B;
	background: #efefef;
	margin-top:20px;
	height:16px;
}


/* @end */




/* ----------------------------------------------------------------------------
						Clearfix Easy Clearing of Floats

			http://www.positioniseverything.net/easyclearing.html
   ---------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */