/* form elements */
form {
	margin:10px; padding: 0;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 4px;
	border:1px solid #eee;
	font: normal 1em/1.5em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:350px;
	padding:4px;
	font: normal 1em/1.5em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #333;	
}

/* search form */
form.searchform {
	background: transparent;
	border: none;
	margin: 0; padding: 0;	
}
form.searchform input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #CCC; 
	background: #FFF;
	color: #333; 
	vertical-align: top;
}
form.searchform input.button {
	width: 55px;
	vertical-align: top;
}

/*****************/
/*    Layout     */
/*****************/
#wrap {
	margin: 0 auto;
   width: 850px;  	
	text-align: left;		
	background: #FFF;	
}
#content-wrap {
	clear:both;
   margin: 0; padding:0;
	width: 850px;	
}
code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 3px solid #656769;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
 	padding: 0 0 0 32px;  	
  	background: #FAFAFA url(quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 3px solid #656769;  
	font-weight: bold; 
}
/* header */
#header {
	position: relative;
	background: url(headerbg-orange.gif) repeat-x 0 0;
	height: 84px;	
}
#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: 4.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	color: #CCC;
	text-transform: lowercase;
	/* change the values of top and Left to adjust the position of the logo*/
	top: 0; left: 5px;	
}
#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	/* change the values of top and Left to adjust the position of the slogan*/
	top: 48px; left:65px;		
}
#header .searchform {
	position: absolute;
	top: 21px;
	right: 4px;
}


/* menu */
#menu {
	clear: both;
	margin: 0; padding: 0;	
}
#menu ul {	
	position: relative; 
	bottom: 4px;
	margin: 0; padding: 0;	
	float: left;
	font: bold 1.4em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	width: 850px;/* 775px; */
	border: 1px solid #808080;
	border-width: 0 0 4px 0;	
	list-style: none;
}
#menu ul li{
	display: inline;	
}
#menu ul li a {	
	position: relative; bottom: -4px;
	float: left;
	color: #808080;
	padding: 0px 10px;
	text-decoration: none;
	background: white url(menudivide.gif) repeat-y right top; 
	border-bottom: 4px solid #808080; 	
}
#menu ul li a:hover{
	color: black;
	background-color: #F3F3F3; 
	border-bottom: 4px solid #EC981F;
}
#menu ul li#current a{
	color: #333;
	background-color: #F3F3F3; 
	border-bottom: 4px solid #fff6a6;
}
table { 
text-align: left;
}
/* Design 1 */
table.Design1 {
    border-spacing: 0px;
    border-collapse: collapse;
}
table.Design1 th {
    text-align: left;
    font-weight: normal;
    padding: 0.1em 0.5em;
    border: 1px solid #666666;
}
table.Design1 td {
    text-align: right;
    padding: 0.1em 0.5em;
    border: 1px solid #666666;
}
table.Design1 thead th {
    text-align: center;
}
table.Design1 th.Corner {
    text-align: left;
}


/* Design 2 */
table.Design2 {
    border-spacing: 0px;
    border-collapse: collapse;
    border: 1px solid #666666;
}
table.Design2 th {
    border-bottom: 1px solid #666666;
    text-align: left;
    font-weight: normal;
    padding: 0.1em 0.5em;
}
table.Design2 td {
    text-align: right;
    border-bottom: 1px solid #666666;
    padding: 0.1em 0.5em;
}
table.Design2 thead th {
    background-color: #E5E5E5;
    text-align: center;
}
table.Design2 th.Corner {
    text-align: left;
}


/* Design 3 */
table.Design3 {
    border-spacing: 0px;
    border-collapse: collapse;
    background-color: #E5E5E5;
    border: 10px solid #E5E5E5;
}
table.Design3 th {
    text-align: left;
    font-weight: normal;
    padding: 0.1em 0.5em;
}
table.Design3 td {
    text-align: right;
    border-left: 1px solid #666666;
    padding: 0.1em 0.5em;
}
table.Design3 thead th {
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
    text-align: center;
}
table.Design3 th.Corner {
    text-align: left;
    border-left: 0px;
}



/* Design 4 */
table.Design4 {
    border-spacing: 0px;
    border-collapse: collapse;
}
table.Design4 th {
    text-align: left;
    font-weight: normal;
    padding: 0.1em 0.5em;
    border-bottom: 2px solid #FFFFFF;
    background: #DBE2F1;
}
table.Design4 td {
    text-align: right;
    border-bottom: 2px solid #FFFFFF;
    padding: 0.1em 0.5em;
    background: #DBE2F1;
}

table.Design4 thead th {
    background: #687EAB;
    color: #FFFFFF;
    text-align: center;
}
table.Design4 th.Corner {
    text-align: left;
}



/* Design 5 */
table.Design5 {
    border-spacing: 0px;
    border-collapse: collapse;
    border-top: 4px solid #000000;
    border-bottom: 1px solid #000000;
}
table.Design5 th {
    text-align: left;
    font-weight: normal;
    padding: 0.2em 0.5em;
    border-top: 1px dotted #000000;
}
table.Design5 td {
    text-align: right;
    border-top: 1px dotted #000000;
    padding: 0.2em 0.5em;
}
table.Design5 thead th {
    text-align: center;
    border-bottom: 1px solid #000000;
}
table.Design5 th.Corner {
    text-align: left;
}
table.Design5 a {
    background: inherit;
    color: #000000; 

}


/* Design 6 */
table.Design6 {
    border-spacing: 0px;
/*    border-collapse: collapse; */
    background: #E9E9F3;
    border: 0.5em solid #E9E9F3;
}
table.Design6 th {
    text-align: left;
    font-weight: normal;
    padding: 0.1em 0.5em;
    border: 0px;
    border-bottom: 1px solid #9999AA;
}
table.Design6 td {
    text-align: right;
    border: 0px;
    border-bottom: 1px solid #9999AA;
    border-left: 1px solid #9999AA;
    padding: 0.1em 0.5em;
}
table.Design6 thead th {
    text-align: center;
    font-weight: bold;
    color: #6C6C9A;
    border-left: 1px solid #9999AA;
}
table.Design6 th.Corner {
    text-align: left;
    border-left: 0px;
}
table.Design6 tr.Odd {
    background: #F6F4E4;
}


/* Design 7 */
table.Design7 {
    border-spacing: 0px;
    border-collapse: collapse;
    background: #F9F5D7;
    border: 0.3em solid #000000;
}
table.Design7 th {
    text-align: left;
    font-weight: normal;
    padding: 0.1em 0.5em;
    border: 0px;
    border-bottom: 1px solid #000000;
}
table.Design7 td {
    text-align: right;
    border: 0px;
    border-bottom: 1px solid #000000;
    padding: 0.1em 0.5em;
}
table.Design7 thead th {
    text-align: center;
    font-weight: bold;
    background-color: #AA0000;
    color: #FFFFFF;
}
table.Design7 th.Corner {
    text-align: left;
}
table.Design7 td.Odd {
    background: #E8E4C0;
}




 
form.black {
	padding: 10px;	
	color: #FFF;
	background-color: #0d0d0d;
	background-image: url(bg1.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	border: 3px double #FFF !important; 
}
/* Form Sections ======================================================================== */
/* Fieldset  */

fieldset.black {
	margin: 20px 0;
	padding: 15px 10px;
	background-color: #333;
	border: 3px double #ccc;
	overflow: auto;
}
legend.black {
	padding: 2px 5px;
	color: #cbc599;
	font-weight: bold;
}

/* Grid Section */
form table.black {
	border-collapse: collapse;
}
form.black td {
	padding: 0 4px;
	border-left: 1px solid #525252;
	border-right: 1px solid #525252;	
}
form.black th {
	padding: 0 4px;
}
form.black .alternate-1 {
	background-color:#525252;
}
form.black .alternate-1 td {
	border-left: 1px solid #424242;
	border-right: 1px solid #424242;	
}
form.black .alternate-0 {
}

/* Combo Label + Input Field =========================================================== */
form.black .oneField {
}
form.black .inlineSection .oneField {
	padding: 0;
	margin-right: 4px;
	white-space: nowrap;	
}
/* Ties together a label and its checkbox or radio */
form.black .oneChoice {
	white-space: nowrap; 	
}

/* Field Labels ======================================================================== */

/* Base */
label, form.black .label {	
	color: #FFF;
	margin: 0;
}
/* Text inputs / Select label */
label.preField {
	display: -moz-inline-box;
	display: inline-block;	
	margin: 0.6em 4px 0 0;
	padding: 0 2px;
	min-width: 9em;
	border-bottom: 1px dotted #aaa;
	font-weight: bold;	
}
/* Radio / Checkbox group label */
form.black .label  {
	display: block; 
	margin: 0.6em 4px 0 0;
	padding: 2px;
	font-weight: bold;	
}
/* Individual Checkbox / Radio label */
label.postField  {
	margin: 0 4px 0 4px;
}
/* Label when inside an inline section */
form.black .inlineSection .oneField .inlineLabel {
	display: -moz-inline-box;
	display: inline-block;	
	margin: 0.6em 4px 0 0;
	padding: 0 2px;
	min-width: 9em;
	font-weight: bold; 
	border-bottom: 1px dotted #aaa;	
	white-space: normal;
}

/* Inputs ======================================================================== */

textarea {
	padding: 0;
	vertical-align: top;
	margin: 2px 2px 1px 0;
}
input {
	margin: 0 2px 0 0;
}
input[type=text], input[type=password] {
	border: 3px double #555;
	border-top-color: #000;
	border-bottom-color: #777;
}
select {
	margin: 2px 2px 1px 0;
	padding: 0;
}
.inlineSection .oneField select {
	margin: 0 2px 1px 0 !important;
}
.gridSection select  {
	margin: 0 !important;
}

/* Buttons ======================================================================= */

form.black .actions {
	text-align: center;
	margin: 20px 0 10px 0;	
}
/* Submit button */
form.black .primaryAction {
	padding: 4px 15px;
	font-weight: bold;
}
/* Cancel button */
form.black .secondaryAction {
	padding: 4px 15px;
	color: grey;
}
form.black .secondaryAction:hover {
	color: black;
}


/* Form Builder Related Rules ===================================================== */

/* Form or Fieldset instruction paragraph. */
form.black .instructions {
	margin: 1em 0;
}
/* Asterisk on required fields */
form.black .reqMark {
	color: #F00;
	padding: 0 4px;
}

/* wForms Related Rules ========================================================== */

/* Field w/ a validation error */
form.black .errFld {
	padding: 1px;
	border: 1px solid #F00;
}
/* Styling for message associated with a validation error. */
form.black .errMsg {	
	color: #CC3333 !important;
	display: block;
}
/* Field-Hint with focus */
form.black .field-hint {
	padding: 8px 0 0 0;
	color: #CCC;
	float: right;
	clear: right;
	width: 180px;
}
/* Field-Hint without focus */
form.black .field-hint-inactive {
	padding: 8px 0 0 0;	
	color: #666;
	float: right;
	clear: right;
	width: 180px;	
}
/* Repeat Behavior divs (when not set on a fieldset) */
div.repeat {
	margin: 3px 0;
	padding-right: 6px;
	border: 1px dotted #ddd;
	background-color: #253434;	
}
div.removeable {
	margin: 3px 0;
	padding-right: 6px;	
	border: 1px dotted #ddd;
	background-color: #314444;
	
}
/* Links generated by the Repeat Behavior */
form.black .duplicateLink {
	line-height: 260%;
	font-weight: bold;
	color: #B06A48;
}
form.black .removeLink {
	line-height: 260%;
	color: #CC3300;
}
form.blacktd .duplicateLink, form.blacktd .removeLink  {
	margin: 0;
	line-height: 100%;
}
/* Switch Behavior Classes */
.onstate-a,  .onstate-b,  .onstate-c,  .onstate-d,
.onstate-e,  .onstate-f,  .onstate-g,  .onstate-h, 
.onstate-i,  .onstate-j,  .onstate-k,  .onstate-l, 
.onstate-m,  .onstate-n,  .onstate-o,  .onstate-p, 
.onstate-q,  .onstate-r,  .onstate-s,  .onstate-t,
.onstate-u,  .onstate-v,  .onstate-w,  .onstate-x,  
.onstate-y,  .onstate-z,  .onstate-aa, .onstate-ab,
.onstate-ac, .onstate-ad, .onstate-ae, .onstate-af,
.onstate-ag, .onstate-ah, .onstate-ai, .onstate-aj,
.onstate-ak, .onstate-al, .onstate-am, .onstate-an,
.onstate-ao, .onstate-ap, .onstate-aq, .onstate-ar,
.onstate-as, .onstate-at, .onstate-au, .onstate-av,
.onstate-aw, .onstate-ax, .onstate-ay, .onstate-az {
	display: block;
}
/* offstate classes for the Switch Behavior are in wforms-jsonly.css */


 
/* IE6 BUG FIXES ==================================================================== */
form.black{
	height:expression('1%'); /* IE Pick-a-boo bug fix */
}
form.blackfieldset {
	position:expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	margin-top:expression('1em');
	padding-top:expression('1.5em');
	overflow: expression('visible');
}
form.blackfieldset legend {
	position: expression('absolute'); 
	top: expression('-.5em'); /* Fixes IE problem with fieldset+legend boundaries */
	left:expression('.5em');
}
form.black .inlineSection .oneField {
	display: expression('inline-block');		
}
label.preField, form.black .inlineSection .oneField .inlineLabel {
	width: expression('9em');
}