/*
 * OmniTrackPlus.com Stylesheet
 *
 * Primary Blue: 006699		Darker: 004C73	Lighter: 408CB3
 * Secondary Blue: 3399CC	Darker: 267399	Lighter: 66B3D9
 * Border Color: C4DCE7 
 * Dark Brown: CC6633
 * Light Brown: FF9966
 */

body { margin: 0px; background-color: #004C73; font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #333333; }

p {  margin-top: 0.5em; margin-bottom: 0.75em }
ul {  margin-top: 0.5em; margin-bottom: 0.75em }

li { list-style-image:  url(images/bullet.gif); padding-top: 0.25em; padding-bottom: 0.25em}
li li { list-style-type: circle; list-style-image: none ; padding-top: .25em; padding-bottom: .25em }

h1 {  color: #006699; font-weight: normal; margin-bottom: 0 ; font-size: x-large; margin-top: 0; }
h2 { color: #CC6633; font-weight: normal; font-size: medium; margin-top: 0.5em; margin-bottom: 0.75em; padding-top: 0.25em; border-width: 1px 0 0 0; border-color: #C4DCE7 ; border-style: solid }
h3 {  color: #333333; font-size: x-small; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.5em; }

td, div { font-size: x-small; color: #333333; }

a:active {  font-weight: bold; color: #006699; text-decoration: none}
a:link {  font-weight: bold; color: #006699; text-decoration: none}
a:visited {  font-weight: bold; color: #006699; text-decoration: none}
a:hover {  font-weight: bold; color: #3399CC; text-decoration: none}

.bgPage {  background-color: #FFFFFF; width: 754px; border: #C4DCE7 solid; border-width: 0px 2px 2px; border-color: #C4DCE7 solid}

.bgMenu {  background-color: #CCCCCC; background-image:  url(images/bgMenu.jpg); background-repeat: repeat-x; background-position: center; width: 100%; height: 32px; vertical-align: middle; font-weight: bold; padding-top: 2px; font-size: 9pt; letter-spacing: 0.25em; text-align: left; }

.bgSplash {  background-color: #CC6633; width: 100%; }

.NewsAreaBorder { background-color: #F8FBFC ; vertical-align: top; padding: 15px 15px; width: 170px; border: solid; border-width: 2px 0px 0px 2px ; background-image:  url(images/bgNewsArea.jpg); border-color: #C4DCE7}
.NewsBorder {  border: 2px solid #3399CC; background-color: #FFFFFF; ; margin-bottom: 10px}
.NewsLabel {  background-color: #3399CC; color: #FFFFFF; padding: 0.25em 0.5em 0.25em 0.5em; font-weight: bold; font-size: xx-small; font-family: Verdana, Arial, Helvetica, sans-serif; }
.NewsCell {  font-size: xx-small; padding: 0.5em 1em; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif}
.NewsLine { font-size: 1px; border: #3399CC solid; border-width: 0px 0px 2px}
#NewsArea ul { margin: 0.25em 0 0.25em 2em }
#NewsArea li { padding: 0.1em 0; list-style-image: url(images/bulletNews.gif) }
.emphasis { font-weight: bold; color: #FF9966; font-family: Verdana, Arial, Helvetica, sans-serif }

.ContentBorder { padding: 15px; font-size: x-small; vertical-align: top; ; border: #C4DCE7 solid; border-width: 2px 0px 0px}

.PrefooterBorder { height: 32px; vertical-align: middle; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; font-size: x-small; vertical-align: top; border: #C4DCE7 solid; border-width: 2px 0px 0px ; background-color: #CCCCCC; font-weight: bold; background-image:  url(images/bgMenu.jpg); background-repeat: repeat-x; color: #006699; background-position: center}

.FooterBorder { padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; font-size: xx-small; border: solid; border-width: 2px 0px 0px ; color: #3399CC; vertical-align: top; border-color: #C4DCE7 solid}

.Pic {  background-color: #66B3D9; border: 2px #3399CC solid; margin: 5px 10px 5px 10px}

.TableBorder {  border: #006699; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; margin-top: 0.5em; margin-bottom: 0.75em }
.TableH1 {  padding-top: .5em; padding-right: .5em; padding-bottom: .5em; padding-left: .5em; font-weight: bold; color: #FFFFFF; background-color: #006699; background-image: url(images/bgTableH1.jpg); background-repeat: repeat-y; font-size: small; letter-spacing: 0.10em; background-position: right}
.TableH2 { padding-top: 0.25em; padding-right: 0.5em; padding-bottom: 0.25em; padding-left: 0.5em; font-weight: bold; background-color: #9ACCE7; background-image: url(images/bgTableH2.jpg); background-repeat: repeat-y; ; background-position: right}
.TableCell {  padding-top: 0.25em; padding-right: 0.5em; padding-bottom: 0.25em; padding-left: 0.5em; margin-top: 0px; margin-bottom: 0px; vertical-align: top}

#FAQsContent p { padding-left: 1.25em; text-indent: -1.25em }
#FAQsContent h2 { padding-left: 1.25em; text-indent: -1.25em }
.FAQQuestion { color: #006699; font-weight: bold; font-size: x-small; margin-top: 0.5em; margin-bottom: 0.75em; padding-top: 0.5em; border-width: 1px 0 0 0; border-color: #C4DCE7 ; border-style: solid }
.FAQAnswer { color: #006699; font-weight: bold;  }


/*
 * Forms
 */


fieldset {
  border-color: #999999 ;
  padding: 10px;
}

legend {
  color: #333333;
  font-weight: bold; 
}

label {
  float: left;
  display: block;
  padding: 5px 5px 0px 0px;
}

fieldset.checkbox input {
  clear: both;
  float: left;
  width: auto;
}

fieldset.checkbox label {
  font-weight: normal;
}

input { display: block } 
select { display: block }

form {
  margin: 0px; 
  padding: 0px; 
}

.formTextfield { 
  font-size: x-small; 
  background-color: #F0F0F0; 
  border: 1px solid #7F9DB9;
  vertical-align: middle;
}
.formTextArea { 
  font-size: x-small; 
  background-color: #F0F0F0; 
  border: 1px solid #7F9DB9;
  vertical-align: middle;
  width: 100%
}

.formSubmit {  
  color: #333333;
  background-image:  url(images/bgSubmit.jpg);
  border: 1px solid #003399; 
  vertical-align: middle; 
}

.formSubmitSmall {  
  font-size: xx-small; 
  color: #333333;
  background-image:  url(images/bgSubmit.jpg);
  border: 1px solid #003399; 
  vertical-align: middle; 
}
