/***
 * GLOBALS
 ***/

body
{
	background-color: #224086;
	background-image: url('../img/background.png');
	background-repeat: repeat-x;
	background-position: 125px left;
	font-family: Trebuchet MS, Trebuchet;
	margin: 0px;
	padding: 0px;
}

div#contain
{
	background-image: url('../img/top-gradient.png');
	background-repeat: repeat-x;
	background-position: top left;
}

div#page
{
	width: 920px;
	margin: 0 auto;
}

h1, h2, h3, h4, h5
{
	font-family: Arial, Helvetica, sans-serif;
}

h1
{
	font-size: 1.6em;
	font-weight: bold;
}

p
{
	line-height: 1.5em;
}

ul
{
	list-style-type: none;
}

a
{
	color: #3a73b9;
}
.clear
{
	clear: both;
}

/***
 * HEADER
 ***/

div#header h1
{
	margin: 0;
	color: white;
	padding: 10px 0 5px;
	letter-spacing: .03em;
}

div#header p
{
	color: #add7ff;
	margin: 0 0 15px;
	font-size: .8em;
}

img#logo
{
	float: left;
	margin: 0px 15px 20px 0; 
	border: 0;
}

/***
 * TABS
 ***/

div#navcontainer
{
	display: block;
	height: 60px;
	margin: 32px 0 -21px 3px;
	clear: both;
}

ul#nav
{
	list-style-type: none;
	margin: 20px 0 0;
	font-size:.9em;
	padding: 0;
}

ul#nav li 
{
	list-style: none;
	display:inline;
}

.navbutton
{
	height: 60px;
	float: left;
	position: relative !important;
	white-space: nowrap;
}

#rankings, #rankingsButton, #logintab, #logintabButton,
#getstarted, #getstartedButton, #mve, #mveButton	
								{ width: 187px; }
#vsindustry, #vsindustryButton	{ width: 183px; }
#vscompany, #vscompanyButton	{ width: 219px; }
#industries, #industriesButton	{ width: 160px; }
#theindex, #theindexButton,
#aboutcv, #aboutcvButton		{ width: 146px; }
#selectTab, #selectTabButton	{ width: 140px; }

#rankingsButton span 		{  background-image:url('../img/tabs/rankings.gif'); }
#vsindustryButton span		{  background-image:url('../img/tabs/industry.gif'); }
#vscompanyButton span		{  background-image:url('../img/tabs/companies.gif'); }
#industriesButton span		{  background-image:url('../img/tabs/industries.gif'); }
#logintabButton span 		{  background-image:url('../img/tabs/login.gif'); }
#getstartedButton span 		{  background-image:url('../img/tabs/getstarted.gif'); }
#theindexButton span 		{  background-image:url('../img/tabs/about.gif'); }
#aboutcvButton span 		{  background-image:url('../img/tabs/about.gif'); }
#mveButton span				{  background-image:url('../img/tabs/mve.gif'); }
#selectTabButton span		{  background-image:url('../img/tabs/select.gif'); }

.navbutton span 	
{
	display:block;
	height:60px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
	background-position: 0 0;
}

.active span
{
	background-position: 0 -120px;
}

.rightactive span
{
	background-position: 0 -60px;
}


/***
 * DOCK
 ***/

div.bigdock
{
	width: 870px;
	min-height: 425px;
	margin: 0 auto;
	padding: 45px 29px 15px 21px;
	text-align: center;
	background-image: url('../img/container.png');
	background-repeat: no-repeat;
	background-position: top left;
}

div.bigdock p
{
	color: #1b3466;
	text-align: left;
	font-size: .9em;
	padding-left: 10px;
}

div#dock:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#dockfoot
{
	background-image: url('../img/container.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 16px;
	width: 920px;
	margin: 0 auto 20px;
	clear: both;
}

div#arrow
{
	text-align: right;
}

div#arrow img
{
	border: 0px;
}

/***
 * INNER CONTAINER
 ***/

div#innercontain
{
	width: 850px;
	margin: 0 auto;
	padding: 15px;
	text-align: center;
	background-image: url('../img/white-container.png');
	background-repeat: no-repeat;
	background-position: top left;
	text-align: left;
}

div#innercontain h2
{
	color: #3a72b8;
	font-size: 2.5em;
	font-weight: normal;
}

div#innercontainfoot
{
	background-image: url('../img/white-container.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 6px;
	width: 880px;
	margin: 0 auto;
}

div#innercontain:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/***
 * NAVIGATIONAL ELEMENTS
 ***/

div.navel
{
	width: 400px;
	margin-left: 25px;
	float: left;
	clear: none;
	text-align: center;
	overflow: hidden;
}

div.navel img
{
	border: 0px;
	padding: 1px;
	margin-left: 15px;
	margin-bottom: 10px;
}

div.rightnavel
{
	margin-right: 0px !important;
	margin-bottom: 15px;
}

div.rightnavel:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

form#selectform
{
	width: 100%;
}

div.whitebox
{
	text-align: left;
	color: #3a73b9;
	padding: 0 8px;
	width: 290px;
	margin: 0 auto;
}

div.whitebox h3
{
	color: #1b3466;
	margin: 0;
	padding: 8px 12px;
	font-size: 1.4em;
	letter-spacing: .04em;
	text-align: center;
	background-image: url('../img/big-white-box.png');
	background-repeat: no-repeat;
	background-position: top left;
}

div.whitebox p
{
	margin: 0;
	padding: 4px 12px 12px;
	font-size: .8em;
	background-image: url('../img/big-white-box.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}

/***
 * COMPANY PICKER
 ***/

div.navel form
{
	margin: 0px;
	background-color: transparent;
}

div.selectwrap
{
	background-image: url('../img/selectbox.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 373px;
	height: 264px;
	padding: 0 0 3px 0;
}

div.navel select
{
	color: #1b3466;
	padding: 2px 8px;
	border: 0px;
	margin: 5px 0 0 -3px;
	width: 365px;
	height: 254px;
	background-color: transparent;
}

div.navel select option
{
	padding: 6px;
}

div.navel select option.alt
{
	background-color: #d4eaff;
}

input#companypick
{
	width: 105px;
	height: 32px;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 5px;
	border: 0;
	background-image: url('../img/submit.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-color: transparent;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

input#companypick:hover
{
	background-position: center -32px;
}

input#smallbar, input#leftsmallbar
{
	background-image: url('../img/smallbar.gif');
	border: 0px;
	width: 246px;
	padding: 3px 10px;
	height: 26px;
	background-repeat: no-repeat;
	display: inline;
}

input#livesearch
{
	
}

#log_res 
{
	overflow: auto;
}
 
.ajax-loading, .left-ajax-loading 
{
	background: url('../img/spinner.gif') no-repeat center;
	float: left;
	width: 16px;
	height: 16px;
}

/***
 * LOGIN TABLE
 ***/

div#dock table
{
	margin: 0 auto 25px;
}

div#dock table input.textbox
{
	width: 321px;
	height: 25px;
	padding: 3px 0 0 8px;
	border: 0px;
	background-image: url('../img/input.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-color: transparent;
}

div#dock table input#login
{
	width: 105px;
	height: 32px;
	margin-top: 10px;
	margin-bottom: -2px;
	margin-left: 5px;
	border: 0;
	background-image: url('../img/login.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-color: transparent;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

div#dock table input#login:hover
{
	background-position: center -32px;
}

/***
 * GUIDE BUBBLES
 ***/

div.bubble
{
	margin: 1px 0 10px 128px;
	min-height: 120px;
	width: 721px;
}

div.bubble h2
{
	margin: 0 !important;
	padding: 10px 15px 0;
	font-size: 1.5em !important;
	line-height: 1.5em;
	font-weight: bold;
	letter-spacing: .03em;
	background-image: url('../img/bubble.png');
	background-repeat: no-repeat;
	background-position: top left;
	color: #244288 !important;	
	text-align: left;
	font-weight: normal;
}

div.bubble p
{
	margin: 0px;
	padding: 5px 15px 15px;
	background-image: url('../img/bubble.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	font-size: .85em;
	color: #244288;	
}

img#guide
{
	float: left;
	margin-left: 10px;
}

img#guide:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/***
 * FOOTER
 ***/

div#footer
{
	width: 900px;
	clear: both;
	margin: 30px auto 10px auto;
	border-top: 1px #ccc solid;
	padding-top: 5px;
	color: #add7ff;
	font-size: .85em;
	line-height: 1.5em;
	font-family: Trebuchet MS, Trebuchet;
}

div#footer img
{
	float: left;
	margin-top: -90px;
	margin-left: -20px;
	border: 0px;
}


/***
 * SCROLLBAR
 ***/

.scrollbar-vert{
	background-color: #d2e8ff;
	height: 206px;
	width: 20px;
	float:left;
}
.handle-vert{
	height: 42px;
	width: 20px;
	background: url('../img/handle.gif') no-repeat;
}

/***
 * GREEN BUTTONS
 ***/

a.greenButton
{
	height: 87px;
	position: relative !important;
	white-space: nowrap;
	display: block;
	float: right;
	text-align: left;
	padding: 15px 0 0 15px;
}

a.greenButton span
{
	display:block;
	height: 87px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
	background-position: 0 0;
}

a.greenButton span:hover
{
	background-position: 0 -87px;
}

a.blueButton
{
	height: 32px;
	position: relative !important;
	white-space: nowrap;
	display: block;
	float: right;
	text-align: left;
	padding-left: 5px;
}

a.blueButton span
{
	display:block;
	height: 32px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
	background-position: 0 0;
}

a.blueButton span:hover
{
	background-position: 0 -32px;
}

a#greenButtonVisitCV		{	width: 343px;	}
a#greenButtonVisitCV span	{	background-image: url('../img/visitcv.png'); }
a#greenButtonWhatNext		{	width: 257px;	}
a#greenButtonWhatNext span	{	background-image: url('../img/whatnext.png'); }
a#greenButtonStartIndex		{	width: 257px;	}
a#greenButtonStartIndex span{	background-image: url('../img/startindex.png'); }

a#blueButtonStartOver		{ 	width: 105px;	}
a#blueButtonStartOver span	{	background-image: url('../img/startover.png'); }

a#blueButtonReset		{ 	width: 105px;	}
a#blueButtonReset span	{	background-image: url('../img/reset.png'); }