body {font-size: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #dedede;
background-repeat: no-repeat;
background-attachment: fixed;

 }

/*

----positioning and box property styles-----

*/

/*

----for the whole header-----

*/

#header {width: 100%;
z-index: 0;
float: left;
border-bottom: 1px #2e3d81 solid;
margin-bottom: 10px; }

#header p {padding-left: 100px;
padding-bottom: 22px;
padding-top: 22px;
margin: 0; }

#header a span {
position: fixed;
left: 23px;
top: 6px ;
width: 61px;
height: 54px;
z-index: 1;			
}

/*

----for the meta navbar-----

*/

#metanav {position: absolute;
top: 6px;
right: 6px;
width: 100px;
border: 1px #091c5a solid;
padding: 5px; }

#metanav ul {margin: 0;
padding: 0; }

/*

----for the tabs with the major site subsections-----

*/

#header ul.sitesections {margin:0;
padding: 1px 0 0 15px;
width: 718px;
margin-left: auto;
margin-right: auto; }

/*

----only appears when the page is printed-----

*/

#printnotice {display: none;
visibility: hidden; }

/*

----contains both the main text area and the side panel-----

*/

#content {text-align: center;
clear: both;
width: 779px;
margin-left: auto;
margin-right: auto;
z-index: 2;
margin-bottom: 0; }

#ContMaintext {width: 779px;
border: 1px #5d7568 solid;
margin-left: 0;
margin-right: 0;
 }

#ContMaintext2 {width: 779px;
border: 1px #5d7568 solid;
text-align:right;
margin-left: 0;
margin-right: 0;
 }

#maintext2 {position: relative;
width: 548px;
border: 1px #5d7568 solid;
margin-left: 0;
margin-right: 0;
 }

#maintext {
width: 548px;
border: 1px #5d7568 solid;
margin-left: 0;
margin-right: 0;
}
 
#sidepanel {
top: 0;
left: 0px;
width: 220px;
margin-left: 0;
margin-right: 0;
font-size: 95%; }

/*

----the subsection navbar-----

*/

.subs-navbar {border: 1px #5d7568 solid;
margin-bottom: 10px;
padding-top: 0;
padding-bottom: 15px; }

/*

----text and background styles-----

*/

/*

----for the header-----

*/

#header {background-color: #091c5a;
background-image: url(images/banner.gif);
background-repeat: no-repeat;
background-attachment: fixed; }

#header p {color: #fff;
font-size: 140%;
text-shadow: 2px 2px 2px #848ead;
 }

/*

----for the meta navbar-----

*/

#metanav {font-size: 60%;
background-color: #2e3d81 ;
text-align: right;
color: #fff; }

#metanav ul li {list-style-type: none; }

#metanav ul li a:link, #metanav ul li a:visited {text-decoration: none;
color: #fff; }

#metanav ul li a:hover {text-decoration: underline; }

/*

----for the tabs with the major site subsections-----

*/

#header ul.sitesections {font-size: 80%;
text-transform: uppercase; }

#header ul.sitesections li {float:left;
list-style-type:none; }

#header ul.sitesections a {display:block;
float:left;
border-top:1px solid #091c5a;
border-left:1px solid #091c5a;
border-right:1px solid #091c5a;
padding:4px 8px;
text-decoration:none;
margin-top: 0;
margin-left: 5px;
margin-bottom: 0;
margin-right: 0;
color: #fff;
background-color: #5d7568; }

#header ul.sitesections a:hover, #header ul a.current {color: #fff;
background-color: #2e3d81; }

/*

----for the subsection navbar-----

*/

.subs-navbar {font-size: 85%;
background-color: #fff; 
margin-bottom: 26px;}

.subs-navbar h1 {margin-top: 0;
margin-bottom: 5px;
border-bottom: 1px #b0b1ba solid;
text-align: right;
font-size: 100%;
color: #fff;
background-color: #000066;
text-shadow: none;
font-weight: normal;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 15px;
 }

.subs-navbar h1 a:link, .subs-navbar h1 a:visited {color: #fff;
display: block;
text-decoration: none; }

.subs-navbar h1 a:hover {color: #2e3d81; }

.subs-navbar ul {padding: 10px;
margin: 0px; }

.subs-navbar ul li {list-style-type: none;
margin-top: 4px;
margin-bottom: 4px;
color: #2e3d81; }

.subs-navbar ul li a:link, .subs-navbar ul li a:visited {text-decoration: none;
padding-left: 2px;
border-left: 10px #fff solid;
color: #2e3d81; }

.subs-navbar ul li a:link.youarehere, .subs-navbar ul li a:visited.youarehere, .subs-navbar ul li a:hover {border-left: 10px #2e3d81 solid;
color: #2e3d81; }

.subs-navbar ul li a:link.youarehere, .subs-navbar ul li a:visited.youarehere {font-weight: bold; }

.subs-navbar ul li ul li a:link, .subs-navbar ul li ul li a:visited {padding-left: 10px; }

.subs-navbar ul li ul li ul li a:link, .subs-navbar ul li ul li ul li a:visited {padding-left: 20px;
font-size: 85%; }

.subs-navbar ul li ul li ul li ul li a:link, .subs-navbar ul li ul li ul li ul li a:visited {padding-left: 30px;
font-size: 85%; }

.subs-navbar ul li ul li ul li ul li, .subs-navbar ul li ul li ul li {margin-top: 0;
margin-bottom: 0; }

.subs-navbar ul li.current-section a:link, .subs-navbar ul li.current-section a:visited {color: #2e3d81; }

/*For the front page of the learning section*/

.quicklinks {border: 1px #848763 solid;
background-color: #fff;
margin-bottom: 10px; }

.quicklinks h1 {margin-top: 0em;
margin-left: 0em;
margin-right: 0em;
background-color: #000066;
color: #fff;
font-size: 80%;
text-align: right;
text-shadow: none;
font-weight: normal;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 15px;
clear: both;
 }

.quicklinks h2 {
margin-left: 0em;
margin-bottom: 0em;
margin-right: 0em;
margin-top: 20px;
background-color: #2e3d81;
text-align: center;
padding: 0;
border-top: 1px #b0b1ba solid;
}

.quicklinks h2 a:link, .quicklinks h2 a:visited {
color: #ffffff;
text-decoration: none;
display: block;
padding-top: 5px;
padding-bottom: 5px;
}

.quicklinks h2 a:hover {
background-color: #848763;
}

.quicklinks ul {padding: 0;
margin: 0;
font-size: 70%;
font-weight: bold; }

.quicklinks ul li {list-style-type: none;
margin-top: 4px;
margin-bottom: 4px;
color: #2e3d81; }

.quicklinks ul li a:link, .quicklinks ul li a:visited {text-decoration: none;
padding-left: 2px;
border-left: 10px #fff solid;
color: #091c5a; }

.quicklinks ul li a:hover {border-left: 10px #2e3d81 solid;
color: #2e3d81; }

.quicklinks p {margin-left: 15px;
margin-right: 15px;
font-size: 90%;
line-height: 1.6em;
margin-top: 8px;
margin-bottom: 8px;
color: #091c5a;
text-align:left;
 }

#content #sidepanel .quicklinks p a:link, #content #sidepanel .quicklinks p a:visited {
font-weight: bold;
font-size: 90%;
border: none;
color: #091c5a; }

#content #sidepanel .quicklinks p a:hover {
background-color: inherit;
text-decoration: underline; }

.quicklinks p img {
float: left;
padding-right: 15px; }

.quicklinks ul li a:link.youarehere, .quicklinks ul li a:visited.youarehere, .quicklinks ul li a:hover {
border-left: 10px #091c5a solid;
color: #091c5a;
}

/*--------------------main text area styles--------------------*/

#maintext {background-color: #fff;
color: #3e3e3e;
text-align:left; }

#maintext a:link, .quicklinks p a:link {color: #3e3e3e; }

#maintext a:visited, .quicklinks p a:visited {color: #6c6c6c;
border-bottom: 1px dotted #6c6c6c;
text-decoration: none; }

#maintext a:hover, .quicklinks p a:hover {background-color: #ffcc33;
color: #fff;
text-decoration: none;
border-bottom: none; }

#maintext p, #maintext ul, #maintext ol {margin-left: 20px;
margin-right: 20px;
font-size: 75%;
line-height: 1.6em;
margin-bottom: 15px;
margin-top: 0px; 
padding-top: 3px; }

#maintext table, #maintext td {
width:inherit;
font-size: 90%;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

#maintext img.floatright {
float: right; 
border: 1px solid #000;
margin: 10px 10px 10px 10px;
}

#maintext img.floatright2 {
float: right; 
border: 1px solid #000;
margin: 5px 5px 5px 5px;
}

#maintext img.floatleft {
float: left;
border: 1px solid #000;
margin: 10px 10px 0px 10px;
}

#maintext table ul {font-size: inherit;
width:inherit; }

#maintext ul li ul li {font-size: 135%;
line-height: 1.6em;
list-style-type: disc; }

#maintext ul li ol li {font-size: 135%;
line-height: 1.6em; }

#maintext ul ul, #maintext ul ul ul {margin-top: 0px;
margin-bottom: 0px; }

#maintext ul, #maintext ol {margin-left: 25px; }

li.follow-on {list-style-type: none; }

h1, h2, h3, h4, h5, h6 {color: #5d7568;
padding-left: 20px;
padding-right: 20px;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase; }

h1 {
border-bottom: 1px #b0b1ba solid;
margin-top: 0;
padding-top: 6px;
padding-bottom: 6px;
margin-bottom: 15px;
font-size: 85%;
color: #ffffff;
background-color: #000066; }

h1#welcome {
padding: 0em;
border-bottom: none;
background-color: transparent; }

h2 {font-size: 85%;
margin-top: 20px;
margin-bottom: 2px; }

h3 {font-size: 75%;
margin-top: 15px;
margin-bottom: 2px;
}

h4 {font-size: 70%;
margin-top: 15px;
margin-bottom: 2px;
 }

h5 {
margin-top: 15px;
margin-bottom: 2px;
font-size: 65%;
text-decoration: underline; }

h6 {
margin-top: 15px;
margin-bottom: 2px;
font-size: 65%;
font-style: italic; }

blockquote {border: 1px #b0b1ba solid;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
background-color: #f2f2f2; }

#maintext blockquote p {margin-top: 3px;
margin-bottom: 3px; }

blockquote p cite {font-size: 90%; }

img.floatright {float: right; }

a img {border: none; }

#maintext blockquote.promo p {font-weight: bold;
font-size: 65%;
color: #091c5a; }

#maintext blockquote.promo2 p {
font-size: 65%;
color: #091c5a; }

#maintext p.figure {text-align: center;
clear: both;
margin-top: 15px; }

#maintext .figure a:link, #maintext .figure a:visited {border: none; }

#maintext .figure a:hover {background-color: inherit; }

#maintext .figure a img {padding-left: 12px;
padding-right: 12px; }

#maintext .figure-label, caption {text-align: center;
font-size: 65%;
font-weight: bold; }

.thumb-label {font-size: 65%;
font-weight: bold;
margin-top: 2px;
margin-bottom: 0em; }

/*For tables*/

#table2 {font-size: 75%;
line-height: 1.6em;
width: 738px;
caption-side: bottom;
background-color: #f3f1f4;
margin-left: auto;
margin-right: auto;
border-collapse: collapse; }



th {border: 1px #bebebe solid;
text-align: left;
color: #f3f1f4;
background-color: #bebebe; }

/*For arrows to move between sections in a tutorial*/

.forward-back {text-align: right;
margin-top: 0em;
margin-bottom: 0em;
color: #2e3d81;
font-weight: bold; }

.forward-back a span {background-color: #2e3d81;
color: #ffffff;
text-decoration: none; }

.forward-back a:link, .forward-back a:visited {font-weight: normal; }

/*--------------------footer styles--------------------*/

#footer {font-size: 75%;
text-align: right;

color: #091c5a;

padding-top: 20px;
padding-bottom: 20px; }

#footer a:link, #footer a:visited {color: #091c5a;
text-decoration: none; }

#footer a:hover {text-decoration: underline;
background-color: #fff; }

#maintext p#standards, #maintext p#westciv-details {
margin-top: 0px;
margin-bottom: 0em;
 }

#westciv-details img {
float: left; }


/*For product info pages*/

.prod-summary {border: 1px #b0b1ba solid;
margin-left: 20px;
margin-right: 20px;
margin-top: 15px;
margin-bottom: 20px;
background-color: #f2f2f2; }

#maintext .prod-summary p {margin-top: 2px;
margin-bottom: 2px;
font-size: 75%; }

#maintext .prod-summary h2 {border-bottom: 1px #b0b1ba solid;
color: #3e3e3e;
margin-top: 3px;
margin-bottom: 3px;
padding-top: 2px;
padding-bottom: 2px; }

.screen-thumbs p.thumb-label {font-size: 65%;
font-weight: bold;
margin-top: 1px;
margin-bottom: 25px; }

.screen-thumbs p {text-align: center;
font-size: 70%;
color: #3e3e3e;
margin-bottom: 0px; }

/*For promotions under the side navbar*/

.side-promo-top {text-align: center;
margin-top: 0em;
margin-left: 0em;
margin-bottom: 25px;
margin-right: 0em; }

.side-promo-top p {margin: 0em; }

.side-promo-2nd {text-align: center;
margin-top: 35px;
margin-bottom: 50px; }

.side-promo-2nd p {margin: 0em; }

.side-promo-text {background-color: #f2f2f2;
border: 1px #b0b1ba solid;
width: 122px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 5px; }

.side-promo-text a:link, .side-promo-text a:visited {color: #3e3e3e;
text-decoration: none; }

.side-promo-text a:hover {text-decoration: underline; }

.side-promo-text h1, .side-promo-2nd h1 {border-bottom: 1px #b0b1ba solid;
font-size: 70%;
text-shadow: none;
padding-left: 0;
padding-right: 0;
background-color: transparent;
text-align: center;
font-weight: bold; }

.side-promo-text p {font-size: 65%; }

/* For the hands-on tutorial. */

#maintext .section-summary {border-bottom: 1px #b0b1ba solid;
background-color: #f3f1f4;
padding-top: 10px;
margin-bottom: 15px; }

#maintext .section-summary p {margin-top: 0em; }

#maintext .section-summary ul li {margin-top: auto;
margin-bottom: auto; }

code {font-size: larger; }

.code-example, pre {font-family: Courier, "Courier New", monospace;
background-color: #f3f1f4;
margin-left: 20px;
margin-right: 20px;
padding: 20px;
border: 1px #b0b1ba solid;
margin-bottom: 15px; }

#maintext .code-example p {margin: 0; }

.exercise {margin-left: 20px;
margin-right: 20px;
border: 1px #b0b1ba solid;
background-color: #f2f2f2;
margin-bottom: 15px; }

.exercise h1 {border-bottom: 1px #b0b1ba solid;
color: #3e3e3e;
text-shadow: none;
font-size: 90%;
text-transform: none;
background-color: #f2f2f2;
 }

.sm-only {border-left: 2px #ff7b08 solid;
border-right: 2px #ff7b08 solid;
border-top: 1px #ff7b08 solid;
border-bottom: 1px #ff7b08 solid;
margin-top: 15px;
margin-bottom: 15px; }

span.button {font-weight: bold; }

p.instruction-intro {font-weight: bold;
text-decoration: underline; }

#maintext p.instruction-step {padding-left: 20px; }

span.menu {font-weight: bold; }

.note-well {border: 1px #b0b1ba solid;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
background-color: #f2f2f2; }

/*For the blocks at the top of articles*/

#abstract {background-color: #f3f1f4;
border: 1px #b0b1ba solid;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px; }

#abstract h1 {color: #3e3e3e;
font-size: 75%;
font-weight: bold;
text-shadow: none;
border-bottom: 1px #b0b1ba solid; }

#maintext #abstract p {margin-top: 5px;
margin-bottom: 5px; }

.item-desc {width: 60%; }

#maintext ul.sitemap {margin-left: 25px; }

#maintext ul.sitemap li ul {margin-left: 0px; }

#maintext ul.sitemap li ul li {list-style-type: disc; }

/*For forms*/

/*textarea {width: 478px;
height: 15em; }*/

fieldset {border: none;
padding-left: 10px; }

#maintext fieldset p {margin-left: 0em;
margin-right: 0em;
padding-left: 0em;
padding-right: 0em; }

input.text {width: 239px; }

/*For the FAQ*/

div.faq {border: 1px #b0b1ba solid;
background-color: #f2f2f2;
margin-left: 20px;
margin-right: 20px;
margin-top: 15px;
margin-bottom: 15px; }

div.faq p strong span {font-family: "Courier New", Courier, monospace;
font-size: 350%;
color: #fd5700; }

div.faq p span {font-weight: bold;
font-family: "Courier New", Courier, monospace;
font-size: 350%;
color: #091c5a; }

#maintext div.faq p.question {margin-bottom: 25px; }

.question {font-weight: bold; }

/*For promos within the main body text*/

div.wcintextpromo {float: right;
width: 232px;
margin-right: 20px;
margin-left: 20px;
font-size: 80%;
background-color: #e4e6ed;
border: 1px #b0b1ba solid;
margin-bottom: 10px;
margin-top: 10px; }

#maintext div.wcintextpromo p {margin-left: 7px;
margin-right: 7px; }

#maintext div.wcintextpromo ul {margin-left: 0px;
font-weight: bold;
color: #091c5a; }

#maintext div.wcintextpromo ul li {margin-top: 0em;
margin-bottom: 0em; }

#maintext div.wcintextpromo ul li a:link, #maintext div.wcintextpromo ul li a:visited {color: #091c5a; }

#maintext div.wcintextpromo ul li a:hover {background-color: #091c5a;
color: #fff; }

#maintext div.wcintextpromo p.banner {margin: 0em;
text-align: center;
font-size: 110%;
margin-top: 7px; }

#maintext div.wcintextpromo p {clear: left; }

#maintext div.wcintextpromo p.banner a img.floatleft {float: left; }

#maintext div.wcintextpromo .sitepoint {color: #ff6600; }

/*For the ads throughout the text in the guide*/

.fullversion {border: 1px #2e3d81 solid;
float: right;
clear: both;
width: 130px;
margin-right: 20px;
font-size: 80%;
margin-left: 15px;
color: #2e3d81;
background-color: #fff;
margin-bottom: 20px; }

#maintext .fullversion h3, #maintext .fullversion h4, #maintext .fullversion h5, #maintext .fullversion h6 {margin-top: 0em;
margin-left: 0px;
margin-right: 0em;
background-color: #2e3d81;
margin-bottom: 3px;
font-style: normal;
padding-left: 2px;
padding-top: 3px;
padding-bottom: 3px;
color: #fff; }

#maintext .fullversion p {padding: 0em;
margin: 2px; }

#maintext .fullversion a:link, #maintext .fullversion a:visited {color: #2e3d81; }

#maintext .fullversion a:hover {color: #fff;
background-color: #2e3d81; }

.top-text-promo {border-bottom: 1px #b0b1ba solid;
border-top: 1px #b0b1ba solid;
text-align: center;
margin-top: 15px; }

#maintext .top-text-promo p {margin: 0em; }

#maintext .top-text-promo a:link, #maintext .top-text-promo a:visited {text-decoration: none;
display: block;
color: #ffffff;
background-color: #5d7568;
border-bottom: none; }

#maintext .top-text-promo a:hover {background-color: #2e3d81;
 }
 
.style8 { font-size:8px;
}

.style8B { font-size:8px;
font-weight: bold;
}

.style10 { font-size:10px;
}

.style10B { font-size:10px;
font-weight: bold;
}

.style12 { font-size:12px;
}

.style12B { font-size:12px;
font-weight: bold;
}

.style14 { font-size:14px;
}

.style14B { font-size:14px;
font-weight: bold;
}

.style16 { font-size:16px;
}

.style16B { font-size:16px;
font-weight: bold;
}

.style18 { font-size:18px;
}

.style18B { font-size:18px;
font-weight: bold;
}

.style20 { font-size:20px;
}

.style20B { font-size:20px;
font-weight: bold;
}

.style24 { font-size:24px;
}

.style24B { font-size:24px;
font-weight: bold;
}