body 
{
    margin:0;
    color:#565656;
    font-family:Segoe UI;    
    background-color:#A3CAE5;
}

img
{
    border:0px;
}

*
{
    font-family:Segoe UI;
}

a, a:hover
{
    cursor:pointer;
    text-decoration:none;
}

a
{
    color:#557EB0;
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
}


#content p
{
    margin-top:6px;            
}

.tb
{
    border:solid 1px #cecece;        
    padding:3px;
    padding-top:4px;    
    color:#3A2F27;
    font-size:18px;
    font-weight:bold;
    background-repeat:repeat-x;
    background-image:url(../images/tb_bg.jpg);    
    height:24px;
    width:250px;
    letter-spacing:1px;
}

.btn
{
    background-color:#086AAE;    
    border:solid 1px #436691;
    color:#FFF;    
    padding:5px 16px;    
    font-weight:bold;
    font-size:18px;
    font-family:Segoe Condensed;    
    cursor:pointer;
}

.btn:disabled
{
    background-color:#57B4F7;  
    cursor:auto;
}

.ddl
{
    border:solid 1px #cecece;        
    padding:3px;
    padding-top:4px;    
    color:#808080;
    font-size:18px;
    font-weight:bold;
    background-repeat:repeat-x;
    background-image:url(../images/tb_bg.jpg);          
}

/*  Generic Items */

h1, h2, h3, h4, h5, h6, form, input, textarea, p
{
    margin:0;
    padding:0;
}

h3
{
    color:#808080;
    font-size:20px;    
    margin-top:20px;
}

h3 div
{    
    color:#086AAE;
}

.info h3
{
    font-weight:normal;
    font-size:19px;
}

/*  Skeleton */

#body
{
    width:100%;
    margin:0;
    padding:0;
}

#wrapper
{    
    width:100%;    
}

#top
{    
    background:url(../Images/Web/topbar_bg.png) repeat-x;
}

#bottom
{
    height:50px;    
}

#contentInner
{
    width:850px;
    margin:0 auto;
    min-height:700px;
    height:auto !important;
    height: 700px;    
    border:solid 1px #E5E5E5;
    border-top:0px;
    background:url(../Images/Web/main_bg.gif) repeat-y !important;
    padding-bottom:30px;
}

#main
{
    padding:30px 30px 10px 40px;
}

#sub
{
    min-height:700px;
    height:auto !important;
    height: 700px;    
    padding-bottom:40px;    
}

.we
{    
    border-bottom:solid 1px #77ABD4;
    text-align:right;
    text-transform: uppercase; 
    font-size: 0.8em; 
    color: rgb(136, 136, 136);
    padding-right:16px;
    margin-top:30px;
}

.we table
{
    width:100%;
}

#splash
{
    color:Black;
    font-weight:bold;    
}

#footer
{    
    width:78%;
    margin: auto auto;    
    margin-top:10px;    
    font-family:Verdana;
    font-size:12px;
    text-align:center;
}

#footer a
{
     font-size:12px;
}

#footer #copy
{
    margin-top:10px;
}

#footer #copy, #footer #small
{
    font-size:10px;
}

/*  Items */
#topNav
{    
    width:850px;
    margin:0 auto;
    position:relative;    
    height:75px;
}

#topBar
{
    
}

#topBar table
{
    margin:0px !important;        
    height:20px !important;
}

#topBar td
{
    background-color:#3E649A;        
    color:White;    
    font-size:12px;
    text-align:center !important;
    font-family:Calibri,Helvetica,Arial,sans-serif;
    font-weight:normal;
    margin:0px !important;    
    padding:2px 10px 2px 10px;
}

#topBar td a
{
    color:#f9f9f9;
    font-weight:bold;
}

#topBar td a:hover
{
    text-decoration:underline;
}

.topBarImage
{
    margin:0px !important;
    padding:0px !important;    
    width:0px !important;    
    background-color:Transparent;
}

#topNav .links
{
    font-weight:bold;
    height:75px;
    width:100%;
}

#topNav .links .nav td
{    
    padding-right:35px;
    text-align:center;
}

#topNav .inactive, #topNav .active
{    
    padding-top:4px;        
    border-bottom:0px;
    background: url(../Images/web/navLink_bg.png) #FFF repeat-x;            
    padding-bottom:4px;
    font-size:15px;
    color:White;     
}

#topNav .active
{    
    background:#FFF;
    color:#557EB0;
}

#topNav .inactive:hover
{
    color:Lime;
}

#topNav #nav_Home
{
    width:130px;
    color:#FFF;
    font-size:30px;
}

#pageWhat, .subHead, .title, subTitle, .head, .pageDescription, #stress, .info
{
    font-family:Calibri,Helvetica,Arial,sans-serif;
    color:#77ABD4;
}

.subHead
{
    font-weight:bold;
    font-size:18px;
    margin-top:10px;
}

.title
{
    font-size:18px;
    color:#808080;
    margin-top:8px;
}

h1
{
    font-size:25px;
    font-weight:bold;
    color:#DCBC1E;
}

#pageWhat
{
    border-bottom:solid 1px #77ABD4;
}

#pageWhat h3
{
    margin:0px;
    margin-top:-5px;
    
}

.pageDescription
{
    font-size:20px;    
    color:#086AAE;        
    width:90%;     
    margin-left:20px;
    margin-top:7px;   
}

.head
{    
    font-size:23px;
}

.info
{    
    width:90%;
    margin:auto auto;
    margin-top:10px;
    color:#6c6c6c;
    font-size:18px;   
}

.home h1
{
    font-size:22px;
    font-weight:bold;    
    color:#557EB0;        
    margin-top:25px;
    margin-left:12px;
    width:95%;
    line-height:30px;
    font-family:"Gill Sans","Gill Sans MT",Tahoma,Arial,Helvetica,Sans-Serif;
}

.tag
{    
    color:#DCBC1E !important;    
    font-size:25px;    
    font-style:italic;
    font-family:Times New Roman;
}

.home
{
    background:url(../Images/Web/water_splash_II.jpg) no-repeat;
    background-position:bottom right;
    height:270px;
    width:86%;
    margin-left:20px;
}

.homeNav
{
    
    margin-left:20px;
    margin-top:10px;
    border-bottom:solid 2px #E5F2FB;    
    padding-left:375px;
    padding-right:75px;    
    padding-bottom:10px;
}

.homeNav table
{
    width:400px;
}

.lst
{
    padding-bottom:5px;                 
}

.lst li
{         
    color:#808080 !important;
    font-size:18px;    
    line-height:30px;    
    font-family:"Gill Sans","Gill Sans MT",Tahoma,Arial,Helvetica,Sans-Serif;
}

.imp
{
    background:url(../Images/Web/home_imp_bg.png) no-repeat;    
    height:75px;
    width:710px;        
    font-weight:bold;        
}

.imp .impText
{    
    margin:28px;
    margin-top:0px;
    color:White;
    font-size:15px;
    padding-top:15px;
}

.more
{
    float:left;
    width:100%;
    margin: auto auto;    
    padding-bottom:15px;
    margin-left:25px;    
    border-top:solid 2px #E5F2FB;    
}

.navi
{
    margin-top:15px;
}
.navi table
{
    width:60%;
}

.navi table a
{
    font-size:16px;        
    font-weight:bold;
    color:#AFBD1F;
    font-weight:normal;
}

.navi table b
{
    color:#DCBC1E !important;    
    font-size:22px;    
}

.moreInfo
{
    color:#808080 !important;    
    font-size:17px;    
    margin-top:2px;        
    font-family:Tahoma;
    line-height:26px;
}

#learnModes
{    
    width:720px;
    margin:0 auto;  
    margin-top:10px;
}

#modes
{    
    display:inline-block;    
    list-style-type:none;      
}

#modes .action
{
    font-weight:bold;    
    text-decoration:none;
    width:130px;
    height:50px;
    font-size:18px;
    padding-top:18px;
    padding-left:37px;
    background-image:url(../Images/Web/learnMode.png);
    color:#FFF;
}

#modes .action:hover
{
    background-image:url(../Images/Web/learnMode_hover.png);
}

.more h3
{
    margin:0px;
    padding:0px;
    color:#0066CC;
    background:url(../Images/h2_II.png) no-repeat;
    background-position:center left;
    padding-left:20px; 
    margin-top:5px;   
    font-size:17px;        
    font-family:Trebuchet MS;    
}

.more table
{    
    margin:auto auto;
    margin-top:7px;
}

.more table td
{
    width:50%;
}

.more table p
{    
    margin:0px;
    margin-left:20px;    
    
}

.more .imageHolder
{
    width:400px;
    padding-top:20px;
}

h1 mode
{
    color:#DCBC1E;
}

#modeDisplay
{       
    margin-top:-10px;
}

#modeDisplay table
{
    width:100%;
}

#modeDisplay st
{
    color:#DB0D62;
}

#modeDisplay .left
{
    width:410px;    
    padding-right:10px;
}

#modeDisplay .info
{        
    font-weight:normal !important;
    font-family:Tahoma;
    margin:0px;
    margin-top:20px;    
}

#modeDisplay .info .abt h1
{
    color:#808080;
}

#modeDisplay .info h1
{
    font-weight:normal;
    font-size:17px;
    line-height:24px;
}

#modeDisplay .separator
{
    margin-top:7px;
}

#modeDisplay .right
{
    
}

#modeDisplay .exp
{
    padding-bottom:20px;
}

#modeDisplay .exp ul
{    
    /*margin-top:76px;*/
}

#modeDisplay .exp ul li
{
    list-style-type:none;
    font-size:18px;    
    margin:0px;    
    line-height:25px;
    padding-bottom:3px;
    color:#31859C;
    font-weight:bold;
}

#modeDisplay .right li
{
    list-style-type:disc;
    margin-left:15px;
    list-style-position:outside;
}

#modeDisplay .division
{
    border-top:solid 3px;
    color:#DCBC1E;
}

#modeDisplay .head
{
    font-weight:bold;
    font-size:18px;
    width:100%;    
    color:#DCBC1E;
}

#modeDisplay .details
{
    font-size:15px;    
    font-family:Trebuchet MS;
    padding-bottom:15px;
    padding-top:5px;
}

#modeDisplay .subInfo
{
    margin-top:5px;
    font-size:15px;
    font-family:Trebuchet MS;
    color:#808080;
}

#modeDisplay .details li, #modeDisplay .exp li
{
    float:none;
    color:#086AAE;
    margin-top:3px;
}

#modeDisplay .details span
{
    font-size:13px;  
    font-weight:normal;  
    color:#565656;
}

#why
{
    width:95%;
    margin:auto auto;
    margin-top:25px;
}

#why h1
{
    font-size:20px;
    margin-top:10px;
    color:#557EB0;
}

#why .more
{
    border:0px;
    font-style:normal;
    float:none;
    margin-top:10px !important;
}

#why .more b
{
    color:#77ABD4;   
    font-size:15px;
    text-decoration:none;
}

#why p
{    
    color:#DCBC1E;    
    font-weight:normal;
    font-size:17px;
    color:#565656;
    margin-top:10px;    
}


/********* SignUp Page **********/
.signUpContent .signUp
{
    font-size:16px;       
    width:85%;
    margin:auto auto;
    margin-top:15px;
}

.signUpContent .signUp .description
{
    font-size:20px;
    font-weight:normal;
    padding-bottom:15px;
}

.signUpContent .signUp .mobileNo
{
    margin-top:15px;
}

.signUpContent .table
{    
    margin:0px;
    width:53%;
    float:left;       
    color:#086AAE;    
    border:solid 1px #89BFE1;    
    background-color:#DCECF6;    
}

.signUpContent .table .signUp1, .signUpContent .table .signUp2
{
    width:280px;
    margin:auto auto;
    padding-top:25px;    
    height:340px;
    padding-bottom:10px;
}

.signUpContent .table .signUp2
{
    
}

.infor td, .repeatNo, .infors div
{
    font-size:12px;
    font-weight:normal;
    border:solid 1px #06D606;
    color:#049204;
    background-color:#FFF;
    padding:5px 5px 5px 5px;
    width:120%;
}

.infors
{    
    height:70px;
}

.infors div
{
    width:95%;    
    background-color:#FEEBE2;
    border:solid 1px #DC0C63;    
    color:#DC0C63;
    padding:5px 3px 5px 8px;    
}

.infored td
{
    font-size:12px;
    font-weight:normal;
    background-color:White;
    border:solid 1px #DC0C63;    
    color:#DC0C63;    
    padding:3px 0px 3px 12px;
}

.repeatNo
{
    padding:6px 8px 4px 10px;
    font-size:12px;    
}

.signUpContent .table .tb
{
    font-size:15px;
    height:20px;
    border:solid 1px #A3CAE5;
}

.signUpContent .steps
{
    width:45%;
    float:right;
    font-size:16px;    
}

.signUpContent .steps p
{
    padding-bottom:10px;
}

.signUpContent .steps num
{
    color:#06D606;
    font-weight:bold;
    font-size:20px;
}

.signUpContent .table .sideInfo
{
    font-weight:normal;
    color:#77ABD4;
    font-size:19px;
    padding-bottom:20px;
}

.signInContent
{
    width:85%;
    margin:auto auto;    
}

.signIn
{   
    height:350px;
    background:url(../Images/Web/Splash_SignIn.jpg) no-repeat;
    background-position:bottom left;    
    
}

.signIn .tableContent
{
    margin-left:400px;
    
}

.signIn .tb
{
    border:solid 1px #3E649A;
    border-right:solid 2px #3E649A;
    border-bottom:solid 2px #3E649A;
}

#content
{
    width:90%;
    margin:auto auto;
}


/******************How.aspx************/
#how
{
    width:90%;
    margin:auto auto;
}

#how #howSteps
{
    margin-top:10px;
    border-bottom:solid 1px #77ABD4;
    border-top:solid 1px #77ABD4;
    padding-bottom:20px;
}

#howSteps table
{
    width:95%;
    margin:auto auto;
}

#howSteps table #howImage
{
    width:270px;
}

#howSteps table .subHead
{
    font-size:20px;    
    margin-top:2px;
    color:#77ABD4;
}

#howSteps table img
{
    margin-left:10px;
}

#howSteps table .imgHolder
{
    width:120px;
}

#howSteps table tr
{
    vertical-align:top;    
}

#howSteps table td
{
    padding-top:30px;
}

#howSteps table p
{
    font-size:15px;
    margin-top:0px;   
}

#how #detail
{   
    margin:auto auto;
    padding-bottom:20px;    
}

#how #detail b
{
    color:#77ABD4;
}

#how .subHead
{
    font-size:24px;
    color:#DCBC1E;    
}

.lined
{
    border-bottom:solid 1px #77ABD4;
    height:1px;
    margin-top:5px;
}

#how #howTop
{
    width:80%;
    margin:auto auto;
    margin-top:20px;    
}
.chooseSplash
{    
    width:90%;
    margin:auto auto;   
    margin-top:10px;
}

.chooseSplash .head
{
    font-size:28px;
    text-align:center;
}

.chooseSplash table
{
    width:730px;
    margin:auto auto;
    margin-top:10px;
}

.chooseSplash td
{

}

.chooseSplash .corp
{
    background-image:url(../images/web/corp_bg.png);
    background-repeat:no-repeat;   
}

.chooseSplash .bus
{
    background-image:url(../images/web/bus_bg.png);
    background-repeat:no-repeat;   
}

.chooseSplash .inner
{
    font-family: arial,sans-serif;
    width:85%;
    height:500px;
    margin:auto auto;
}
.chooseSplash .action
{
    margin-top:10px;
    text-align:center;
}

.chooseSplash .inner .mode
{
    margin-top:25px;
    font-size:22px;
    color:White;
    text-align:center;
    padding-bottom:5px;
    border-bottom:dotted 1px White;
    font-weight:bold;
}

.fx
{
    width:220px;   
}

.fx ul
{
    padding:0px;
    margin:0px;    
}

.fx ul li
{
    margin:0px;
    padding:0px;
    font-family: arial,sans-serif;
    color:White;
    margin-top:10px;
    font-size:16px;
    font-weight:bold;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:disc;
    margin-left:30px;
    width:240px;
}

.join
{    
    background:url(../Images/Web/Splash_SignIn.jpg) no-repeat;
    height:332px;
    width:90%;
    margin:auto auto;
    margin-top:50px;
}

.join .pnl
{
    width:40%;
    margin:auto auto;    
    
    font-family:Verdana;
    font-size:16px;
    padding-left:400px;
}

.join table
{
    margin-top:10px;
}

.join .tb
{
    border:solid 1px #000;        
}

.sbmt
{
    font-size:18px;
    margin-top:15px;
}

.pstJoin
{
    text-align:center;
    margin-top:60px;
    font-size:18px;
}

.divThanks
{
    width:70%;
    margin:auto auto;
    text-align:center;
    margin-top:50px;
    font-weight:bold;
    border:solid 5px #8064A2;        
    padding:20px;
    background-color:#604A7B;
    color:#FFF;
    font-size:18px;
}

.divThanks .rkst
{
    font-size:12px;
    padding:10px 0px;
}

.divThanks .frm
{
    padding:10px 0px;
}

.impt
{
    font-size:14px;
    color:#494949;
}

.impt b
{
    line-height:22px;
}

.imptT
{
    font-size:16px;
    color:#494949 !important;   
}

.imptT p
{
    padding-top:10px;
    color:#333333 !important;   
}

.accept
{
    color:#808080;
    font-weight:bold;   
}

.accept a
{
    color:#065288 !important;
}