﻿/*
	Stylesheet for Executive Research
	Media: screen
	Author: Tom Bevers
	Copyright: cvwarehouse.com <http://www.cvwarehouse.com>
*/

/*
	Reset
	@see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

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,
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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus																	{ outline: 0; }
body																		{ line-height: 1; color: black; background: white; }
ol, ul																	{ list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table																		{ border-collapse: separate; border-spacing: 0; }
caption, th, td															{ text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after														{ content: ""; }
blockquote, q																{ quotes: "" ""; }

/*
	Typography
*/

body																		{ font-family: Arial; font-size: 14px; color: #333333; }

h1, h2, h3, h4, h5, h6													{ font-weight: bold; font-style: normal; margin: 0 0 10px; }

h1																		{ font-size: 16px; color: #1f497d; }
h2																		{ font-size: 15px; color: #cc0066; }
h3																		{ font-size: 14px; color: #1f497d; }
h4																		{ font-size: 14px; color: #cc0066; }
h5																		{ font-size: 12px; font-variant: small-caps; }
h6																		{ font-size: 12px; }

#content p, #content ul, #content ol										{ margin: 0 0 10px; line-height: 1.3em; }
#content ul, #content ol													{ padding-left: 30px; }
#content ul li, #content ol li												{ padding-bottom: 1px; }
#content ul																{ list-style-type: disc; }
#content ol																{ list-style-type: decimal; }

a																		{ color: #1f497d; text-decoration: underline; }
a:focus																	{ border-color: #c2d3e4; outline-color: #000; outline-style: dotted; outline-width: 1px; }
a:hover																	{ color: #cc0066; text-decoration: none; }

strong																	{ font-weight: bold; }
em																		{ font-style: italic; }

/*
	Basic layout
*/

body																	{ background: #fff; }
#wrapper																{ margin: 0 auto; width: 1030px; }
#inner-wrapper															{ width: 790px; float: left; }
#sideBar																{ width: 220px; margin-left: 20px; float: left; padding: 200px 0; background-color: #AFBBD3; }
#sideBar p																{ padding: 0 20px; font-size: 0.8em; line-height: 1.5em; padding-bottom: 5px; }
#sideBar ul                                                             { padding: 0 20px 20px 35px; font-size: 0.8em; line-height: 1.5em; list-style: disc; }

#header																	{ width: 700px; height:140px; }
#header #block															{ display: block; background: #be006b; width: 220px; height: 140px; float: left; }
h1#logo																	{ margin: 0; float: left; margin-top: 12px; margin-left: 49px; }
h1#logo a																{ background: url('../img/logo.png') no-repeat; display: block; width: 402px; height: 112px; text-indent: -9999px; }

#content-wrapper														{ }
#contentImage															{ float: left; width: 220px; margin-top: 57px; }
#content																{ float: left; width: 480px; margin-top: 30px; }
#content h1																{ margin-bottom: 26px; }

#content .pnlSpApp                                                      { border: 1px solid #1f497d; padding: 10px 10px 0; color: #333; }
#content .jobList														{ margin-top: 20px; display: block; }
#content .jobList ul													{ margin-bottom: 20px; }

div.navigation															{ margin: 20px 0; }
.Apply																	{ float: left; }
.Back																	{ float: right; }

/*
    Searchmodule
*/

#console                                                                { margin-bottom: 30px; }
#searchModule					                                        { width: 100%; }
#searchModule td				                                        { width: 50%;}
#searchModule td td			                                            { width: auto; border: none; text-align: left; }
#searchModule td div			                                        { height: 120px; overflow: auto; margin: 5px; text-align: left; border-style: inset; border-color: #B5B5B5; border-width: 2px; background-color: White; }
#searchModule h2				                                        { font-weight: bold; padding: 10px 0 5px 5px; margin: 0px; }
#searchModule .btnSearch                                                { margin: 0 0 0 4px; }

/*
	Powered By Button
*/

.poweredBy																{ margin: 10px 0 10px !important; }

/*
	Clearfix
	@see  http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/
*/

.clearfix:after															{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix																{ display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix															{ height: 1%; }
.clearfix																{ display: block; }

/* close commented backslash hack */
