/* =================BODY================= */

body.standard {
  background-color : #66f;
}

body.print {
  background-color : #fff
}

#wrapper {
  text-align : center;
}

#container {
  text-align : left;
  margin : 0px auto;
  width : 80%;
  border : 1px solid #036;
  background-color : #fff;
  -moz-border-radius : 10px;
  -webkit-border-radius: 10px;
}

/* =================HEADER================= */
#header {
  margin : 1em 20px;
  border-bottom : 4px solid #036;
}

h1.header {
  text-align : right;
  font-size : 2em;
  font-family : Times, "Times New Roman", Serif;
color : #036;
text-shadow: #888 1px 1px 1px;
}

#pheader {
  text-align : right;
  border-bottom : 4px solid #036;
}

#pheader h1 {
}

#return {
  position : absolute;
}

/* =================SIDE BAR================= */
#sidebar {
  float : left;
  display : block;
  width : 170px;
}

div.sidetext {
  font-size : 0.7em;
  color : #000;
  text-align : center;
}

a.printversion {
  width : 80px;
  height : 20px;
  background : url(/mvp/images/printversion.gif) no-repeat;
  display : block;
  border : 2px solid transparent;
  margin : 2em auto;
}

a.printversion:hover {
  background-color : #888;
}

a.validator {
  width : 60px;
  height : 21px;
  background : url(/mvp/images/valid-xhtml10.png) no-repeat;
  display : block;
  border : 2px solid transparent;
  margin : 2em auto;
}

a.validator:hover {
  background-color : #888;
}

/* =================MENU================= */

#menu {
  margin-top : 5px;
  width : 170px;
}

a.menubutton, a.pagebutton, a.downloadbutton, a.orderbutton {
  font-family : Arial,Helvetica,sans-serif;
  font-weight : bold;
  text-align : center;
  text-decoration : none;
  padding : 0.25em 0.4em;
  display : block;
  border : 1px solid #fff;
  border-color : #ddd #666 #555 #ccc;

  -moz-border-radius : 4px;
  -moz-box-shadow: #888 2px 2px 2px;
  -webkit-box-shadow: #888 2px 2px 2px;
  -webkit-border-radius: 4px;

}

#pageselected {
  background-color:#c0c0c0;
}

a.menubutton {
  font-size : 0.8em;
  width : 120px;
  background-color : #66f;
  color : #fff;
  margin : 0.25em 20px;
}
 
a.menubutton:active {
  border-color : #555 #ccc #ddd #666;
}

a.menubutton:hover, a.menubutton:active {
  background-color : #c0c0c0;
  color : #000;
  cursor : pointer;
}

a.pagebutton {
  background-color : #66f;
  color : #fff;
  margin : 0.25em auto;
}

a.pagebutton:active {
  border-color : #555 #ccc #ddd #666;
}

a.pagebutton:hover, a.pagebutton:active {
  background-color : #c0c0c0;
  color : #000;
  cursor : pointer;
}

a.downloadbutton {
  background-color : #37A437;
  color : #fff;
  margin : 0.25em auto;
}

a.downloadbutton:active {
  border-color : #555 #ccc #ddd #666;
}

a.downloadbutton:hover, a.downlobutton:active {
  background-color : #c0c0c0;
  ;
  color : #000;
  cursor : pointer;
}

a.orderbutton {
  background-color : #fc0;
  color : #000;
  margin : 0.25em auto;
}

a.orderbutton:active {
  border-color : #555 #ccc #ddd #666;
}

a.orderbutton:hover, a.orderbutton:active {
  background-color : #c0c0c0;
  ;
  color : #000;
  cursor : pointer;
}

.helpbutton {
  margin : auto;
  font-family : Arial,Helvetica,sans-serif;
  font-weight : bold;
  text-decoration : none;
  display : block;
  height : 48px;
  width : 18em;
  text-align : center;
  border : 1px solid #fff;
  border-color : #ccc #678 #345 #ccc;
  font-size : 1.2em;
  padding : 12px 10px 9px 70px;
  background-color : #203A6B;
  color : #fff;
  background-image : url(/help/images/helpicon.png);
  background-repeat : no-repeat;
  background-position : 5px 5px;
}

a.helpbutton:active {
  border-color : #345 #cde #def #678;
}

a.helpbutton:hover, a.menubutton:active {
  background-color : #c0c0c0;
  color : #000;
  cursor : pointer;
}

/* =================CONTENT================= */
#scontent {
  padding : 1em;
}

#content {
  margin : 1em 2em 2em 170px;
  padding-left : 20px;
  padding-bottom : 20px;
}

#pcontent {
  padding : 0px 2em;
}


#error {
  background-color : #f66;
  padding : 1em;
  border : 2px solid #f00;
  text-align : center;
  margin : 1em;
  font-weight : bold;
}

#message {
  background-color : #fff;
  padding : 1em;
  border : 2px solid #036;
  text-align : center;
  margin : 1em;
  font-weight : bold;
  color : #036;
}

#flash {
  position : absolute;
  top : 100px;
  left : 50%;
  margin-left : -250px;
  width : 500px;
  background-color : #ff7;
  border : 2px solid #888;
  color : #000;
  padding : 10px;
  text-align : center;
  z-index : 10000;
}

/* =================FOOTER================= */
#footer {
  clear : both;
  margin : 1em 20px;
  border-top : 1px solid #036;
}

#footertext {
  margin : 1em 0px;
  text-align : center;
  font-size : 0.7em;
  line-height : 1.5em;
}

div.printfooter {
  clear : both;
  text-align : center;
  padding : 0.25em;
  font-size : 0.7em;
  border-top : 4px solid #036;
  margin-top : 2em;

}

/* =================FORM ELEMENTS================= */
.formitem {
  background-color : #eee;
  border : 1px solid #000;
}

.formitemerror {
  background-color : #ff7;
  border : 1px solid #000;
}


.formtitlebreak{
  line-height:1px;
  clear : right;
}

div.title,div.wtitle {
  float : left;
  text-align : right;
  font-weight : bold;
  padding : 5px 20px 5px 0px;
  font-size : 0.8em;
}

div.title {
  width : 100px;
}

div.wtitle {
  width : 150px;
  clear : both;
}

p.title {
  font-weight : bold;
  font-size : 0.8em;
  margin-left : 20px;
}

div.info {
  display : block;
  margin-left : 120px;
  padding : 5px 0px 5px 0px;
}

input.messagesubmit {
  background-color : #D3E1D4;
  color : #000;
  cursor : pointer;
  font-weight : bold
}

div.formtitle {
  float : left;
  text-align : right;
  font-weight : bold;
  padding : 5px 0px;
  font-size : 0.8em;
  width : 120px;
}

div.forminfo {
  margin-left : 130px;
  padding : 5px 0px;
}

input.formsubmit {
  color : #000;
  cursor : pointer;
  font-size : 1em;
}
 
span.formrequired {
  color : #f00;
  font-weight : bold;
  padding-right : 2px;
}

div.error {
  margin : 10px auto;
  border : 2px solid #f00;
  background-color : #f88;
  padding : 0.5em;
  width : 300px;
  text-align : center;
}

#scontent div.formtitle {
  width : 180px;
  clear : both;
}

#scontent div.forminfo {
  margin-left : 185px;
}

/* =================GENERAL ELEMENTS================= */

.center {
  text-align : center;
}

a {
  color : #036;
}

a:hover {
  color : #000;
  background-color : #c0c0c0;
}

h1 {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  color : #036;
  font-size : 1.5em;
  text-shadow: #888 1px 1px 1px;
}

h2 {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  color : #f00;
  font-size : 1.2em;
  text-shadow: #888 1px 1px 1px;
}

h3 {
  font-family : Arial, Helvetica, sans-serif;
  color : #036;
  font-size : 1em;
  text-shadow: #888 1px 1px 1px;
}

/* =================IMAGES================= */
img.left {
  float : left;
  margin-right : 1em;
  vertical-align : text-top;
}

img.right {
  float : right;
  margin-left : 1em;
  vertical-align : text-top;
}

a.imagelink {
  padding : 3px;
  display : block;
}

a.imagelink:hover {
  color : #c0c0c0;
}

/* =================MISC ITEMS================= */
p.legalnotice {
  text-align : center;
  font-size : 0.8em;
  font-weight : bold;
}

p.copyright {
  text-align : center;
  font-size : 0.8em;
  line-height : 1.5em;
}

p.caption {
  font-weight : bold;
  font-size : 0.9em;
  margin-top : 20px;
  margin-bottom : 4px
}

span.newfeature {
  color : #036;
  font-weight : bold;
  font-style : italic;
}

.center {
  text-align:center;
}

#framePage {
  background-color : #fff;
}

#installwarning {
  background-color:#f66; margin:5px auto; padding:5px; color:#fff; width:400px; text-align:center;
}