/*------------------------------------------------------------------------
# LTDC Standard CSS - March, 2009
# LYNX Technology Development Basic System Component
# ------------------------------------------------------------------------
# Copyright (C) 2009 LYNX Technology Development
# @license - 
# Author: Paul McGrane / service@lynxtdc.com
# Websites:  www.lynxtdc.com
-------------------------------------------------------------------------*/

body, form, input {
	margin:0;
	padding:0;
}
body, form, img {
	border:0;
	border-style:none;
}

body {
	text-align:center;
	font: 12px Arial;
	color: #EEEEEE;
	background: #4F4F4F url(../images/base/mainContentBack.png) repeat-y center;
}


/*****************************************************************************        Main Containers        *****************/

#pageContainer {
	position:relative;
	top:0px;
	width: 1012px;
	height:auto;
	margin:0px auto; 
	text-align:left; 
}

#mainContainer {
	position:relative;
	width: 1012px;
	left:0px;
	margin:0px auto; 
	text-align:left; 
	height:auto;
}


#headerContainer {
	position:relative;
	width: 1012px;
	height:171px;
	top:0px;
	background-image: url(../images/base/headerBack.png);
}


#bodyContainer {
	position:relative;
	width: 948px;
	top:15px;
	left:32px;
	clear: left;
}


#footContainer {
	position:relative;
	width: 1012px;
	height:233px;
	color:#ffffff;
	text-align:center; 
	font-family:Arial;
	font-size:11px;
	background-image: url(../images/base/footerBack.png); 
}

	div#footContainer a {
		color:#FFFFFF;
		font-size:11px;
		font-family:Arial;
		text-decoration:none;
	}



/*****************************************************************************        Sub Containers        *****************/

/***************************************************************************** 
|   Nav Items
*/

#topNav {
	position:absolute;
	top:132px;
	left:25px;
	width:960px;
	height:25px;
	font: bold 16px Arial;
	text-align:right;
}

	div#topNav a{
		color:#FFFFFF;
		text-decoration:none;
	}

	div#topNav a:hover{
		color:#FFFFFF;
		text-decoration:underline;
	}



/***************************************************************************** 
|   Content Display Items
*/

#mainColumn {
	top:0px;
	left:0px;
	width:690px;
	font: 12px Arial;
	color: #CCCCCC;
}

	.content-top {
		width:690px;
		height:10px;
		background: url(../images/base/mainColTop.png);
	}

	.content-back {
		width:690px;
		background: #666666 url(../images/base/mainColBottom.png) bottom no-repeat;
	}

	.content-body {
		margin-left:10px;
		padding-bottom:10px;
		width:670px;
	}

		.content-subColumn {
			width:325px;
			float:left;
		}

		.content-subColumnDivider {
			width:20px;
			float:left;
			background: url(../images/base/subColumnDivider.gif) repeat-y center;
		}

#sideColumn {
	position:absolute;
	top:0px;
	left:702px;
	width:246px;
	font: 12px Arial;
	color: #CCCCCC;
	float:left;
}


	.module-top {
		width:246px;
		height:10px;
		background: url(../images/base/sideColTop.png);
	}

	.module-back {
		width:246px;
		background: #666666 url(../images/base/sideColBottom.png) bottom no-repeat;
	}

	.module-body {
		margin-left:10px;
		padding-bottom:10px;
		width:226px;
	}

#fullColumn {
	top:0px;
	left:0px;
	width:948px;
	font: 12px Arial;
	color: #CCCCCC;
}

	.full-top {
		width:948px;
		height:10px;
		background: url(../images/base/fullColTop.png);
	}

	.full-back {
		width:948px;
		background: #666666 url(../images/base/fullColBottom.png) bottom no-repeat;
	}

	.full-body {
		margin-left:5px;
		padding-bottom:10px;
		width:948px;
	}

		.full-subColumn {
			width:300px;
			float:left;
		}

		.full-subColumn_twothirds {
			width:610px;
			float:left;
		}

		.full-subColumnDivider {
			width:20px;
			float:left;
			background: url(../images/base/subColumnDivider.png) repeat-y center;
		}


#searchBox {
	position:absolute;
	left:394px;
	width:600px;
	height:83px;
	/*z-index:800;*/
	background-image: url(../images/base/searchBackShort.png); 
}

	#searchBoxContent {
		margin-top:6px;
		/*left:30px;
		width:560px;*/
		height:71px;
		float: left;
	}

	#searchBoxContentDivider {
		width:7px;
		height:83px;
		float: left;
		background: url(../images/base/searchDivider.png) no-repeat center; 
	}

	#searchBoxGoRight {
		position:absolute;
		top:78px;
		left:550px;
		width:42px;
		height:21px;
		background-image: url(../images/base/searchGoBTN.png); 
	}

#addNewBox {
	position:absolute;
	/*top:170px;*/
	left:838px;
	width:156px;
	height:68px;
	z-index:801;
	background-image: url(../images/base/orangeTopSide.png); 
}

	#addNewBoxContent {
		margin-top:12px;
		width:156px;
		height:50px;
		font: bold 16px Arial;
		color: #FFFFFF;
		text-align:center;
	}

	div#addNewBoxContent a{
		color:#FFFFFF;
		text-decoration:none;
	}

	div#addNewBoxContent a:hover{
		color:#FFFFFF;
		font-style:italic; 
	}



#welcomeMessage {
	position:absolute;
	top:5px;
	left:685px;
	width:300px;
	height:20px;
	font: bold 12px Arial;
	color: #FFFFFF;
	text-align: right;
}

	div#welcomeMessage a{
		color:#FFFFFF;
		text-decoration:none;
	}

	div#welcomeMessage a:hover{
		color:#FFFFFF;
		text-decoration:underline;
	}

#inLineLogin {
	position:absolute;
	top:12px;
	left:527px;
	width:80px;
	height:18px;
}

#inLineSubscribe {
	position:absolute;
	top:12px;
	left:585px;
	width:80px;
	height:18px;
}

#loginContainerMain {
	color: #FFFFFF; 
	width:304px; 
	height:128px; 
	left:30px; 
	top:100px; 
}


/***************************************************************************** 
|   Shadow Box parts
*/

#sbHeadImage {
	position:absolute;
	top:10px;
	left:5px;
	width:490px;
	height:64px;
}

#sbTitle {
	position:absolute;
	top:95px;
	left:12px;
	width:475px;
	height:50px;
	font-family:Times;
	font-size:28px;
	text-align:center;
	color: #FFFFFF;
}

#sbLabel {
	position:absolute;
	left:18px;
	width:180px;
	font-family:Times;
	font-size:16px;
	text-align:left;
	color: #ffffff;	
}


#sbField {
	position:absolute;
	left:220px;
	width:265px;
	font-family:Times;
	font-size:16px;
	text-align:left;
	color: #ffffff;
}

#sbFullWidth {
	position:absolute;
	left:34px;
	width:397px;
	font-family:Times;
	font-size:12px;
	text-align:left;
	color: #232B50;
}

	div#sbFullWidth a{
		/*color:#495AA7;*/
		color:#232B50;
		font-size:12px;
		font-family:Arial;
		text-decoration:none;
		font-weight:bold;
	}

	div#sbFullWidth a:hover{
		color:#A79549;
		font-size:12px;
		font-family:Arial;
		text-decoration:none;
		font-weight:bold;
	}

#sbError {
	position:absolute;
	top:115px;
	left:34px;
	width:397px;
	font-family:Times;
	font-size:11px;
	text-align:center;
	color: #AD1F41;
}


/***************************************************************************** 
|   Toggled Boxes
*/

#loginBoxFloat {
	position:absolute;
	left:675px;
	width:304px;
	height:165px;
	background:#323232;
	z-index:15850;
	display:none;
}

#bluePopBox {
	/* position:absolute; */
	top:15px;
	left:0px;
	width:280px;
	height:165px;
	background: #33CCFF url(../images/base/bluePopBottom.png) bottom no-repeat;
	/* border: 1px solid #2F2F2F; */
	z-index:870;
	/* display:none; */
}

#blackPopBox {
	top:45px;
	left:0px;
	width:280px;
	z-index:870;
	display:none;
}

	#blackPopTop {
		height:8px;
		background: url(../images/base/blackPopTop.png) no-repeat;
	}

	#blackPopBottom {
		height:8px;
		background: url(../images/base/blackPopBottom.png)  no-repeat;
	}

	#blackPopContent {
		background:#2F2F2F;
		/* background: url(../images/base/blackPopBack.png); */
	}

.editPopBox {
	top:45px;
	left:0px;
	width:280px;
	z-index:870;
	display:none;
}

	.editPopTop {
		height:8px;
		background: url(../images/base/blackPopTop.png);
	}

	.editPopBottom {
		height:8px;
		background: url(../images/base/blackPopBottom.png);
	}

	.editPopContent {
		background: url(../images/base/blackPopBack.png);
	}




/***************************************************************************** 
|   Standard Stuff
*/  


select.std {
	font: 12px Arial;
	border:1px solid #E2E2E2;
	/* background-color: #E2E2E2; */
}



textarea.std {
	font: 12px Arial;
	border:1px solid #E2E2E2;
}

input.std {
	top:0px;
	font: 12px Arial;
	border:1px solid #E2E2E2;
}


.button {
	height:1.95em; 
	text-align: center;
	font: 11px Verdana;
	color: #000000;
 	background-color: #33CCFF;
	padding: 0px 2px 2px 2px;
}

#submitStd {
	height:1.95em; 
	text-align: center;
	font: 11px Verdana;
	color: #000000;
 	background-color: #33CCFF;
	padding: 0px 2px 2px 2px;
}

.w10 {
	width:10px;
}

.w30 {
	width:30px;
}

.w50 {
	width:50px;
}

.w60 {
	width:60px;
}

.w80 {
	width:80px;
}

.w100 {
	width:100px;
}

.w110 {
	width:110px;
}

.w111 {
	width:111px;
}

.w115 {
	width:115px;
}

.w120 {
	width:120px;
}

.w150 {
	width:150px;
}

.w160 {
	width:160px;
}

.w170 {
	width:170px;
}

.w180 {
	width:180px;
}

.w200 {
	width:200px;
}

.w250 {
	width:250px;
}

.w280 {
	width:280px;
}

.w300 {
	width:300px;
}

.w395 {
	width:395px;
}

.w515 {
	width:515px;
}

.w450 {
	width:450px;
}

.w650 {
	width:650px;
}

.w668 {
	width:668px;
}

.w670 {
	width:670px;
}

.w906 {
	width:906px;
}

.w908 {
	width:908px;
}

.hidden {
  	display: none;
}

#clear {
	clear: both;
}

	.bold {
		font-weight:bold;
	}

	.italic {
		font-style:italic; 
	}

	.center {
		text-align:center;
	}

	.right {
		text-align:right;
	}

.errMsg {
	text-align:center;
	font: bold 14px Verdana;
	color: #DE5555;
}

.contentTitle {
	text-align:center;
	font: bold 16px Arial;
	color: #FFFFFF;
}

.titleMsg {
	text-align:center;
	font: bold 18px Arial;
	color: #33CCFF;
}





/***************************************************************************** 
|   CSS "Table" Layout stuff
*/ 

	div.row {
		clear: both;
		width: 900px;
		height: 20px;
		font: 12px Arial;
		/* margin-bottom:6px; */
	}

	.col0 {
		width: 420px;
		height: 20px;
		float: left;
	}

	.col1 {
		text-align: left;
		width: 120px;
		height: 20px;
		margin-right: 15px;
		float: left;
	}

	div.rowHalf {
		clear: both;
		width: 300px;
		height: 20px;
		font: 12px Arial;
		color: #FFFFFF;
		margin-left:20px;
		margin-bottom:6px;
	}

	.colHalf0 {
		width: 100px;
		height: 20px;
		float: left;
	}

	.colHalf1 {
		width: 200px;
		height: 20px;
		float: left;
	}

	div.rowThird {
		clear: both;
		width: 280px;
		height: 20px;
		font: 12px Arial;
		color: #FFFFFF;
		margin-left:10px;
		margin-bottom:6px;
	}

	div.rowThird_s {
		clear: both;
		width: 280px;
		height: 20px;
		font: 12px Arial;
		color: #FFFFFF;
		margin-left:10px;
		margin-bottom:6px;
	}

	.colThird0 {
		width: 80px;
		height: 20px;
		float: left;
	}

	.colThird0_s {
		width: 80px;
		height: 20px;
		float: left;
	}

	.colThirdF {
		width: 280px;
		height: 20px;
		float: left;
	}

	.colThirdF_s {
		width: 280px;
		height: 20px;
		float: left;
	}

	.colThird1 {
		width: 200px;
		height: 20px;
		float: left;
	}

	.colThird1_s {
		width: 200px;
		height: 20px;
		float: left;
	}

#fullChart {
	top:0px;
	height:auto;
	color:#000000;
	background:#FFFFFF;
	border: 1px solid #000000;
}

	div.rowFC {
		clear: both;
		height: 20px;
		font: 12px Arial;
		color: #000000;
		margin-bottom:6px;
	}

	.colFC {
		height: 20px;
		float: left;
		text-align:center;
		line-height:20px;
		background: url(../images/base/chartLabelBack.png) right no-repeat;
	}

	.colIcon {
		height: 20px;
		float: left;
	}

	div.rowFC-Header {
		clear: both;
		height: 32px;
		font: bold 14px Arial;
		line-height:32px;
		color: #FFFFFF;
		text-align:center;
		background: url(../images/base/chartHeaderBack.png) repeat-x;
	}

	.colFC-Header {
		height: 32px;
		float: left;
		background: url(../images/base/chartHeaderLabelBack.png) right no-repeat;
	}

	.colIcon-Header {
		height: 32px;
		float: left;
	}

	.rowChartBackColor0 {
		background:#FFFFFF;
	}

	.rowChartBackColor1 {
	/*	background:#FFFFFF;*/
		background:#CCCCCC; 
	}

	.colShift {
		margin-left:6px;
	}


#fullChart-Clear {
	top:0px;
	margin-left:10px;
	/* width:908px; */
	height:auto;
	color:#FFFFFF;
}

	div.rowFC-Clear {
		clear: both;
		/* width: 906px; */
		height: 20px;
		font: 12px Arial;
		color: #FFFFFF;
		margin-top:12px;
	}

	.colFC-Clear {
		/* width: 302px; */
		height: 20px;
		float: left;
		text-align:center;
		line-height:20px;
	}

	.colFC-ClearOut {
		/* width: 302px; */
		height: 20px;
		float: left;
		line-height:20px;
	}



/***************************************************************************** 
|   Link Styling and Image Rollovers
*/ 

a {
	color: #494E55;
	text-decoration:none;
}

a:hover {
	color: #494E55;
	text-decoration:underline;
}