/* CSS Document */
/*
!!!!!!!!!! just a reminder
          * (astrick) effects IE 6 & 7
          _ (underscore) effects IE 6 only
*/

/* Nicolas Gallagher's micro clearfix */
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/* classes for incomplete */
.incomplete, a.incomplete  {
	color: Fuchsia;
	font-variant: small-caps;
	font-weight: bold;
}
a.incomplete img {
	border: 1px solid Fuchsia;
}

/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/* classes for overall */
* {
}

body {
  margin: 0px;
  margin-top: 0px;
  padding: 0px;
  background-color: #fff;
	font-family: "Arial MT", Arial, sans-serif;
	font-size: 9pt;
	color: #666;
	line-height: 17px;
}
div {
  margin: 0px;
  padding: 0px;
}
div.ModalPopup {
  display: none;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  overflow: auto;
  *overflow: visible;
}
#ModalBackground {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  _position: absolute; /* hack for internet explorer 6 */
  top: 0;
  left: 0;
  border: none;
  z-index: 101;
  background-color: #E6B900;
  opacity: .25; /* because the jQuery UI styles have a background */
  filter: Alpha(Opacity=25); /* because the jQuery UI styles have a background */
}
#ModalBackground img {
  margin: auto;
}
#idAjaxLoading {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  _position: absolute; /* hack for internet explorer 6 */
  top: 0;
  left: 0;
  border: none;
  z-index: 102;
}
#idAjaxLoading td {
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}


table {
  margin: 0px;
}
td, th {
	padding: 0;
	text-align: left;
	vertical-align: top;
}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*    general styles    */
p {
	margin-top: 10px;   /* note margin on TOP */ 
	margin-bottom: 10px;  /* note margin on BOTTOM */
}
p.HalfSpace {
	margin-top: 5px;   /* note margin on TOP */
	margin-bottom: 5px;  /* note margin on BOTTOM */
}
p.BottomOnly {
	margin-top: 0px !important;   /* note margin on TOP */
}
p.TopOnly {
	margin-bottom:  0px !important;  /* note margin on BOTTOM */
}
a, a:hover {
  color: #666;
	text-decoration: underline;
}
a.Plain, a.Plain:hover {
	text-decoration: none;
}
a img {
	border: none;
	cursor: hand;
	cursor: pointer;
}
h1 {
  margin: 0px;
  padding: 0px;
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
	margin: 0px;
	color: Fuchsia;
	font-variant: small-caps;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
}
big {
	font-size: 1.25em;
}
small {
	font-size: .8em;
}
strong, strong a {
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  color: #1d5ead;
}
em, em a {
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  color: #1d5ead;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style: disc;
	list-style-position: outside;
}
ul li {
	margin: 0px 0px 0px 1.0em;
	*margin: 0px 0px 0px 1.3em;
	padding: 0px;
}
ol {
	margin: 0px;
	padding: 0px;
	list-style-type: decimal;
	list-style-position: outside;
}
ol li {
	margin: 0px;
	margin-left: 1.2em;
	*margin-left: 1.4em;
	padding: 2px 0px;
}
hr {
  display: block;
	margin: 15px 0px;
	*margin: 1px 0px;
	width: 100%;
	height: 1px;
	border: none;
	background-color: #666;
	*height: 1px;
	*border: 1px solid #666;
}
.NoBr {white-space: nowrap;}
.NoDisplay {display: none;}
.Hidden {visibility: hidden;}
.AlignRight {text-align: right;}
.Middle {vertical-align: middle;}
.Center {text-align: center;}
.Upper {text-transform: uppercase;}
sup {
  /* cause the line spacing to not expand as it would if these style were not applied */
  position: relative;
  margin-top: -1px;
  margin-right: .5em;
  font-size: 6pt;
}

/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/* common styles */
div#idShell {
	width: 1000px;
	margin: 0px auto; 
  margin-top: 40px;
}
#idMainArea {
  clear: both;
  border-top: 12px solid #e6e4c7;
  background-color: #e6e4c7;
}
.Red  {color: #e60000;}
.Blue  {color: #1d5ead;}
ul.Blue li {margin: 10px 0px 10px 1.0em}
ul.Blue div, ul.Blue span {color: #666;}

/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/* header and footer styles */
#idHeader {
  height: 30px;
  border-bottom: 8px solid #fff;
  background-image: url('../images/header.jpg');
  background-repeat: no-repeat;  
  font-family: 'Varela Round', "Arial MT", Arial, sans-serif;
  font-size: 16px;
  color: #fff;
  line-height: 16px;  
  padding: 71px 0 0 276px;
}
#idBanner {
  height: 43px;
  border-bottom: 8px solid #fff;
  background-color: #8d8e7c;
  padding: 2px 0 0 276px;  
  font-family: 'Varela Round', "Arial MT", Arial, sans-serif;
  font-size: 20px;
  color: #fff;
  line-height: 43px;
}

#idForceBg { /* force white bg in content */
  clear: both;
  height: 8px;
  background-color: #e6e4c7;
}

#idFooter {
  border-top: 8px solid #fff;
  background-color: #fff;
  font-size: 10pt;
}
#idFooter p {
  margin-top: 25px;
  font-size: 10pt;
  text-align: center;
}
#idFooterColoredBar {
  height: 33px;
  background-color: #8d8e7c;
}

/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*    main content styles   */
#idContent {
  margin: 0px 0px 0px 258px;
  padding: 16px 0 10px 18px;
  background-color: #fff;
}
#idContentLeftWithSidebar {
  float: left;
  width: 403px;
  border-right: 33px solid #fff;
}

/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*    sidebar styles   */
#idSidebar {
  margin-left: 440px;
  width: 286px;
}
p.WithArrow {
  margin: 0;
  margin-bottom: 20px;
  padding: 13px 9px 8px 9px;
  background-color: #999;
  background-image: url('/common/images/sidebar-arrow.jpg');
  background-position: left top;
  background-repeat: no-repeat;
  color: #fff;
}
p.WithArrow a { color: #fff; }


/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/* nav area styles */
div#idNavArea {
  float: left;
	width: 222px;
	margin: 0px;
	padding: 0px; 
  padding-top: 13px;
	padding-bottom: 8px;
	background-color: #fff;
  font-size: 9pt;
}
div#idNavArea ul {
	margin: 0 0 0 7px;
	padding: 0px;
  list-style-type: none;	
  line-height: 15px; 	
  background-color: #fff;
}

div#idNavArea ul li {
  margin: 0px;
  padding: 3px;  
  padding-left: 14px;
  text-transform: uppercase;
}
div#idNavArea ul li.PrimaryNav { background-image: url('../images/nav-arrow.jpg'); background-position: left 6px; background-repeat: no-repeat; }
div#idNavArea ul li.IndentedNav { padding-left: 32px; }
div#idNavArea a, div#idNavArea li a, div#idNavArea li div { 
  display: block;
  padding: 0;  
  text-decoration: none;
}
div#idNavArea a:hover, div#idNavArea li div {
  color: #e60000;
}

#idSignupForNewsletter {
  margin-top: 8px;
  border-top: 14px solid #e6e4c7;
  padding: 13px 18px 0px 21px;
  background-color: #fff;
}
#idSignupForNewsletter form {
  margin: 5px 0;
}
#idSignupForNewsletter input {
  width: 100%;
}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/* styles for forms */
form {
	margin: 0;
}
input, select, textarea {
  color: #666;
  border: 1px solid #b2b2b2;
}
textarea {
	height: 120px;
  overflow: auto;
  _overflow: visible;
}
input.Text, select.Text, textarea.Text {
	width: 337px;  
}
input.Submit, a.Submit {
  padding: .4em .9em;
  cursor: hand;
  cursor: pointer;  
  background-image: url('../images/submit-button-bg.jpg');
  background-repeat: repeat-x;
  border: none;
  color: #fff; 
  font-weight: normal; 
  text-transform: uppercase;
  text-decoration: none;
}
button {
	cursor: hand;
	cursor: pointer;
}
img.DatepickerIcon {
  position: relative; 
  top: 3px; 
  left: .7em;
}
input.ExtraWide {width: 403px;}



/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/* styles for floating elements */
.FloatRight {
	float: right;
	margin: 0.3em 0px .7em 1.0em;
}
.FloatLeft {
	float: left;
	margin: 0.3em 1.0em .7em 0px;
}
ul.FloatingList li { /* it may be nessary to put content into a div to make some browsers display correctly. example:  <li><div>Content Content Content</div></li> */
  width: 200px; /* EDIT -or- DELETE and set on pages css */
  min-height: 250px; /* EDIT -or- DELETE and set on pages css */
  border: 1px solid #000; /* EDIT -or- DELETE and set on pages css */
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  margin: 5px; /* EDIT !!!  probably needs a negative number */
  zoom: 1; /* ie 6 & 7 */
  *display: inline; /* ie 6 & 7 */
  _height: 250px; /* ie 6 */
}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/* classes for validator */
.tfvNormal {
  color: inhert;
}
.tfvHighlight, .inputHighlighted {
	color: #C00;
}
td.tfvNormal, td.tfvHighlight {
	padding: 4px;
	padding-right: 12px;
	text-align: right;
	white-space: nowrap;
}
.inputNormal, .inputHighlighted {
	padding: 4px;
	text-align: left;
	white-space: nowrap;
}
img#imgCaptcha {
  margin-bottom: 5px;
  margin-right: 15px;
}
#captchacode {
  width: 97px;
}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/