/***********************************************************************************************************************
DOCUMENT: style/format.css
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 2/26/2009
DESCRIPTION: This document contains the structural formatting files for the accordion style menu.
************************************************************************************************************************/
#wrapper {
	width: 595px;
	margin-left: 0;
	margin-right: auto;
	margin-bottom: 20px;
	}

.accordionButton {	
	width: 595px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	border:1px solid #CC00FF;
	background-color: #EDEDED; 
	cursor: pointer;
	padding: 10px 0 10px 10px;
	margin-top: 10px;

	font-family: "tahoma", Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #fff;
	background-image:  url(../images/accordianheadbg.png);
	background-repeat: repeat-x;
	background-position: top left;
	}
	
.accordionContent {	
	width: 585px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: inherit;
	padding: 10px;
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background: #FFD6FE;
	border:1px solid #cc3300;
	background-image:  url(../images/accordianheadbg.png);
	background-repeat: repeat-x;
	background-position: top left;
	background-position: 0 -160px;
	color: #fff;

	}
	
.over {
	background: #D6D8FF;
	border:1px solid #CC00FF;
	background-image:  url(../images/accordianheadbg.png);
	background-repeat: repeat-x;
	background-position: top left;
	background-position: 0 -80px;
	color: #000033;
	}

.scamform {
	padding-top:5px;
}

.shorterLabels a {
	font-family: "tahoma", Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #CC00FF; 
	background-color: inherit; 
	text-decoration: none;
}

.shorterLabels a:hover {
	color: #FF00FF; 
	background-color: inherit; 
	text-decoration: underline;
}


.shorterLabels label {
	font-family: "tahoma", Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #002491; 
	background-color: inherit; 
	text-decoration: none;
	width: 120px;
	text-align: right;
	padding: 3px 5px 0 0;
	margin:0;
	float: left;
}

.submitbutton { 
	border: 1px solid #000; 
	background: #FF33FF;
	font-family:verdana,helvetica,arial,sans-serif; font-weight: bold; font-size:12px; color:#fff; text-align:center; 
	cursor:pointer; 
	padding:2px;
	margin: 15px 0 25px 125px;  
}

.submitbutton:hover {
	border: 1px solid #000; 
	color:#FF33FF;
	background: #fff;
}


.textfield2, .textfield1, .textfield3 {
	width: 150px;  
	border: 1px solid #555; 
	background: #fff;
	font-family:verdana,helvetica,arial,sans-serif; font-weight:normal; padding-left:1px; font-size:11px; color:#222; text-align:left; 
	margin:0 0 5px 0;

}

.textfield3 {
	width: 220px;  
}

.selectitem1 { 
	border: 1px solid #555; 
	background: #fff;
	font-family:verdana,helvetica,arial,sans-serif; font-weight:normal; padding-left:1px; font-size:11px; color:#222; text-align:left;  
	margin:0 0 5px 0;
}


.textareaitemgrey {
	width: 450px; 
	height:85px; 
	border: 1px solid #555; 
	background: #fff;
	font-family:verdana,helvetica,arial,sans-serif; font-weight:normal; padding-left:1px; font-size:11px; color:#222; text-align:left; 
	margin: 2px 0 5px 0; 
}





#botform {
	margin-top: 20px;
}


#errlist {
	list-style-type: circle;
	margin:0 0 20px 20px;
	padding:10px;
	font-family: "tahoma", Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #333;
}

#errlist li a {
	color: #CC00FF; 
	font-weight: bold;
	background-color: inherit; 
	text-decoration: none;
}

#errlist li a:hover {
	color: #FF00FF; 
	background-color: inherit; 
	text-decoration: underline;
}

.errred {
	color: #f00;
	font-weight: bold;
}

table.normtb {
	margin: 10px 0 15px 120px;
	font-family: "tahoma", Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 12px;
	background-color: #fff;
	color: #333;
	}

table.normtb a {
	color: #CC00FF; 
	background-color: inherit; 
	text-decoration: none;
}

table.normtb a:hover {
	color: #FF00FF; 
	background-color: inherit; 
	text-decoration: underline;
}

td.bluert {
	padding: 0 0 10px 0;
	text-align: right;
	vertical-align: top;
	background-color: #fff;
	color: #03c;
}

td.grlft {
	padding: 0 0 10px 3px;
	text-align: left;
	vertical-align: top;
}