html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END CSS RESET */

body {
	height: 100%;
	font-family: Arial, Helvetica;
	font-size: 13px;
}

select {
	font-size: 11px;
}

.green {
	background-color: #99CC00;
}

.blue {
	background-color: #3B5998;
}

.green a {
	color: #3B5998;
}

.blue a {
	color: #99CC00;
}

body.interns {
	background-color: #99CC00;
}

body.employers, body.jobs {
	background-color: #3B5998;
}

body.interns #content, body.employers #content, body.jobs #content {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0px 1px 30px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 1px 30px rgba(0,0,0,.8);
	margin-top: 30px;
	width: 600px;
	background-color: white;
	padding: 30px;
}

body.search #content {
	width: 800px;
}

body.search-results #content {
	width: 800px;
}

html {
	height: 100%;
}

h1, h2 {
	font-size: 22px;
	font-weight: bold;
	margin: 0px 0px 12px 0px;
	padding-bottom: 6px;
}

h2 { 
	font-size: 18px;
}

.underline {
	border-bottom: 1px solid #ccc;
}

label {
	color: #333;
	font-weight: bold;
	font-size: 13px;
}

a {
	text-decoration: none;
}

img { border: none; }

a:hover {
	text-decoration: underline;
}

a, a:active{
    text-decoration:none;
    cursor:pointer;
    color: #0066CC;
}

a:hover{
    text-decoration: underline;
    color: #669922;
    cursor: pointer;
}

th {
	text-align: left;
}

dl ul {
	margin: 0;
}
dt {
	width: 10em;
	position: relative;
	margin-bottom: 10px;
	z-index: 1;

}
dd {
	margin: -1.9em 0 6px 0;
	padding: 0 0 6px 150px;
	overflow: hidden;
	border-bottom: 1px dotted black;
}
dd.last {
	border-bottom: none;
}

div.text {
	margin: 0 10px 20px 0;
}

#header_wrap {
	width: 100%;
	background-color: white;
}

#header {
	height: 187px;
}

#content, #header, #footer {
  margin: 0 auto;
  width: 1000px;
  overflow: hidden;
}

#footer, #footer a {
	color: white;
}

#intern #content, #employer #content {
	padding-top: 20px;
	color: white;
	width: 1050px;
}

#banner-left, #banner-right {
	float: left;
	margin: 0 20px 0 0;
	height: 600px;
	width: 120px;
}

#banner-right {
	float: right;
	margin: 0 0 0 15px;
}

#search-options {
	float: left;
	font-family: arial, helvetica;
	width: 420px;
}

.errorExplanation {
	color: black;
	border: 8px solid red;
	background-color: white;
	margin: 15px 0;
	padding: 10px 15px;
	font-size: 12px;
	width: 550px;
}

.errorExplanation h2 {
	font-size: 14px;
	padding-bottom: 5px;
}

#search-options .auto_complete {
	color: black;
	font-size: 10px;
}

.field_row ul {
	float: left;
	list-style: none;
	padding: 0;
}

.field_row span {
	font-size: 12px;
}

#search-options label {
	font-size: 12px;
	padding-right: 10px;
	text-align: right;
	width: 130px;
	margin-top: 4px;
}

#search-options .form-note, .help {
	margin-left: 140px;
}

#search-options .field_row {
	margin: 10px 0;
}

#search-options li label {
	float: none;
	display: inline;
}

.box {
	width: 494px;
	float: left;
	color: white;
}

.box.green .top {
	background: url(/images/green_top.gif) no-repeat top left;
	height: 22px;
}

.box.green .bottom {
	background: url(/images/green_bottom.gif) no-repeat bottom left;
	height: 22px;
}

.box.blue .top {
	background: url(/images/blue_top.gif) no-repeat top left;
	height: 22px;
}

.box.blue .bottom {
	background: url(/images/blue_bottom.gif) no-repeat bottom left;
	height: 22px;
}

.box .middle {
	padding: 0 25px 15px 25px;
}

.box .middle p {
	line-height: 16px;
}

.box h2 {
	padding: 0;
	margin: 0 0 10px 0;
}

body.home-about .box .middle {
	height: 230px;
}

.puzzle {
	float: left;
	background: url(/images/puzzle-link-sub.gif) no-repeat top left;
	width: 8px;
	height: 148px;
}

.puzzle-piece {
	float: right;
	background: url(/images/green_puzzle-sub.gif) no-repeat top left;
	width: 70px;
	height: 126px;
}

.left {
  float: left;
  width: 494px;
}

.right {
  float: left;
  width: 494px;
}

#header .right {
	padding: 10px 0 0 7px;
	width: 400px;
}

#signup {
	font-size: 12px;
	margin-top: 4px;
}

#testimonial {
	margin-left: -5px;
	margin-bottom: 10px;
}

.internbox {
  background: #99CC00 url(/images/green_bottomleft.gif) no-repeat bottom left;
  overflow: hidden;
}

.internbox img {
  float: left;
}

#employer_ads {
	padding: 10px;
	width: 125px;
	float: right;
	height: 250px;
}

#intern_ads {
	padding: 10px;
	width: 125px;
	float: left;
	height: 250px;
}

#content .right {
  background: url(/images/puzzle-link.gif) no-repeat 0px left;
  padding-left: 8px;
}

.employerbox {
  background: #3B5998 url(/images/blue_bottomright.gif) no-repeat bottom right;
  overflow: auto;
}

#footer {
	font-size: 13px;
	text-align: right;
	padding: 15px 8px 20px 0;
	width: 650px;
}

body.home #footer {
	width: 950px;
}

body.search #footer {
	width: 800px;
}

body.home #footer, body.home #footer a {
	color: #333;
}

#footer ul {
  float: right;
  list-style: none;
  margin-left: auto;
	margin-right: 0;
}

#footer li {
  float: left;
  padding-left: 5px;
}

#footer li.first {
  padding-left: 0px;
}

.clear {
  overflow: auto;
}

#header input[type=text], #header input[type=password] {
  height: 15px;
  border: 1px solid #BBB;
  color: #888;
  padding-left: 3px;
}

div.login {
	border: 1px solid #aaa;
	width: 600px;
	margin: 30px auto;
	padding: 15px;
	font-size: 14px;
}

div.login h1 {
	font-size: 16px;
	border-bottom: 1px solid #aaa;
	padding-bottom: 3px;
	margin-bottom: 20px;
}

div.login label {
	width: 180px;
}

div.login h2 {
	font-size: 14px;
	margin-top: 20px;
	border-bottom: 1px solid #aaa;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

.errors {
	background-color: rgb(255, 235, 232);
	border: 1px solid rgb(221, 60, 16);
	color: rgb(51, 51, 51);
	font-size: 12px;
	padding: 10px;
	margin: 10px 0;
}

.errors li {
	margin-bottom: 0 !important;
}

.errors h2 {
	font-size: 14px;
	margin-bottom: 5px;
}

.message {
	border:1px solid;
	margin:0 0px 20px 0;
	}
	
.message p{
	padding:10px 10px 10px 52px;	
	color: #444;
}

body.user_sessions .message { width: 600px; margin: 0 auto; }


.notice{
	background:#E6EFC2 url(/images/highlight_line.gif) repeat-x scroll 0 0;
	border-color:#C6D881;
	}
	
.notice p{
	background:transparent url(/images/24_tick.png) no-repeat scroll 15px 5px;
	}

.warning{
	background:#FFF6BF url(/images/highlight_line.gif) repeat-x scroll 0 0;
	border-color:#FDD845;
	}
	
.warning p{
	background:transparent url(/images/24_alert.png) no-repeat scroll 15px 5px;
	}

div.error{
	background:#FBE3E4 url(/images/highlight_line.gif) repeat-x scroll 0 0;
	border-color:#FBC7C9;
	}
	
div.error p{
	background:transparent url(/images/24_x_false.png) no-repeat scroll 15px 5px;
	}

.tip{
	background:#A8B2C5 url(/images/highlight_line.gif) repeat-x scroll 0 0;
	border-color:#8497BF;
	}
	
.tip p{
	background:transparent url(/images/24_information.png) no-repeat scroll 15px 5px;
	}

.pagination {
	float: right;
  padding: 3px !important;
  margin: 10px 0 0 0 !important;
}

.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #555;
  text-decoration: none;
}

.pagination a:hover, .pagination a:active {
  border: 1px solid #555;
}

.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #555;
  font-weight: bold;
}

.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #ccc;
}

.ui-autocomplete-results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	position: absolute;
}

.ui-autocomplete-results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ui-autocomplete-results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ui-autocomplete-loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ui-autocomplete-odd {
	background-color: #eee;
}

.ui-autocomplete-over {
	background-color: #0A246A;
	color: white;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.smaller {
	font-size: 11px;
}

#profile_head {
	background-color: #3B5998;
	color: white;
	padding: 10px;
	overflow: hidden;
}

body.employers #profile_head {
	background-color: #99CC00 !important;
}

#summary {
	margin: 10px 0;
	overflow: hidden;
}

#profile_head h1 { margin: 0; padding: 0; }

#profile_head a {
	float: right;
	color: white;
	margin-top: 15px;
}

.find {
	float: right;
	margin-top: 35px;
}

body.employers .find {
	margin-top: 15px;
}

.profile_image {
	float: left;
	margin-right: 20px;
}

.profile_image img {
	display: block;
	margin-bottom: 6px;
}

.profile_image a {
	margin-left: 11px;
}

.profile_image img {
	width: 100px;
	height: 100px;
}

a {
	text-decoration: none;
}
a.add {
	background: url(/images/add.png) no-repeat 0px 2px;
	padding-left: 14px;
}

#job_postings {
	margin-top: 25px;
}

#job_postings a.add {
	float: right;
	margin-top: 8px;
}

#job_postings a.seeall {
	font-size: 11px;
	float: right;
}

dl ul {
	list-style: disc;
}

dl ul li {
	padding-bottom: 2px;
}

body.home-contact_us h2, body.home-faq h2, body.home-terms h2, body.home-privacy h2 {
	margin: 20px 0 0px 0;
}

body.home-contact_us p, body.home-faq p, body.home-terms p, body.home-privacy p {
	margin: 0 15px 8px 16px;
	text-align: justify;
}

body.home ul {
	margin: 0 40px 10px 40px;
	list-style: disc;
}

body.home-about img {
	vertical-align: top;
	float: left;
	padding: 0 10px 10px 0;
}

#search_results td, .base table td {
	line-height: 22px;
	padding-left: 3px;
}

.base table td.email {
	width: 200px;
}

.base table td.date {
	width: 110px;
}

#search_results th, .base table th {
	padding-bottom: 6px;
}

#nav li {
	float: left;
	margin-left: 5px;
}

#nav li:after {
	content: ' | ';
}

#nav li.last:after {
	content: '';
}

/* -------------------------------------------------------------------------------------------------

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

--------------------------------------------------------------------------------------------------*/


/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { color:#000; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { }
form.formtastic fieldset.inputs { }
form.formtastic fieldset.buttons { padding-left:25%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* clearfixing the fieldsets */
form.formtastic fieldset { display: inline-block; }
form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li { margin-bottom:1.5em; }

/* clearfixing the li's */
form.formtastic fieldset ol li { display: inline-block; }
form.formtastic fieldset ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset ol li { display: block; }
* html form.formtastic fieldset ol li { height: 1%; }

form.formtastic fieldset ol li.required { }
form.formtastic fieldset ol li.optional { }
form.formtastic fieldset ol li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li label { display:block; width:25%; float:left; padding-top:.2em; }
form.formtastic fieldset ol li li label { line-height:100%; padding-top:0; }
form.formtastic fieldset ol li li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li fieldset { position:relative; }
form.formtastic fieldset ol li fieldset legend { position:absolute; width:25%; padding-top:0.1em; }
form.formtastic fieldset ol li fieldset legend span { position:absolute; }
form.formtastic fieldset ol li fieldset legend.label label { position:absolute; }
form.formtastic fieldset ol li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
form.formtastic fieldset ol li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; }
form.formtastic fieldset ol li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset ol li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.string input { width:74%; }
form.formtastic fieldset ol li.password input { width:74%; }
form.formtastic fieldset ol li.numeric input { width:74%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.text textarea { width:74%; }


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden { display:none; }


/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.boolean label { padding-left:25%; width:auto; }
form.formtastic fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.radio { }
form.formtastic fieldset ol li.radio fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.radio fieldset ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.check_boxes { }
form.formtastic fieldset ol li.check_boxes fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.date fieldset ol li,
form.formtastic fieldset ol li.time fieldset ol li,
form.formtastic fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset ol li.date fieldset ol li label,
form.formtastic fieldset ol li.time fieldset ol li label,
form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset ol li.date fieldset ol li label input, 
form.formtastic fieldset ol li.time fieldset ol li label input, 
form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }


/* -------------------------------------------------------------------------------------------------

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset ol li p.inline-hints { color:#333; }

--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li { margin-bottom: 10px; }
form.formtastic fieldset ol li fieldset legend.label label { position:relative; width: 100%; }
form.formtastic fieldset legend {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 6px;
	border-bottom: 1px solid #ccc;
	width: 100%;
	overflow: hidden;
}

form.formtastic fieldset legend.label { border-bottom: none; }

form.formtastic fieldset.inputs { padding-top: 12px; }
form.formtastic > fieldset.inputs ol { margin-left: 20px; }
form.formtastic > fieldset.buttons ol { margin-left: 15px; }
form.formtastic > fieldset.inputs > ol > fieldset.inputs { margin-left: -20px; }
form.formtastic li.date ol { margin-left: 0px; }

form.formtastic fieldset ol li.boolean label { clear: right; padding-left: 200px; }

form.formtastic fieldset ol li.boolean p.inline-hints,
form.formtastic fieldset ol li.boolean p.inline-errors { clear: both; }

form.formtastic fieldset ol li p.inline-hints,
form.formtastic fieldset ol li p.inline-errors { margin-left: 200px; }

form.formtastic fieldset ol li p.inline-hints {
  font-style: italic;
  font-size: 11px;
}

form.formtastic fieldset ol li > label,
form.formtastic fieldset ol li fieldset legend {
	left: 0px;
	width: 200px;
}

form.formtastic fieldset.buttons, 
form.formtastic fieldset ol li fieldset ol {
	padding-left: 200px;
}

form.formtastic fieldset ol li.string input,
form.formtastic fieldset ol li.password input {
	width: 290px;
}

form.formtastic fieldset ol li.text textarea {
	width: 360px;
	height: 150px;
}