/* CSS Document */
div#outer{width:580px !important; width /**/:530px; margin: 0 auto;padding:4px;text-align:left;background:#F0F0F0;}

  .Theader
  {font-size:16px; font-family:"Trebuchet MS",Arial,sans-serif; color : #1F497D; height: 40px}  
  .altRow
  {BACKGROUND: #D2EAF1; HEIGHT: 25px; onmouseover: backgroundColor=cccccc}
  .eveRow
  {BACKGROUND: WHITE; HEIGHT: 25px}
  tr .altRow:hover
  {BACKGROUND: #cccccc; HEIGHT: 25px; color: #000000}
    tr .eveRow:hover
  {BACKGROUND: #cccccc; HEIGHT: 25px; color: #000000}

  
  a{text-align:center; font-size: 100%; text-decoration:none; color: #11B7EE}
  a:hover{text-align:center; font-size: 100%; text-decoration:none;color: #333333; border-bottom:1px dotted #007F99}
/**  a:visited{text-align:center; font-size: 100%; text-decoration:none; color: #11B7EE}**/
  h1{color: #00667F; font-size:26px; font-family:"Trebuchet MS", Arial, sans-serif; text-align: center}
  h2 {color: #333333; font-size:18px; text-align: center}
  li {font-size:12px; color: #6c6c70}
  
#setUpAdvertBox { color:#6c6c70; padding:10px 20px; margin-bottom:15px}
#setUpAdvertBox h3 { padding:0; margin:0}

#setUpAdvertBox .sb-inner { background:#fff}
#setUpAdvertBox .sb-border { background:#EAEAEA}

#setUpBodyBox { width: 500px; height: 100%; color:#6c6c70; padding:10px 20px; margin-bottom:15px; margin-left:auto; margin-right:auto; font-family: "Trebuchet MS",Arial,sans-serif}
#setUpBodyBox h3 { padding:0; margin:0}
#setUpBodyBox h2 { Color: #B2D8D8; padding:0; margin:0}

#setUpBodyBox .sb-inner { background:#fff}
#setUpBodyBox .sb-border { background:#00A0BA}

.HeaderQuote {font-size:1.3em; color : #1F497D}
.dotbrd {border-left-width: 1px; border-left-style: dotted; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; text-indent: 10pt}

#main_body {background:#fff; font-family:"Trebuchet MS", Arial, sans-serif; font-size:12px; margin:8px 0 16px}


/* OUTSIDE OF FORM BACKGROUND change*/

/*#main_body {background:#333333; font-family:"Trebuchet MS", Arial, sans-serif; font-size:12px; margin:8px 0 16px; text-align:left}*/
/* INSIDE OF FORM BACKGROUND change*/

/*#top {display:block; height:10px; margin:10px auto 0; width:500px}*/

#footer {clear:both; color:#CCCCCC; text-align:center; width:500px; font-size: 85%}
#footer a{color:#CCCCCC; text-decoration: none; border-bottom: 1px dotted #999999}
#bottom {display:block; height:10px; margin:0 auto; width:500px}
 form.appnitro {margin:20px 20px 0; padding:0 0 20px; }

/**** Logo Section  ****
#main_body h1 {background-color:#dedede; margin:0; min-height:0; padding:0; text-decoration:none; text-indent:-8000px; background-repeat: no-repeat}
#main_body h1 a {display:block; height:100%; min-height:40px; overflow:hidden}
#main_body img {behavior:url(css/iepngfix.htc); border:none}*/

/**** Form Section ****/
 .appnitro {font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif; font-size:small}
.appnitro li {width:61%} 

#main_body  form ul {font-size:100%; list-style-type:none; margin:0; padding:0; width:100%}
#main_body form li {display:block; margin:0; padding:4px 5px 2px 9px; position:relative}
#main_body form li:after {clear:both; content:"."; display:block; height:0; visibility:hidden}
#main_body .buttons:after {clear:both; content:"."; display:block; height:0; visibility:hidden}
#main_body .buttons {clear:both; display:block; margin-top:10px}
#main_body html form li div {display:inline-block}
#main_body form li div {color:#444; margin:0 4px 0 0; padding:0 0 8px}
#main_body form li span {color:#444; float:left; margin:0 4px 0 0; padding:0 0 8px}
#main_body form li div.left {display:inline; float:left; width:48%}
#main_body form li div.right {display:inline; float:right; width:48%}
#main_body form li div.left .medium {width:100%}
#main_body form li div.right .medium {width:100%}
#main_body .clear {clear:both}
#main_body form li div label {clear:both; color:#444; display:block; font-size:9px; line-height:9px; margin:0; padding-top:2px}
/*change colour of text below input boxes */
#main_body form li span label {clear:both; color:#666666; display:block; font-size:9px; line-height:9px; margin:0; padding-top:2px}
#main_body form li .datepicker {cursor:pointer !important; float:left; height:16px; margin:.1em 5px 0 0; padding:0; width:16px}
#main_body .form_description {border-bottom:1px dotted #ccc; clear:both; display:inline-block; margin:0 0 1em}
#main_body .form_description[class] {display:block}
#main_body .form_description h2 {clear:left; font-size:160%; font-weight:400; margin:0 0 3px; color:#00A0BA}

/* change*/
#main_body .form_description p {font-size:95%; line-height:120%; margin:0 0 3px; color:#666666}

#main_body form hr {display:none}
#main_body form li.section_break {border-top:1px dotted #ccc; margin-top:9px; padding-bottom:0; padding-left:9px; padding-top:10px; width:97% !important}
#main_body form ul li.first {border-top:none !important; margin-top:0 !important; padding-top:0 !important}

/* Text within section breaks change */
#main_body form .section_break h3 {font-size:100%; font-weight:400; line-height:120%; margin:0 0 2px; color: #666666}
#main_body form .section_break p {font-size:85%; margin:0 0 10px}

/**** Buttons ****/
#main_body input.button_text {overflow:visible; padding:0 4px; width:auto}
#main_body .buttons input {font-size:90%; margin-right:4px}

/**** Inputs and Labels for form questions change ****/ 
#main_body label.description {border:none; color:#333333; display:block; font-size:85%; font-weight:600; line-height:120%; padding:0 0 1px}

#main_body span.symbol {font-size:115%; line-height:120%}
#main_body input.text {background:#fff url(/images/shadow.gif) repeat-x top; border-bottom:1px solid #ddd; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c; color:#333; font-size:95%; margin:0; padding:2px 0}
#main_body input.file{color:#333; font-size:95%; margin:0; padding:2px 0}
#main_body textarea.textarea {background:#fff url(/images/shadow.gif) repeat-x top; border-bottom:1px solid #ddd; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; 
border-top:1px solid #7c7c7c; color:#333; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:95%; margin:0; width:99%}
#main_body select.select {color:#333; font-size:95%; margin:1px 0; padding:1px 0 0; background:#fff url(/images/shadow.gif) repeat-x top; border-bottom:1px solid #ddd; 
border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-top:1px solid #7c7c7c}
#main_body input.currency {text-align:right; padding-right:3px}
#main_body input.checkbox {display:block; height:13px; line-height:1.4em; margin:6px 0 0 3px; width:13px}
#main_body input.radio {display:block; height:13px; line-height:1.4em; margin:6px 0 0 3px; width:13px}

/**** Inputs and Labels for form options change ****/
#main_body label.choice {color:#666666; display:block; font-size:90%; line-height:1.4em; margin:-1.55em 0 0 25px; padding:4px 0 5px; width:90%}

#main_body select.select[class]{margin:0; padding:1px 0}
*:first-child+html select.select[class]{margin:1px 0}
#main_body .safari select.select {font-size:120% !important; margin-bottom:1px}
#main_body input.small {width:25%}
#main_body select.small {width:25%}
#main_body input.medium {width:50%}
#main_body select.medium {width:50%}
#main_body input.large {width:99%}
#main_body select.large {width:100%}
#main_body textarea.small {height:5.5em}
#main_body textarea.medium {height:10em}
#main_body textarea.large {height:20em}

/**** Errors ****/
#error_message {background:#ffe3e3; border:1px dotted #fb5656; margin-bottom:1em; padding-left:0; padding-right:0; padding-top:4px; text-align:center; width:97%}
#error_message_title {color:#DF0000; font-size:125%; margin:7px 0 5px !important;padding:0 !important}
#error_message_desc {color:#000; font-size:100%; margin:0 0 .8em !important}
#error_message_desc strong{background-color:#FFDFDF; color:red; padding:2px 3px}

#main_body form li.error{background-color:#FFDFDF !important; border-bottom:1px solid #EACBCC; border-right:1px solid #EACBCC; margin:3px 0}
#main_body form li.error label{color:#DF0000 !important}
#main_body form p.error {clear:both; color:red; font-size:10px; font-weight:700; margin:0 0 5px !important}
#main_body form .required {color:red !important; float:none !important; font-weight:700}

/**** Guidelines and Error Highlight ****/
#main_body form li.highlighted {background-color:#B3F3FF}
#main_body form .guidelines {background:#f5f5f5; border:1px solid #e6e6e6; color:#444; font-size:80%; left:100%; line-height:120%; margin:0 0 0 8px !important; padding:8px 10px 9px; position:absolute;
	top:0; visibility:hidden; width:42%; z-index:1000}
#main_body form .guidelines small {font-size:105%}
#main_body form li.highlighted .guidelines {visibility:visible}
#main_body form li:hover .guidelines {visibility:visible}

.no_guidelines .guidelines {display:none !important}
.no_guidelines form li {width:97%}
.no_guidelines li.section {padding-left:9px}

/*** Success Message ****/
.form_success {clear: both; margin: 0; padding: 90px 0pt 100px; text-align: center}
.form_success h2 {clear:left; font-size:140%; font-weight:normal; margin:0pt 0pt 3px}

/*** Password ****/
#main_body ul.password{margin-top:60px; margin-bottom: 60px; text-align: center}
.password h2{color:#DF0000; font-weight:bold; margin:0pt auto 10px}
.password input.text {font-size:170% !important; width:380px; text-align: center}
.password label{display:block; font-size:120% !important; padding-top:10px; font-weight:bold}
#li_captcha{padding-left: 5px}
#li_captcha span{float:none; padding: 0px !important}
#li_captcha div{padding: 0px !important}
#captcha_image{padding-top: 5px; padding-bottom: 10px}
#captcha_response_field{margin-bottom: 10px}
#dummy_captcha_internal{height: 8px}

/** Embedded Form **/
.embed #top, .embed #bottom, .embed h1{display: none}
/** .embed #form_container{border: none; width: 100%; background: none} **/
.embed #footer{text-align: left; padding-left: 10px; width: 99%}
.embed #footer.success{text-align: center}
.embed form.appnitro{margin:0px 0px 0}

/** Integrated Form **/
.integrated *{font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; color: #000}
.integrated #top, .integrated #bottom, .integrated h1{display: none}
/** .integrated #form_container{border: none; width: 99%; background: none} **/
.integrated #footer{text-align: left; padding-left: 10px; width: 99%}
.integrated #footer.success{text-align: center}
.integrated form.appnitro{margin:0px 0px 0}
.integrated form .section_break h3 {border: none !important}
.integrated #error_message h3 {border: none !important}

/*** Calendar **********************/
div.calendar { position: relative; }
.calendar table {cursor:pointer; border:1px solid #ccc; font-size: 11px; color: #000; background: #fff; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif}
.calendar table .title,.calendar table .button{font-size: 10px}
.calendar * {font-size: 10px; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif}
.calendar .button {text-align: center; padding: 2px}
.calendar .nav {background:#f5f5f5}
.calendar thead .title {font-weight: bold; text-align: center; background: #dedede; color: #000; padding: 2px 0 3px 0}
.calendar thead .headrow {background: #f5f5f5; color: #444; font-weight:bold}
.calendar thead .daynames {background: #fff; color:#333; font-weight:bold}
.calendar thead .name {border-bottom: 1px dotted #ccc; padding: 2px; text-align: center; color: #000}
.calendar thead .weekend {color: #666}
.calendar thead .hilite {background-color: #444; color: #fff; padding: 1px}
.calendar thead .active {background-color: #d12f19; color:#fff; padding: 2px 0px 0px 2px}
.calendar tbody .day {width:1.8em; color: #222; text-align: right; padding: 2px 2px 2px 2px}
.calendar tbody .day.othermonth {font-size: 80%; color: #bbb}
.calendar tbody .day.othermonth.oweekend {color: #fbb}
.calendar table .wn {padding: 2px 2px 2px 2px; border-right: 1px solid #000; background: #666}
.calendar tbody .rowhilite td {background: #FFF1AF}
.calendar tbody .rowhilite td.wn {background: #FFF1AF}
.calendar tbody td.hilite {padding: 1px 1px 1px 1px; background:#444 !important; color:#fff !important}
.calendar tbody td.active {color:#fff; background: #529214 !important; padding: 2px 2px 0px 2px}
.calendar tbody td.selected {font-weight: bold; border: 1px solid #888; padding: 1px 1px 1px 1px; background: #f5f5f5 !important; color: #222 !important}
.calendar tbody td.weekend {color: #666}
.calendar tbody td.today {font-weight: bold; color: #529214; background:#D9EFC2}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell {visibility: hidden}
.calendar tbody .emptyrow {display: none}
.calendar tfoot .footrow {text-align: center; background: #556; color: #fff}
.calendar tfoot .ttip {background: #222; color: #fff; font-size:10px; border-top: 1px solid #dedede; padding: 3px}
.calendar tfoot .hilite {background: #aaf; border: 1px solid #04f; color: #000; padding: 1px}
.calendar tfoot .active {background: #77c; padding: 2px 0px 0px 2px}
.calendar .combo {position: absolute; display: none; top: 0px; left: 0px; width: 4em; border: 1px solid #ccc; background: #f5f5f5; color: #222; font-size: 90%; z-index: 100}
.calendar .combo .label,
.calendar .combo .label-IEfix {text-align: center; padding: 1px}
.calendar .combo .label-IEfix {width: 4em}
.calendar .combo .hilite {background: #444; color:#fff}
.calendar .combo .active {border-top: 1px solid #999; border-bottom: 1px solid #999; background: #dedede; font-weight: bold}

/** Form Review **/
#machform_review_table tbody tr:hover {background-color: #FFF7C0}
.alt{background: #efefef}
#machform_review_table td {text-align: left; border-bottom:1px solid #DEDEDE; padding:5px 10px; }

/* container style */

.style1 {height: 1px;}
.copy {color: cccccc; font-size: 80%; padding-right: 20px}       

/*  */
.Theader
  {font-size:16px; font-family:"Trebuchet MS",Arial,sans-serif; color : #1F497D; height: 40px}  
  .altRow
  {BACKGROUND: #D2EAF1; HEIGHT: 25px; onmouseover: backgroundColor=cccccc}
  .eveRow
  {BACKGROUND: WHITE; HEIGHT: 25px}
  tr .altRow:hover
  {BACKGROUND: #cccccc; HEIGHT: 25px; color: #000000}
    tr .eveRow:hover
  {BACKGROUND: #cccccc; HEIGHT: 25px; color: #000000}

/*  */
.style1 {height: 10px}
.style4 {width: 221px}
.style5 {width: 100px}
.style6 {width: 137px}
/*  */
.result-table {padding: 1px 20px 3px 0}
.result-table-l {padding: 1px 1px 3px 6px}
/*  */
TABLE.tabulardata {BACKGROUND-COLOR: #74aefa;}
TABLE.tabulardata TR {BACKGROUND-COLOR: #f5f5f5; border-bottom-width: 1px; border-bottom-style: Dashed; border-bottom-color: #fff; padding-bottom: 10px;}
TABLE.tabulardata TH {border-bottom-width: 1px; border-bottom-style: Dashed; border-bottom-color: #999999; color: #999999; 		BACKGROUND-COLOR: #fff; }
TABLE.tabulardata tr:hover  {BACKGROUND: #fff; HEIGHT: 25px; color: #000000}      
/*  */


/*  */

/** div#form_container{width: 500px; padding: 20px; margin:0 auto; background:#fff; color:#000;text-align:left} **/

/* CSS Document */