/**********
 *        *
 * Global *
 *        *
 **********/

body,table {
        font-family: Arial,Helvetica,Verdana;
        font-size: 12px;
        color: #333333;
}

body#page {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background-color: #BEC4B4;
	width: 100%;
}

body#popup {
	background-color: white;
}

body#component {
	background-color: white;
}

a:link {
	color: #777f92;
}

a:visited { 
	color: #777f92;
}

a:active { 
	color: #777f92;
}

a:hover {
	color: #ccc;
	text-decoration: none;
}

a.offset:link, a.offset:visited, a.offset:active {
	text-decoration: none;
}

a.offset:hover {
	color: #777f92;
	text-decoration: underline;
}

/*********
 *       *
 * Input *
 *       *
 *********/

.input_button {
	font-family: "Trebuchet MS",Verdana,Helvetica,Arial;
	font-size: 11px;
	font-weight: bold;
}

.input_button_highlight {
	color: white;
	background-color: blue;
	font-family: "Trebuchet MS",Verdana,Helvetica,Arial;
	font-size: 14px;
	font-weight: bold;
	width: 151px;
	height: 22px;
	border-style: none;
	text-align: center;
	vertical-align: middle;
	background-image: url('files/site_images/74611/74611_button_background.gif');
	background-repeat: no-repeat;
	text-transform: lowercase;
}

.input_button_negative {
	font-family: "Trebuchet MS",Verdana,Helvetica,Arial;
	font-size: 11px;
	font-weight: bold;
}

.input_select {
	font-family: Verdana;
	font-size: 12px;
}

.input_select_multiple {
	font-family: Verdana;
	font-size: 10px;
}

.input_text {
	font-family: Verdana;
	font-size: 12px;
}

.input_checkbox {
	font-family: Verdana;
	font-size: 10px;
}

.input_radio {
	font-family: Verdana;
	font-size: 10px;
}

.input_textarea {
	font-family: Verdana;
	font-size: 10px;
}

.input_upload {
        font-family: Verdana;
        font-size: 12px;
}

/***************
 *	       *
 * Text styles *
 *	       *
 ***************/

span.referral-reward {
	font-weight: bold;
}

span.company-name {
}

span.location {
}

span.date {
}

span.reference-identifier {
}

span.field-name-required {
	font-weight: bold;
}

span.field-name-optional {
	font-weight: normal;
}

span.completed {
	color: #aaaaaa;
}

span.subscribed {
}

span.opted-in, option.opted-in {
	font-weight: bold;
}

span.opted-out, option.opted-out {
	color: red;
	background-color: inherit;
}

span.error, div.error {
        font-family: Arial,Helvetica,Verdana;
        font-size: 12px;
        color: #FF0000;
}

a.job-link {
	font-weight: bold;
}

/****************
 * Page headers *
 ****************/

span.page-header {
	font-family: "Trebuchet MS",Verdana,Helvetica,Arial;
	font-size: 18px;
	font-weight: bold;
}

span.page-subheader, input.page-subheader {
	font-family: "Trebuchet MS",Verdana,Helvetica,Arial;
	font-size: larger;
	font-weight: bold;
}

span.page-subsubheader, input.page-subsubheader {
	color: inherit;
	background-color: inherit;
	font-weight: normal;
}

span.text-header {
	font-size: larger;
	font-weight: bold;
}

span.text-subheader {
	font-weight: bold;
}

/**********
 *        *
 * Blocks *
 *        *
 **********/

/********************************************
 * Content Block, general content container *
 ********************************************/

div.content-block {
	background-color: inherit;
	padding-left: 7px;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #d8d9d4;
}

div.content-block-first {
	background-color: inherit;
	padding-left: 7px;
	text-align: left;
	padding-bottom: 10px;
	border-bottom: 1px solid #d8d9d4;
}

div.content-block-last {
	background-color: inherit;
	padding-left: 7px;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 10px;
}

div.content-block-header {
	color: #626d81;
	background-color: inherit;
	font-family: "Trebuchet MS",Verdana,Helvetica,Arial;
	font-size: larger;
	font-weight: bold;
}

/*********************************************************************
 * Unchangeable Block, used to display standard, unchangable content *
 *********************************************************************/

div.unchangeable-block {
	border: 1px solid black;
	background-color: #d3d3d3;
	width: 100%;
	padding: 3px;
}

/************************
 * Content offset block *
 ************************/

div.content-offset-block {
	background-color: #e7e7e7;
	border: 1px solid #818181;
	padding: 10px;
}

/**************
 * Info block *
 **************/

div.info-block {
	background-color: #e6e6e6;
	border: 1px solid #999999;
	padding: 5px 10px;
	width: 375px;
}

/*********
 * Panel *
 *********/

div.panel-block {
	display: none;
	background: white;
	border: 1px solid black;
	padding: 5px;
	width: 125px;
	text-align: left;
	position: absolute;
	z-index: 10;
}

div.panel-block span.panel-header, div.panel-block span.panel-header a:link, div.panel-block span.panel-header a:visited, div.panel-block span.panel-header a:active, div.panel-block span.panel-header a:hover {
}

/**************
 * Toggle box *
 **************/

a.toggle-link {
	text-decoration: none;
}

div.toggle-box {
	display: none;
	padding: 5px;
}

div.toggle-box-expanded {
	padding: 5px;
}

/**********
 * Footer *
 **********/

div.footer {
	color: #e5ac6a;
	background-color: inherit;
	width: 90%;
	margin-top: 20px;
}

div.footer table {
	color: #e5ac6a;
	background-color: inherit;
}

div.footer a:link, div.footer a:visited, div.footer a:active, div.footer a:hover {
	color: #e5ac6a;
	background-color: inherit;
	text-decoration: none;
}

/********
 *      *
 * Site *
 *      *
 ********/

table.main-table {
	margin: auto;
	width: 100%;
} 

table.main-table td.main-table-header {
	vertical-align: top;
	margin: auto;
	margin-bottom: 0;
}

table.main-table td.main-table-left-side {
	vertical-align: top;
}

table.main-table td.main-table-center {
	vertical-align: top;
	width: 941px;
	margin: auto;
	padding-top: 0;
	margin-top: 0;
}

table.main-table td.main-table-right-side {
	vertical-align: top;
}

table.main-table td.main-table-footer {
	vertical-align: top;
}

table.interior-table {
	width: 811px;
	margin: auto;
}

table.interior-table td.interior-table-left {
	/*
	width: 30%;
	border-right: 1px solid #999999;
	padding-right: 10px;
	*/
	vertical-align: top;
}

table.interior-table td.interior-table-center {
	padding-left: 10px;
	vertical-align: top;
	background-color: white;
	padding-bottom: 20px;
}

table.interior-table td.interior-table-right {
	width: 185px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	background-color: white;
	padding-bottom: 20px;
}

a.name-header:link, a.name-header:active, a.name-header:visited {
	color: #333333;
	background-color: inherit;
	font-family: "Trebuchet MS",Verdana,Helvetica,Arial;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

div.search-block {
	background-color: #e7e7e7;
	border: 1px solid #999999;
	padding: 10px;
}

div.search-block span.search-block-field-name-required {
	color: #5a6d8e;
	background-color: inherit;
	font-family: "Trebuchet MS",Verdana,Helvetica,Arial;
	font-size: larger;
	font-weight: bold;
}

div.search-block span.search-block-field-name-optional {
	color: #5a6d8e;
	background-color: inherit;
	font-family: "Trebuchet MS",Verdana,Helvetica,Arial;
	font-size: larger;
	font-weight: bold;
}

div.featured-block {
	color: inherit;
	background-color: #d7dbe4;
	font-size: larger;
	padding: 10px;
	margin-bottom: 15px;
}

div.featured-block span.featured-block-featured-job {
	color: #5a6d8e;
	background-color: inherit;
	font-family: "Trebuchet MS",Verdana,Helvetica,Arial;
	font-weight: bold;
}

div.featured-block a.job-link {
	font-size: larger;
	font-weight: bold;
}

div.heading-block, div.heading-block table {
	color: #777f92;
	background-color: inherit;
	font-weight: bold;
	vertical-align: middle;
}

div.heading-block {
	padding: 2px 5px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

div.heading-block-alt {
	padding: 5px 0;
	border-top: 1px dotted #676992;
	border-bottom: 1px dotted #676992;
	font-size: large;
}

div.heading-block span.heading-block-text {
	color: #5a6d8e;
	background-color: inherit;
	font-family: "Trebuchet MS",Verdana,Helvetica,Arial;
	font-size: normal;
	font-weight: bold;
}

div.heading-block a:link, div.heading-block a:visited, div.heading-block a:active, div.heading-block a:hover {
	font-weight: normal;
	text-decoration: underline;
	padding-right: 2px;
	vertical-align: middle;
	font-size: x-small;
}

table.jobs-list {
	border-collapse: separate;
	border-bottom: 1px solid #989898;
	margin-bottom: 10px;
}

table.jobs-list span.date {
	text-transform: uppercase;
	font-family: "Trebuchet MS",Verdana,Helvetica,Arial;
	font-weight: bold;
	font-size: 10px;
}

table.jobs-list tr td {
	border-bottom: 1px solid #dddddd;
}

table.jobs-list tr.pre-break td {
	border-bottom: none;
}

table.jobs-list tr.break td {
	border-top: 1px solid #989898;
}

table.jobs-list tr.pre-break-break td {
	border-top: 1px solid #989898;
	border-bottom: none;
}

div.nav-block {
        margin-bottom: 20px;
}

div.nav-block div.nav-block-body {
        margin-top: 5px;
}

div.nav-block div.nav-block-header {
	font-family: "Trebuchet MS",Verdana,Helvetica,Arial;
	font-size: larger;
	font-weight: bold;
	background-color: #d7dbe4;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px dotted #62708d;
	border-bottom: 1px dotted #62708d;
	text-align: middle;
	color: #5f7189;
	padding-left: 10px;
}

ul.bulleted {
	list-style-image: url('/images/bullet.gif');
	line-height: 18px;
	padding-left: 0;
	margin-left: 0;
	width: 100%;
	background-color: #e7e7e7;
	padding-top: 5px;
	padding-bottom: 5px;
        margin-top: 0;
}

ul.bulleted li {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	margin-left: 10px;
	margin-right: 10px;
}

div.shading-block {
	color: inherit;
	background-color: #eeeeee;
	padding: 3px 5px;
}

.alternate1 {
	color: inherit;
	background-color: #f3f3f3;
}

.alternate2 {
	color: inherit;
	background-color: #ffffff;
}

div.nav-block table.nav-block-table {
}

div.nav-block table.nav-block-table td.nav-block-content {
}

div.nav-block table.nav-block-table td.nav-block-top-left {
}

div.nav-block table.nav-block-table td.nav-block-top-center {
}

div.nav-block table.nav-block-table td.nav-block-top-right {
}

div.nav-block table.nav-block-table td.nav-block-side-left {
}

div.nav-block table.nav-block-table td.nav-block-side-right {
}

div.nav-block table.nav-block-table td.nav-block-bottom-left {
}

div.nav-block table.nav-block-table td.nav-block-bottom-center {
}

div.nav-block table.nav-block-table td.nav-block-bottom-right {
}

div#nav-about {
	background-color: #f3f3f3;
	border: 1px solid #818181;
	padding: 10px;
	padding-bottom: 20px;
}

span.nav-about-header {
	display: block;
	font-family: "Trebuchet MS",Verdana,Helvetica,Arial;
	font-size: larger;
	font-weight: bold;
	margin-bottom: 10px;
}

/***** Other *****/

/* LEADERBOARD */

.leaderboard {
margin: auto;
background: #909090;
text-align: center;
width: 100%;
}

.leaderboard-cont {
width: 900px;
margin: auto;
}


/* End Leaderboard */


/* Topper Elements */

#topper {

float: left;

}


.topper-home {
display: block;
height: 70px;
float: left;
width: 330px;
}


/* Topper Prime */

#topper-prime {

background: url("http://i.treehugger.com/images_site/bg-topper.gif") repeat-y;
width: 811px;
height: 84px;

}

.nav-top {
color: #6CA71D;
font-family: Arial;
font-size: 11px;
margin-top: 15px;
padding-right: 15px;
float: right;
width: 450px;
height: 22px;
}

.nav-top a:link,
.nav-top a:visited,
.nav-top a:active {
color: white;
text-decoration: none;
}

.nav-top a:hover{
color: #6CA71D;
text-decoration: none;
}

.nav-top-sub1 {
float: left;
}

.nav-top-sub2 input{
margin-left: 5px;
font-family: Arial;
font-size: 11px;
height: 11px;
margin-top: -2px;
}

/* END Topper Prime */

.topper-content {
background: url('files/site_images/74611/74611_header_background.gif') no-repeat;
clear: left;
height: 100px;
}

.topper-content-cat {
clear: left;
height: 316px;
}


/* Navigation Buttons */


#nav-cap-bar {
background: url("http://i.treehugger.com/images_site/bg-nav-cap-bar.gif") repeat-y;
width: 811px;
height: 17px;
}

#nav-zone {
width: 811px;
height: 68px;
}


/* CAT DESC AREA */


.topper-intro-bar {
width: 801px;
height: 29px;
color: white;
font-family: Arial;
font-size: 11px;
padding-top: 7px;
padding-left: 10px;
text-transform: lowercase;
}

.topper-intro-bar a:link,
.topper-intro-bar a:active,
.topper-intro-bar a:visited {
color: white;
text-decoration: none;
}

.topper-intro-bar a:hover {
color: white;
text-decoration: underline;
}

.topper-left {

width: 160px;
padding-left: 10px;
float: left;
}

.topper-center {
width: 495px;
float: left;
}

.cat-top-graphic {
height: 50px;
}

.cat-top-main {
width: 480px;
}

/* END CAT DESC /*
/* VIDDY SPECIFIC AREA */

.viddy {
float: left;
margin-top: 10px;
}

.viddy-right {
width: 180px;
float: right;
margin-right: 20px;
margin-left: 20px;
}

.viddy-right a:link,
.viddy-right a:visited,
.viddy-right a:active {
color: #000;
text-decoration: none! important;
}

.viddy-right a:hover {
color: #4E5D76;
text-decoration: underline! important;
}

.viddy-thumb {
font-family: Arial;
font-size: 11px;
margin-top: 10px;
}

.viddy-thumb img {
border: none;
padding-right: 7px;
float: left;

}

.viddy-thumb-bot img {
margin-top: 13px;
border: none;
}

#footer {
clear: both;
background: url("http://i.treehugger.com/images_site/bg-footer.gif") no-repeat;
width: 811px;
height: 41px;
margin: auto;
}

.jump-top {
float: left;
margin-left: 20px;
}

.jump-top img {
border: 0;
padding-top: 1px;
}

div#container {
	width: 811px;
	margin: auto;
	padding-top: 5px;
}

.chunk-nav-485 {
width: 75px;
float: right;
}

div.jt-green-link {
   display: none;
}