/*
Site: kinetic
Date: 2009.06.20

[Table Of Contents] 

	0- Reset
	1- General Layout
	2- Text and Headings
	3- Links
	4- Header 
	5- Navigation 
	6- Content
	7- Jobs 
	8- Footer 
	9- Forms
	10- Extras

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');



/* =1 General Layout
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html {
	width:100%;
}
body {
	text-align:center; 
	margin:0 auto;
	padding:0;
	background: url(../images/layout/bg.gif) #7893a8;
}
div.wrapper {
	width: 795px;
	min-height: 100%;
	height: auto !important;
	margin: 20px auto 30px; 
	text-align: left; /* for IE */
}
.page {
	padding:0 9px;
	margin: 0;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	overflow: hidden;
	background: #c8cfd9;
}


/* =2 Text and Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body, td, th {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
}
.medtext {
	font-size: 11px;
}
.smalltext {
	font-size: 10px;
}
.red, .red a, .red a:hover {
	color:#FF0000;
}
.blue, .blue a, .blue a:hover {
	color:#0181ca;
}
.purple, .purple a, .purple a:hover {
	color:#674d96;
}
.grey, .grey a, .grey a:hover {
	color:#999;
}
.black, .black a {
	color:#000;
}


h1, .heading1 {
	font-size: 18px;
	font-weight: normal;
}
h2, .heading2 {
	font-size: 16px;
	font-weight: normal;
}
h3, .heading3 {
	font-size: 14px;
	font-weight: normal;
}
h4, .heading4 {
	font-size: 12px;
	font-weight: normal;
}
h5, .heading5 {
	font-size: 11px;
	font-weight: normal;
}


/* =3 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a {
	color:#ff0000; 
	text-decoration:none;
	outline:none
}
a:hover {
	color:#ff0000; 
	text-decoration:underline;
}


/* =4 Header 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.header {
	background: #c8cfd9;
	padding:9px;
}


/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.nav {
	color:#FFF;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}
.nav a {
	color:#FFF;
	text-decoration:none;
}
.nav a:hover, #current {
	color:#FF0000;
	text-decoration:none;
}


/* =6 Content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.content {
	padding:0;
	background:#ececec;
}
.content-home {
 line-height: 125%;
 color:#333;
 background-color: #FFF;
 }
.content-white {
 padding:15px 20px 20px;
 background:#fff;
 }
.content-white td {
line-height: 125%;
}
/* Right column */	
table.plugin-right td {
	background:#fff;
}
/* =7 Job listings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
table.jobs-header td{
	background:#7d98ad;
	color:#fff;
	font-weight:bold;
	padding:3px 10px;
}
table.jobs-data td {
	color:#333;
	line-height:100%;
	font-size:11px;
	padding:7px 10px;
	border-bottom:1px dashed #ccc;
}
div.job-title {
	color:#ff0000;
	text-transform:uppercase;
	margin-bottom:3px;
	font-weight:bold;
}
.job-title a {
	color:#ff0000;
	text-decoration:none;
}

.job-title a:hover {
	color:#ff0000;
	text-decoration:underline;
}

	


/* =8 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
td.footer-left {
	background: #c8cfd9;
	padding:9px 0 9px 9px;
}
td.footer-right {
	background: 0;
	padding:0;
}
div.footer-text {
	padding:9px;
	font-size:10px;
	font-weight:bold;
	color:#fff;
}



/* =9 Forms
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
select, input, textarea, .formtext {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: solid 1px #7297a9;
}
.buttontext {
	background-color: #ececec;
	border: 1px solid #666666;
	color: #333333;
	cursor:pointer;
}
.cell_left {
	background-color: #EFEFEF;
}
.cell_right {
	background-color: #F7F7F7;
}
.cell_comment {
	background-color: #F7F7F7;
	font-size: 10px;
}


/* =10 Extras
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
hr {
	color: #F5EEEB;
}
br { 
	line-height:80%;
}
.alertbox {
	border: 1px dotted #999999;
	padding:5px;
	background-color: #e5e5e5;
	color: #000000;
}
.textbox {
	border: 1px solid #344e6d;
	padding:10px;
	background-color: #fff;
	color: #333;
}

ol.terms {
list-style-type:decimal;
margin-left: 18px;
font-weight:bold;
font-size:14px;
}
ol.terms li {
margin-bottom: 20px;
}
ol.terms strong {
 color:#666;
}
ul.terms {
margin: 5px 0 0;
font-weight:normal;
font-size:12px;
}
ul.terms ul  {
margin: 5px 0 0 23px;
font-weight:normal;
}
ul.terms li {
	margin-bottom:5px;
	}