/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
height: 75px;
/*background-image: url(http://www.free-organizer.net/images/verticalgradient2.jpg);*/
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
/*padding: 5px 7px;*/
background: white;
color: #666;
margin-right: 1px;
padding-top:47px;
padding-bottom:10px;
text-decoration: none;
font: 13px Arial;
width:102px;
background-image: url(http://www.free-organizer.net/images/mainmenugradient.jpg);
text-align:center;
}

.verticalgradientmainmenu
{
	background-image: url(http://www.free-organizer.net/images/verticalgradient2.jpg);
	background-repeat:no-repeat;
	float:left; 
	width:104px; 
	height:74px;
}

.mainmenuclass a{
	border-bottom:1px solid #DDDDDD;
	margin-right: 1px;
	margin-left: 1px;
	/*border-left:1px dotted #E8E8E8;*/
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: white;
color: #3b73b9;
text-decoration: underline;
}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear: left;
background: #E8E8E8;
width: 90%;
padding: 5px;
border: 1px solid black;
margin-bottom:1px;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
width:100px;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
}

.tabsmenucontentclass li:hover{
background: white;
color: black;
}


/* ######### Extendent Black Menu ######### */

.tabsmenuclass_black ul
{
	height: 35px;
	margin-top:-5px;
}

.tabsmenuclass_black a{
background: black;
color: white;
padding-top:11px;
font: 15px Arial;
font-weight:bold;
text-transform:capitalize;
width:136px;
background-image: url(http://www.free-organizer.net/images/blackmenugradient.jpg);
text-align:center;
}

.tabsmenucontentclass_black{
clear: left;
background: #E8E8E8;
width: 90%;
padding: 5px;
border: 1px solid white;
margin-bottom:1px;
}

.tabsmenuclass_black a:hover, .tabsmenuclass_black a.selected{
background: white;
color: white;
text-decoration: none;
background-image: url(http://www.free-organizer.net/images/blackmenugradient_selected.jpg);
}

/* ######### Extendent Gray Menu ######### */

.tabsmenuclass_gray ul
{
	height: 35px;
	margin-top:-6px;
	border:1px solid #DDDDDD;
	background-image: url(http://www.free-organizer.net/images/verticalgradient3.jpg);
}

.tabsmenuclass_gray a{
background: white;
color: #3b73b9;
padding-top:11px;
font: 15px Arial;
font-weight:bold;
text-transform:capitalize;
text-decoration: underline;
width:136px;
background-image: url(http://www.free-organizer.net/images/verticalgradient3.jpg);
text-align:center;
}

.tabsmenucontentclass_gray{
clear: left;
background: #E8E8E8;
width: 90%;
padding: 5px;
border: 1px solid #DDDDDD;
margin-bottom:1px;
}

.tabsmenuclass_gray a:hover, .tabsmenuclass_gray a.selected{
background: #DDDDDD;
color: #3b73b9;
text-decoration: underline;
background-image: url(http://www.free-organizer.net/images/verticalgradient3.jpg);
}

/* ######### Extendent Light Blue Menu ######### */

.tabsmenuclass_lightblue ul
{
	height: 22px;
	margin-top:-5px;
}

.tabsmenuclass_lightblue a{
background: white;
color: #666;
padding-top:4px;
padding-left:8px;
font: 12px Arial;
width:230px;
text-align:left;
}

.tabsmenucontentclass_lightblue{
clear: left;
background: #E8E8E8;
width: 90%;
padding-left: 5px;
border: 1px solid white;
/*margin-bottom:1px;*/
}

.tabsmenuclass_lightblue a:hover, .tabsmenuclass_lightblue a.selected{
background: white;
color: #3b73b9;
text-decoration: none;
background-image: url(http://www.free-organizer.net/images/lightbluemenugradient.jpg);
}


.tabsmenuclass_lightblue_select a{
background: white;
text-decoration: none;
background-image: url(http://www.free-organizer.net/images/lightbluemenugradient.jpg);
}

.tabsmenuclass_lightblue_header a{
color:black;
}