/*&&> d. Tabbed box */

.bands #south,.south #south {
	clear: both;
	padding-top: 5px;
	}

/* Tab Accessibility */

@media projection, screen { /* use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none; 
    }
}
@media print { /* maintain accessibility by overriding inline style used by animations... */
    .fragment {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
    }
    .anchors {
        display: none;
    }
}

/* Tab Navigation */

.anchors {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
	height: 33px;
	}

.anchors:after { /* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
	}

.anchors li {
	float: left;
	margin: 0 1px 0 0;
	}

.anchors a {
	background: #111 url(../i/anchors_inactive.jpg) no-repeat top left;
	color: #fff;
	display: block;
	font: 11px/22px verdana,sans-serif;
	margin: 0;
	padding: 5px;
	position: relative;
	text-align: center;
	text-decoration: none;
	height: 23px;
	width: 100px;
	letter-spacing: .01em;
	}

.anchors a:hover, .anchors a:focus, .anchors a:active {
	background: #222 url(../i/anchors_hover.jpg) no-repeat top left;
	}

.anchors .tabs-selected a {
	background: #bbb url(../i/anchors_active.jpg) no-repeat top left;
	color: #222;
	top: 0px;
	height: 23px;
	z-index: 1000;
	}

.anchors a:focus, .anchors a:active {
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}

.anchors .tabs-selected a:link, .anchors .tabs-selected a:visited,
.anchors .tabs-disabled a:link, .anchors .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
	}

.anchors a:hover, .anchors a:focus, .anchors a:active {
	cursor: pointer;
	}

.anchors .tabs-disabled {
	background: #bbb;
	}

.anchors .tabs-disabled a:hover, .anchors .tabs-disabled a:focus, .anchors .tabs-disabled a:active {
	background: #00aeef;
	}

.fragment {
	background: #bdbdbd url(../i/fragment_bottom.jpg) no-repeat bottom;
	position: relative;
	z-index: 500;
	}

.fragment_top {
	background: url(../i/fragment_top.jpg) no-repeat top;
	padding: 10px 10px 14px 10px;
	color: #555;
	}

.inlay {
	background: #e1e1e1;
	border: 1px solid #eee;
	}

.inlay_shadow_1 {
	border: 1px solid #bbb;
	}

.inlay_shadow_2 {
	border: 1px solid lightblue;
	padding: 0;
	}

#photos .inlay_shadow_2 {
	padding-top: 9px;
	}
	
#south .fragment p {
	color: #777;
	padding: 4px 10px;
	}

.fragment h1 {
	display: none;
	}

.pagination {
	clear: both;
	}