/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding 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;
    }
}

.scroll-pane {
width: 320px;
height: 170px;
overflow: auto;
}

.ui-tabs-hide {
position: absolute;
left: -10000px;
display: block;
}

#tab-me {
margin-left:25px;
margin-top:10px;
margin-bottom:5px;
width:90%;
}

/* Skin */
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    
}
.ui-tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.ui-tabs-nav .ui-tabs-selected a {
    color: #000;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 7px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-nav .ui-tabs-disabled {
    opacity: .4;
}
.ui-tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../images/loading.gif) no-repeat 0 50%;
}

#tab1, #tab2, #tab3, #tab4, #tab5, #tab6, #tab7, #tab8 {
height:auto;
margin-left:25px;
margin-right:25px;
margin-bottom:25px;
border: dotted 1px #996633; 
padding: 0 15px;
color:#FFCC99;
}

#mics-left-side-box {
width:500px;
text-align:justify;
float:left;
margin:20px 15px 15px 5px;
}

#mics-left-side-box h3{
font-size:16px;
padding:0 0 5px 0;
margin-bottom:10px;
margin-top:0;
margin-left:15px;
color:#CC3333;
}

#mics-left-side-box img{
margin:0 15px 5px 0;
}

#mics-left-side-box p{
font-size:10px;
margin:0 5px;
}

#mics-right-side-box {
width:350px;
height:auto;
float:right;
margin-right:40px;
}

#mics-right-side-box #box {
margin:25px 15px 5px 15px;
width:350px;
background:#221200;
border:1px solid #2b2900;
text-align:center;
padding-bottom:15px;
}

#mics-right-side-box #box h2 {
text-align:left;
font-size:14px;
font-weight:900;
color:#FF6633;
width:350px;
padding:7px 0 7px 25px;
margin:0 0 20px 0;
background:url(../images/boxbg_title_d.jpg) no-repeat left top;
}

#mics-right-side-box img {
margin:2px;
}

.clearer {
clear:both;
}

.properties {
padding:15px 0;
list-style:none;
width:460px;
}

.properties li {
margin:5px 0;
background:url(../images/spec_li_bg.png) repeat-x 0 70% !important;
background-position:0 61%; /* Hack for IE */
padding-top:0;
font-size:9px;
font-weight:bold;
color:#CCCC33;
letter-spacing:1px;
}

.properties li a {
display:block;
background-color:#000000;
float:left;
padding:0;
color:#FFCC99;
text-decoration:none;
cursor:default;
}

.properties li span{
float:right;
padding:1px 3px;
color:#FFCC99;
background-color:#000000;
}

.properties li br {
clear:both;
}

#mics-bottom-side-box {
background:url(../images/tabs_photo/dl_brochure.jpg) right bottom no-repeat;
height:200px;
}