/*------------------------------------------------------------------------
# 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;
}

ul {
	list-style: none;
}

body {
	text-align:center;
	font: 12px Arial;
	color: #4365AF;
}


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

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

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


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


#bodyContainer {
	position:relative;
	width: 950px;
	/*left:32px;*/
	clear: left;
}


#footContainer {
	position:relative;
	width: 950px;
	height:34px;
	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;
	margin-left:94px;  /* was 176 with narrower side */
	width:400px;
	font: 12px Arial;
	color: #4365AF;
}


#sideColumn {
	position:absolute;
	top:0px;
	left:690px; /* was 772 with narrower side */
	width:260px; /* was 178 with narrower side */
	height:800px;
	background: url(../images/base/sideColumnBack2.png);
}

	#twitterBTN {
		position:absolute;
		top:583px;
		left:15px;
		width:215px;
		height:36px;
	}

	#faceBookBTN {
		position:absolute;
		top:618px;
		left:15px;
		width:215px;
		height:56px;
	}

	#blogBTN {
		position:absolute;
		top:673px;
		left:15px;
		width:215px;
		height:50px;
	}

	#jpBTN {
		position:absolute;
		top:723px;
		left:10px;
		width:235px;
		height:75px;
	}

#sideColumn2 {
	position:absolute;
	top:0px;
	left:690px; /* was 772 with narrower side */
	width:260px; /* was 178 with narrower side */
	height:480px;
	background: url(../images/base/sideColumnBackShort2.png);
}

	#twitterBTN2 {
		position:absolute;
		top:260px;
		left:15px;
		width:215px;
		height:36px;
	}

	#faceBookBTN2 {
		position:absolute;
		top:295px;
		left:15px;
		width:215px;
		height:56px;
	}

	#blogBTN2 {
		position:absolute;
		top:350px;
		left:15px;
		width:215px;
		height:50px;
	}

	#jpBTN2 {
		position:absolute;
		top:400px;
		left:10px;
		width:235px;
		height:75px;
	}








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

#loginBoxFloat {
	position:absolute;
	top:165px;
	left:705px;
	width:304px;
	height:165px;
	background:#323232;
	z-index:850;
	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);
	}

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

	#blackPopContent {
		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 #666666;
	/* background-color: #E2E2E2; */
}



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

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


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

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

.w30 {
	width:30px;
}

.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;
}

.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: #741200;
}

.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: 400px;
		height: 20px;
		font: 12px Arial;
		color: #4365AF;
		margin-left:20px;
		margin-bottom:6px;
	}

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

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

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

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

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

	.colThird1 {
		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;
	height:auto;
}

	div.rowFC-Clear {
		clear: both;
		font: 12px Arial;
		
	}

	.colFC-Clear {
		float: left;
	}



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

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

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