/* --- TAB PANEL CSS --- */
#tabPanelWrapper {
   width: 500px;
}

.tabContent {
   background: #fff;
   border: 1px solid #ccc;
   border-top: none;
   clear: both;
   margin: 0px;
   padding: 15px;
   min-height: 450px;
}

/* hack for IE that does not support min-height */
* html .tabContent {
   height: 450px
}

.tabPanel {
   border-bottom: 1px solid #ccc;
   margin: 0;
   padding-bottom: 19px;
   padding-left: 10px;
}

.tabPanel ul,.tabPanel li {
   display: inline;
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.tabPanel a:link,.tabPanel a:visited {
   background: #E8EBF0;
   border: 1px solid #ccc;
   color: #666;
   float: left;
   font-size: small;
   font-weight: normal;
   line-height: 14px;
   margin-right: 8px;
   padding: 2px 10px 2px 10px;
   text-decoration: none;
}

.tabPanel a:link.ajaxCurrentTab,.tabPanel a:visited.ajaxCurrentTab {
   background: #fff;
   border-bottom: 1px solid #fff;
   color: #000;
}

.tabPanel a:hover {
   color: #f00;
}