/*

Tabs - important styles to ensure accessibility in print

*/
@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 {
    .anchors {
        display: none;
    }
}

/*

Tabs - not important for accessibility, just for the look of it...

*/
/*.anchors {
    list-style: none;
    margin: 0;
    padding: 0;
	display: inline-table;
	background: #F00;
}

.anchors:after { 
	content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

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

#contain-content ul.anchors li { /* Needed to override an existing style in style.css *//*
	margin-bottom: 0;
}

.anchors a {
    display: block;
    position: relative;
    top: 1px;
    border-bottom: 0;
    z-index: 2;
    text-decoration: none;
    padding: 2px 5px 1px;
	/*color: #000;
	margin: 0;*/
/*}*/

.anchors  {
	margin: 0;
	list-style-type: none;
}

.anchors:after {
	content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/**
 * This is to help IE 7. Do not remove.
 */
.anchors {
	display: inline-block;
}

#header h1 {
	margin: 10px 0 10px 17px;
	padding: 0;
}

.anchors li {
	float: left;
	/*border-left: 1px solid #505050;*/
	padding: 0;
	margin: 0 2px 2px 0;
}

.anchors li a {
	display: block;	
	width: 157px;
	height: 20px;
	text-decoration: none;
	background: #EDF5FA;
	padding: 0 4px;
	white-space: nowrap;
}

.anchors li a:hover {
	/*text-decoration: underline;*/
    color: #FFF;
    background: #009ADA url(../images/bg-gradient-blue-lg.gif) repeat-x left bottom;
	white-space: nowrap;
}

.anchors li.first {
	/*border: none;
	padding-left: 0;*/
}

/*.anchors .tabs-selected a {
    font-weight: bold;
	color: #027AC6;
}*/

.anchors .tabs-selected a {
	color: #FFF;
    background: #009ADA url(../images/bg-gradient-blue-lg.gif) repeat-x left bottom;
}

.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 {
    opacity: .4;
}

.anchors .tabs-disabled a:hover, .anchors .tabs-disabled a:focus, .anchors .tabs-disabled a:active {
    background: transparent;
}

.fragment {
    background: #edf5fa;
	position: relative;
    padding: 2px 10px 15px 10px;
	margin: 10px 0 0 0;
	/*display: inline-table;*/
}

/*.fragment:after { /* clearing without presentational markup, IE gets extra treatment *//*
	content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}*/

.fragment h4 {
	
}

/*.anchors .tabs-selected .tabs-loading {
    padding-left: 25px;
    background-image: url(loading.gif);
    background-position: 4px 50%;
    background-repeat: no-repeat;
}*/

#container-1 {
	position: relative;
}

#container-1 h3 {
	margin: 0 0 .5em 0;
}