@charset "utf-8";

/* Tab Navigation */
.nav{ padding:30px 30px 50px 30px; margin-bottom:20px; border:1px solid #ddd;}

/* Tab Color Preset */
.whiteBody{ background:#fff;}
.whiteBody .tab{ border-bottom:2px solid #315593;}
.whiteBody .tab a,
.whiteBody .tab a span{background-image:url(cornerFFF.gif);}
.whiteBody .tab li li{ border-left-color:#ddd;}
.whiteBody .tab li li a{ color:#333;}

.blackBody{ background:#333;}
.blackBody .tab{ border-bottom:2px solid #315593;}
.blackBody .tab a,
.blackBody .tab a span{background-image:url(corner333.gif);}
.blackBody .tab li li{ border-left-color:#666;}
.blackBody .tab li li a{ color:#fff;}

/* Tab Main */
.tab{ position:relative; margin:0; padding:0; font-size:.75em; font-family:Tahoma, Sans-serif; line-height:normal; *zoom:1;}
.tab:after{ content:""; display:block; clear:both;}
.tab *{ margin:0; padding:0; list-style:none;}
.tab li{ float:left; margin-right:5px;}
.tab a,
.tab a span{ display:block; float:left; background-color:#4CB1E5; color:#fff; background-repeat:no-repeat; cursor:pointer; _cursor /**/:hand; white-space:nowrap;}
.tab a{ background-position:left top; text-decoration:none;}
.tab a span{ position:relative; padding:5px 15px; left:3px; background-position:right top;}

/* Tab Hover */
.tab a:hover,
.tab a:active,
.tab a:focus{ background-color:#6188CA;}
.tab a:hover span,
.tab a:active span,
.tab a:focus span{ background-color:#6188CA; font-weight:bold; letter-spacing:-1px;}

/* Tab Active */
.tab li.active a,
.tab li.active a span{ background-color:#315593;}
.tab li.active a{ position:relative; top:-2px; margin-bottom:-2px;}
.tab li.active a span{ padding:7px 15px; font-weight:bold; letter-spacing:-1px;}

/* Tab Sub */
.tab li ul{ height:auto; display:none; position:absolute; left:0; top:35px; overflow:hidden; white-space:nowrap;}
.tab li.active ul{ display:block;}
.tab li li{ position:relative; top:0; left:-1px; display:inline; float:none; margin:0; border-left:1px solid; padding:0 5px 0 10px; _zoom:1;}
.tab li li a{ position:relative; display:inline; float:none; background:none !important;}

/* Tab Sub Hover/On */
.tab li li a:hover,
.tab li li a:active,
.tab li li a:focus,
.tab li li.on a{ font-weight:bold; letter-spacing:-1px;}