﻿/* CSS FOR TABS */
/* THERE IS AN EXAMPLE OF HOW TO USE THE CSS AT THE BOTTOM OF THIS FILE */


ul#tabnav /* GENERAL SETTINGS */
{ 
text-align: right; /* set to left, right or center */
margin: 0 50px 0 0; /* set margins as desired */
font-size:10pt; /* set font as desired */
border-bottom: 1px solid #e2e2e2; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li /* DO NOT CHANGE ... */
{ 
display: inline;
}

ul#tabnav li a /* settings for ALL tab links */
{ 
padding: 3px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #e2e2e2; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #EEF3E2; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 5px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover /* settings for hover effect */
{ 
background: #fff; /* set desired hover color */
padding: 4px 10px; /* reset the top padding to 4 do overlap the bottom border of the "tabnav" */
border-bottom-color:#fff;
}

/* ------------------------------------- EXAMPLE OF HOW TO USE --------------------------------------

<ul id="tabnav">
	<li><a href="#">Tab One</a></li>
	<li><a href="#">Tab Two</a></li>
	<li><a href="#">Tab Three</a></li>
	<li><a href="#">Tab Four</a></li>
</ul>

------------------------------------- DESCRIPTION TABLE -------------------------------------------*/
.SDesc
{
	font-size:8pt;
	margin:10px 0 -1em 5px;
}



/*------------------------------------------MAIN MENU-----------------------------------------------------*/

#sddm
{	
	margin: 0;
	padding: 0;
	z-index: 30;
	position:absolute;
	left:0px;
	top:5px;
}

#sddm li
{	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	/*font: bold 11px arial */
	font-size:8pt;
	
}

#sddm li a
{	
	display: block;
	margin: 0 1px 0 0;
	/*padding: 4px 10px;*/
	width: 60px;
	background: #556b2f;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	padding-bottom:1px;
	
}

#sddm li span
{
	display: block;
	margin: 0 1px 0 0;
	/*padding: 4px 10px;*/
	width: 60px;
	background: #556b2f;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	padding-bottom:1px;
	cursor:pointer;
}

#sddm li a:hover
{	
	background: #49A3FF;
}

#sddm div
{	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #eef3e2;
	border: 1px solid #556b2f;
	z-index:10;
}

#sddm div a
{	
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: 100%;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #eef3e2;
	color: #556b2f;
	font: 11px arial
}

#sddm div a:hover
{	
	background: #49A3FF;
	color: #FFF;
	width:auto;
}

.hlMe
{
	width:100%;
}

.hlMe hover
{
	background:#49A3FF;
	width:100%
}

.NewMessage
{
	background:url('../../images/newMessage.gif') !important;
	
}

.NewMessage a
{
	background:url('../../images/newMessage.gif') !important;
}


/*---------------------------------------In Control Menu-------------------------------------------
body {margin:25px; font:12px Verdana, Arial, Helvetica}
* {padding:0; margin:0}*/
.dropdown {float:left; padding-right:6px}
.dropdown dt {width:190px; border:1px solid #9ac1c9; padding:4px; font-weight:bold; cursor:pointer; background:url(../../images/header.gif)}
.dropdown dt:hover {background:url(../../images/header_over.gif)}
.dropdown dd {position:absolute; overflow:hidden; width:200px; display:none; background:#fff; z-index:200; opacity:0; padding:0; margin:0}
.dropdown ul {width:198px; border:1px solid #9ac1c9; list-style:none; border-top:none; padding:0; margin:0}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:188px}
.dropdown a:hover {background:#d9e1e4; color:#000}
.dropdown .underline {border-bottom:1px solid #b9d6dc}