/* for the tabs */

#bar {
	background: #333333;
	height:20px;
	width:auto;
	}
ul {
margin:0;
padding:0;
}


.panel {
	height: auto;
	width: inherit;
	padding-top: 20px;
	clear: both;
	display: none;
	background-color: transparent;
}

.panel.active-tab-body {
	display: block;
	padding-bottom:50px;
}
.space {
	height: 28px;
	background-color: transparent;
}
.space2 {
	height: 26px;
	background-color: transparent;
}

#DivTabs {
	height: 28px;
	list-style: none;
	margin:-12px 0px 0px 0px;
	padding:0;
	position:absolute;
}

#DivTabs div {
	float: left;
	outline: none;
	/* padding: 5px 20px 5px 8px; */
	padding: 5px 0px 5px 0px;
	margin-left: 6px;
	border-top: 1px #999 solid;
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;
	/* background: url("/mdcdb/i/a-down.png") no-repeat scroll right top #EFEFEF; */
	background-color: #EFEFEF;
	position:relative;
}


.inactive-tab .Yrlist li.YRli:hover, .inactive-tab .Catlist li.Catli:hover {
	background-color:#F8F8F8;
}
.active-tab .Yrlist li.YRli:hover, .active-tab .Catlist li.Catli:hover {
	background-color:#EFEFEF;
}

#DivTabs div li.LIheader {
	margin: 0px 6px 0px 6px;
}

#DivTabs div li.SubCat {
	padding: 3px 6px 3px 6px;
	white-space:nowrap;
}

#DivTabs div.active-tab {
	background-color: #ffffff;
	border-bottom: 1px #fff solid;
	
}

#DivTabs li.active-tab {
	background-color: #ffffff;
	
}

#DivTabs .Yrlist {
	display:none;
	text-align:right;
}

#DivTabs .Catlist {
	display:none;
	text-align:left;
	background-color: #EFEFEF;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	/*border-top: 1px solid #999999;*/
	position:absolute;
	padding:3px 0 0;
	top:25px;
	left:-1px;
}

.multiTab {
	z-index:500;
}

.MoveLeft {
	position:relative;
	right: 8px;
}

#DivTabs div a {
	text-decoration: none;
	color: #666;
}

.SelectedYear {
	color:#666;
	font-size:15px;
	font-style:italic;
	float:right;
	margin: 5px 0px 0px 10px;
	height: 30px;
}

.YRli, .Catli {
	top:5px;
	position:relative;
	line-height:20px;
}

.YRliSelected, .CatliSelected {
	top:5px;
	position:relative;
	line-height:20px;
	font-style:italic;
	background-color: #F8F8F8;
	border: solid 1px #ccc;
	/* background: url("/mdcdb/i/a-left.png") no-repeat scroll right top; */
	}
	
#tabs {
	height: 28px;
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	outline: none;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #DCDCDC;
	text-decoration: none;
	color: #666;
	border-top: 1px #999 solid;
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;
}
#tabs a:hover {
	background-color: #ffffff;
	}
#tabs a.active-tab {
	background-color: #ffffff;
	padding: 5px 8px;
	color: #666;
	border-bottom: 1px #fff solid;
	
}
#mainmenu {
	display:block;
	height:auto;
	width:auto;
	clear:both;
	position:relative;
	z-index:1;
	}
#line {
	display:block;
	margin-top: -27px;
	border-top: 1px #999999 solid;
	z-index:-1;
	}
#Clientline {
	display:block;
	margin-top: -39px;
	border-top: 1px #999999 solid;
	z-index:-1;
	}
.bar {
	/*  margin-top: -25px;  */
	padding: 5px;
	background-color: transparent;
}

/*  by dan */

.boxy-tab {
	clear:both;
	height:50px;
	}
.boxy-tab img {
	float:left;
	margin: 0 10px 10px 0;
	}
.boxy-tab a {
	float:left;
	font-size: 18px;
	line-height: 19px;
	}
.boxy-tab-info a, 
.boxy-tab-info span {
	float:none;
	display: block;
	}
.boxy-tab-info span {
	line-height:16px;
	}
.panel h2 {
	clear:both;
	}
#work-year-nav,
#work-client-nav {
	background:#F5F5F5 none repeat scroll 0 0;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	clear:both;
	display:block;
	height:14px;
	margin:10px 0;
	padding:9px;
	width:auto;
	}

/*#work-year-nav,
#work-client-nav {
	padding:0;
	}*/

#work-year-nav ul li,
#work-client-nav ul li {
	float: left;
	}
#work-year-nav ul li a,
#work-client-nav ul li a {
	height: 30px;
	outline: none;
	color: #000;
	padding:10px 9px 9px 9px;
	text-decoration:none;
	}
#work-year-nav ul li a:hover,
#work-client-nav ul li a:hover {
	color: #999;
	text-decoration:underline;
	}
#work-year-nav ul li a.activecat,
#work-client-nav ul li a.activecat {
	background: #999999;
	color: #fff;
	text-decoration:none;
	}

#Advertising-year,
#Shows-year,
#Editorial-year,
#Other-year,
#Catalog-year,
#Magazine-year,
#Advertising-client,
#Shows-client,
#Editorial-client,
#Other-client,
#Catalog-client,
#Magazine-client {
	display:none;
	}


.navbox{/* width:840px*/}
ul#tabnav{list-style-type:none;padding:0px 0px 24px 6px;border-bottom:1px solid #999;margin:0}
ul#tabnavB{list-style-type:none;padding:0px 0px 24px 6px;border-top:1px solid #999;margin:0}
ul#tabnav li{float:left;text-align:center;height:21px;width:22px;background-color:#EFEFEF;border:1px solid #9A9A9A;margin:2px 4px 0px 0px;}
ul#tabnavB li{float:left;text-align:center;height:22px;width:24px;background-color:#EFEFEF;margin:0px 4px 2px 0px; position:relative;}
body#tab1 li.tab1,body#tab2 li.tab2,body#tab3 li.tab3,body#tab4 li.tab4,body#tab5 li.tab5,body#tab6 li.tab6,body#tab7 li.tab7,body#tab8 li.tab8,body#tab9 li.tab9,body#tab10 li.tab10,body#tab11 li.tab11,body#tab12 li.tab12{border-bottom:1px solid #646464;background-color:#646464;}
ul#tabnav li.pg {background-color:#f7f7f7;border:1px solid #f7f7f7;width:42px;border-bottom: 0px solid #FFFFFF;}
ul#tabnavB li.pg {background-color:#f7f7f7;border:0px solid #f7f7f7;width:44px;margin-top:1px;}
ul#tabnav li.yrpg {color:#666;border-bottom:1px solid #fff;border-top:1px solid #9A9A9A;border-left:1px solid #9A9A9A;border-right:1px solid #9A9A9A;background-color:#fff;}
ul#tabnavB li.yrpg {margin-top:-1px;color:#666;border-top:1px solid #fff;border-bottom:1px solid #9A9A9A;border-left:1px solid #9A9A9A;border-right:1px solid #9A9A9A;background-color:#fff;}
ul#tabnav li.tab0 {width:42px;}
ul#tabnavB li.tab0 {width:44px;}
.curp{display:block;padding:4px;}
#tabnavB .curp{display:block;padding:4px;position:relative; top:-1px;}
body#tab1 li.tab1 a,body#tab2 li.tab2 a,body#tab3 li.tab3 a,body#tab4 li.tab4 a,body#tab5 li.tab5 a,body#tab6 li.tab6 a,body#tab7 li.tab7 a,body#tab8 li.tab8 a,body#tab9 li.tab9 a,body#tab10 li.tab10 a,body#tab11 li.tab11 a,body#tab12 li.tab12 a{color:#ffffff;}
#tabnav a{display:block;color:#666;text-decoration:none;padding:4px;}
#tabnav a:hover{background:#ffffff;color:#666;}
#tabnavB a{display:block;color:#666;text-decoration:none;padding:4px;position:relative; top:-1px;border:1px solid #9A9A9A;}
#tabnavB a:hover{background:#ffffff;color:#666; border-top:1px solid #fff;}
.mtxt,.adHeadline A:active,.adHeadline A:hover,.adHeadline A:visited:hover,.topnav A:active,.topnav A:hover,.topnav A:visited:hover{color:#CCF;}
.tabrow{background-color:#f7f7f7;}
.alphadiv{margin:10px;width:auto; text-align:center;}
.spacer {clear:both;}


.Ebutt {float:left;text-align:center;background-color:#EFEFEF;border:1px solid #9A9A9A;}
.Ebutt a{font-family: Arial,Helvetica,sans-serif;font-size: 12px;color:#666;text-decoration:none;padding:4px;padding: 1px 4px;}
.Ebutt a:hover{background:#ffffff;color:#666;}
	
/* Stephan's Ultimate Tweak of Dan's Ultimate Tweak */

#tabnav li.tabcurrent {
	color:#666;
	border-bottom:1px solid #fff;
	background-color:#fff;
	}

#tabnavB li.tabcurrent {
	color:#666;
	border-top:1px solid #fff;
	border-right:1px solid #9A9A9A;
	border-bottom:1px solid #9A9A9A;
	border-left:1px solid #9A9A9A;
	background-color:#fff;
	margin-top:-1px;
	padding-top:1px;
	width:22px;
	}
