* {
padding:0;
margin:0;
}
body {
font-family:"trebuchet MS", verdana, sans-serif;
font-size:12px;
color:#000;
}


#wrapper-1 {
width:900px;
margin:0 auto;
background:url(../images/wrapper.jpg) no-repeat left top;

}
#footer {
width:900px;
background:url(../images/footer-wrapper.gif) no-repeat top left;
height:179px;

}

#wrapper {
width:780px;
margin:0 auto;
position:relative;

}
.clear {
clear:both;
line-height:0;
font-size:0;
}
h1 {
font-size:24px;
font-weight:normal;
color:#5187c5;
line-height:20px;
padding-bottom:15px;
}
h2 {
font-size:24px;
color:#1ea64d;
line-height:20px;
padding-bottom:15px;
font-weight:normal;
}
h3 {
font-size:18px;
font-weight:normal;
color:#5187c5;
line-height:20px;
padding-bottom:9px;
}
p {
font-size:12px;
color:#000;
line-height:16px;
padding-bottom:12px;
}
a {
text-decoration:none;
color:#5187c5;;
}
a:hover {
color:#009933;
text-decoration:none;
}
.logout {
position:absolute;
right:0;
text-align:center;
float:right;
display:block;
height:25px;
width:78px;
background:url(../images/log-out.gif) no-repeat left top;
}
.logout a {
font-weight:bold;
color:#666;
}
.logout a:hover {
color:#009933;
text-decoration:none;
}
#header {
width:780px;
position:relative;
z-index:2;
}
#navbar {
float:left;
padding-left:132px;

padding-top:45px;
}
#navbar li {
float:left;
position:relative;
}
.logo {
top:40px;
position:absolute;
left:-29px;
}
#navbar li a {
display:block;
float:left;
height:32px;
text-align:center;
font-size:14px;
line-height:32px;
color:#fff;
padding-top:35px;
}

#navbar li a span {
display:block;
float:left;
cursor:pointer;
}
#navbar li a.home {
width:60px;
background:url(../images/home.gif) no-repeat center top;
}
#navbar li a.home:hover {
background:url(../images/home.gif) no-repeat center top;

}
#navbar li a.home span {
width:60px;
}
#navbar li a:hover span ,#navbar li a.active span{
background:url(../images/hover-nav.gif) repeat-x bottom ;
}

#navbar li a.training {
width:108px;
background:url(../images/my-training.gif) no-repeat center 8px;
}
#navbar li a.training span {
width:108px;
}
#navbar li a.schedule {
width:88px;
background:url(../images/schedule.gif) no-repeat center top;

}
#navbar li a.schedule span {
width:88px;
}
#navbar li a.billing {
width:72px;
background:url(../images/billing.gif) no-repeat center 2px;
}
#navbar li a.billing span {
width:72px;
}
#navbar li a.fotg  {
width:150px;
background:url(../images/fotg.gif) no-repeat center 3px;
}
#navbar li a.fotg span  {
width:150px;
}
#navbar li a.profile {
width:80px;
background:url(../images/profile.gif) no-repeat center 1px;
}
#navbar li a.profile span {
width:80px;
}
#navbar li a.contact {
width:80px;
background:url(../images/contact.gif) no-repeat center 0px;
}
#navbar li a.contact span {
width:80px;
}

#navbar ul {
position:absolute;
display:none;
padding-top:0;
top:67px;
z-index:1500;
left:0;
width:150px;

padding-bottom:15px;
text-align:left;
list-style:none;
}

#navbar li ul a{
font-size:12px;
height:auto;
font-weight:normal;
float:left;
line-height:25px;
width:120px;
border:0;
padding:0 0 0 20px;
text-decoration:none;
border-bottom:2px solid #fff;
color:#333;
text-align:left;
background:#e2fbc9!important;
}#navbar  ul li a {
text-decoration:none;
}

#navbar li ul li  a:hover {
text-decoration:underline;
}

#navbar ul ul{
top:auto;

}	

#navbar li ul ul {
left:130px;
margin:0px 0 0 10px;
}

#navbar li:hover ul ul, #navbar li:hover ul ul ul, #navbar li:hover ul ul ul ul{
display:none;
}
#navbar li:hover ul, #navbar li li:hover ul, #navbar li li li:hover ul, #navbar li li li li:hover ul{
display:block;
text-decoration:none;
}


#content {
width:780px;
float:left;
position:relative;
top:20px;
}
#left-content  {
width:338px;
float:left;
padding-left:12px;
padding-top:60px;
}
#left-content ul ,#left-content ol{

margin-left:15px;
}
#right-content  {
width:390px;
float:right;

}
.news-list {
float:left;
list-style:none;
float:left;
padding:0;
margin:0;
}
.news-list li {
float:left;
width:338px;
font-size:12px;
padding-bottom:20px;
}
.news-list li span{
color:#ff9900;
}
.status-box {
width:390px;
float:left;
margin-bottom:30px;
background:url(../images/status-top.gif) no-repeat top ;
}
.status-footer {
width:382px;
float:left;
padding-left:8px;
padding-top:5px;
background:url(../images/status-footer.gif) no-repeat bottom;

}
.box-top {
width:376px;
float:left;

background:url(../images/top-box.gif) no-repeat left top;
margin-bottom:5px;
}
.box-footer {
width:366px;
padding-top:12px;
padding-left:10px;
float:left;
padding-bottom:5px;
background:url(../images/footer-box.gif) no-repeat left bottom;


}
.buy-status {
float:left;
}
.buy-status li {
float:left;
width:342px;
clear:both;
font-size:12px;
position:relative;
line-height:17px;
padding-bottom:12px;
}
.buy-status li span {
font-size:18px;
display:block;
float:left;
width:35px;
line-height:15px;
word-spacing:4px;
}
.buy-status li a {
display:block;
position:absolute;
right:0;
top:0;

}
.buy-status li a:hover {
text-decoration:underline;
}
.libarary {
padding-right:5px;
float:right;
}
.libarary li {
float:left;
padding-right:20px;
}

.libarary li a {
display:block;
float:left;
padding-left:38px;
height:48px;
font-size:14px;
color:#ff9900;
line-height:48px;
}
.libarary li a.first-img {
padding-left:45px;
background:url(../images/library.gif) no-repeat left top;
}
.libarary li a.first-img:hover {
color:#009933;
background:url(../images/library-hover.gif) no-repeat left top;
}
.libarary li a.second-img {

background:url(../images/ask.gif) no-repeat left 6px;
}
.libarary li a.second-img:hover {
color:#009933;
background:url(../images/ask-hover.gif) no-repeat left 6px;
}
.message-list {
float:left;
padding-left:10px;
width:352px;
}
.message-list li {
float:left;
width:352px;
position:relative;
border-bottom:1px solid #e9e9e9;
padding-bottom:6px;
margin-bottom:13px;
}
.message-list li h2 {
padding-bottom:9px;
}
.message-list li span {
display:block;
float:left;
width:352px;
color:#6699cc;
}
.message-list li a.text-link {
display:block;
float:right;
position:absolute;
right:0;
bottom:0;
clear:both;
font-weight:bold;
color:#24a84e;
}
.message-list li a.text-link:hover {
color:#6699cc;
} 
#footer ul {
padding-top:155px;
padding-left:65px;
}
#footer ul li {
float:left;
background:url(../images/sep-footer.gif) no-repeat left 3px;
padding:0 8px 0 12px;
}
#footer ul li.no-background {
background:none;
} 
#footer ul li a {
display:block;
float:left;
color:#fff;
font-size:11px;
}
#footer ul li a:hover {
text-decoration:underline;
}
#footer ul , #right-content ul ,#header ul{
list-style:none;
}

table { width: 100%; margin-bottom: 10px; background-color: #E2FBC9; padding: 0px; }
table th { padding: 3px 8px 3px 8px; color: #415b46; }
table td { border-top: 1px solid #c1dbc6; padding: 3px 8px 3px 8px; }
table td table { margin: 0; }
table td table td { border: none; }
table a { border: none; background: transparent; color: #415b46; text-decoration: none; }
table a:hover { border: none; background: transparent; color: #415b46; text-decoration: underline; }


.login
{
    background-color:White;
}

.login table
{
    background-color:White;
}

.mGrid {   
       width: 100%;   
       background-color: #fff;   
       margin: 5px 0 10px 0;   
       border: solid 1px #525252;   
       border-collapse:collapse;   
   }  
.mGrid td {   
       padding: 2px;   
       border: solid 1px #c1c1c1;   
       color: #717171;   
   }  
.mGrid th {   
       padding: 4px 2px;   
       color: #fff;   
       background: #92BBE9;   
       border-left: solid 1px #525252;   
       font-size: 1.0em; 
       font-weight:bold;  
   }  
   
.mGrid tr:hover
{
    background-color: #BED3EE;
    }
.mGrid .alt { background: #E2FBC9; }  
.mGrid .pgr { width:100%; background: #424242 url(grd_pgr.png) repeat-x top; }  
.mGrid .pgr table { margin: 5px 0; }  
.mGrid .pgr td {   
  border-width: 0;   
      padding: 0 6px;   
      border-left: solid 1px #666;   
      font-weight: bold;   
      color: #fff;   
   line-height: 12px;   
  
  }     
.mGrid .pgr a { color: #666; text-decoration: none; }  
.mGrid .pgr a:hover { color: #000; text-decoration: none; }