body {
background: #e4e4e4;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
margin:0px;
color:#000000;
}
td {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
margin-top:0px;
}
p {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
margin-top:0px;
color:black;
}
.type2Text {
color:black;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
.bigger {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}
.boxBG {
background-color: #f1f1f1;
}
.content {
padding-left:24px;
padding-right:18px;
padding-top:24px;
}
.content2 {
padding-left:24px;
padding-right:18px;
padding-top:24px;
padding-bottom:24px;
}
.content3 {
padding-left:24px;
padding-right:18px;
padding-top:15px;
padding-bottom:24px;
}
.greyBox {
background-color: #dbe1e6;
margin:0px;
padding: 22 25 25 25;
font-size:30px;
font-family: 'Times New Roman', Times;
}
.greyBox2 {
background-color:#dbe1e6;
padding:15px;
font-size:25px;
font-family: 'Times New Roman', Times;
margin: 0 0 14 0;
}
ul.iconList {
margin: 10 0 0 0;
padding:0px;
list-style-type: none;
}
li.iconList {
color: #000000;
font-family: Arial,Helvetica, sans-serif, Arial;
font-size: 15px;
text-decoration: none;
background: transparent url(/images/liIcon.png) scroll no-repeat left top;
padding: 0px 0px 8px 28px;
}
ul.smallCircle {
margin: 10 0 0 0;
padding:0px;
list-style-type: none;
}
li.smallCircle {
color: #000000;
font-family: Arial,Helvetica, sans-serif, Arial;
font-size: 15px;
text-decoration: none;
background: transparent url(/images/smallIcon.png) scroll no-repeat left top;
padding: 0px 0px 0px 25px;
margin-bottom:3px;
line-height:18px;
}
ul.smallDotIcon {
margin: 10 0 0 0;
padding:0px;
list-style-type: none;
}       
li.smallDotIcon {
color: #000000;
font-family: Arial,Helvetica, sans-serif, Arial;
font-size: 15px;
text-decoration: none;
background: transparent url(/images/smallDotIcon.png) scroll no-repeat left top;
padding: 0px 0px 0px 25px;
margin-bottom:3px;
line-height:18px;
}
.lightGreyBox {
background-color: #f1f1f1;
padding: 10 25 25 25;
}
ul.lightGreyBox {
margin: 10 0 0 0;
padding:0px;
list-style-type: none;
}
li.lightGreyBox {
color: #000000;
font-family: Arial,Helvetica, sans-serif, Arial;
font-size: 15px;
text-decoration: none;
background: transparent url(/images/lgbBG.png) scroll no-repeat left center;
padding: 4px 0px 2px 37px;
height: 24px;
margin:0px;
}
a {
color: #ff6c00;
}
.orange {
color: #ff6c00;
}
.mediumHeader {
font-size:21px;
font-family: 'Times New Roman', Times;
color: #000000;
}
a.buttonRow:link , a.buttonRow:active ,a.buttonRow:visited {
color:white;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
text-decoration:none;
}
a.buttonRow:hover {
color: #ff6c00;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
text-decoration:none;
}
a.buttonRow2:link , a.buttonRow2:active ,a.buttonRow2:visited {
color:#ff6c00;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
text-decoration:none;
}
a.buttonRow2:hover {
color: white;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
text-decoration:none;
}

a.buttonRowOn:link , a.buttonRowOn:active ,a.buttonRowOn:visited {
color:#ff6c00;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
text-decoration:none;
}
a.buttonRowOn:hover {
color: white;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
text-decoration:none;
}
.preBox {
background: url("/images/preBoxBG.gif") repeat-y;
color:white;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
font-weight:bold;
cursor:pointer;cursor:hand;
padding:5 14 0 0;
}
.orangeVariableButton {
background: url("/images/obBG.png") repeat-x;
color:white;
font-family: Arial, Times, serif;
font-size: 15px;
font-weight:bold;
cursor:pointer;cursor:hand;
vertical-align:top;
padding-top:8px;
}
.areaLink {
cursor:pointer;cursor:hand;
vertical-align:top;
}
.headerType {
color: #ff6c00;
font-family: "Times New Roman", Times, serif;
font-size: 21px;
font-weight:bold;
}
.mediumPink {
color: #fb3393;
font-weight:medium;
font-family: Helvetica, sans-serif, Arial;
font-size: 18px;
}
.titleBar {
color: #000000;
font-family: "Times New Roman", Times, serif;
font-size: 20px;
padding-left:27px;
padding-top:5px;
padding-bottom:4px;
height: 34px;
background: url("/images/titleBard.gif") no-repeat;
}
.biggerHeader {
color: #e64604;
font-weight:medium;
font-family: "Times New Roman", Times, serif;
font-size: 34px;
}
.bigHeader {
color: #e64604;
font-weight:medium;
font-family: "Times New Roman", Times, serif;
font-size: 26px;
}
.bigHeader2 {
color: #000000;
font-weight:medium;
font-family: "Times New Roman", Times, serif;
font-size: 26px;
}
.bigHeaderNoMargin {
color: #e64604;
font-weight:medium;
font-family: Helvetica, sans-serif, Arial;
font-size: 26px;
margin-bottom:5px;
}
.nameBox {
background-color:#2a3b6f;
padding-left:2px;
padding-right:2px;
color:#ff6c00;
font-family: Arial, sans-serif, Arial;
font-size:12px;
font-weight:bold;
}
.medium2Pink {
color: #fb3393;
font-weight:medium;
font-family: Helvetica, sans-serif, Arial;
font-size: 23px;
}
.medium3Pink {
color: #fb3393;
font-weight:medium;
font-family: Helvetica, sans-serif, Arial;
font-size: 16px;
}
.bigBlue {
color: #0a93bb;
font-weight:medium;
font-family: Helvetica, sans-serif, Arial;
font-size: 26px;
}
.bigBlueNoMargin {
color: #0a93bb;
font-weight:medium;
font-family: Helvetica, sans-serif, Arial;
font-size: 26px;
margin-bottom:5px;
}
.smaller {
font-size: 22px;
}
.smaller2 {
font-size: 11px;
}
.blue {
color: #3858bb;
}
.pink {
color: #fb3393;
}
.main {
background:#fff;
}
.wrap {
width:960px;
margin:0 auto;
height:100%;
}
.logo {
width: 207px;
padding-left:10px;
padding-top:5px;
}
.footer {
font-size:10px;
line-height:12px;
color:#fff;
}
.login_bar {
color: #6e9998;
}
.nextBox {
color: #ffffff;
font:16px/20px Arial, Helvetica, sans-serif;
font-weight: bold;
}
.nextTitle {
text-align:center;
font:16px/20px Arial, Helvetica, sans-serif;
font-weight: bold;
padding-top:5px;
padding-bottom:5px;
color:#000000;
}
.leftBoxTitle {
color: #ffffff;
font:12px/16px Arial, Helvetica, sans-serif;
font-weight: bold;
padding-top:8px;
text-align:center;
}
.recentLeft {
font:12px/16px Arial, Helvetica, sans-serif;
color:#ffffff;
padding-left:5px;
}
.recentLeftName {
font:12px/16px Arial, Helvetica, sans-serif;
color:#ffffff;
}
.recentLeftFlag {
padding-left:2px;
}
.recentRight {
font:12px/16px Arial, Helvetica, sans-serif;
color:#ffffff;
padding-right:5px;
text-align:right;
}
a.leftLink:link , a.leftLink:active ,a.leftLink:visited {
color:#ffffff;
text-decoration:none;
font:12px/16px Arial, Helvetica, sans-serif;
padding-left:20px;
}
a.login_bar:link , a.login_bar:active ,a.login_bar:visited {
color:#fff;
text-decoration:none;
font:12px/16px Arial, Helvetica, sans-serif;
}

#navi {
background: url("/images/navBG.jpg") repeat-x;
height:33px;
padding-top:0px;
text-align:center;
}
#navi ul{
list-style:none;
margin:0px;
padding-top:8px;
padding-left:0px;
}

#navi ul li{
display:inline;
border:0px solid #f00;
padding:0 7px 0 7px;
}

#navi ul li a:link, #navi ul li a:visited, #navi ul li a:active {
font-size:14px;
color:#c7c5c5;
color:#fff;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
}

#navi ul li a:hover {
color:#fff;
color:#e7f1ff;
}

#navi ul li a:link.current, #navi ul li a:visited.current, #navi ul li a:active.current {
color:#fff;
}
h1 {
margin:0px;
padding-bottom:15px;
color:#077fa3;
font-size:26px;
line-height:24px;
}
h2 {
margin:0px;
padding:0px;
color:#077fa3;
font-size:22px;
line-height:22px;
}
.paddingRL {
padding-left:30px;
padding-right:30px;
}
.banner {
padding:5px;
border:1px solid #ccc;
}
#sectl ul{
padding-left:0px;
margin-top:0px;
list-style:none;
}

#sectl ul li{
background: url("/images/bullet.png") top left no-repeat;
padding-left:20px;
height:20px;
}
a:link.boxa, a:visited.boxa, a:active.boxa {
color:#7521b0;
color: #036481;
font-weight:bold;
text-decoration:none;
}
a:hover.boxa {
text-decoration:underline;
}
#learnmore {
text-align:left;
padding-top:10px;
}

#learnmore a:link, #learnmore  a:visited, #learnmore  a:active {
color:#618931;
text-decoration:none;
}
#learnmore a:hover {
text-decoration:underline;
}
.bottom {
color: #2a3b6f;
padding-top:10px;
padding-bottom:10px;
}
a.bottom:link , a.bottom:active ,a.bottom:visited {
color:#2a3b6f;
text-decoration:none;
font:14px/16px Arial, Helvetica, sans-serif;
}
.ttl {  
   background-color:#3858bb;
   color:#ffffff;
   font:normal 11pt "Times New Roman";
}       
        
.stripe {
   background-color: #efefef;
}
.yellowStripe {
   background-color: #F6F7AB;
}
.purpleStripe {
   background-color: #F1BCF4;
}
.memberStripe { background-color:#F8C400; }      
.orderSuccessStripe {
   background-color: #66FF66;
}

.autoPendingStripe {
   background-color: yellow;
}
   
.autoFailStripe {
   background-color: #F7B942;
}
   
.autoInactiveStripe {
   background-color: #FB8495;
}  
   
.stripeKey {
   border: 1px solid black;
   background-color: #efefef;
   width:20px;
   height:20px;
}  
   
.orderSuccessKey {
   border: 1px solid black;
   background-color: #66FF66;
   width:20px;
   height:20px;
}

.autoPendingKey{
   border: 1px solid black;
   background-color: yellow;
   width:20px;
   height:20px;
}
.autoFailKey{
   border: 1px solid black;
   background-color: #F7B942;
   width:20px;
   height:20px;
}

.autoInactiveKey{
   border: 1px solid black;
   background-color: #FB8495;
   width:20px;
   height:20px;
} 
.mout { background-color:#efefef; font:normal 11pt "Times New Roman"; color:black; }
.mover { background-color:gray; font:normal 11pt "Times New Roman"; color:white; }
.earningsBold {
        font-family: Arial;
        font-size: 18px;
        font-weight: bold;
        color: #000000;
        text-align: center;
}
a.bigLink {
color: #0a93bb;
font-weight:medium;
font-family: Helvetica, sans-serif, Arial;
font-size: 21px;
text-decoration: none;
}
.iconDotText {
color: #3858bb;
font-family: Arial,Helvetica, sans-serif, Arial;
font-size: 21px;
text-decoration: none;
font-weight:bold;
background: transparent url(/images/orangeIconDot.png) scroll no-repeat left center;
padding: 2px 0px 2px 37px;
line-height:31px;
}
.iconText {
color: #3858bb;
font-family: Arial,Helvetica, sans-serif, Arial;
font-size: 21px;
text-decoration: none;
font-weight:bold;
background: transparent url(/images/orangeIcon.png) scroll no-repeat left center;
padding: 2px 0px 2px 37px;
height: 31px;
}
.iconTextBigger {
color: #3858bb;
font-family: 'Times New Roman', Times;
font-size:27px;
text-decoration: none;
background: transparent url(/images/orangeIcon.png) scroll no-repeat left center;
padding: 2px 0px 2px 37px;
height: 31px;
}
.iconTextPad {
padding-top:10px;
padding-bottom:10px;
}
.joinIconText {
color: #ff6c00;
font-family: 'Times New Roman', Times;
font-size:31px;
text-decoration: none;
background: transparent url(/images/orangeIcon.png) scroll no-repeat left center;
padding: 0 0 2 37;
height: 31px;
}
.joinSpacer {
width:35px;
}
.smalliconText {
color: #ff6c00;
font-family: Arial,Helvetica, sans-serif, Arial;
font-size: 21px;
text-decoration: none;
font-weight:bold;
background: transparent url(/images/smallIcon.png) scroll no-repeat left center;
padding: 2px 0px 0px 25px;
}
a.iconLink {
color: #3858bb;
font-family: Arial,Helvetica, sans-serif, Arial;
font-size: 21px;
text-decoration: none;
font-weight:bold;
background: transparent url(/images/orangeIcon.png) scroll no-repeat left center;
padding: 2px 0px 2px 37px;
height: 31px;
}
.smallBlueNumber {
color: white;
font-weight:bold;
font-family: Helvetica, sans-serif, Arial;
font-size: 12px;
background: transparent url(/images/smallBlankIcon.png) scroll no-repeat left center;
padding: 3px 3px 4px 5px;
height: 18px;
width:18px;
}
.blueNumber {
color: white;
font-weight:medium;
font-family: Helvetica, sans-serif, Arial;
font-size: 19px;
background: transparent url(/images/orangeIconBlank.png) scroll no-repeat left center;
padding: 1px 0px 4px 9px;
height: 32px;
width:30px;
}
.blueNumberText {
color: #fb3393;
font-weight:medium;
font-family: Helvetica, sans-serif, Arial;
font-size: 21px;
text-align:left;
}
a.green:link {
        color: #00961E;
        text-decoration: none;
   font-weight:bold;
}
a.green:visited {
        color: #00961E;
        text-decoration: none;
   font-weight:bold;
}
a.green:hover {
        text-decoration: underline;
        color: #00961E;
   font-weight:bold;
}

a.movieBox {
color: #ffffff;
font-weight:medium;
font-family: Helvetica, sans-serif, Arial;
font-size: 16px;
text-decoration: none;
}
.prev { 
   text-align: left;
   width: 130px;
}
        
.pages{ 
   text-align: center;
}
.next { 
   text-align: right;
   width: 130px;
}
.iconBlackText {
color: #3f3f3f;
font-weight:medium;
font-family: Helvetica, sans-serif, Arial;
font-size: 18px;
text-decoration: none;
background: transparent url(/images/blueCircleIcon.jpg) scroll no-repeat left top;
padding: 3px 0px 2px 37px;
height: 31px;
}
.iconPinkText {
color: #fb3393;
font-weight:medium;
font-family: Helvetica, sans-serif, Arial;
font-size: 21px;
text-decoration: none;
background: transparent url(/images/blueCircleIcon.jpg) scroll no-repeat left center;
padding: 3px 0px 2px 37px;
height: 31px;
}  
.definition{
        font-size: 10pt;
        padding-left: 10px;
        font-weight:normal;
}