/*
Name: Navigation tab
URL: http://oursky.com/
Description: A Tab system design for one content area. Content is retrieved from an URL.
Version: 1.10
Author: Rick Mak
Author URL: http://blog.rickmak.net/
Last Update: 22 Mar 2008
*/
/* Associated with nav_tab.js and ../img/tab.gif + ../img/tab_clicked.gif */

.nav_tab_control {
	height: 20px;
	/*background-image: url(../img/tab.gif);*/
	font-size: 1.1em;
	padding-top: 5px;
	font-weight: bold;
	text-align: center;
	float: left;
	cursor:pointer;
	border-style: solid solid solid;
	border-width: 1px 1px 1px;
	border-color: #CCC;
	background: #FFFFFF url(../images/tab_bg.gif) repeat-x 0pt -225px;
}

#tab_control .clicked {
	/*background-image: url(../img/tab_clicked.gif);*/
	border-style: solid solid none;
	border-width: 1px 1px 0px;
	color: #A11B1B;
	background: #FFFFFF url(../images/tab_bg.gif) repeat-x scroll 0pt -180px;
}

.nav_tab_content {
	border-style: none solid solid;
	border-width: 0px 1px 1px;
	border-color: #CCC;
	height: auto;
	margin-bottom: 10px;
	overflow: hidden;
	padding-top: 25px;
    float: left;
}
.nav_tab_content ol{
	display: block;
	list-style-type: none;
}
.nav_tab_content li{
    display:block ;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.5;
}
.nav_tab_content a{
    color: #000;
	text-decoration: underline;
}
.nav_tab_content a:hover {
	color: #999;
	text-decoration: none;
}
/* general tab listing */
.nav_tab_content ol {
    margin-left: 0px;
}
/* title (number + link) */
.nav_tab_content li > span:first-child {
    width:570px;
    padding-right: 10px;
	padding-left: 10px;
}
/* number */
.nav_tab_content li > span:first-child > span {
    display:block;
    float: left;
    margin-right: 10px;
}
/* title + link*/
.nav_tab_content li > span:first-child > a {
    width:540px;
    display:block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* title + author + date */
.nav_tab_content li > span {
    width:90px;
    display:block;
    float:left;
    text-overflow: ellipsis;
    margin-top: 1px;
}

/* specially for comment's title, because it has one more column */
.nav_tab_content li span:first-child[class~="comment-title"] {
    width: 380px;
}
/* specially for comment's title link, because it has one more column */
.nav_tab_content li span:first-child[class~="comment-title"] > a {
    width: 350px;
}
div#nav_tab_ads {
    width:130px;
    height:130px;
    float:right;
}
div.nav_tab_mouse_over {
	/*background-color: #A11B1B;
	color: #fff;
	padding: 5px;
	border-color: #A11B1B;
	border-width: 1px;
	border-style: solid;
	width: 400px;
	font-size: 0.9em;*/
	
	background:#EAEFF4 none repeat scroll 0%;
    border:1px solid #7193B7;
    color:#393838;
    display:none;
    font-family:Tahoma,Arial;
    font-size:0.85em;
    line-height:16px;
    padding:5px;
    position:absolute;
    width:375px;
    z-index:10000;
}