/*
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;
    }
}

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


/*
TAB STYLES:
Some more styles, not important for making tabs work, just for the look of it...
*/
#tabs {
    /* this is only here to get the tab_arrow image pre-loaded */
	background:url(/images/tab_arrow.gif) -100px -100px no-repeat; 
}
.tabitem {
	float: left;
	font-size: 11px;
	background: #F5F5F5;
	text-align: center;
	position: relative;
	vertical-align: middle;
    margin-right: 3px;
	border: 1px solid #DCDCDC;
	border-bottom: 0;
	white-space: nowrap;
	cursor: pointer;
	-moz-border-radius: .4em .4em 0 0;
border-radius: .4em .4em 0 0;
}
.tabitem a {
	text-decoration: none;
	color: #888888;
	vertical-align: middle;
	font-size: 11px;
	height: 15px;
    display: block;
    position: relative;
    padding: 0px 2px 1px 4px;
	text-align: left;
	-moz-border-radius: .4em .4em 0 0;
	border-radius: .4em .4em 0 0;
	z-index:0;
	margin-bottom: 1px;
}
#tabs .tab-grouped {
	background: #FFFAE3;
}
#tabs .tab-grouped a {
	color: #000;
}
.fragment {
	position: relative;
	bottom: 2px;
	font-size: 11px;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-top:1px solid #999999;
	margin-top: 1px;

	background: #fff url(images/tab_ftr.gif) bottom repeat-x; 
	clear: both;
	z-index:0;
}

.hive_fragment {
/*	position: relative; */
	text-align: left;
	bottom: 1px;
	font-size: 11px;
	border: 1px solid #DCDCDC;
	margin-top: -1px;
	height: 198px;
	overflow: auto;
	background: #fff url(images/tab_ftr.gif) bottom repeat-x; 
	padding: 4px 0 4px 0;
	clear: both;
}

.hive_tabitem {
	float: left;
	width: 70px;
	font-size: 11px;
	background: #F5F5F5;
	text-align: center;
	position: relative;
	vertical-align: middle;
    margin-right: 3px;
	border: 1px solid #DCDCDC;
	border-bottom: 0;
	white-space: nowrap;
	cursor: pointer;
	-moz-border-radius: .4em .4em 0 0;
	border-radius: .4em .4em 0 0;
}
.hive_tabitem a {
	text-decoration: none;
	color: #888888;
	vertical-align: middle;
	font-size: 11px;
	height: 16px;
    display: block;
    position: relative;
    padding: 0px 4px 1px;
	text-align: center;
	-moz-border-radius: .4em; /* .4em 0 0; */
border-radius: .4em; /* .4em 0 0; */
}

.hive_anchors {
    list-style: none;
    margin: 0;
    padding: 0 0 1px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.hive-tabs-selected {
	z-index: 2;
	color:#000000;
	border-color: #DCDCDC;
	background: #fff;
	-moz-border-radius: .4em .4em 0 0;
	border-radius: .4em .4em 0 0;
}
.hive-tabs-selected a {
	font-size: 11px;
	color:#000000;
	height: 16px;
	background: #FFFFFF url(/images/tab_hive_selected.gif) repeat scroll 0%!important;
	position: relative;
	padding: 0px 4px 1px;
	font-weight:bold;
	margin-bottom: 1px;
	text-align: left;
	vertical-align: middle;
}

.rss-tabs-selected a {
	font-size: 11px;
	color:#000000;
	height: 16px;
	background: #FFFFFF url(/images/tab_rss_selected.gif) repeat scroll 0%!important;
	position: relative;
	padding: 0px 4px 1px;
	font-weight:bold;
	margin-bottom: 1px;
	text-align: left;
	vertical-align: middle;
}

.hive_tabitem a:focus, .hive_tabitem a:active {
    outline: none; /* @ Firefox 1.5, remove ugly dotted border */
}
.hive_tabitem .tabs-selected a, .hive_tabitem a:focus, .hive_tabitem a:active {
/* Was gray-ish bg color */
/*    background: #eaeaea; */
	background: #ffffff;
}
.hive_tabs-selected a:link, .anchors a:visited,
.hive_tabs-disabled a:link, .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.hive_tabitem a:hover, .hive_tabitem a:focus, .hive_tabitem a:active {
    cursor: pointer;
}
.hive_tabs-disabled {
    opacity: .4;
}
.hive_tabs-disabled a:hover, .hive_tabs-disabled a:focus, .hive_tabs-disabled a:active {
    background: transparent;
}









.shortlist {
	min-height: 0px;
}

.fragment-body {
	clear:both;
	padding: 10px 0 20px 10px;
}

.anchors {
    list-style: none;
    margin: 0;
    padding: 0 0 1px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

body #tabs .tabs-selected {
	z-index: 5;
	color:#000000;
	border-color: #999999;
	background: #fff;
	-moz-border-radius: .4em .4em 0 0;
	border-radius: .4em .4em 0 0;
}
body #tabs .tabs-selected a {
	font-size: 11px;
	color:#000000;
	height: 16px;
	background: #FFFFFF url(/images/tab_selected.gif) repeat scroll 0%;
	position: relative;
	font-weight:bold;
	margin-bottom: 1px;
	vertical-align: middle;
	z-index:5;
}
#dragHelper {
	opacity: 0.7;
	z-index: 3;
}
.tabitem a:focus, .tabitem a:active {
    outline: none; /* @ Firefox 1.5, remove ugly dotted border */
}
.tabitem .tabs-selected a, .tabitem a:focus, .tabitem a:active {
/* Was gray-ish bg color */
/*    background: #eaeaea; */
	background: #ffffff;
	
}
.tabs-selected a:link, .anchors a:visited,
.tabs-disabled a:link, .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabitem a:hover, .tabitem a:focus, .tabitem a:active {
    cursor: pointer;
}
.tabs-disabled {
    opacity: .4;
}
.tabs-disabled a:hover, .tabs-disabled a:focus, .tabs-disabled a:active {
    background: transparent;
}

/* MOVED FROM INTERNAL TO EXTERNAL */
 * {
	margin: 0;
	padding: 0;
 }
 h1 {
	margin: 0 0 1em;
	font-size: 143%;
 }
 h2 {
	margin: 2em 0 1em;
 }
 h3 {
	margin: 0 0 1em;
 }
 ul {
	list-style: none;
 }
/* Causes design to break... the header logo / search bar. */
/* p, pre {
	margin: 1em 0 0;
 } */
/*
 div {
	margin: 1.2em 0 0;
	width: 50%;
 }
 div div {
	margin: 0;
	width: auto;
 }
*/
/* END MOVED FROM INTERNAL TO EXTERNAL */
/* SORTABLE */
.tab-drag-helper { 
      float: left; 
      width: 8px !important; 
      height: 10px !important; 
      overflow: hidden !important;
      background: url(/images/tab_arrow.gif) !important; 
}
/* END SORTABLE */

/* SORTABLE FOR SETTINGS PAGE */
#quicktags_container {
    list-style: none;
    margin: 0;
    padding: 0 0 1px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.quicktags_sortableitem {
	padding: 2px;
	margin: 5px;
	font-size: 12px;
	background: #ffffff;
	text-align: left;
	z-index: 500;
	position: relative;
	vertical-align: middle;
}
/* END SORTABLE FOR SETTINGS PAGE */

.settings_panel_width {
	width: 100%;
	padding:0;
}

.settings_panel_quicktag_box {
	width: 100px;
}

.settings_panel_query_box {
	width: 100%;
}

.settings_panel_max_tabs {
	width: 30px;
}
.tabcontent {
margin-right:250px;
clear:none;
}
.tabfeatures{
float: right;
display: block;
width: 225px;
background: #fff;
margin-right: 10px;
clear:none;
}
#sponsors {
border-left:1px solid #F4F4F4;
width:225px;
font-size:9px;
color: #999999;
}