/* layout */
* {
   border: 0;
   margin: 0;
   padding: 0;
}

html {
   background: url( '../images/grad_bkgd6.png' ) repeat-x top left; /*  background: url('../images/bg.png') repeat-x top left; */
}

body {
   font-family: verdana, tahoma, sans-serif;
   font-size: .85em;
   font-weight: normal;
   letter-spacing: normal;
   text-transform: none;
   word-spacing: normal;
}

#page {
   background: white url( '../images/bg-page.png' ) repeat top center; /*  border: 1px solid #026c62; */
   margin: 0 auto;
   text-align: left;
   width: 820px;
}

#page {
   width: 803px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 802px;
}

html > body #page {
   width: 802px;
}

#boxed {
   border: 1px solid #026c62;
   margin: 0;
   text-align: left;
   width: 802px;
}

/********MasterPage LayOut**********/

.mpTop {
   vertical-align: top;
   text-align: left;
   margin: 0px;
   padding: 0px;
   height: 76px;
}

.backGd {
   position: relative;
}
.mainPic {
   position: absolute;
   float: left;
   background-color: transparent;
}
.layer1 {
   position: absolute;
   float: right;
   left: 321px;
   padding: 0px;
}
.layer2 {
   position: absolute;
   float: right;
   left: 414px;
   padding: 0px;
}
.layer3 {
   position: absolute;
   float: right;
   left: 494px;
   padding: 0px;
}
.layer4 {
   position: absolute;
   float: right;
   left: 552px;
   padding: 0px;
}
.layer5 {
   position: absolute;
   float: right;
   left: 637px;
   padding: 0px;
}
.layer6 {
   position: absolute;
   float: right;
   left: 716px;
   padding: 0px;
}

.algntopctr {
   vertical-align: top;
   text-align: center;
}

.algntoplft {
   vertical-align: text-top;
   text-align: left;
}

.algnmidctr {
   vertical-align: middle;
   text-align: left;
}


.algnmidlft {
   vertical-align: middle;
   text-align: left;
}

p {
   margin: 1em 0;
}

.demoarea {
   padding: 20px;
   background: #FFF url(images/demotop.png) no-repeat left top;
}

.demoarea p {
   padding: 5px;
}

.demoheading {
   padding-bottom: 20px;
   color: #5377A9;
   font-family: Arial, Sans-Serif;
   font-weight: bold;
   font-size: 1.5em;
}

.demobottom {
   height: 8px;
   background: #FFF url(images/demobottom.png) no-repeat left bottom;
}

.heading {
   margin: 0;
   padding: 0;
   color: #008080;
}

.subheading {
   padding: 1em 0 1em 0;
   color: #5377A9;
   font-family: Tahoma, Arial, sans-serif;
   font-weight: 500;
   font-size: 1em;
}

.cph1 {
   font-family: Tahoma, Arial, sans-serif;
   font-size: 1.15em;
   margin-top: 1em;
   margin-right: .5em;
   margin-bottom: 1em;
   margin-left: 1em;
   word-spacing: normal;
   letter-spacing: normal;
   vertical-align: top;
   text-align: left;
}

.cph2 {
   font-family: Tahoma, Arial, sans-serif;
   font-size: 1em;
   margin-top: 1em;
   margin-right: .5em;
   margin-bottom: 1em;
   margin-left: 1em;
   word-spacing: normal;
   letter-spacing: normal;
   vertical-align: top;
   text-align: left;
}

.cph3 {
   margin: 0em, 1em 0em 1em;
   font-family: verdana, tahoma, sans-serif;
   font-size: .95em;
   font-weight: normal;
   text-transform: none;
   text-indent: 2em;
   text-align: left;
   letter-spacing: normal;
   word-spacing: normal;
}

.txtBlock {
   margin: 1em 3em 1em 3em;
   padding: 0;
}

.txtBlockGray {
   margin: 1em 3em 1em 3em;
   padding: 0;
   background-color: #eeecec;
}

ul li {
   list-style-type: disc;
}


H1 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 2em;
   font-weight: 700;
   font-style: normal;
   word-spacing: normal;
   letter-spacing: normal;
}

H2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.5em;
   font-weight: 600;
   font-style: normal;
   word-spacing: normal;
   letter-spacing: normal;
   color: #026c62;
   vertical-align: middle;
   letter-spacing: normal;
   text-align: center;
   padding: 0px;
   margin: 0px;
   background-color: transparent;
}

H3 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.35em;
   font-weight: 600;
   color: #026c62;
   vertical-align: middle;
   letter-spacing: normal;
   text-align: center;
   background-color: transparent;
   font-style: normal;
   word-spacing: normal;
   letter-spacing: normal;
   line-height: 2em;
   padding: 0px;
   margin: 0px;
}

h4 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.15em;
   font-weight: 600;
   color: #026c62;
   vertical-align: middle;
   letter-spacing: normal;
   text-align: center;
   background-color: transparent;
   font-style: normal;
   word-spacing: normal;
   letter-spacing: normal;
   line-height: 2em;
   padding: 0px;
   margin: 0px;
}

H6 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: .7em;
   font-weight: bold;
   font-style: normal;
   text-align: center;
   text-decoration: none;
   color: #026c62;
   vertical-align: middle;
   word-spacing: normal;
   letter-spacing: normal;
   text-transform: none;
   line-height: 1.2em;
   padding: 2px;
   margin: 0px;
}


.codeReference {
   font-family: 'Courier New' , Monospace;
   font-style: normal;
   font-weight: bold;
}

pre, code {
   display: block;
   margin: 15px 15px 15px 0;
   padding: 10px;
   border: 1px dashed #CCC;
   background-color: #FFF;
   color: #000;
   font-family: 'Courier New' , Monospace;
   font-size: 0.9em;
   font-style: normal;
}

.releaseList {
   list-style-type: disc;
}


/* set up for side-by-side Main panels */
.wrapper {
   margin: 0em 0em 0em 2em;
   padding: 0;
}
.ColumnA {
   margin: 0;
   background-color: white;
   float: left;
   width: 48%;
   padding: 0;
   text-align: left;
}
.ColumnB {
   margin: 0;
   padding: 0;
   background-color: white;
   float: right;
   width: 48%;
   text-align: left;
}
.ColumnContentA, #ColumnContentB {
   padding: 0px;
}
.footer {
   clear: both;
   margin: 1em 1em 1em 1em;
   text-align: center;
}
.separator {
   clear: both;
   height: 0;
}

.indented {
   margin: 0em 2em 3em 5em;
   padding: 0;
}

.style2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 14px;
}
.style3 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

.name {
   margin: 0em, 0em, 0em, 0em;
   float: left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 1em;
}
.toTop {
   margin: 0em, 20em, 0em, 0em;
   float: right;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: .75em;
   color: #5377A9;
}