/****************************************/
/* The Worx Group 2008 Site */
/* Copyright (c) The Worx Group - 2008 */
/* contact.css */
/****************************************/
/****************************************/
/* Content */
/****************************************/

.top { width:900px; height:391px; padding-top:5px; overflow:hidden; }
	.flash { float:left; width:630px; height:391px; margin:0px 5px 0px 0px; }

/****************************************/
/* Accordion */
/****************************************/
#contact  { float:left; width:265px; height:391px; overflow:hidden; position:relative; }
			
/****************************************/
/* 2 columns */
/****************************************/
.columns { width:900px; padding-top:5px; margin:5px 0; background:#FFF; }
	.columnslink { position:absolute; bottom:10px; left:15px; }
	.columnslink a { font-size:11px; color:#333333; font-weight:bold; text-decoration:none; padding-right:12px; }
	.columnslink a:hover { color:#ff6600; background:url(../images/arrow_columns.gif) right no-repeat; }
			
/****************************************/
/* Body Left */
/****************************************/
.secret { float:left; width:600px; height:180px; overflow:hidden; padding:10px 15px; margin:0 5px 0 0; position:relative; background:url(../images/bg_gradient.gif) bottom repeat-x; }
	.secrettitle { margin-bottom:12px; font-size:18px; color:#333333; }
	.secretbody { width:600px; }
		.secretleft { float:left; width:380px; margin-right:40px; }
			.secretleft p { padding:0; margin:0; }
		.secretright { float:left; width:180px; }
			.secretright ul { }
			.secretright li { list-style-type:none; padding:3px 0; font-size:11px; font-weight:bold; }
			.secretright li a { color:#ff6600; text-decoration:underline; padding-right:12px; background:url(../images/arrow_columns.gif) right no-repeat; }
			.secretright li a:hover { color:#333333; }

/****************************************/
/* Body Right */
/****************************************/
.basic { float:left; width:233px; height:180px; overflow:hidden; padding:10px 15px; position:relative; background:url(../images/bg_gradient.gif) bottom repeat-x; }
	.basictitle { margin-bottom:5px; font-size:11px; color:#666666; font-weight:bold; text-transform:uppercase; }
	.basicbody {  }
	
/****************************************/
/* Survey */
/****************************************/
div.survey { background:url(../images/bg_gradient.gif) bottom repeat-x; padding:20px; }
	div.survey form { margin:10px 0; width:100%; }
		div.survey fieldset { border:0; padding:10px 0; }
			div.survey table {  }
				div.survey table td { padding:5px 0; }
					div.survey table td table.radio td, div.survey table td table.radio th { padding:0 3px 0 0; text-align:left; }
					div.survey table td table.radio td.center, div.survey table td table.radio th.center { padding:0 3px 0 0; text-align:center; }
					div.survey table td table.radio td label { position:relative; top:-1px; }
			div.survey label { display:block; padding:2px 0 0 0; margin:0 10px 0 0; }
			div.survey input.text { width:230px; border:1px solid #000; font-family:arial; font-size:12px; padding:2px; }
			div.survey select { border:1px solid #000; font-family:arial; font-size:12px; padding:2px; }
			div.survey option { padding-right:10px; }
			
			div.survey form div.submit { margin:10px 0 0 0; text-align:center; border:dotted #a9a9a9; border-width:1px 0; }
				div.survey form div.submit input { border:0; background:transparent; cursor:pointer; font-size:11px; font-family:arial; text-transform:uppercase; font-weight:bold; width:auto; padding:5px 20px; }
				div.survey form div.submit input:hover { color:#ff6600; }	

/****************************************/
/* Matrix Survey */
/****************************************/
div.matrix { background:url(../images/bg_gradient.gif) bottom repeat-x; padding:20px; }
	div.matrix form { margin:10px 0; width:100%; }
		div.matrix fieldset { border:1px dotted #a9a9a9; padding:10px; }
			div.matrix legend { border:1px dotted #a9a9a9; padding:3px 5px; font-weight:bold; }
			div.matrix table { }
				div.matrix table td { text-align:center; padding:5px; border:dotted #FFF; border-width:1px 0; }
				div.matrix table td.label { }
				div.matrix table td.slide { width:90px; padding:5px 10px; }
				div.matrix table td.amount input { text-align:center; width:20px; border:1px solid #a9a9a9; color:#a9a9a9; font-family:arial; font-size:12px; padding:2px; }
				
				div.matrix table tr.active {  }
				div.matrix table tr.active td { border:dotted #a9a9a9; border-width:1px 0; }
				div.matrix label { display:block; padding:2px 0 0 0; }
				div.matrix input.text { width:230px; border:1px solid #000; font-family:arial; font-size:12px; padding:2px; }
				div.matrix select { border:1px solid #000; font-family:arial; font-size:12px; padding:2px; }
				div.matrix option { padding-right:10px; }
			
			div.matrix form div.submit { margin:10px 0 0 0; text-align:center; border:dotted #a9a9a9; border-width:1px 0; }
				div.matrix form div.submit input { border:0; background:transparent; cursor:pointer; font-size:11px; font-family:arial; text-transform:uppercase; font-weight:bold; width:auto; padding:5px 20px; }
				div.matrix form div.submit input:hover { color:#ff6600; }	

	div.matrix fieldset table { width:100%; }
	div.matrix fieldset table th, div.matrix fieldset table td { text-align:center; width:20px; }
	div.matrix fieldset table th.label, div.matrix fieldset table td.label { text-align:left; width:400px }