/*
IMPORTANT:
Essential styles to ensure 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 STYLES:
Some more styles, not important for making tabs work, just for the look of it...
*/
.anchors {
    list-style: none;
    margin: 0;
    padding: 0 0 1px;
}
.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 {
    display: block;
    position: relative;
    top: 1px;
    border: 1px solid #392305;
    z-index: 2;
    padding: 5px 9px;
    color: #000;
	/*border-bottom: 0;
    text-decoration: none; background: #FCD28D;*/
}

.anchors .tabs-selected a {
    /*padding-bottom: 2px;*/ margin-bottom:0px; 
}
.anchors a:focus, .anchors a:active {
    outline: none; /* @ Firefox 1.5, remove ugly dotted border */
}
.anchors .tabs-selected a, .anchors a:hover, .anchors a:focus, .anchors a:active /*.fragment*/ {
    background: #CCCCCC; text-decoration:none; border: 1px solid #392305;
}
.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 {
    /*padding: 10px 10px;*/
}

*:first-child+html .anchors { display: inline-block; }
*:first-child+html .anchors a { float: left; }
.form-item { margin: 5px;  }
.form-item label { display: block; padding:0; }
.submit:hover, .batsearch:hover { color:#000000; }
fieldset { padding:5px; margin:10px 0 0 0; border:none;}


.required { color: #ff6600; }
input.search:hover, input.text:hover, input.reset:hover, textarea:hover, .password:hover { border: 1px solid #000000; }
input.search:focus, input.text:focus, input.reset:focus, textarea:focus, .password:focus { border: 1px solid #22598C; }
.form-required { color:#FF0000; }
legend { padding:0 1em; font-weight:bold; color:#000; }
input.text, textarea, .password {
	background: #fff url('../img/form.gif') repeat-x left top;
	background-attachment: inherit !important;
	background-attachment: fixed;
	border: 1px solid #ccc;
	padding: 4px 10px;
}
.textboxer { padding:0 40px 0 212px; font-size: 1.1em; }
input.text, .password { width: auto; height:16px; }

.selsearch { padding:5px;}
.fselect { height:90px; }
label.login {
	font-weight:bold;
	padding:0 1.0em;
	margin-top: 2px !important; 
	margin-top: 4px; 
	text-align: right; display: inline;
}