.ddcolortabs{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddcolortabs ul{
font: normal 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


.ddcolortabs a{
float:left;
color: #FFFFFF;
background: #CFD7DC no-repeat left top;
margin:0 2px 0 0;
padding:0 0 0px 0px;
text-decoration:none;
letter-spacing: 1px;
}

/*padding:0 0 1px 3px; margin:0 2px 0 0;*/

/* Start Tab */

.ddcolortabs a span.start{ float:left; display:block; background: #CFD7DC no-repeat right top;
padding: 4px 8px 2px 7px;}

.ddcolortabs a span.start{float:none;}

.ddcolortabs a:hover span.start{background-color: #CFD7DC; color: white;}

.ddcolortabs .selected a, #ddcolortabs .selected a span.start{ /*currently selected tab*/
background-color: #CFD7DC;}

.dropmenudiv_start a:hover span.start{ background-color: #CFD7DC; color: white;}

.dropmenudiv_start{
position:absolute; top: 0;
border: 1px solid black; /*THEME CHANGE HERE*/
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0; font:normal 12px Arial;
line-height:18px; z-index:100; background-color: #CFD7DC; width: 200px;
visibility: hidden;}


.dropmenudiv_start a{
width: auto; display: block; text-indent: 5px;
border-top: 0 solid #678b3f; border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0; text-decoration: none;color: black;}

* html .dropmenudiv_start a{ /*IE only hack*/
width: 100%;}

        .ddcolortabs a span.startActive{ float:left; display:block; background: #CFD7DC no-repeat right top;
        padding: 4px 8px 2px 7px; color: white;}

        .ddcolortabs a span.startActive{float:none;}

        .ddcolortabs a:hover span.startActive{ background-color: #CFD7DC; color: #FFFFFF;}

        #ddcolortabs .selected a span.startActive{ /*currently selected tab*/ background-color: #CFD7DC;}

	/* End Start*/

/* My ST Tab */

.ddcolortabs a span.myst{ float:left; display:block; background: #CFD7DC no-repeat right top;
padding: 4px 8px 2px 7px;} 
 
.ddcolortabs a span.myst{float:none;} 
 
.ddcolortabs a:hover span.myst{background-color: #CFD7DC; color: white;} 
 
.ddcolortabs .selected a, #ddcolortabs .selected a span.myst{ /*currently selected tab*/
background-color: #CFD7DC;}

.dropmenudiv_myst a:hover span.myst{ background-color: #CFD7DC; color: white;}

.dropmenudiv_myst{
position:absolute; top: 0;
border: 1px solid black; /*THEME CHANGE HERE*/
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0; font:normal 12px Arial;
line-height:18px; z-index:100; background-color: #CFD7DC; width: 200px;
visibility: hidden;}


.dropmenudiv_myst a{
width: auto; display: block; text-indent: 5px;
border-top: 0 solid #678b3f; border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0; text-decoration: none;color: black;}

* html .dropmenudiv_myst a{ /*IE only hack*/
width: 100%;}

        .ddcolortabs a span.mystActive{ float:left; display:block; background: #CFD7DC no-repeat right top;
        padding: 4px 8px 2px 7px; color: white;}

        .ddcolortabs a span.mystActive{float:none;}

        .ddcolortabs a:hover span.mystActive{ background-color: #CFD7DC; color: #FFFFFF;}

        #ddcolortabs .selected a span.mystActive{ /*currently selected tab*/ background-color: #CFD7DC;}
	/* End My ST */

/* myprofile Tab */

.ddcolortabs a span.myprofile{ float:left; display:block; background: #CFD7DC no-repeat right top;
padding: 4px 8px 2px 7px;}

.ddcolortabs a span.myprofile{float:none;}

.ddcolortabs a:hover span.myprofile{background-color: #CFD7DC; color: white;}

.ddcolortabs .selected a, #ddcolortabs .selected a span.myprofile{ /*currently selected tab*/
background-color: #CFD7DC;}

.dropmenudiv_myprofile a:hover span.myprofile{ background-color: #CFD7DC; color: white;}

.dropmenudiv_myprofile{
position:absolute; top: 0;
border: 1px solid black; /*THEME CHANGE HERE*/
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0; font:normal 12px Arial;
line-height:18px; z-index:100; background-color: #CFD7DC; width: 200px;
visibility: hidden;}


.dropmenudiv_myprofile a{
width: auto; display: block; text-indent: 5px;
border-top: 0 solid #678b3f; border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0; text-decoration: none;color: black;}

* html .dropmenudiv_myprofile a{ /*IE only hack*/
width: 100%;}

        .ddcolortabs a span.myprofileActive{ float:left; display:block; background: #CFD7DC no-repeat right top;
        padding: 4px 8px 2px 7px; color: white;}

        .ddcolortabs a span.myprofileActive{float:none;}

        .ddcolortabs a:hover span.myprofileActive{ background-color: #CFD7DC; color: #FFFFFF;}

        #ddcolortabs .selected a span.myprofileActive{ /*currently selected tab*/ background-color: #CFD7DC;}


	/* End myprofile*/



/* Browse Tab */ 
 
.ddcolortabs a span.browse{ float:left; display:block; background: #CFD7DC no-repeat right top;
padding: 4px 8px 2px 7px;}

.ddcolortabs a span.browse{float:none;}

.ddcolortabs a:hover span.browse{background-color: #CFD7DC; color: white;}

.ddcolortabs .selected a, #ddcolortabs .selected a span.browse{ /*currently selected tab*/
background-color: #CFD7DC;}

.dropmenudiv_browse a:hover span.browse{ background-color: #CFD7DC; color: white;}

.dropmenudiv_browse{
position:absolute; top: 0;
border: 1px solid black; /*THEME CHANGE HERE*/
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0; font:normal 12px Arial;
line-height:18px; z-index:100; background-color: #CFD7DC; width: 200px;
visibility: hidden;}


.dropmenudiv_browse a{
width: auto; display: block; text-indent: 5px;
border-top: 0 solid #678b3f; border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0; text-decoration: none;color: black;}

* html .dropmenudiv_browse a{ /*IE only hack*/
width: 100%;}

        .ddcolortabs a span.browseActive{ float:left; display:block; background: #CFD7DC no-repeat right top;
        padding: 4px 8px 2px 7px; color: white;}

        .ddcolortabs a span.browseActive{float:none;}

        .ddcolortabs a:hover span.browseActive{ background-color: #CFD7DC; color: #FFFFFF;}

        #ddcolortabs .selected a span.browseActive{ /*currently selected tab*/ background-color: #CFD7DC;}
 
  
        /* End Browse */ 

/* Groups Tab */
  
.ddcolortabs a span.groups{ float:left; display:block; background: #CFD7DC no-repeat right top;
padding: 4px 8px 2px 7px;}

.ddcolortabs a span.groups{float:none;}

.ddcolortabs a:hover span.groups{background-color: #CFD7DC; color: white;}

.ddcolortabs .selected a, #ddcolortabs .selected a span.groups{ /*currently selected tab*/
background-color: #CFD7DC;}

.dropmenudiv_groups a:hover span.groups{ background-color: #CFD7DC; color: white;}

.dropmenudiv_groups{
position:absolute; top: 0;
border: 1px solid black; /*THEME CHANGE HERE*/
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0; font:normal 12px Arial;
line-height:18px; z-index:100; background-color: #CFD7DC; width: 200px;
visibility: hidden;}


.dropmenudiv_groups a{
width: auto; display: block; text-indent: 5px;
border-top: 0 solid #678b3f; border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0; text-decoration: none;color: black;}

* html .dropmenudiv_groups a{ /*IE only hack*/
width: 100%;}

        .ddcolortabs a span.groupsActive{ float:left; display:block; background: #CFD7DC no-repeat right top;
        padding: 4px 8px 2px 7px; color: white;}

        .ddcolortabs a span.groupsActive{float:none;}

        .ddcolortabs a:hover span.groupsActive{ background-color: #CFD7DC; color: #FFFFFF;}

        #ddcolortabs .selected a span.groupsActive{ /*currently selected tab*/ background-color: #CFD7DC;}

  
        /* End Groups */


/* Join Now Fore Free */

.ddcolortabs a span.forum{ float:left; display:block; background: #323266 no-repeat right top;
padding: 4px 8px 2px 7px;}

.ddcolortabs a span.forum{float:none;}

.ddcolortabs a:hover span.forum{background-color: #CFD7DC; color: white;}

.ddcolortabs .selected a, #ddcolortabs .selected a span.forum{ /*currently selected tab*/
background-color: #CFD7DC;}

.dropmenudiv_forum a:hover span.forum{ background-color: #CFD7DC; color: white;}

.dropmenudiv_forum{
position:absolute; top: 0;
border: 1px solid black; /*THEME CHANGE HERE*/
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0; font:normal 12px Arial;
line-height:18px; z-index:100; background-color: #CFD7DC; width: 200px;
visibility: hidden;}


.dropmenudiv_forum a{
width: auto; display: block; text-indent: 5px;
border-top: 0 solid #678b3f; border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0; text-decoration: none;color: black;}

* html .dropmenudiv_forum a{ /*IE only hack*/
width: 100%;}

        .ddcolortabs a span.forumActive{ float:left; display:block; background: #CFD7DC no-repeat right top;
        padding: 4px 8px 2px 7px; color: white;}

        .ddcolortabs a span.forumActive{float:none;}

        .ddcolortabs a:hover span.forumActive{ background-color: #CFD7DC; color: #FFFFFF;}

        #ddcolortabs .selected a span.forumActive{ /*currently selected tab*/ background-color: #CFD7DC;}


        /* End Forum */

/* Lifestyle Tab */

.ddcolortabs a span.lifestyle{ float:left; display:block; background: #CFD7DC no-repeat right top;
padding: 4px 8px 2px 7px;}

.ddcolortabs a span.lifestyle{float:none;}

.ddcolortabs a:hover span.lifestyle{background-color: #CFD7DC; color: white;}

.ddcolortabs .selected a, #ddcolortabs .selected a span.lifestyle{ /*currently selected tab*/
background-color: #CFD7DC;}

.dropmenudiv_lifestyle a:hover span.lifestyle{ background-color: #CFD7DC; color: white;}

.dropmenudiv_lifestyle{
position:absolute; top: 0;
border: 1px solid black; /*THEME CHANGE HERE*/
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0; font:normal 12px Arial;
line-height:18px; z-index:100; background-color: #CFD7DC; width: 200px;
visibility: hidden;}


.dropmenudiv_lifestyle a{
width: auto; display: block; text-indent: 5px;
border-top: 0 solid #678b3f; border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0; text-decoration: none;color: black;}

* html .dropmenudiv_lifestyle a{ /*IE only hack*/
width: 100%;}

        .ddcolortabs a span.lifestyleActive{ float:left; display:block; background: #CFD7DC no-repeat right top;
        padding: 4px 8px 2px 7px; color: white;}

        .ddcolortabs a span.lifestyleActive{float:none;}

        .ddcolortabs a:hover span.lifestyleActive{ background-color: #CFD7DC; color: #FFFFFF;}

        #ddcolortabs .selected a span.lifestyleActive{ /*currently selected tab*/ background-color: #CFD7DC;}
 
   
        /* End Lifestyle */ 

/* Fun Stuff Tab */

.ddcolortabs a span.funStuff{ float:left; display:block; background: #CFD7DC no-repeat right top;
padding: 4px 8px 2px 7px;}

.ddcolortabs a span.funStuff{float:none;}

.ddcolortabs a:hover span.funStuff{background-color: #CFD7DC; color: white;}

.ddcolortabs .selected a, #ddcolortabs .selected a span.funStuff{ /*currently selected tab*/
background-color: #CFD7DC;}

.dropmenudiv_funStuff a:hover span.funStuff{ background-color: #CFD7DC; color: white;}

.dropmenudiv_funStuff{
position:absolute; top: 0;
border: 1px solid black; /*THEME CHANGE HERE*/
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0; font:normal 12px Arial;
line-height:18px; z-index:100; background-color: #CFD7DC; width: 200px;
visibility: hidden;}


.dropmenudiv_funStuff a{
width: auto; display: block; text-indent: 5px;
border-top: 0 solid #678b3f; border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0; text-decoration: none;color: black;}

* html .dropmenudiv_funStuff a{ /*IE only hack*/
width: 100%;}

        .ddcolortabs a span.funStuffActive{ float:left; display:block; background: #CFD7DC no-repeat right top;
        padding: 4px 8px 2px 7px; color: white;}

        .ddcolortabs a span.funStuffActive{float:none;}

        .ddcolortabs a:hover span.funStuffActive{ background-color: #CFD7DC; color: #FFFFFF;}

        #ddcolortabs .selected a span.funStuffActive{ /*currently selected tab*/ background-color: #CFD7DC;}


        /* End Fun Stuff */

/* Shopping Tab */

.ddcolortabs a span.shopping{ float:left; display:block; background: #CFD7DC no-repeat right top;
padding: 4px 8px 2px 7px;}

.ddcolortabs a span.shopping{float:none;}

.ddcolortabs a:hover span.shopping{background-color: #CFD7DC; color: white;}

.ddcolortabs .selected a, #ddcolortabs .selected a span.shopping{ /*currently selected tab*/
background-color: #CFD7DC;}

.dropmenudiv_shopping a:hover span.shopping{ background-color: #CFD7DC; color: white;}

.dropmenudiv_shopping{
position:absolute; top: 0;
border: 1px solid black; /*THEME CHANGE HERE*/
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0; font:normal 12px Arial;
line-height:18px; z-index:100; background-color: #CFD7DC; width: 200px;
visibility: hidden;}


.dropmenudiv_shopping a{
width: auto; display: block; text-indent: 5px;
border-top: 0 solid #678b3f; border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0; text-decoration: none;color: black;}

* html .dropmenudiv_shopping a{ /*IE only hack*/
width: 100%;}

        .ddcolortabs a span.shoppingActive{ float:left; display:block; background: #CFD7DC no-repeat right top;
        padding: 4px 8px 2px 7px; color: white;}

        .ddcolortabs a span.shoppingActive{float:none;}

        .ddcolortabs a:hover span.shoppingActive{ background-color: #CFD7DC; color: #FFFFFF;}

        #ddcolortabs .selected a span.shoppingActive{ /*currently selected tab*/ background-color: #CFD7DC;}


        /* End Shopping */

/* Talk Tab */

.ddcolortabs a span.talk{ float:left; display:block; background: #CFD7DC no-repeat right top;
padding: 4px 8px 2px 7px;}

.ddcolortabs a span.talk{float:none;}

.ddcolortabs a:hover span.talk{background-color: #CFD7DC; color: white;}

.ddcolortabs .selected a, #ddcolortabs .selected a span.talk{ /*currently selected tab*/
background-color: #CFD7DC;}

.dropmenudiv_talk a:hover span.talk{ background-color: #CFD7DC; color: white;}

.dropmenudiv_talk{
position:absolute; top: 0;
border: 1px solid black; /*THEME CHANGE HERE*/
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0; font:normal 12px Arial;
line-height:18px; z-index:100; background-color: #CFD7DC; width: 200px;
visibility: hidden;}


.dropmenudiv_talk a{
width: auto; display: block; text-indent: 5px;
border-top: 0 solid #678b3f; border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0; text-decoration: none;color: black;}

* html .dropmenudiv_talk a{ /*IE only hack*/
width: 100%;}

        .ddcolortabs a span.talkActive{ float:left; display:block; background: #CFD7DC no-repeat right top;
        padding: 4px 8px 2px 7px; color: white;}

        .ddcolortabs a span.talkActive{float:none;}

        .ddcolortabs a:hover span.talkActive{ background-color: #CFD7DC; color: #FFFFFF;}

        #ddcolortabs .selected a span.talkActive{ /*currently selected tab*/ background-color: #CFD7DC;}


        /* End Talk Tab */

/* Upgrade Tab */

.ddcolortabs a span.upgrade{ float:left; display:block; background: #CFD7DC no-repeat right top;
padding: 4px 8px 2px 7px; color: #CFD7DC;}

.ddcolortabs a span.upgrade{float:none;}

.ddcolortabs a:hover span.upgrade{background-color: #CFD7DC; color: white;}

.ddcolortabs .selected a, #ddcolortabs .selected a span.upgrade{ /*currently selected tab*/
background-color: #36648B;}

.dropmenudiv_talk a:hover span.upgrade{ background-color: #36648B; color: white;}

.dropmenudiv_upgrade{
position:absolute; top: 0;
border: 1px solid black; /*THEME CHANGE HERE*/
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0; font:normal 12px Arial;
line-height:18px; z-index:100; background-color: #36648B; width: 200px;
visibility: hidden;}


.dropmenudiv_upgrade a{
width: auto; display: block; text-indent: 5px;
border-top: 0 solid #36648B; border-bottom: 1px solid #36648B; /*THEME CHANGE HERE*/
padding: 2px 0; text-decoration: none; color: white;}

* html .dropmenudiv_upgrade a{ /*IE only hack*/
width: 100%;}

        .ddcolortabs a span.upgradeActive{ float:left; display:block; background: #36648B no-repeat right top;
        padding: 4px 8px 2px 7px; color: white;}

        .ddcolortabs a span.upgradeActive{float:none;}

        .ddcolortabs a:hover span.upgradeActive{ background-color: #36648B; color: white;}

        #ddcolortabs .selected a span.upgradeActive{ /*currently selected tab*/ background-color: #36648B;}
        /* End Upgrade Tab */


.ddcolortabs a span{
float:left;
display:block;
background: blue no-repeat right top;
padding: 4px 8px 2px 7px;
}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
background-color: #CFD7DC;
}

.ddcolortabs a:hover span{
background-color: #CFD7DC;
}

.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
background-color: #CFD7DC;
}

.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: black;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}



/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
position:absolute;
top: 0;
border: 1px solid black; /*THEME CHANGE HERE*/
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid #678b3f;
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: white; /*RED COLOR HERE*/
color: white;
}

/*  MAIL TABS */


#mailmain {
	border: 1px solid #666;
	clear: both;
	background: #CFD7DC;
}
/* padding-top: 2em; removed... if you want space for a sub-menu(secondarylinks), add it back*/
#mailcontents {
	padding: 1.5em;
	background: #CFD7DC;
	min-height: 300px;
}


#mailheader {
	position: relative;
	width: 100%;
	height: 3em;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and 

Konqueror browsers */
}

#mailheader ul#mailprimary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and 

Konqueror browsers */
}

#mailheader ul#mailprimary li  {
	display: inline;
	list-style: none;
}

#mailheader ul#mailprimary a,#mailheader ul#mailprimary span,#mailheader ul#mailprimary a.current {
	width: 8em;
	display: block;
	float: left;
	padding: 4px 0;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 75%;
	text-decoration: none;
	color: #333;
}

#mailheader ul#mailprimary span,#mailheader ul#mailprimary a.current,#mailheader ul#mailprimary a.current:hover 

{
	border: 1px solid #666;
	border-bottom: none;
	background: #CFD7DC;
	padding-bottom: 6px;
	margin-top: 0;
}

#mailheader ul#mailprimary a {
	background: #f2f2f2;
	border: 1px solid #AAA;
	border-bottom: none;
}

#mailheader ul#mailprimary a:hover {
	margin-top: 0;
	border-color: #666;
	background: #FFF7CD;
	padding-bottom: 5px;
}

#mailheader ul#mailsecondary {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -1.4em;
	left: 1px;
	width: 50em; /* a width is required for Opera, older Mozilla browsers, and 

Konqueror browsers */
}

#mailheader ul#mailsecondary li a,#mailheader ul#mailsecondary li span {
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
	text-align: auto;
	border: none;
	border-right: 1px dotted #AAA;
	background: none;

}

#mailheader ul#mailsecondary li a {
	color: #06C;
	text-decoration: underline;
}

#mailheader ul#mailsecondary li a:hover {
	color: #333;
	background: transparent;
	padding: 0 10px;
	border: none;
	border-right: 1px dotted #AAA;
}

#mailheader ul#mailsecondary li a:active {
	color: #000;
	background: transparent;
}

#mailheader ul#mailsecondary li:last-child a { border: none; }

/* Photo Album Picture Edit Buttons */

a.album, a.album:link, a.album:visited {

        display:block;
        width:120px;
        height:25px; 
        background:#CFD7DC;
        border:1px solid #000;
	margin-top:2px;
	text-align:center;
	text-decoration:none;
	font-family:verdana,arial,sans-serif;
	font-size:12px;
	color:#000;
	line-height:25px;
	overflow:hidden;
         
}

a.album:hover {

	color:#000;
	background: #FFF7CD;

}

a.album:active {
	
	color:#fff;
	background:#c00;

}