@charset utf-8;


.anthologybox{
	width:845px;
}
.anthologybox p {
	margin-bottom:1.5em;
}

.anthologybox .left {
	width:500px;
	float:left;
}
.anthologybox .left2 {
	width: 573px;
}

.anthologybox .right {
	width:318px;
	float:right;
	text-align: right;
	margin-bottom: 10px;
}
.anthologybox .right2 {
	float:right;
	width: 243px;
}

.tabContent {
  border-top 1px solid #C6B4AC;
  border-left 1px solid #C6B4AC;
  border-right 1px solid #C6B4AC;
  border-bottom 1px solid #C6B4AC;
}

.tabContent ul li {
	floatleft;
}

.ui-tabs-nav li {
	floatleft;
	margin-right2px;
}

.ui-tabs-nav li a {
	position relative;
	top 1px;
	z-index 2;
	margin-top 0;
	width137px;
	height44px;
	displayblock;
	text-indent-10001px;
}

.ui-tabs-nav .fo a {
	backgroundurl(anthologyimagestab_fo.gif) no-repeat;
}

.ui-tabs-nav .so a {
	backgroundurl(anthologyimagestab_so.gif) no-repeat;
}

.ui-tabs-nav .mrfo a {
	backgroundurl(anthologyimagestab_mrfo.gif) no-repeat;
}

.ui-tabs-nav .mrso a {
	backgroundurl(anthologyimagestab_mrso.gif) no-repeat;
}

.ui-tabs-nav .erfo a {
	backgroundurl(anthologyimagestab_erfo.gif) no-repeat;
}

.ui-tabs-nav .erso a {
	backgroundurl(anthologyimagestab_erso.gif) 0 0 no-repeat;
}

.ui-tabs-nav .ui-tabs-selected a {
	position relative;
	top 1px;
	z-index 2;
	margin-top 0;
	background-position0 -44px;
}

.ui-tabs-nav .ui-tabs-hide {
    displaynone;
}

.photoList li {
	floatleft;
}

.photoList a {
	displayblock;
	margin10px;
	border-top1px solid #EEE;
	border-right1px solid #EEE;
	border-bottom1px solid #DDD;
	border-left1px solid #DDD;
}


.dbBoxOuter {
	margin-top10px;
	margin-bottom10px;	
	padding1px;
	border1px solid #DFDBC9;
	background-color#FFF;
}
	
.dbBoxInner {
	padding0.5em;
	border1px solid #DFDBC9;
}






 Caution! Ensure accessibility in print and other media types... 
@media projection, screen {  Use class for showinghiding tab content, so that visibility can be better controlled in different media types... 
    .ui-tabs-hide {
        display none;
    }
}

 Hide useless elements in print layouts... 
@media print {
    .ui-tabs-nav {
        display none;
    }
}

.ui-tabs-navafter {  clearing without presentational markup, IE gets extra treatment 
    display block;
    clear both;
    content  ;
}

.ui-tabs-nav a span {  hide from IE 6 
    width auto;
    height auto;
}

.ui-tabs-disabled {
    opacity .4;
    filter alpha(opacity=40);
}
.ui-tabs-panel {
    border 1px solid #C6B4AC;
    padding 1em 8px;
    background #fff;  declare background color for container to avoid distorted fonts in IE while fading 
}

 Additional IE specific bug fixes... 
 html .ui-tabs-nav {  auto clear, @ IE 6 & IE 7 Quirks Mode 
    display inline-block;
}
first-child+html .ui-tabs-nav  {  @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... 
    display inline-block;
}