html { overflow-y: scroll; }


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

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
	
	
	#search .tabs-nav {
        display: none;
    }
	
	#channelList .tabs-nav {
        display: none;
    }
	
}


#homepage{
	margin-top:7px;	
}




#homepage div div.tabWrap{
	background:url(../../images/tab-bg.gif) no-repeat 0 100%;
	padding: 0 10px 10px 10px;
}

.tabContentBorder{
	background:url(../../images/tab-contentBottom.gif) no-repeat 0 100% #fff;
	display:block;
	//display: inline-block; /* fix IE issues */
}


.tabContent{
	background:url(../../images/tab-contentTop.gif) no-repeat 0 0;
	padding:10px 10px 0;
	min-height:545px;
	height:auto!important;
	height:545px;
	
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 7px 0 0;
    min-width: 84px; /* be nice to Opera */
}

.tabs-nav a{
    display: block;
   /* padding: 4px 16px 4px 16px;*/
    padding:0 16px 0 0;
    background: url(../../images/tab.gif) no-repeat;
}

.tabs-nav a span {
    display: block;
   /* padding: 4px 16px 4px 16px;*/
    padding:4px 2px 4px 18px;
    background: url(../../images/tab.gif) no-repeat;
}

#homepage .tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    color: #828080;
    font-size: 110%;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
	
}


#homepage .tabs-nav .tabs-selected a {
    color: #0082c8;
	
}


.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}

.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;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 6px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
#homepage .tabs-container {
    padding: 10px 0px 0px 0px;
    background-color: #E8E8E8;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    position: relative;
}



.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../../images/loading.gif) no-repeat 0 50%;
}


.tabs-nav a a{
	background:transparent;
}


/*
Tabs - additional IE specific bug fixes

Recommended usage (Conditional Comments):
<!--[if lte IE 7]>
<link rel="stylesheet" href="tabs_ie.css" type="text/css" media="projection, screen" />
<![endif]-->

*/
.tabs-nav { /* auto clear */
    display: inline-block;
}
.tabs-nav .tabs-disabled {
    position: relative; /* fixes opacity */
    filter: alpha(opacity=40);
}
.tabs-nav .tabs-disabled a span {
    _height: 19px; /* for some reason the height is 1px to less with opacity... */
    min-height: 19px; /* ...in both IE 6 and 7 */
}


#search{
	margin-top:11px;	
	
}

#search .tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    color: #828080;
    font-size: 85%;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
	
}

#search .tabs-nav{
   /*margin:0 0 0 29px;*/
   //display:inline-block;
}

#search .tabs-nav li {
    float: left;
    margin: 0 0 0 7px;
    min-width: 80px; /* be nice to Opera */
}

#search a{
    display: block;
    padding: 0 5px 0 0;
    background: url(../../images/tab.gif) no-repeat;
}

#search a span{
    display: block;
   /* padding: 4px 16px 4px 16px;*/
    padding:3px 0 0 4px;
    background: url(../../images/tab.gif) no-repeat;
}


#search div div.tabWrap{
	background:url(../../images/tab-search-bg.gif) no-repeat 0 100%;
	padding: 0 10px 10px 10px;
	
	
}


#search .tabs-container {
    padding: 14px 0px 0px 0px;
    /*
    background: url(../../images/footer-cornerLeft.gif) no-repeat top left #e8e8e8;*/
	 /* declare background color for container to avoid distorted fonts in IE while fading */
    
	background-color: #e8e8e8;
	/* declare background color for container to avoid distorted fonts in IE while fading */
	
	position:relative;
}

#search .tabs-nav .tabs-selected a, #search .tabs-nav a:hover,#search .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}


#search .tabs-nav a,#search .tabs-nav .tabs-disabled a:hover,#search .tabs-nav .tabs-disabled a:focus,#search .tabs-nav .tabs-disabled a:active {
   background-position: 100% -100px;
}


#search .tabs-nav .tabs-selected a {
    color: #0082c8;
	
}



#search .tabs-nav .tabs-selected a span, #search .tabs-nav a:hover span, #search .tabs-nav a:focus span, #search .tabs-nav a:active span {
    background-position: 0 -50px;
}
#search .tabs-nav a span, #search .tabs-nav .tabs-disabled a:hover span, #search .tabs-nav .tabs-disabled a:focus span, #search .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}


#channelList{
	margin:13px 0 0 0;
	
}

#channelList a{
    display: block;
    padding:0;    
	margin:0;
    background: url(../../images/channel-tab.gif) no-repeat;
}

#channelList a span{
    display: block;
	height:24px;
	line-height:24px;
	padding:0 2px 0 2px;
	*padding:0 2px 0 15px; /*IE 6, 7*/
	margin:0;
	background: url(../../images/channel-tab.gif) no-repeat;
}


#channelList .paginationSmall li a{
	background:none;
	
}

#channelList .tabs-nav a {
    position: relative;
    z-index: 3;
    color: #828080;
    font-size: 90%;
    font-weight: normal;   
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */	 
	/*background: url(../../images/channel-tab.gif ) no-repeat;*/
	
}

#channelList .tabs-nav{
    border-bottom: 1px solid #CCC;
    height: 23px;
    display:block;
}



#channelList .tabs-nav li {
    float: left;
    margin: 0 7px 0 0;
    min-width: 96px; /* be nice to Opera */
}

#channelList .tabs-nav li.most{
	width:77px;
	
}

#channelList .tabs-nav li.last{
	margin:0;
}

#channelList .tabs-container {   
    background:#FFF; /* declare background color for container to avoid distorted fonts in IE while fading */
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
	position:relative;
    overflow:hidden;
    top:-1px;
}

#channelList .tabs-nav .tabs-selected a, 
#channelList .tabs-nav a:hover,
#channelList .tabs-nav a:focus{
    background-position: 100% -48px;
    outline: 0; /* prevent dotted border in Firefox */
	
}
.tabs-nav a:active {
    background-position: 100% -50px;
    outline: 0; /* prevent dotted border in Firefox */
}


#channelList .tabs-nav a,
#channelList .tabs-nav .tabs-disabled a:hover,
#channelList .tabs-nav .tabs-disabled a:focus,
#channelList .tabs-nav .tabs-disabled a:active {
    background-image:none;
    background-color:#F1F1F1;
    border: 1px solid #CCC;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    height:23px;
    top:-1px;
}

#channelList .tabs-nav a:hover,
#channelList .tabs-nav a:focus,
#channelList .tabs-nav a:active {
    background-color:#FFF;
}

#channelList .tabs-nav .tabs-selected a {
    color: #505050;
    background-image: none;
    background-color: #FFF;
    border-bottom: none;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    height:24px;
}
#channelList .tabs-nav .tabs-selected a span,
#channelList .tabs-nav a:hover span, 
#channelList .tabs-nav a:focus span, 
#channelList .tabs-nav a:active span 
{
    background: none;
}
#channelList .tabs-nav a:hover, 
#channelList .tabs-nav a:focus, 
#channelList .tabs-nav a:active {
    background-position: 0 0;
    *background-position: 100% -48px; /*IE 6, 7*/
}
#channelList .tabs-nav a span, 
#channelList .tabs-nav .tabs-disabled a:hover span, 
#channelList .tabs-nav .tabs-disabled a:focus span, 
#channelList .tabs-nav .tabs-disabled a:active span {
    background-image:none;
}


#channelList .channelWrapper{
	background:#FFF;
	padding:5px;
}