/*Layout*/
body { text-align: left; margin: 0px; padding: 0px; color: Black; background: #FFFFFF; }
/*body { text-align: left; margin: 0px; padding: 0px; color: Black; background: #FFFFFF url(../images/dithered-phone.jpg) no-repeat right bottom; }*/
input { font: 10px verdana, arial, sans-serif; border: solid 1px #5787E1; padding: 1px; background-color: GhostWhite; }
select { font: 10px verdana, arial, sans-serif; border: solid 1px #5787E1; padding: 1px; background-color: GhostWhite; }
option  { font: 10px verdana, arial, sans-serif; border: solid 1px #5787E1; padding: 1px; background-color: GhostWhite; }
input.Button { font: bold 10px verdana, arial, sans-serif; border: solid 1px Black; padding: 1px; margin-right: 0px; background-color: #FFA700; color: White;}
.Error { color: Red; }
a { text-decoration: underline; color: #5787E1; }
a:active { text-decoration: underline; color: #FFA700; }
a:hover { text-decoration: none; color: #FFA700; }

#Skeleton { width: 100%; height: 100%; border: none; margin: 0px; padding: 0px; font: 10px verdana, arial, sans-serif; }
#Skeleton td { border: none; margin: 0px; padding: 0px; }
#Skeleton .body { background: url(../images/sidebars.gif) repeat-y; padding: 0px 0px 0px 0px; width: 100%; height: 100%; vertical-align: top; }
#Skeleton .BodyBars { width: 100%; height: 100%; padding: 0px; margin: 0px; border: none; }
/**Side Bar**/
#Skeleton .LeftBar { vertical-align: top; width: 50px; white-space: nowrap; padding: 0px; margin: 0px; font: 10px verdana, arial, sans-serif; }
/**End Side Bar**/
/**Main**/
#Skeleton .FillBar { vertical-align: top; padding: 0px 30px 0px 10px; margin: 0px; font: 10px verdana, arial, sans-serif; }
#Skeleton .FillBar td { font: 11px verdana, arial, sans-serif; }

/***Store***/
#Skeleton .FillBar .Store .Title { font: bold 14px verdana, arial, sans-serif; color: #5787E1;}
#Skeleton .FillBar .Store .Price { }
#Skeleton .FillBar .Store .Description { }
#Skeleton .FillBar .Store td { padding-bottom: 10px; }
#Skeleton .FillBar .Store hr { padding: 0px; margin: 0px 0px 10px 0px; width: 100%; height: 1px; border: none 0px; color: #FFA700; background-color: #FFA700; }

#Skeleton .FillBar .Store .Invoice th { font: bold 12px verdana, arial, sans-serif; color: White; background-color: #5787E1; padding: 2px 4px 2px 4px;}
#Skeleton .FillBar .Store .Invoice tr { font: 10px verdana, arial, sans-serif; text-align: left; padding: 2px 4px 2px 4px;}
#Skeleton .FillBar .Store .Invoice tr.Color1 { background-color: #FFF0D4; }
#Skeleton .FillBar .Store .Invoice tr.Color2 { background-color: #CCDEFF; }
#Skeleton .FillBar .Store .Invoice td {  padding: 2px 4px 2px 4px;}
/***End Store***/

/***Members***/
#Skeleton .FillBar .LoginBox { border: solid 1px #5787E1; text-align: left; padding: 20px 20px 20px 20px; background-color: #E4EBFA; }
#Skeleton .FillBar .LoginBox .Title{ text-align: center; font: bold 14px verdana, arial, sans-serif; padding-bottom: 10px; color: #5787E1;}
#Skeleton .FillBar .LoginBox input { margin-bottom: 10px;}

#Skeleton .FillBar .Members .Title { font: bold 14px verdana, arial, sans-serif; color: #5787E1; }
#Skeleton .FillBar .Members .SubTitle { font: bold 12px verdana, arial, sans-serif; text-decoration: underline; color: #FFA700; }
#Skeleton .FillBar .Members td { padding-bottom: 4px; }
#Skeleton .FillBar .Members hr { padding: 0px; margin: 0px 0px 5px 0px; width: 100%; height: 1px; border: none 0px; color: #FFA700; background-color: #FFA700; }

#Skeleton .FillBar .Members .Invoice .Title {  }
#Skeleton .FillBar .Members .Invoice th { font: bold 12px verdana, arial, sans-serif; color: White; background-color: #5787E1; padding: 2px 4px 2px 4px;}
#Skeleton .FillBar .Members .Invoice tr { font: 10px verdana, arial, sans-serif; text-align: left; padding: 2px 4px 2px 4px;}
#Skeleton .FillBar .Members .Invoice tr.Color1 { background-color: #FFF0D4; }
#Skeleton .FillBar .Members .Invoice tr.Color2 { background-color: #CCDEFF; }
#Skeleton .FillBar .Members .Invoice td {  padding: 2px 4px 2px 4px;}


/***End Members***/

/**End Main**/

/**Template**/
#TopNav { display: inline; float: none; height: 20px; margin: 0; padding: 0; text-align: left; white-space: nowrap; }
#TopNav ul, #TopNav li { display: inline; list-style-type: none; margin: 1px; padding: 2px; border-right: solid 1px #5787E1; }
#TopNav a { display: inline; font: bold 10px verdana, arial, sans-serif; line-height: 22px; margin: 0px; padding: 0px; text-decoration: none;  color: #5787E1; }
#TopNav a:hover { border: none; border-bottom: 3px solid #5787E1; padding: 0px; color: #FFA700; }
#TopNavTable { font: bold 10px verdana, arial, sans-serif; height: 20px; border: solid 1px #5787E1; background: #E4EBFA; color: #5787E1; padding: 2px; margin: 5px; }

#TopLogin { border: solid 1px #5787E1; height: 20px; padding: 2px; margin: 5px; white-space: nowrap; width: auto; font: bold 10px verdana, arial, sans-serif; background-color: #E4EBFA; color: #5787E1; }

#MainNav { display: inline; float: none; height: 20px; margin: 0; padding: 0; text-align: left; white-space: nowrap; }
#MainNav ul, #MainNav li { display: inline; list-style-type: none; margin: 0; padding: 0; }
#MainNav a { border: 1px solid #999999; background: GhostWhite; color: #999999;  display: inline; font: bold 10px verdana, arial, sans-serif; line-height: 22px; margin: 0 0 0 2px; padding: 2px 5px; text-decoration: none; }
#MainNav a.active, #MainNav a:hover.active { border: none; border-bottom: 3px solid Black; padding: 2px 6px; background-color: White; color: #5787E1; }
#MainNav a:hover { border: none; border-bottom: 3px solid #FFA700; padding: 2px 6px; background: #fff; color: #5787E1;  }
#MainNav a:active { border-bottom: 1px solid White; background: #fff; border-color: #FFA700; color: #5787E1; }
#MainNavTable { background: url(../images/lineBG.gif) no-repeat; font: bold 10px verdana, arial, sans-serif; width: 100%; height: 20px; padding: 1px 0px; margin: 0px; }

#MemberNav { font: bold 10px verdana, arial, sans-serif; margin: 0; padding: 0; text-align: center; width: 100%; }
#MemberNav a { color: #5787E1; }
#MemberNav a:hover { color: White; }
#MemberNav td { margin: 0px; padding: 4px; cursor: pointer;}
#MemberNav td.menuItemOut { border: solid 1px #5787E1; background: #E4EBFA; color: #5787E1; }
#MemberNav td.menuItemOver { border: solid 1px #FFA700; background: #FFA700; color: White; }

.MemberNavTest {  font: bold 10px verdana, arial, sans-serif; margin: 0; padding: 0; text-align: center; width: 100%; }
.MemberNavTest a { border: solid 1px #5787E1; background: #E4EBFA; color: #5787E1; text-decoration: none; width: 100%; height: 100%;  margin: 0px; padding: 4px; }
.MemberNavTest a:hover {  border: solid 1px #FFA700; background: #FFA700; color: White; width: 100%; height: 100%; }

#BottomNav { display: inline; float: none; height: 20px; margin: 0; padding: 0; text-align: left; white-space: nowrap; }
#BottomNav ul, #BottomNav li { display: inline; list-style-type: none; margin: 0; padding: 0; }
#BottomNav a { border: 1px solid #999999; display: inline; font: bold 10px verdana, arial, sans-serif; line-height: 22px; margin: 0 0 0 2px; padding: 2px 5px; text-decoration: none; background: GhostWhite; color: #999999;}
#BottomNav a.active, #BottomNav a:hover.active { border: none; border-top: 3px solid Black; padding: 2px 6px; color: #5787E1; background-color: White; }
#BottomNav a:hover { border: none; border-top: 3px solid #FFA700; padding: 2px 6px; background: #fff; color: #5787E1; }
#BottomNav a:active { border-top: 1px solid White;  background: #fff; color: #5787E1; }
#BottomNavTable { font: bold 10px verdana, arial, sans-serif; width: 100%; height: 20px; padding: 0px 0px 10px 0px; margin: 0px; background: url(../images/lineBGBottom.gif) no-repeat; }
/**End Template**/
/*End Layout*/