/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;vertical-align:baseline;}
body {line-height:1.5; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* typography */
body {
  font-family:Geneva, Arial, Helvetica, sans-serif;
  line-height: 1.5em;
}

h1 {font-size:1.8em;} /*CCC */
h2, h3 {font-size:1.3em;line-height:1;margin:10px 0 ; background:url(../images/bg_h3.gif) left no-repeat; padding:3px 0 0 45px;}
h4 {font-size:1.1em;line-height:1.25;margin-bottom:5px; }
h5 {font-size:1em;font-weight:bold;margin-bottom:5px;}
h6 {font-size:1em;font-weight:bold;}
p {margin:0 0 5px 0;}
a{color:#0d93be;}
a:hover{ color:#666;}
h4 a{ text-decoration:none;}
/* grid */
body {
  margin:0;
  padding:0;
  /* background: url(../images/bg_main.jpg); AGM */
}

#headerwrap{
	background:url(../images/bg_header.gif) top repeat-x;
}

#header {
  width:900px;
  margin: 0 auto;
  height:177px;
}

#logo {
  float: left;
  margin: 0px 0 0px 0px;
  padding: 0 0 20px 0;
  /*background: url(../images/logo.gif) no-repeat;*/
}

#logo h1 a  span{
  color: #fff;
  text-decoration: none;
  z-index:-100;
  vertical-align:text-top;
}


#hnav {
  width: 300px;
  float: right;
  /*padding: -180px 10px 10px 0;*/
  margin: -160px 10px 10px 0;
}

#hnav a {
  padding: 7px;
  text-decoration: none;
  font-size:12px;
  color: #414141;
  background:url(../images/bg_header_btn.gif) repeat-x;
  text-align: center;
  font-weight:bold;
}

#hnav a:hover {
  background: url(../images/bg_header_btn_over.gif) repeat-x;

}

#footer {
  clear: both;
  padding: 2em 0;
  text-align:center;
  background:#FFF;
  color: #000;
  font-size:12px;
}

#footer a {
  color:#000;
  text-decoration: none;
}

#footer div{
	width:900px;
	margin:0 auto;

}

#wrapper {
  width:900px;
  margin:0px auto;
}

#content2col {
  width:590px;
  float: left;
  border:1px solid #000;
  padding:5px 5px 5px 5px;
}

#rsidebar {
  width:270px;
  float: right;
  padding:5px 5px 5px 5px;
  float:right;
}

form br {
  clear: both;
}


/* --------------------------------- */
/* --------- login (id 0) ---------- */
/* --------------------------------- */

#content2col0 {
  width:495px;
  padding:15px 15px 15px 15px;
  float: left;
  border:0px solid #000;
}

#rsidebar0 {
  width:350px;
  padding:15px 15px 0 0;
  float: right;
}

.boxa0 {
  border: 1px #bfbfbf solid;
  margin: 20px 5px;
  padding: 20px 20px;
  background: #fff url(../images/bg_content_left.gif) repeat-x;
}

.boxd0 {
  /*border: 1px #bfbfbf solid;
  margin: 20px 5px;
  padding: 30px 10px;
  text-align: center;
  background: #fff url(../images/bg_content_left.gif) repeat-x;
*/
}

.boxd0 a {
}

.boxd0 a:hover {
}

.boxr0 {
  /*background: #fff url(../images/bg_content_left.gif) repeat-x;
  border: 1px #bfbfbf solid;
  margin: 5px 5px;
  padding: 5px 5px;*/
  margin: 0 0 0 17px;
  padding: 10px 20px 15px 50px;
  background:url(../images/bg_singup_btn.gif) top left no-repeat;
  display:block;
  outline:none;
  text-decoration:none;
  color:#FFF;
  font-size:22px;
}

/*
#slink{ background:url(../images/bg_singup_btn.gif) top left no-repeat; padding:10px 17px 15px 50px;  display:block; outline:none; width:250px; margin:0 0 0 75px; text-decoration:none; color:#FFF; font-size:22px; }
*/

.boxr0 a {
}

.boxr0 a:hover {
}

.form0 {
  width: 100%;
  background:none;

}

form.form0 fieldset {
  margin: 20px 5px;
  padding: 20px 10px;
  border: 1px #bfbfbf solid;
  background: #fff url(../images/bg_content_left.gif) repeat-x;
}

form.form0 fieldset ol {
  padding: 4px 4px 0 4px;
  list-style: none;
}

form.form0 fieldset ol li {
  padding-bottom: 15px;
}

form.form0 label {
  float: left;
  width: 85px;
  margin-right: 5px;
  text-align: right;
}

.form-submitbox0 {
  margin-left: 95px;
}


/* --------------------------------- */
/* -- signup, prefs (id 1) --------- */
/* --------------------------------- */
input{ border:1px solid #a9ccde; background:url(../images/bg_input.gif) repeat-x;}
#lbutton, #gbutton, #abutton, #return_button,#next_button{ background:url(../images/bg_header_btn.gif) repeat-x; border:none; padding:6px; font-size:14px; font-weight:bold;}
#lbutton:hover, #gbutton:hover, #abutton:hover, #return_button:hover{ background:url(../images/bg_header_btn_over.gif) repeat-x; border:none; padding:6px; font-size:14px; font-weight:bold;}

#content1col {
  width:850px;
  padding:15px 15px 15px 15px;
}

.form1 {
  width: 100%;
}

form.form1 fieldset {
  margin: 20px 5px;
  padding: 20px 10px;
  border: 1px #bfbfbf solid;
  background: #fff url(../images/bg_content_left.gif) repeat-x;
}


form.form1 fieldset ol {
  padding: 10px 10px 0 10px;
  list-style: none;
}


form.form1 fieldset ol li {
  padding-bottom: 10px;
}


form.form1 label {
  float: left;
  width: 270px;
  margin-right: 20px;
  text-align: right;
}

.boxa1 {
  /* border: 1px #000 solid; */
  margin: 20px 5px;
  padding: 20px 10px;
  background-color: #ffffff; /*#ffFF33;*/
}

.boxb1 {
  /* border: 1px #000 solid; */
  margin: 20px 5px;
  padding: 20px 10px;
  background-color: #ffffff;/* #ffFF33;*/
}

.form-submitbox1 {
  margin-left: 300px;
}

.form-leftbox1 {
  margin-left: 150px;
}

form.form1 h2 {
  color: #000;
}

form.form1 p {
  color: #000;
}


/* ------------------------------- */
/* --- topics, problems (id 2) --- */
/* ------------------------------- */


#content2col2 {
  width:590px;
  float: left;
  border:0px solid #000;
  padding:15px 15px 15px 15px;
}

#rsidebar2 {
  width:270px;
  float: right;
  padding:15px 15px 0px 0px;
  float:right;
}

.form2 {
  width: 100%;
}

form.form2 fieldset {
border: 1px #bfbfbf solid;
  background: #fff url(../images/bg_content_left.gif) repeat-x;  margin: 20px 5px;
  padding: 20px 10px;
}

form.form2 fieldset ol {
  padding: 10px 10px 0 10px;
  list-style: none;
}

form.form2 fieldset ol li {
  padding-bottom: 10px;
}

form.form2 h2 {
  color: #000000;
}

form.form2 p {
  color: #000;
}

.form-buttons2 {
  float: right;
  margin: 20px 20px 20px 0;
}

form.form2 input.button {
  width: 15px;
  height: 5px;
}

form.form2 h4 {
  color:#000;
  text-decoration: none
}

/* -------------------- */
/* -- history (id 3) -- */
/* -------------------- */

#content2col3 {
  width:590px;
  float: left;
  /* border:0px solid #000;*/
  padding:15px 15px 15px 15px;
}

#rsidebar3 {
  width:270px;
  float: right;
  padding:15px 15px 0px 0px;
  float:right;
}

.table3 {
  width: 100%;
  border-collapse: collapse;
}

table.table3 th {
  border: 1px solid #000;
  padding: 5px;
  text-align: left;
  font-weight: bold;
}

table.table3 tr {
  border: 1px solid #000;
  background-color:#fff; /* #33FFcc;  */
}

table.table3 td {
  border: 1px solid #000;
  padding: 5px;
  text-align: left;
}

table.table3 a {
  padding: 5px;
  text-align: left;
  text-decoration: none;
  color: #000000;
}

#content2col3 h2 {
  /*padding: 20px;*/
  color: #000;
}


/* ------------------- */
/*  messages (id 4) -- */
/* ------------------- */

#content2col4 {
  width:590px;
  float: left;
  /* border:0px solid #000; */
  padding:15px 15px 15px 15px;
}

#rsidebar4 {
  width:250px;
  float: right;
  padding:15px 15px 0px 0px;
}

.form4 {
  width: 100%;
}

form.form4 fieldset {
  border: 1px #000 solid;
  margin: 20px 5px;
  padding: 20px 10px;
  background-color:#fff;  /* #FFFF33;  */
}

form.form4 fieldset ol {
  padding: 5px 5px 0 5px;
  list-style: none;
}

form.form4 fieldset ol li {
  padding-bottom: 15px;
}

form.form4 label {
  float: left;
  width: 4em;
  margin-right: 2em;
  text-align: right;
}

.form-submitbox4 {
  margin: 0 0 0 100px;
}

.table4 {
  width: 100%;
  border-collapse: collapse;
}

table.table4 th {
  border: 1px solid #000;
  padding: 5px;
  text-align: left;
  font-weight: bold;
  }

table.table4 tr {
  border: 1px solid #000;
  background-color:#fff;  /* #FFFF33; */
}

table.table4 td {
  border: 1px solid #000;
  padding: 5px;
  text-align: left;
}

#content2col4 h2 {
  /* padding: 20px; */
  color: #000;
}

/* --------------------------------------- */
/*  terms, privacy, contact (id 5), faq -- */
/* --------------------------------------- */


.contentbox5 {
  margin: 20px;
  /*border: 1px solid #ccc;*/
  padding: 10px 10px 10px 10px;
}

.contentbox5 h2{
  margin: 0;
  /* padding: 0 0 20px 5px; */
  color:#000000; /*#00ccff;*/ /*#00cc33;*/
}

.contentbox5 h4{
  /*color:#00cc33;*/ /*#000;*/
  margin: 10px 10px 10px 5px;
  border-bottom: 1px solid #ccc;
  padding: 0 0 5px 0;
}

.contentbox5 p {
  margin: 5px;
  font-size: 0.95em;
  line-height: 1.3em;
}

.contentbox5 a{
  text-decoration: none;
  color:#000;
}

.contentbox5 a:hover{
  color: #00ccff;
}

.email5 {
  margin: 0 0 0 5px;
  background-image: url("../images/vbm-email.png");
  background-repeat: no-repeat;
}

.ul5 {
  margin-left: 50px;
}


.ui-accordion-content-active{ border-bottom:1px dashed #999; margin:0 0 20px 0}