/*---------------------------------------------------------------------------
G L O B A L   E L E M E N T S
---------------------------------------------------------------------------*/
/*Resets*/
* { margin: 0; padding: 0; }
body { font: normal 0.75em/1 Verdana; color: #000; }
table { border-collapse: collapse; font-size: 100%; /*IE hack */ } 
img, fieldset { border: 0; }

/*Links*/
a, a:visited, a:active { color: blue; outline:0; text-decoration: none; }
a:hover { text-decoration: underline; }

/*Headers*/
h1 { font: bold 1.4em/1.3 Verdana; color: #000; margin: 0 0 20px 0; }
h2 { font: bold 1em/1.3 Verdana; color: #000; }

/*Is used to fix inheritance issue*/
input, select, th, td, li li, li li p, li p, td p, blockquote p { font-size: 1em; }


/*---------------------------------------------------------------------------
C O M M O N   E L E M E N T S
---------------------------------------------------------------------------*/
#mainContainer {
	margin: 5px 0 0 0; 
	background: url(http://cache.lego.com/images/jobs/img770x40_bottom.jpg) bottom left no-repeat;
	line-height: 1.3;
}

#mainContent, #HO-mainContent {
	margin: 20px 0 0 0;
	padding: 0 0 80px 0;
}

#mainContentTxt {
	width: 490px; /*455*/
	margin: 0 0 0 20px;
	float: left;
}

#mainContentTxtlarge
{
	width: 730px; 
	margin: 0 0 0 20px;
	float: left;
}

#mainContentTxtlarge li
{
	margin:0 0 0 20px;
	list-style-type:circle;
	
}

#mainContentTxtlarge ul
{
	margin:20px 0 20px 0;
	list-style:none;
}

#mainContentTxt hr {
	margin: 40px 0;
	height: 3px;
	border: 0; 
	color: #FEC400;
	background-color: #FEC400;
}

.clear { clear: both; }

/* -----------------------------
IMAGES
------------------------------*/
#mainContent img {
	padding: 0 0 10px 0;
	margin: 0 20px 0 0;
	float: right;
}


/*---------------------------------------------------------------------------
M E N U   A T   T H E   T O P
---------------------------------------------------------------------------*/
.NavContainer {
	height: 46px;
	width: 770px;
	background: url(http://cache.lego.com/images/jobs/img770x46_yellowTOP.gif) top left no-repeat;
}

.NavContainerInner {
	margin: 20px 10px 0 0;
	float: right;
}

.NavItem {
	margin: 0 0 0 2px;
	padding: 0;
	float: left;
}


/*---------------------------------------------------------------------------
H O M E P A G E
---------------------------------------------------------------------------*/

/* -----------------------------
STRUCTURE
------------------------------*/
#HO-mainContentTxt {
	width: 490px;
	margin: 0 10px 0 0;
	float: right;
}

/* -----------------------------
HEADERS/PARAGRAPHS
------------------------------*/
#HO-mainContentTxt h1 {
	font: bold 1.2em/1.3 Verdana;
	margin: 0 0 15px 0;
}

/* -----------------------------
IMAGES
------------------------------*/
#HO-mainContentImg {
	width: 217px;
	margin: 0 20px 0 0;
	float: left;
}

#HO-mainContentImg a#urlNow {
	float: right;
}


/*---------------------------------------------------------------------------
V A C A N C I E S
---------------------------------------------------------------------------*/

/* -----------------------------
STRUCTURE
------------------------------*/
.VA-jobItem {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #808080;
}

.VA-jobItemTxt {
	float: left;
}

.VA-jobItemLink {
	float: right;
}

/* -----------------------------
HEADERS/PARAGRAPHS
------------------------------*/
#mainContent .VA-jobItemLink img {
	margin: 10px 10px 0 0;
	padding: 0;
	float: left;

}

/* -----------------------------
LINKS
------------------------------*/
.VA-jobItemLink a, .VA-jobItemLink a:visited, .VA-jobItemLink a:hover, .VA-jobItemLink a:active {
	line-height: 2.7;
	color: #000;
}


/*---------------------------------------------------------------------------
C O N T A C T
---------------------------------------------------------------------------*/

/* -----------------------------
STRUCTURE
------------------------------*/
fieldset p {
	margin: 0 0 10px 0;
	display: block;
}

label {
	margin: 0 5px 0;
	text-align: right;
	font-weight: bold;
}

.CO-aboutLabel {
	font-weight: normal;
}

input {
	width: 178px;
	margin: 0 4px 0 0;
}

textarea {
	width: 178px;
	margin: 0 4px 0 0;
	padding: 0;
	height: 80px;
	float: right;
}

select {
	width: 178px;
	margin: 0 4px 0 0;
}

fieldset {
	width: 490px;
	margin: 0;
	text-align: right;
}

p.CO-maxChar  {
	margin: 0 50px 10px 0;
}

.CO-message 
{
	text-align:right;
	margin: 0 0 0 230px;
	float: left;
}

.CO-validationOutput li {
	margin: -15px 0 10px 0;
	list-style-type: none;
	font-weight: bold;
}

.CO-btn {
	width: auto;
	margin: 0 4px 0 0;
	padding: 0 5px;
}


/*---------------------------------------------------------------------------
J O B S
---------------------------------------------------------------------------*/
#JO-mainContentTxt {
	width: 720;
	margin: 0 0 0 20px;
}

#JO-mainContentTxt ul { margin: 10px 0 20px 30px; }

#JO-mainContentTxt a, #JO-mainContentTxt a:visited, #JO-mainContentTxt a:hover, #JO-mainContentTxt a:active {
	line-height: 3;
}

/*---------------------------------------------------------------------------
GRADUATES
---------------------------------------------------------------------------*/
#GR-mainContainer { margin: 5px 0 0 0 ;overflow:hidden;}
#GR-mainContent { margin:20px 0 20px 0; padding:0; float:left; background:url() no-repeat bottom left; }
#GR-LeftNavContainer { width:173px; float:left }
#GR-LeftNav { width:163px; float:left }
#GR-LeftNav ul { width:163px; height:320px; float:left }
#GR-LeftNav ul li { width:163px; height:26px; padding:0 0 5px 0; list-style-type:none; background:url() no-repeat; float:left }
#GR-LeftNav ul li a { width:158px; height:26px; font-size:.9em; text-decoration:none; padding:6px 0 0 5px; color:#000; float:left }
#GR-LeftNav ul li.activeLink { width:163px; height:26px; list-style-type:none; background:url() no-repeat; float:left }
#GR-LeftNav ul li.activeLink a { width:163px; height:26px; font-size:.9em; color:#fff; float:left }
#GR-mainContentTxt { width:365px; font: normal 1.1em/1.1 Verdana; color: #000; padding:0 5px; float:left }
#GR-mainContentTxt p { width:360px }
#GR-mainContentTxtLong { width:575px; padding:0 5px; float:left } 
.gradContent { margin:0; padding:0 }
.gradContent p { margin:0; padding:0 10px 0 0 }
.gradContentLong { margin:0; padding:0; width:575px }
#GR-RightArea { width:222px; float:left }
#GR-RightArea a { width:222px; padding:0 0 12px 0; float:left }
#GR-RightArea img { width:222px; float:left }
.GR-rightContentBoxOuter { width:222px; margin:12px 0 0 0; background-color:#deeaef; border-bottom:1px solid #bdc7cb; float:left }
.GR-rightContentBox { width:222px; background:url() no-repeat top left; float:left }
.GR-rightContentBox h3 { padding:12px 0 5px 5px; font-size:1em; color:#447aa4}
.GR-rightContentBox h4 { padding:0 0 5px 5px; font-size:1.5em; color:#000 }
.GR-rightContentBox p { padding:0 5px 10px 5px; color:#000 }
ul.bulletList { margin:0 0 0 15px; clear:both; padding:5px 0 10px 10px }
ul.bulletList li { margin:0; clear:both; font-size:.9em; padding:0 0 5px 0 }
.gradBottom img { margin:0; padding:0 }
.gradBottom { background: url(http://cache.lego.com/images/jobs/img770x40_bottom.jpg) bottom left no-repeat; height:40px;width:770px;}

