/* default behaviours for basic elements */

body, table, td, img, div, form, span {
  border: 0;
  margin: 0;
  padding: 0;
}

body, html {height: 100%; width: 100%}

body { 
  background: #C4C4C4 url(../images/bw_sd.jpg) top center repeat-y;
  text-align: center; 
  font-size: 6px; 
}

div {
  display:inline;
  position: relative;
  float:left;
  z-index: 0;
}

div, td, p, select, h1, h2, span, textarea, input, a {
  color: #333333; 
  font-family: "Trebuchet MS", Tahoma, Arial;
  text-decoration: none;
  font-size: 9pt;
}

h1,h2,h3, p.h1, p.h2 {
  padding: 0;
  margin: 6px;
  font-weight: bold; 
  line-height: 20px;
}

span.h1, p.h1, h1 {font-size: 150%; color: rgb(0,117,48);}
span.h2, p.h2, h2 {font-size: 115%; color: rgb(0,117,48);}
h3 {font-size: 100%;color: #000000;}
h3.grn {font-size: 100%;color: rgb(0,117,48);}
h1.org {color: #F7941D}
a.h1:link, a.h1:visited, a.h1:hover {
  font-size: 150%; 
  color: rgb(0,117,48); 
  text-decoration:none;
  padding: 0;
  font-weight: bold; 
  line-height: 20px;
}

strong {
  font-size: 105%;
  font-weight: bold;
  font-style: normal;
}

em {
  color: rgb(255,132,34);
  font-style: normal;
}

p {
  padding: 0;
  margin: 6px;
  line-height: 16px;
}

p.tight {
  margin: 3px; 
  line-height: 14px;
 }
p.semi {
  margin: 0 3px 3px 0; 
  line-height: 15px
 }

img {
  display: block;
  font-size: 6px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

select {
  padding: 0;
  margin-left: 0;
  margin-top: 3px;
  margin-right: 0;
  margin-bottom: 3px;
 }

hr {width: 100%; float:left; clear: left}
 
a:link, a:visited {color: #333333; text-decoration:none;}
a:hover {color: #F7941D; text-decoration:underline;}

/* common classes */
a.q:hover {color: #333333; text-decoration:none;}

a.intext:link, a.intext:visited {color: rgb(0,117,48);}
a.intext:hover {color: #F7941D; text-decoration:underline;}

a.normal {text-decoration:underline; color: rgb(0,0,25);}
a.normal:visited {color: rgb(85,26,139);}
a.normal:hover {color: rgb(0,0,204);}

a.contrast {color: #FFFFFF; font-weight:bold;}
a.contrast:hover {color: #F7941D; text-decoration:underline;}

ul li, ol li {line-height: 16px;}

ul {margin: 0 0 0 25px; padding: 0;}
li {margin: 0; padding: 0 5px 3px 5px;}

ul.arrow {list-style: outside url(../images/greenE.gif);}

ul.arrowO {list-style: outside url(../images/orE.gif);}
ul.arrowO li {height: 18px;}

ul.arrow1 {list-style: outside url(../images/greenE.gif);}

/* shared structure */
#body1 {
  font-size: small;
  text-align: left; 
  width: 1002px; 
  height: 100%;
  float: none; 
  display:inline-block; 
  background-color: #FFFFFF;
 }

#header {
  clear: both; 
  width: 100%; 
  background-color: #FFFFFF; 
  z-index: 99;
 }
#h1 {float: left; height: 85px; }
#h1 a img {margin: 3px}
#h2 {float: right; clear:right; width: 290px; height: 50px; margin-top: 0px; line-height: 30px;}
#h2 img {margin-top:6px; float: right;}
#h2a {width: 440px; height: 50px; margin-top:8px; line-height: 30px;}
#h2a h1 { font-size: 135%; color: #6B6B73}

#hlogin {float: right; width:300px; margin: 0 30px 0 0; text-align:right;}
#hlogin a {text-decoration:underline; color: rgb(0,117,48); font-weight:bold; font-size: 115%}
#hlogin a:visited {color: rgb(0,117,48);}
#hlogin a:hover {color: #F7941D;}
#hlogin span {color: rgb(0,117,48); font-weight:bold; font-size: 115%}

#topbar {
  clear: both; 
  width: 100%; 
  background-color: #F7941D;
  height: 6px;
  line-height: 6px;
  font-size: 6px;
}
#top1 {width: 757px; height: 30px; background-image:url(../images/b_lmid.jpg); z-index: 0; margin-bottom: -20px; }
#top2 {width: 243px; height: 30px; background-image:url(../images/b_right.jpg); padding-left: 2px; z-index: 6; margin-bottom: -20px; }

#footer {
  clear: both; 
  width: 100%;  
  border-top: 2px solid #58585A;
  background-color: #FFFFFF;
}
#footer div {margin-top: 2px; text-align:center; line-height: 16px;}
#footer div span {margin: 0 8px 0;}
#f1 {width: 6%}

#f2 {width: 10%}
#f2 a img { float: right; margin-right: 4px }

#f3 {width: 74%; text-align:center;}

#f4 {width: 10%}
#f4 img { margin-left: 6px }

#footer2 {
  clear: both; 
  height: 36px; 
  width: 100%;
  background-color: #FFFFFF; 
  text-align:center;
}

#footer2 span {margin: 0 8px 0;}

#leftbar {
  width: 132px; 
  height: 100%; 
  vertical-align: top;
  z-index: 6;
  background-color: #FFFFFF; 
}

#mpanel {
  width: 100%; vertical-align:top;
 }

#tcontent {
  width: 870px;
  background-color: #FFFFFF; 
}

#content {
  clear: both; 
  width: 100%; 
  min-height: 440px; 
  padding-bottom: 15px;
  background-color: #FFFFFF;
}

#ocontent {
  width: 100%; 
  min-height: 440px; 
  z-index: 1;
  background-color: #FFFFFF;
}

#ocontent table tr td {
  padding-bottom: 15px
}
#content table tr td {
  padding-bottom: 0px
}

#lcontent {
  width: 132px; 
  height: 100%; 
  float: left; 
  margin-top: 4px; 
  margin-left: 0;
  z-index: 3;
 }
 
#a1 {width: 623px;}
#a1a {width: 623px; clear:left;}
div.a1full {clear: both; float: left; width: 98%; margin: 5px;} 
#a2 {width: 247px; margin-top: 20px;}
#a3 {
  width: 870px;
  margin-top: 10px;
}
#a3a {width: 570px;float:left;clear:left;}

#b1 {width: 435px;}
#b2 {width: 435px; margin-top: 20px;}

/* menu styles */
div.mainmenu { 
  float: left;
  clear: both; 
  width: 1000px; 
  height: 24px;
  z-index: 2;
  margin-left: 1px;
}

div.menuitem {
  line-height: 22px;
  height: 22px;
  padding-top: 2px;
  width: 125px;
  text-align: center;
}
 
.menu0s {background-image: url(../images/orangeNav2.jpg);}
.menu0n {background-image: url(../images/blackNav2.jpg);}

div.menu0s a:link, div.menu0s a:visited, div.menu0s a:hover {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

div.menu0n a:link, div.menu0n a:visited {
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

div.menu0n a:hover {
  font-weight: bold;
  color: #F7941D; 
  text-decoration: underline;
}

div.submenu {
  position: absolute; 
  top: 24px; 
  left: -9px; 
  width: 110px;
  padding: 10px; 
  z-index: 9; 
  border: 2px solid #58595B;
  background-color: #FFFFFF;
  text-align:left; 
  visibility:hidden;
}
div.submenu2 {
  position: relative; 
  top: 1px; 
  left: -2px; 
  width: 108px;
  padding: 6px 2px 6px 6px; 
  z-index: 9; 
  border: 2px solid #58595B;
  background-color: #FFFFFF;
  text-align:left; 
  margin-left: 7px;
  margin-top: -4px;
  display:none;
}

div.inline1 a:link, 
div.inline1 a:visited {font-weight: bold; color: #000000; text-decoration: none;}
div.inline1 a:hover   {font-weight: bold; color: #F7941D; text-decoration: underline;}

div.inline2 a:link, 
div.inline2 a:visited {font-weight: bold; color: #000000; text-decoration: none;}
div.inline2 a:hover   {font-weight: bold; color: #F7941D; text-decoration: underline;}

div.inline2 {width: 100%;}
div.inline2 div {width: 95%;}
div.inline2 div.current {background-color:#F7941D;}

div.inline2 div.current a:link, 
div.inline2 div.current a:visited,
div.inline2 div.current a:hover   {color: #FFFFFF; text-decoration: none;}

.sidemenu1 {
  background-image:url(../images/blackbutton2.jpg); 
  width: 114px; 
  height: 23px; 
  padding-left: 6px; 
  padding-top: 4px;
  margin-left: 5px;
  margin-top: 3px;
  margin-bottom: 0px;
 }
 
.sidemenu2 {
  background-image:url(../images/orangebutton2.jpg); 
  width: 114px; 
  height: 23px; 
  padding-left: 6px; 
  padding-top: 4px;
  margin-left: 5px;
  margin-top: 3px;
  margin-bottom: 0px;
 }
 
.sidemenu3 {
  background-image:url(../images/greenbutton2.jpg); 
  width: 114px; 
  height: 23px; 
  padding-left: 6px; 
  padding-top: 4px;
  margin-left: 5px;
  margin-top: 3px;
  margin-bottom: 0px;
 }
 
div.sidemenu2 a:link, 
div.sidemenu2 a:visited, 
div.sidemenu2 a:hover   {font-weight: bold; color: #000000; text-decoration: none;}
div.sidemenu1 a:link, 
div.sidemenu1 a:visited {font-weight: bold; color: #FFFFFF; text-decoration: none;}
div.sidemenu1 a:hover   {font-weight: bold; color: #F7941D; text-decoration: underline;}
div.sidemenu3 a:link, 
div.sidemenu3 a:visited {font-weight: bold; color: #FFFFFF; text-decoration: none;}
div.sidemenu3 a:hover   {font-weight: bold; color: #F7941D; text-decoration: underline;}

.sidespace {
  background-image:url(../images/step1-arrow-down.jpg); 
  width: 83px; 
  height: 23px; 
  margin-top: 4px;
  margin-left: 25px;
 }
 
/* common panel layouts */
div.fillbox {
  position:relative;
  clear: both; 
  width: 100%;
  text-align: center; 
 }
 
div.center {
  width: 100%; 
  text-align: center;
  padding-top: 6px;
}

div.m {clear: left; }

/* type 4 chrome greentop */
div.type4 {
  border: 2px solid;
  border-color: rgb(145,149,150) rgb(145,149,150) rgb(87,89,90) rgb(87,89,90);
  background-color: #FFFFFF; 
}

div.type4 div.c {z-index: 4; width: 15px; font-size: 6px}
div.type4 div.tr {float: right; background-image: url(../images/cg_tr1.jpg); height: 25px; margin: -2px -2px 4px 0;}
div.type4 div.tl {float: left;  background-image: url(../images/cg_tl1.jpg); height: 25px; margin: -2px 0 4px -2px;}
div.type4 div.br {float: right; background-image: url(../images/c1_br1.gif); height: 15px; margin-bottom: -2px; margin-right: -2px;}
div.type4 div.bl {float: left;  background-image: url(../images/c1_bl1.gif); height: 15px; margin-bottom: -2px; margin-left: -2px;}

div.type4 div.tm {
  left: -13px;
  background-image: url(../images/cg_m1.jpg); 
  height: 24px;
  padding-top: 1px; 
  text-align: center;
  width: 100%; 
  margin: -2px -26px 4px 0;}
  
div.type4 div.tm, 
div.type4 div.tm h2,
div.type4 div.tm h1 {
  color: #FFFFFF;
  font-weight:bold;
  font-size: 100%;
  line-height: 22px;}
div.type4 div.tm h2, div.type4 div.tm h1 {margin: 0; padding: 0}
div.type4 div.enct {
  width: 100%; 
  position: relative; 
  left: -13px; 
  margin: -2px -26px 4px 0; 
  background: url(../images/cg_m1.jpg) top left repeat-x;}

/* type 1 plain chrome */
div.type1 {
  border: 2px solid ;
  border-color: rgb(145,149,150) rgb(145,149,150) rgb(87,89,90) rgb(87,89,90);
  background-color: #FFFFFF; 
}
div.type1 div.c {z-index: 4; width: 15px; height: 15px; font-size: 6px}
div.type1 div.tr {float: right; background-image: url(../images/c1_tr1.gif); margin-top: -2px; margin-right: -2px;}
div.type1 div.tl {float: left;  background-image: url(../images/c1_tl1.gif); margin-top: -2px; margin-left: -2px;}
div.type1 div.bl {float: left;  background-image: url(../images/c1_bl1.gif); margin-bottom: -2px; margin-left: -2px;}
div.type1 div.br {float: right; background-image: url(../images/c1_br1.gif); margin-bottom: -2px; margin-right: -2px;}

div.type1 div.title {
  margin: -12px 0 0; 
  padding: 0 6px 0; 
  font-weight: bold; 
  color: rgb(0,117,48); 
  font-size: 125%; 
  background-color: #FFFFFF;
}

div.type1tab {background-image: url(../images/orangeButton1.jpg); width: 110px; height: 27px; text-align: center; margin: -15px 0 0;}
div.type1tab span {line-height: 26px; color: #FFFFFF; font-weight:900; font-size: 115%;}
div.type1tab a:link, 
div.type1tab a:visited {font-weight: bold; color: #FFFFFF; text-decoration: none;}
div.type1tab a:hover   {text-decoration: underline;}
div.type1tabbot {float: right; background-image: url(../images/orangeButton1.jpg); width: 110px; height: 27px; text-align: center; margin: 0 0 -15px;}
div.type1tabbot span {line-height: 26px; color: #FFFFFF; font-weight:900; font-size: 115%;}
div.type1tabbot a:link, 
div.type1tabbot a:visited {font-weight: bold; color: #FFFFFF; text-decoration: none;}
div.type1tabbot a:hover   {text-decoration: underline;}

div.type1tabg {
  background-image: url(../images/greenButton.jpg);
  width: 110px; 
  height: 27px; 
  text-align: center; 
  margin: -15px 0 0;
}

div.type1tabg span {
 line-height: 26px; 
 color: #FFFFFF; 
 font-weight:900; 
 font-size: 115%;
}

/*type2 chrome-oatmeal*/
div.type2 {
  border: 2px solid ;
  border-color: rgb(145,149,150) rgb(145,149,150) rgb(87,89,90) rgb(87,89,90);
  background-color: #DED6C9; 
}

div.type2 div.c {z-index: 4; width: 15px; height: 15px; font-size: 6px}
div.type2 div.tr {float: right; background-image: url(../images/co_tr1.jpg); margin-top: -2px; margin-right: -2px;}
div.type2 div.tl {float: left;  background-image: url(../images/co_tl1.jpg); margin-top: -2px; margin-left: -2px;}
div.type2 div.bl {float: left;  background-image: url(../images/co_bl1.jpg); margin-bottom: -2px; margin-left: -2px;}
div.type2 div.br {float: right; background-image: url(../images/co_br1.jpg); margin-bottom: -2px; margin-right: -2px;}

/* type 4 chrome greentop */
div.type3 {
  border: 2px solid;
  border-color: rgb(145,149,150) rgb(145,149,150) rgb(87,89,90) rgb(87,89,90);
  background-color: #FFFFFF; 
}

div.type3 div.c {z-index: 4; width: 15px; font-size: 6px}
div.type3 div.tr {float: right; background-image: url(../images/co1_tr.jpg); height: 25px; margin-top: -2px; margin-right: -2px;}
div.type3 div.tl {float: left;  background-image: url(../images/co1_tl.jpg); height: 25px; margin-top: -2px; margin-left: -2px;}
div.type3 div.br {float: right; background-image: url(../images/c1_br1.jpg); height: 15px; margin-bottom: -2px; margin-right: -2px;}
div.type3 div.bl {float: left;  background-image: url(../images/c1_bl1.jpg); height: 15px; margin-bottom: -2px; margin-left: -2px;}

div.type3 div.tm {
  left: -13px;
  background-image: url(../images/co1_m.jpg); 
  height: 24px;
  padding-top: 1px; 
  width: 100%; 
  margin-top: -2px; 
  margin-right: -26px; 
  text-align: center;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 110%;
  line-height: 22px;
}

/* type 0 1px green */
div.type0 {border: 1px solid rgb(5,104,57); background-color: #FFFFFF;}
div.type0 div.c {z-index: 4; width: 15px; height: 15px; font-size: 6px; margin: -1px}
div.type0 div.tr {float: right; background-image: url(../images/g1_tr.gif);}
div.type0 div.tl {float: left;  background-image: url(../images/g1_tl.gif);}
div.type0 div.bl {float: left;  background-image: url(../images/g1_bl.gif);}
div.type0 div.br {float: right; background-image: url(../images/g1_br.gif);}

div.type0 div.title {
  margin: -9px 0 0; 
  padding: 0 6px 0; 
  font-weight: bold; 
  color: rgb(0,117,48); 
  font-size: 110%; 
  background-color: #FFFFFF;
}

/* chrome green table */
table.cgt {
  width: 100%; 
  margin-top: 2px;}

table.cgt th {
  height: 21px;
  line-height: 20px;
  text-align: center;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 100%;
}
table.cgt tr td {padding: 3px 3px 3px; vertical-align:top;}
table.cgt tr td.ca {text-align:left;}
table.cgt tr td.cb {text-align:center;}
table.cgt tr td.cc {text-align:right;}
table.cgt tr td div {float: right; margin-left: 6px;}
table.cgt tr.dt {}
table.cgt tr.dtd {background-color: #E8E2D8; }
table.cgt tr.tight td {padding: 1px; vertical-align:bottom;}

table.incgp { border: 1px solid #A59883;}
table.incgp tr th { padding: 4px 5px 4px; background-color: #A59883; color: #FFFFFF; font-weight:bold;}
table.incgp tr td {padding: 3px 5px 3px; vertical-align:top; text-align:left;}
table.incgp tr td.nn {vertical-align:bottom; text-align:right;}


/* other common elements */
div.cont {
  clear: both; 
  width: 100%;
  margin: -6px 0 -6px 0; 
  z-index: 9;
}
div.cont a {float: right; padding-right: 4px; }
div.cont1 {float: right; line-height: 13px; margin: -4px 0 4px;}

span.ini {font-weight:bold; color: #C6324B; font-size: 100%; }

#dsearch {
  height: 24px; 
  width: 100%; 
  margin-top: -3px
}
#dsearch span {
  padding-left:10px;
  padding-right:0px; 
  color: #FFFFFF; 
  font-weight:bold
}
 
.gobtn {
  float: right; 
  width: 30px; 
  height: 25px; 
  line-height: 12px; 
  margin-right: 6px;
}

#search {height: 14px;}

div.bct {
  width: 95%; 
  clear: left; 
  margin: -7px 0 -7px 8px; 
  z-index: 9;
}
div.bct span {line-height: 15px; font-weight:bold;}
div.bct span a:link, div.bct span a:visited {color: rgb(0,117,48);}
div.bct span a:hover {color: #F7941D; text-decoration:underline;}
div.bct span {color: rgb(0,117,48);}

div.mainbox {float: left; width: 360px; margin: 15px 10px 5px 5px;}

div.sks {float: left; width: 230px; margin: 5px 0px 5px 5px;}
div.free1 {}
span.em2 {color: rgb(0,117,48); font-weight:bold; font-size: 125%;}

div.x3 {
  height: 167px; 
  width: 142px; 
  margin: 0 0 4px;
  background-image:url(../images/pricePanel.jpg);
}

div.x3nyod {
  height: 197px; 
  width: 142px; 
  background-image:url(/images/nyod-pricing.gif);
}

/* layout of price example */
div.x3 div.box1 {
  width: 130px; 
  height: 20px; 
  margin-right: 0;
  margin-left: 6px;
 }
div.x3nyod div.box1 {
  width: 130px; 
  height: 20px; 
  margin-right: 0;
  margin-left: 6px;
 } 
 
div.x3a {margin-top: 4px; margin-bottom: 2px;}
div.x3b {margin-top: 6px; margin-bottom: 5px;}
div.x3d {margin-top: 6px; margin-bottom: 5px;}
div.x3e {margin-top: 4px; margin-bottom: 5px;}
div.x3f {margin-top: 4px; margin-bottom: 5px;}
div.x3g {margin-top: 4px; margin-bottom: 5px;}
div.x3c {width: 50px; height: 40px; margin: 6px 0 5px 48px;} 

div.x3 div div.amt {
  float:right; 
  color: #FFFFFF; 
  font-weight: bold; 
  font-size: 130%; 
  line-height:20px
}

div.x3 a {
  float:right; 
  color: #FFFFFF; 
  font-weight: bold; 
  font-size: 100%; 
  line-height:20px
}

div.x3nyod div div.amt {
  float:right; 
  color: #FFFFFF; 
  font-weight: bold; 
  font-size: 130%; 
  line-height:20px
}

div.x3a div.desc {color: #FFFFFF; font-weight: bold; padding-top: 3px; line-height:17px}
div.x3b div.desc {color: #FFFFFF; font-weight: bold; font-size: 85%; line-height: 10px}
div.x3c div.desc {color: #FFFFFF; font-weight: bold; font-size: 85%; line-height: 12px; text-align:center;}
div.x3d div.desc {color: #FFFFFF; font-weight: bold; font-size: 85%; line-height: 10px}
div.x3e div.desc {color: #FFFFFF; font-weight: bold; font-size: 90%; padding-top:0; line-height: 20px}
div.x3f div.desc {color: #FFFFFF; font-weight: bold; font-size: 85%; line-height: 10px}
div.x3g div.desc {color: #FFFFFF; font-weight: bold; font-size: 90%; padding-top:0; line-height: 20px}

div.a2panel {
  width: 93%; 
  margin: 11px 0 0 5px; 
}

div.a2q {clear: both; width: 90%;  padding: 6px 8px 0;}
div.a2q a img {float: right; margin-left: 6px;}
div.a2q span {padding-right:3px; line-height: 20px}
div.a2q span img {display: inline}
div.a2q strong {padding-left: 5px}



img.ge { display:inline; margin-bottom: -4px }

.white_background {background-color: #FFFFFF;}
.gray_background  {background-color: #ded6c9;}

span.aebgreen {color: rgb(0,117,48);}