﻿
html {overflow-y:scroll;}

/* standard font */
body 
{
    font-family: Arial, Tahoma, sans-serif;
    color: #444444;
    background:#ffffff url(../images/bg.png) repeat-x top;
    margin:0;
    height:100%;
}


/* default content area text settings */
p,li,.adminTable td,.adminChkList label,.userTable td,.otherTable td
{
    font-size:0.8em;
    text-align:justify;
}

p.stiNameGap
{
    margin-bottom:14px;
    }

.otherTable
{
    border-collapse:separate;
}
.otherTable td
{
    vertical-align:top;
}

th
{
    text-align:left;
    }

a 
{
    color:#3672ea;
}

a.subhead
{
    font-weight:bold;
    color: #444444;
    }

a.green
{
    color:#00D857;
    }
    
a.stiName    
{
   font-weight:bold;
    }

h1          /* h1 : page headings only*/
{
   margin-top: 20px;
   margin-bottom: 14px;
   font-size:1.4em;
   font-weight:lighter;
   color:#1089dc;
}

h2
{
   font-size:1em;
   margin-bottom:-8px;
   font-weight:bold;
   color:#1089dc;
}

h2.homePage  /* sub title on home page */
{
   font-size:.9em;
   font-style:italic; 
   margin-bottom:-1px;
   margin-top:12px;
   color:#1089dc;
}
h3 
{
}

input[type=text], textarea, input[type=password],input[type=select]
{
    border:solid 1px #5286EF;
}
    
input[type=checkbox]
{
    border:none;
    /*margin:0px;*/
    color:#5286EF;
}    
    
input[type=button], input.btn
{
    border:solid 1px #5286EF;
    color:#5286EF;
    font-size:1.3em;
}  

.warning
{
    color: Red;
} 
.blue 
{
    color:#3672ea;
}
.hoverTip
{
     font-size:8pt;
    color: #339933;
    border-bottom: dashed 1px #339933;
    cursor: help;    
} 

/* --- HOMEPAGE PROMO BOX : START --- */
#divHomePromo
{
    background-image:url(../images/promo.jpg);
    width:611px;
    height:247px;
    padding:20px 0 0 20px;
    border:solid 1px #dadada;
    box-shadow:#ccc 0 0 1px;
    -moz-box-shadow:#ccc 0 0 1px;
    -webkit-box-shadow:#ccc 0 0 1px;
}
#divHomePromoLine1
{
    font-size:18pt;
    padding-top:8px;
    margin-bottom:15px;
   	color: #1089dc;
}
#divHomePromoLine2
{
    font-size:17px;
    margin-top:10px;
    margin-bottom:10px;
   	color: #444444;
   	width:344px;
   	line-height:1.3em;
}
#promoItems
{
    margin-top:21px;
}
.promoItem
{
    float:left;
    width:282px;
    padding:8px 20px 0 0;
}
#divHomePromoList
{
    padding-left:0px;       /* IE */
    margin-left:0px;        /* firefoxmargin-bottom:18px; */
}


#divHomePromoList .listItem 
{
    list-style-image:url(../images/tick.gif);
    font-size:10pt;
    margin-bottom:9px;
    margin-left:30px;
}

li
{
    list-style-image:url(../images/tick.gif);
    }
.listNormal li
{
    list-style-image: none;
     list-style-type: square;
}

#how-it-works
{
    padding:18px 8px 6px 8px;
    border:solid 1px #dadada;
    text-align:center;
    box-shadow:#ccc 0 0 1px;
    -moz-box-shadow:#ccc 0 0 1px;
    -webkit-box-shadow:#ccc 0 0 1px;
}
/* --- HOMEPAGE PROMO BOX : END --- */
    

/* --- GET TEST BUTTON (LOGIN) : START --- */
#divGetTestButton, #divGetTestHomeButton
{
    /*PRE BACKGROUND IMG: border:solid 1px #5286EF;width:188px;height:22px;*/
    /*background-color:#F4F4F4;
    font-size:13pt;
    color:#5286EF;
    padding: 4px;
    padding-left: 22px;
    padding-top: 5px;
    width:182px;
    height:21px;
    margin-top:18px;
    background-image:url(../images/gettestbtn-background.gif);*/
}
#divGetTestButton a, #divGetTestHomeButton a
{
    text-decoration:none;
}

#divGetTestButton
{
    margin-top:7px;
}
#divGetTestHomeButton
{
}
#divGetTestHomeButton a
{
    color:#ffffff;
    font-size:13pt;
    display:block;
    width:194px;
    height:30px;
    margin-top:8px;
    margin-left:-35px;
    padding: 4px;
    padding-top: 23px;
    padding-left: 28px;
    background:url(../images/promoResults.png) no-repeat left 0;
}
#divGetTestHomeButton a:hover,#divGetTestHomeButton a:focus
{
    background:url(../images/promoResults.png) no-repeat left -56px;
}
/* --- GET TEST BUTTON (LOGIN) : END --- */


/* --- FLYOUT : START --- */
td.flyout 
{
    background-color:White;
    background-image:url(../images/flyout-back.gif);
    vertical-align:top;
}
h2.flyout 
{
    font-size:13.5pt;
   	color: #3672ea;
    margin:8px 24px 6px 30px;
   font-weight:lighter;
}
p.flyout 
{
    font-size:8pt;
	color: #434444;
    color: #444444;
    margin:0px 24px 24px 30px;
}
/* --- FLYOUT : END --- */

/* --- moreinfo how it works box : START --- */
.divHowItWorksBuyBox
{
    padding:10px 8px 6px 8px;
    border:solid 1px #dadada;
    box-shadow:#ccc 0 0 1px;
    -moz-box-shadow:#ccc 0 0 1px;
    -webkit-box-shadow:#ccc 0 0 1px;
}
.divHowItWorksBuyBox .buy-button
{
    float:right;
}
.divHowItWorksBuyBox h1
{
    margin:0;
}
.divHowItWorksBuyBox .img-holder
{
    text-align:center;
}
/* --- moreinfo how it works box : END --- */
   
/* --- SIDE PROMO BOXES : START --- */
.divPromoBox,.divAnyPromoBox
{
    width:303px;
    margin-top:28px;
    padding:0px;
    padding-top:12px;
    clear:both;
    border:solid 1px #3672ea;
    background:#ffffff;
    /*margin-bottom: 12px;*/
}
.divAnyPromoBox
{
    border:solid 1px #00D857;
}       
.divPromoTitle,.divAnyPromoTitle
{
    position:relative;
    top:14px;
    padding:6px 0;
    color:#ffffff;
    font-size:.8em;
    text-align:center;
    float:left;
}
.divPromoTitle .heading-s{padding:6px 0 7px 10px;background:url(../images/header-s.png) no-repeat scroll left 0 transparent;}
.divPromoTitle .heading-e{padding:6px 10px 7px 0;left:0;position:static;background:url(../images/header-e.png) no-repeat scroll right 0 transparent;}
.divAnyPromoTitle
{
}
.divAnyPromoTitle .heading-s{padding:6px 0 7px 10px;background:url(../images/header-s.png) no-repeat scroll left -31px transparent;}
.divAnyPromoTitle .heading-e{padding:6px 10px 7px 0;left:0;position:static;background:url(../images/header-e.png) no-repeat scroll right -31px transparent;}
.divPromoText, .divAnyPromoText
{
    color: #444444;
    padding:8px;
    font-size:.8em;
}       
.divAnyPromoText
{
    font-size:.7em;
}       
.divAnyPromoText a
{
    color:#00D857;
}
.divPromoList
{
    margin-top:0px;
    margin-bottom:10px;        /* match listItem */
}

.divPromoList li 
{
    margin-left:-2px;
    list-style-image:url(../images/tick.gif);
    margin-top:10px;
  /*  margin-left:6px;*/
}
/* --- SIDE PROMO BOXES : END --- */


/* --- TEST BOXES FOR RIGHT SIDE : START --- */
.divTestSideBox
{
    /*background-image:url(../images/BuyTestSide-back.gif);*/
    background:#ffffff;
    height:59px;
    width:303px;  
    border:solid 1px #dadada;
    padding:0px;
    margin-bottom: 12px;
    box-shadow:#ccc 0 0 1px;
    -moz-box-shadow:#ccc 0 0 1px;
    -webkit-box-shadow:#ccc 0 0 1px;
}
.divTestSideLeft
{
    float:left;
    padding-left:10px;
    padding-top:7px;
}
.divTestSideTitle
{
    font-size:12pt;
    color: #1089dc;
    margin-bottom: 6px;
}
.divTestSidePriceLink
{
    font-size:12pt;
    color: #666666;
    padding-right:4px;
    padding-bottom: 3px;
    display:inline-block;
    width:64px;
}
.divTestSideRight
{
    float:right;
    padding-right:10px;
    padding-top:17px;
    text-align:right;
}
.divTestSideDivider 
{
    clear:both;
    height: 12px;
}
/* --- TEST BOXES FOR RIGHT SIDE : END --- */

/* --- TEST BOXES FOR MAIN CONTENT (FULL) : START --- */
.divTestMainBox
{
    border:solid 1px #dadada;
    padding:0px;
    margin-bottom: 12px;
    height:180px;
    width:270px;
    box-shadow:#ccc 0 0 1px;
    -moz-box-shadow:#ccc 0 0 1px;
    -webkit-box-shadow:#ccc 0 0 1px;
}
.divTestMainHeight
{
    height:137px;
}
.divTestMainTitle
{
    padding-left:14px;
    padding-top:9px;
    padding-right:14px;
    font-size:13.5pt;
    color: #3672ea;
    margin-bottom: 8px;
    float:left;
}

.divTestMainWords
{
    clear:both;
    padding-left:14px;
    padding-right:14px;
    font-size:.7em;
    text-align:justify;
}

.divTestMainPriceLink
{
    padding-left:14px;
    padding-top:10px;
    padding-right:14px;
    float:left;
}

.divTestMainPriceLink2
{
    padding-left:14px;
    padding-top:3px;
    padding-right:14px;
    float:right;
}

.divTestMainPriceLink .price
{
     font-size:13.5pt;
     color:#666666;
}

.divTestMainPriceLink2 .price2
{
     font-size:13.5pt;
   color:#666666;
}

.divTestMainInfoButton
{
    float:left;
    padding-left:14px;
    padding-top:3px;
}

.divTestMainInfoButton2
{
    float:left;
    padding-left:14px;
    padding-top:21px;
}

.divTestMainBuyButton
{
    float:right;
    padding-right:14px;
    padding-top:8px;
}

.divTestMainBox .link
{
    float:right;
    margin:-17px 14px 0 0;
}

/* --- TEST BOXES FOR MAIN CONTENT (FULL) : END --- */

/* --- TEST BOXES FOR MAIN CONTENT (SHORT) : START --- */
.divTestShortBox
{
    height:101px;
    width:178px;  
    border:solid 1px #dadada;
    padding:0px;
    margin-bottom: 12px;
    text-align:left;
    box-shadow:#ccc 0 0 1px;
    -moz-box-shadow:#ccc 0 0 1px;
    -webkit-box-shadow:#ccc 0 0 1px;
}

.divTestShortTitle
{
    padding-top:11px;
    font-size:13.5pt;
    color: #434444;
    margin-bottom: 6px;
    text-align:center;
    }

.divTestShortPrice
{
    font-size:13pt;
    text-align:center;
    color: #666666;
}

.divTestShortLink
{
    clear:both;
    float:left;
    padding-top:13px;
    padding-left:10px;
    font-size:10pt;
    color: #434444;
}

.divTestShortButton
{
    float:right;
    text-align:center;
    padding-top:12px;
    padding-right:10px;
}
/* --- TEST BOXES FOR MAIN CONTENT (SHORT) : END --- */



/* --- COUNTDOWN CLOCK : START --- */
#clockBack
{
    padding:0px;
    float:left;
    background-image:url(../Images/clock-back.gif);
    width:133px;
    height:43px;
}
.divClock
{
    float:left;
    text-align:center;
    font-size:9pt;
}

.divClockNums
{
    padding:8px 0px 4px 0px;
    border:none;
    width:35px;
    height:14px;
    text-align:center;
    margin-left:5px;
    margin-right:4px;
}
/* --- COUNTDOWN CLOCK : START --- */


/* --- USER AREA PAGES : START --- */
   
.divUsrTab,.divUsrTabActive
{
    float:left;
    text-align:center;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    border-top:solid 1px #3672ea;
    border-left:solid 1px #3672ea;
    border-right:solid 1px #3672ea;
    font-size:16px;
    margin-right:12px;
}

.divUsrTabActive
{
    background-color:#3672ea;
}
    
.divUsrTab a, .divUsrTabActive a   
{
    text-decoration:none;
}
    
.divUsrTabActive a
{
    color:#ffffff;
}

.divUserMain
{
    padding:12px;
    border:solid 1px #3672ea;
    *margin-top:-20px;
}

/* --- USER AREA PAGES : END --- */

/* --- TEST BOXES LAYING OUT : START --- */

#divTestMainTL
{
float:left;    }
    
    
#divTestMainTR
{
float:left;margin-left:14px;    }
    
    
#divTestMainBL
{
float:left;clear:both;    }
    
    
#divTestMainBR
{
  float:left;margin-left:14px;  
}

/* --- TEST BOXES LAYING OUT : END --- */

.divTestShortOuter2
{
float:left;
padding-left:65px;
}
    
.divTestShortOuter3
{
float:left;
padding-left:14px;
}

/* --- NEWS LAYOUT : START --- */
.newsitem
{
}
.newsitem .newsheading
{
    margin-top:0;
    margin-bottom:0;
}
.newsitem p
{
    color:#444444;
    font-size:.9em;
    margin-top:.5em;
}
.newsitem .more
{
}
/* --- NEWS LAYOUT : END --- */

