/*

**********************************************************************************************************************************
TMP EVENT SITE - GLOBAL STYLE SHEET / AUTHOR: MICHAEL SPELLACY (michael.spellacy@tmp.com)
**********************************************************************************************************************************
=================================================================================
GLOBAL CONTENT - HTML ELEMENTS - NOTE: SOME OF THESE MAY HAVE AN OVERRIDE BELOW 
=================================================================================

PLEASE NOTE, THAT ON THIS PARTICULAR SITE, NO ELEMENT DISPLAYED WITHIN THE MAIN CONTENT
AREA OF THE SITE MAY BE WIDER THAN 525 PX. ANYTHING WIDER WILL BREAK SITE IN 800 x 600 REZ, 
WHICH EVENT SITE IS OPTIMIZED FOR. THIS NUMBER IS LIKELY TO CHANGE IN FUTURE VERSIONS OF 
THE EVENT SITE IF THE LEFT NAV AND MARGIN WIDTH CHANGE.

YOUR MIN WIDTH FOR 800 x 600 REZ IS 778 PX, SO IN ORDER TO ARRIVE AT YOU SAFE NUMBER FOR 
CONTENT & ELEMENTS IN BODY OF PAGE, YOU NEED TO SUBTRACT THE LEFT NAV AND MARGIN WIDTHS
FROM 778PX. WHAT REMAINS IS YOU SAFE NUMBER (GlobalSpacer)

MIN WIDTH (778PX) - GlobalLeftNav (238PX) - GlobalMarginRht (15PX) = GlobalSpacer (525PX) 

*/

body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, Sans-Serif, Myuen;
font-size: 77%;
color: #000000
}
	
	form {
	margin: 0
	}
	
	p {
	margin-top: 15px;
	margin-bottom: 15px
	}

	h1, h2, h3, h4, h5, h6 {
	margin-bottom: 10px;
	padding: 0;
	color: #443169
	}
	
	h1 {
	font-weight: normal;
	font-size: 1.5em
	}
	
	h2 {
	font-size: 1.2em
	}
	
	h3 {
	font-size: 1.1em
	}
	
	h4 {
	font-size: 1.0em
	}
	
	h5 {
	font-size: 0.9em
	}
	
	h6 {
	font-size: 0.8em
	}

	a:link {
	color: #333333;
	font-weight:normal;
	}

	a:visited {
	color: #333333;
	text-decoration: none
	}

	a:hover {
	text-decoration: none
	}

	a:active {
	color: #333333;
	text-decoration: none
	}
	
	pre {
	font-weight: bold
	}
	
/*

========================================================
GLOBAL HEADER
========================================================

*/	
		
#GlobalHeader {
display: block
}
	
	#GlobalHeaderSpan {
	height:5px;
	background-color: #333366
	}
	
	#GlobalFunctionBar {
	background-color: #157879
	}
	
		#GlobalFunctionBarLft {
		padding-left: 15px;
		border-top: 1px #83B4B8 solid;
		border-bottom: 1px #053839 solid
		}
		
		#GlobalFunctionBarRht {
		border-top: 1px #83B4B8 solid;
		border-bottom: 1px #053839 solid
		}

	#GlobalSearch {
	width: 145px;
	border: 1px #7F9DB9 solid;
	font-size: 0.9em
	}
	
/*

========================================================
GLOBAL TOP NAVIGATION
========================================================

*/	
	
	#Header_GlobalMainNav {
	background-color: #8490A4;
	padding-right: 20px;
	border-bottom: 1px #053839 solid
	}
	
		/* TOP NAVIGATION LIST ITEMS */
	
		#GlobalTopNav {
		list-style-type: none;
		margin: 0;
		padding: 0;
		height: 25px
		}
	
		#GlobalTopNav li>ul { 
		top: auto;
		left: auto
		}
	
		#GlobalTopNav a { 
		font-size: 0.9em
		}
		
			/* PARENT MENU */
		
			.ParentMenu {
			width: 118px;
			height: 24px;
			float: left
			}
		
			.ParentMenu a {
			border-left: 1px #8490A4 solid;
			border-right: 1px #8490A4 solid;
			font-weight: bold;
			color: #FFFFFF;
			text-decoration: none
			}
		
			.ParentMenu a:visited {
			color: #FFFFFF;
			text-decoration: none
			}
				
			.ParentMenu a:hover {
			border-left: 1px #8490A4 solid;
			border-right: 1px #8490A4 solid;
			background-color: #B7CBD9;
			color: #000000;
			text-decoration: none
			}
		
			.ParentMenu a:active {
			color: #FFFFFF;
			text-decoration: none
			}
			
			/* PARENT MENU LINK */
		
			.ParentMenuLabel {
			display: block;
			width: 118px;
			height: 24px;
			background-color: #8490A4;
			text-align: center;
			line-height: 24px;
			color: #FFFFFF;
			white-space: nowrap
			}
			
				/* CHILD-SUB MENU */
								
				.ChildMenu {
				display: none;
				list-style-type: none;
				position: absolute;
				margin: 0;
				margin-top: 0;
				margin-left: -1px;
				padding: 0;
				line-height: 14px;
				border-top: 1px solid #000066;
				border-right: 1px solid #000000;
				border-left: 1px solid #000000;
				background-color: #CCCCCC
				}
				
				/* APPEND FOLLOWING WIDTH TO IE/MAC... */
			
				*>html.ChildMenu {
				text-align: left;
				width: 170px
				}
					
				/* END HACK */
			
				.SubChildMenu a {
				display: block;
				width: 170px;
				padding: 4px;
				border-left: 0;
				border-right: 0;
				border-bottom: 1px solid #000000;
				color: #000000;
				text-decoration: none
				}
				
				.SubChildMenu a:visited {
				color: #000000;
				text-decoration: none
				}
				
				.SubChildMenu a:hover {
				border-left: 0;
				border-right: 0;
				background-color: #B7CBD9;
				color: #FFFFFF;
				text-decoration: none
				}
				
				.SubChildMenu a:active {
				color: #000000;
				text-decoration: none
				}
				
	/* FIRE IT OFF! */							
				
	li:hover ul , li.over ul {
	display: block
	}
	
#Header_pnlLinks {
font-size: 0.9em;
color: #FFFFFF
}

#Header_pnlLinks a {
color: #FFFFFF;
text-decoration: none;
font-weight: bold
}

#Header_pnlLinks a:hover {
text-decoration: underline
}			
	
/*

========================================================
GLOBAL LEFT NAV
========================================================

*/	
	
#GlobalLeftNav {
width: 238px;
background: url(../images/leftnav_bgtile.gif);
height: 800px
}

/*

========================================================
GLOBAL MAIN CONTENT
========================================================

*/

#GlobalMainContent {
padding-top: 15px
}

#GlobalSubContent {
font-size: 0.9em
}

	#Image1 {
	padding-left: 10px;
	padding-bottom: 10px		
	}
	
	#GlobalCallStatic, #GlobalCallRel, #GlobalCallAdm {
	padding: 0px 10px 0px 10px;
	border: 2px groove #FFFFFF;
	}
	
	#GlobalCallStatic
	{
	background-color: #D3E0CE;
	}
	
	#GlobalCallAdm {
	background-color: #EEEEEE;
	padding-bottom: 10px
	}
		
	#GlobalCallStatic {
	display: inline-block;
	text-align: left;
	/* width: 525px */
	width: 88%;
	}
	
	#GlobalCallRel
	{
		width:80%;
		padding-left:50px;
		margin-left:30px;
		background-color:#D6D6D6;
	}
	
	#GlobalCallAllied
	{
		width:85%;
		margin-left:30px;
		background-color:#D3E0CE;
		padding: 0px 10px 0px 10px;
		border: 2px groove #FFFFFF;
	}
	
	.Allied
	{
		color:#000;
		font-weight:bold;
		font-size:14px;
		padding-left:30px;
	}
	
	.Registration
	{
		color:#fff;
		font-weight:bold;
		font-size:14px;
		padding-left:40px;
	}
	
	
	.desc
	{
	padding-left:30px;	
	}
	
	#GlobalCallRel, #GlobalCallAdm {
	font-size: 0.9em
	}
	
	#GlobalCallOut a:link, #GlobalCallRel a:link, #GlobalCallAdm a:link {
	color: #000000
	}
	
	#GlobalCallOut a:visited, #GlobalCallRel a:visited, #GlobalCallAdm a:visited{
	color: #222222
	}
	
	.BlurbText {
	font-size: 0.8em
	}

#GlobalSpacer {
width: 525px
}
	
#GlobalMarginRht {
width: 15px
}

/*

========================================================
TABLES
========================================================

*/

#GlobalForm {
background-color: #EEEEEE
}

#GlobalForm td {
border: 2px groove #FFFFFF
}

/*

========================================================
DATAGRIDS
========================================================

*/

#DataGrid {
border: 1px solid #2F6E73
}

	#DataGrid a:visited {
	color: #000000
	}

	.GridHighLight {
	background-color: #2F6E73
	}

	#DataGridTop {
	font-size: 0.9em
	}
	
	#DataGridTop a {
	color: #0C0C6D
	}
	
	#DataGridTop a:hover {
	text-decoration: none
	}
	
	.gridsort a {
	color: #FFFFFF
	}

	.gridtitle {
	font-size: 1.5em;
	font-weight: bold;
	color: #000066
	}

	.gridtext {
	font-size : 0.9em
	}
	
	.gridtextbold {
	font-size: 0.9em;
	font-weight: bold
	}

	.gridheader {
	background-color: #2F6E73;
	color: #FFFFFF;
	font-weight: bold
	}

	.gridcolumn {
	border-bottom: 1px solid #2F6E73
	}

	.gridbgcolor1 {
	background-color: #FFFFFF
	}

	.gridbgcolor2 {
	background-color: #AAC5C0
	}
	
	.gridbutton {
	width: 110px;
	font-size: 1.0em;
	background-color: #CCCCCC
	}
	
#DataGridBtm {
width: 100%;
height: 8px
}

/*

========================================================
DUAL TEXTBOXES
========================================================

*/

.listbutton {
width: 110px;
font-size: 1.0em;
margin-left: 8px;
margin-right: 8px;
background-color: #CCCCCC
}

.listfielddata {
width: 220px;
margin-bottom: 5px
}

/*

========================================================
CARRY OVERS FROM OLD ERP SITE
========================================================

*/

.formhdrlabel {
border: 1px #000000 solid;
padding: 6px;
background-color: #2F6E73;
color: #FFFFFF;
font-weight: bold
}

.formhdrrepeater {
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
padding: 6px;
background-color: #2F6E73;
color: #FFFFFF;
font-weight: bold
}

.formlabel {
border: 0px #000000 solid;
padding: 6px;
white-space: nowrap;
text-align: right;
}

.formaltcolor {
background-color: #EEEEEE
}

.formalhilite1 {
background-color: #8CAFAD
}

.formalhilite2 {
background-color: #AAC5C0
}

.formdata {
width: 220px
}

.formdatarel {
font-family: Verdana, Arial, Helvetica, Sans-Serif, Myuen;
width: 98%
}

/* 
	REGISTRATION/SCREENING CSS - PAGE COULD USE AN OVERHAUL
	THERE ARE THINGS BEING DONE HERE THAT MAY NOT FLY WELL IN OTHER BOWSERS (BESIDES IE)
*/

#PageContainer {
border: 0
}

/* HIDE FROM IE - HACK FOR MOZILLA... */

head:first-child+body #PageContainer {
width: 420px;
}

.PageWidth {
width: 600px;
}

.PageLabel {
float: left;
width: 200px;
border: 0px #2F6E73 solid;
padding: 6px;
white-space: nowrap;
font-weight:normal;
text-align: right
}

.PageData {
float: left;
padding: 6px;
}

.FieldData {
width: 225px
}

.FieldDataSelect {
width: 229px
}

/* JOB DETAILS PAGE */

#JobDetailHeader {
width: 96%;
margin-top: 20px;
border-top: 1px #2F6E73 solid;
border-right: 1px #2F6E73 solid;
border-bottom: 0px #2F6E73 solid;
border-left: 1px #2F6E73 solid;
padding: 6px;
background-color: #AAC5C0;
font-size: 1.0em;
font-weight: bold
}

	#JobDetailHeader h4 {
	color: #000000;
	margin: 0
	}

.JobDetailBox {
width: 96%;
/* float: left; */
border: 1px solid #443169;
padding: 6px;
margin-bottom: 12px
}

.DataIsland {
width: 50%;
float: left;
font-size: 0.9em
}

.DataIslandText {
font-size: 0.9em
}

/*

========================================================
GLOBAL CLASSES
========================================================

*/

.formbuttonsp {
background-color: #AAC4BF;
font-weight: bold
}

.alerttext {
color: #FF0000
}


/*

========================================================
GLOBAL FOOTER
========================================================

*/

#GlobalFooter {
width: 100%;
height: 25px;
background-color: #333366
}

/*

========================================================
PFP HEADER AND FOOTER DISPLAY
========================================================

*/

#PFPHeader {
display: none
}

#PFPHide  {
display: block
}

#PFPFooter {
display: none
}


.paratxt
{
	color:#fff;
	padding-left:35px;
	padding-right:30px;
	line-height:18px;
}

.eventurltxt
{
	color:#333;
	padding-right:30px;
	line-height:18px;
}

.spacer
{
	padding-top:75px;
	background-color:#669556;
}

a.url {
	color: #333333;
	font-weight:normal;
	text-decoration: underline
	}

a.url:hover {
	color: #333333;
	font-weight:normal;
	text-decoration: none
	}

.curvebg
{
	background-image:url(../Images/curve_bg.jpg);
	width:770px;
    height:500px;
}

.Header
{
	background-image:url(../Images/Header.jpg);
	width:770px;
    height:103px;
}


a.LeftNavSubMenuLink:hover 
{ 
	color: #FFF; 
	text-decoration:none;
}


.LeftNavMenuLink
{
	font-size:13px;
    line-height:17px;
    font-family:Arial;
    color: #444444;
	font-weight:bold;
    cursor: pointer;
    cursor: hand;
    text-decoration:none;
}

a.LeftNavMenuLink:hover 
{ 
	color: #FFF; 
	text-decoration:none;
}

.btnpadding
{
	padding-left:50px;
	height:23px;
}


.topnav
{
	position:relative; width:197px;  z-index:1; left: 530px; top: 0px;
}