body 
{
	font-family:	Arial, Tahoma, Helvetica, sans-serif;
	font-size:		12px;
	margin:			0;
	height:			100%;	
	width:			100%;
	background-image: url('/content/images/bg.jpg');
	background-repeat: repeat-x;
	background-color: #CDDBE4;
}
form
{
	height:			100%;	
	width:			100%;
	clear:			both;
}

li 
{
	line-height:	160%;
}
	
a img 
{
	border:none;
	padding:0;
	margin:0;
}

/* HEADINGS */	
h1,h2,h3,h4,h5,h6 
{
	margin:			15px 0;
	font-family:	arial, Helvetica,sans-serif; 
	color:			#000000;
}

	
h1 
{
	font-size:1.2em;
}
	
h2 {
	font-size:1em;
	}
	
h3 {
	font-size:.9em;
	}
	
h4 {
	font-size:.8em;
	}
	
h5 {
	font-size:.8em;
	}
	
h6 {
	font-size:.8em;
	}
	
td
{
	vertical-align:top;
}



/*LINKS*/

a:link 
{
	color:#ff6600;
	cursor: hand;
	text-decoration:none;
}

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

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

a:active 
{
	text-decoration:underline;
	color:#ff6600;
}

/* DEFAULTS */
.clBold
{
	font-weight: bold;
}

.clErrorText
{
	font-size:		12px;
	font-weight:	normal;
	height:			12px;
	color:			#FF0000;
}

.clCode
{
	font-family:	Courier New;
	font-size:		12px;
	color:			#006699;
}

.clCodeArea
{
	font-family:	Courier New;
	font-size:		12px;
	width:			550px;
	border:			1px solid #CCCCCC;
	padding:		5px;
	color:			#006699;
}

.clNotesText
{
	font-size:		9px;
	font-weight:	normal;
	height:			12px;
}
/* NAVIGATION */
.clNav
{
	vertical-align:	top;
	margin:			0px;
	padding:		0px;
	padding-top:	5px;
	width:			600px;
	text-align:		center;
	border:			0px solid #FF0000;
	
	
}
.clNav ul 
{
	margin:			0;
	padding:		0;
	text-align:		center;
	border:			0px solid Green;
	height:			26px;
}

.clNav li 
{
	list-style:		none;
	float:			left;
	padding-left:	10px;
	padding-right:	10px;
	width:			auto;
	border:			0px solid Green;
}


.clSubNav
{
	vertical-align:	top;
	margin:			0px;
	padding:		0px;
	padding-top:	5px;
	width:			100%;
	text-align:		center;
	border-top:		1px solid #CCCCCC;
	
}
.clSubNav ul 
{
	margin:			0;
	padding:		0;
	text-align:		center;
	border:			0px solid Green;
	height:			26px;
}

.clSubNav li 
{
	list-style:		none;
	float:			left;
	padding-left:	10px;
	padding-right:	10px;
	width:			auto;
	border:			0px solid Green;
}


/* Container styles */
.clThumbShotLink
{
	font-size: 10px;
}

.clCopyright
{
	font-size: 10px;
	padding: 3px;
}

.clCaption
{
	font-family:		arial, Helvetica,sans-serif; 
	font-size:			18px;
	font-weight:		bold;
	color:				#006699;
	height:				30px;
	border-bottom:		1px solid #CCCCCC;
}

.clBodyBox
{
	border:			0px solid Orange;
	height:			100%;
}

.clCenterBox
{
	margin-left:	auto;
	margin-right:	auto; 
	vertical-align:	top;
	text-align:		left;
	width:			800px;
	border:			0px solid Green; 
	height:			100%;
}

.clHeaderBox
{
	width:			100%;
	border:			0px solid Purple;
	height:			auto;
}
.clContentBox
{
	width:			100%;
	border:			0px solid Blue;
	height:			100%;
}

.clContent
{
	float:			left; 
	border:			0px solid #ff0000; 
	width:			600px;
	display:		block;
	height:			100%;
	background-color: #FFFFFF;
}

.clContentAccount
{
	float:			none; 
	border:			0px solid #ff0000; 
	width:			800px;
	display:		block;
	height:			100%;
	background-color: #FFFFFF;
}

.clSideBox
{
	float:			right;
	display:		block;
	height:			100%;
	
}
.clSidePanel
{
	border:			1px solid #CCCCCC; 
	width:			182px;
	display:		block;
	height:			100%;
	padding:		5px;
	background-color: #FFFFFF;
}



.clFooterBox
{
	clear:			both;
	width:			100%;
	border:			0px solid #ff0000; 
	height:			auto;
	border-bottom: 1px solid #CCCCCC;
}


/* Default page styles */



.clStepImage
{
	width:			150px;
	vertical-align: top;
}

.clWarningBox
{
	width:		600px;
	border:		1px solid #CCCCCC;
	height:		110px;
}

.clWarningCaption
{
	font-size:		20px;
	font-weight:	bold;
	height:			26px;
	vertical-align: middle;
	text-align:		left;
}

.clWarningText
{
	font-size:		14px;
	font-weight:	normal;
	height:			auto;
	text-align:		left;
	vertical-align: top;
}

.clPushBox
{
	border:		1px solid #CCCCCC;
	width:		600px;
	height:		100%;
}

.clPushBox tr
{
	border-bottom: 1px solid #ff0000;
}

.clPushTable
{
	vertical-align:	top;
	text-align:		left;
	width:			600px;
	border:			0px solid Red;
	height:			100%;
}

.clPushTable td
{
	padding: 3px;
}


.clTDVCaption
{
	font-size:		14px;
	font-weight:	bold;
}

.clTDFormCaption
{
	font-size:		12px;
	font-weight:	normal;
	vertical-align:	top;
	text-align:		right;
	width:			100px;
	
}

.clTDFormCheck
{
	vertical-align:	top;
	text-align:		left;
}

.clLongUrlText
{
	width: 400px;
	height: 40px;
	border: 1px solid #AAAAAA;
}

.clOptionBox
{
	
}

.clOptionText
{
	width:	200px;
	border: 1px solid #AAAAAA;
}

.clPushButton
{
}

.clPushButton_on
{
	cursor: hand;
	
}

.clPushButton_off
{
	cursor: hand;
}


.clFormCaption
{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.clFormSubCaption
{
	font-size:		16px;
	font-weight:	bold;
	text-align:		left;
}


.clFormLabel
{
	font-size:		14px;
	font-weight:	normal;
	vertical-align:	top;
	text-align:		right;
	width:			120px;
}


.clFormInput
{
	width:	200px;
	border: 1px solid #AAAAAA;
}


.clFormInputMulti
{
	width:	300px;
	height:	70px;
	border: 1px solid #AAAAAA;
}


/* DISPLAYBOX */
.clDisplayBox
{
	border:			1px solid #CCCCCC;
	text-align:		left;
	font-size:		12px;
	font-weight:	normal;
	width:			100%;
	
}
.clDisplayBoxHeader
{
	text-align:		left;
	padding:		5px;
	border-bottom:	1px solid #CCCCCC;
}

.clDisplayCaption
{
	font-size:		20px;
	font-weight:	bold;
	color:			#006699;
	text-indent:	-5px;
}

.clDisplaySubCaption
{
	font-size:		16px;
	font-weight:	bold;
	color:			#006699;
	padding-left:	-5px;
}

.clDisplayBoxBody
{
	padding-top:	10px;
	padding-left:	10px;
	padding-bottom:	10px;
	padding-right:	10px;
}

.clDisplayBoxFooter
{
	text-align:		left;
	padding:		5px;
	border-top:		1px solid #CCCCCC;
}

.clDataTableHeader
{
	font-size:		12px;
	font-weight:	bold;
	color:			#006699;
}

/* SIDEPANEL STYLES */
.clSPCaption
{
	font-size:		16px;
	font-weight:	bold;
	color:			#006699;
	line-height:	1.5em;
}

.clSPSubCaption
{
	font-size:		12px;
	font-weight:	normal;
	color:			#006699;
	line-height:	2em;
}

.clSidePanel ul 
{
	margin:			0px;
	padding-left:	20px;
	text-align:		left;
}

.clSidePanel ol 
{
	margin:			0px;
	padding-left:	20px;
	text-align:		left;
}

.clSidePanel li 
{
	padding-left:	0px;
}

.clDataTable
{
	width: 550px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	
}

.clDataTable thead td
{
	padding:		2px;
	color:			#006699;
	font-weight:	bold;
	border-left:	1px solid #DDDDDD;
}

.clDataTable tbody td
{
	padding: 2px;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}

.clAdsBox
{
	margin-top: 5px;
	width:		180px;
	height:		250px;
	border:		0px solid #cccccc;
	padding:	0px;
}