﻿input[type="submit"] {
	font-size: 90%;
	background: #3b3b3b;
	color: #fff;
	padding: 2px 4px 4px;
	border-right: 1px solid #18180E;
	border-bottom: 1px solid #18180E;
	border-top: 1px solid #E7EAF1;
	border-left: 1px solid #E7EAF1;	
}
input[type="submit"]:hover
{
	background: #919191;
}	
	
#page h1 {
margin:5px 0 0px 0;
padding:0;
font-size:28px;
font-weight: bold;
font-family: Trebuchet MS, Helvetica, sans-serif;
color: #c42027;
}

#page h2 {
margin:0px;
padding:0px;
font-size:17px;
font-weight: lighter;
font-family: Trebuchet MS, Helvetica, sans-serif;
color:#c42027;
}

#page h3 {
margin:0;
padding:0;
font-size:15px;
font-weight: lighter;
font-family: Trebuchet MS, Helvetica, sans-serif;
color: #c42027;
}

#page h4 {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight: lighter;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	color: #c42027;
}

#page h5 {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight: lighter;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	color: #c42027;
}

#elementHeader {
	text-align: left;
	width: 100%;	
	background: url("../img/menuHeaderBG.png") top left repeat-x;
	height: 30px;
}

#elementHeader .leftHeader 
{
	background: url("../img/menuHeaderRnd.png") 0px 0px no-repeat;
	width: 5px;
	height: 30px;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float: left;
	}
#elementHeader .contentHeader 
{
	float:left;
	padding-top: 5px;
	text-indent: 3px;
	height: 25px;
	}
	
#elementHeader .contentHeaderLink
{
	float: right;
	text-transform: lowercase;
	padding: 10px 5px 0px 0px;
	font-size: smaller;
	/*
	position: absolute;
	right: 10px;
	top: 10px;; ;  padding-top: 8px;*/
}


#elementHeader .contentHeader H3
{
	color:#fff;
	}
#elementHeader .rightHeader 
{
	background: url("../img/menuHeaderRnd.png") -10px 0px no-repeat;
	width: 5px;
	height: 30px;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float: right;
	}
	
#elementFooter {
	text-align: left;
	width: 100%;	
	background: url("../img/menuFooter.png") top left repeat-x;
	height: 10px;
}

#elementFooter .leftFooter 
{
	background: url("../img/menuFooterRnd.png") 0px 0px no-repeat;
	width: 5px;
	height: 10px;
	position: relative;
	padding: 0px;
	margin: 0px;
	float: left;
	}

#elementFooter .rightFooter 
{
	background: url("../img/menuFooterRnd.png") -5px 0px no-repeat;
	width: 5px;
	height: 10px;
	position: relative;
	padding: 0px;
	margin: 0px;
	float: right;
	}
#elementHeader2 {
	text-align: left;
	width: 100%;	
	background: url("../img/menuHeader2.png") top left repeat-x;
	height: 5px;
}

#elementHeader2 .leftHeader 
{
	background: url("../img/menuHeader2Rnd.png") 0px 0px no-repeat;
	width: 5px;
	height: 5px;
	position: relative;
	padding: 0px;
	margin: 0px;
	float: left;
	}

#elementHeader2 .rightHeader 
{
	background: url("../img/menuHeader2Rnd.png") -5px 0px no-repeat;
	width: 5px;
	height: 5px;
	position: relative;
	padding: 0px;
	margin: 0px;
	float: right;
	}

#element {
	padding-bottom: 20px;
}

.post-date {
float: left;
margin:1px 5px 0px 0px;
padding:1px 0px 0px 0px;
width:40px;
height:40px;
text-align:center;
background-image:url(../img/calendarpink.gif);
background-position:0 0;
background-repeat:no-repeat;
display:inline;
}

.month {
margin:0px;
padding:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
text-transform:uppercase;
letter-spacing:.1em;
font-weight:bold;
}

.day {
margin:0px;
padding:2px 0px 0px 0px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#547699;
font-size:17px;
font-weight:bold;
text-transform:uppercase;
}

#articleImage {
	text-align: center;
}

#articleImageAlt {
	text-align: center;
	padding-top: 10px;
}

#ingress {
	margin:0;
	padding: 5px 0 0 0;
	font-size:16px;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}

#photoCredits 
{
	font-size: 10px;
	text-align: right;
	padding-right: 0px;
	}

#articleDetails {
	border-top: solid 1px #EEEEEE;
	margin: 5px 0px 3px 0px;
	padding: 5px 0px 5px 0px;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	color: #EEEEEE;
}
	
#body {
	font-size: 13px;
}

#publishedAt {
	padding-top: 10px;
	font-style: italic;
}

#controlPanel {
	position: fixed;
	top:0; 
	left:0; 
	padding: 5px;
	width: 100%;
	height: 15px;
	border-bottom: solid 1px #E7EAF1; 
	background-color: #EEEEEE; 
}

.loginElementLeft
{
	padding: 0px 0px 0px 10px; 
	float: left;
	text-align: left;
	}

.loginElementRight
{
	padding: 0px 10px 0px 0px; 
	float: right;
	text-align: right;
	}
	
#agenda-left {
	width:90px; 
	padding: 3px 0px 3px;
	text-indent: 5px;
	float:left;
}

#agenda-right { 
	padding: 3px 0px 3px;
	float:left;
	text-indent: 5px;
}


#statusMessage {
	font: italic 1.2em Trebuchet MS, Helvetica, sans-serif;
	text-align: left;	
}

/*
#statusMessage:first-letter {
	font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}
*/

#notesHeader
{
	vertical-align: bottom;
	padding: 3px;
	background-color: #EEEEEE;
	font-weight: lighter;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom: solid 1px lightgray;
	color: #336699;
	}

#notes
{
	overflow:hidden;
	width:445px;
	text-align:left;
	padding: 3px 3px 5px 3px;
	}
	
#category
{
	color: #336699;
	text-align: right;
	width: 130px;
	float: left;
	padding-right: 10px;
	margin: 3px 0 3px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
#categoryElement
{
	float: left;
	text-align: left;
	width: 310px;
	margin: 3px 0 3px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
#categoryEdit
{
	color: #336699;
	text-align: right;
	width: 400px;
	float: left;
	padding-right: 10px;
	margin: 3px 0 3px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
#categoryElementEdit
{
	float: left;
	text-align: left;
	width: 550px;
	margin: 3px 0 3px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

.tipFriend { font-size: 10px;}

html .fb_share_button {padding: 1px 20px 0 5px; height:16px; border:1px solid #d8dfea; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?12:26981) no-repeat top right; }
html .fb_share_button:hover {color:#fff; border-color:#295582; background:#3b5998 url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?12:26981) no-repeat top right; text-decoration:none; } 

#error 
{
	padding: 5px 0 10px 0;
	font-weight: lighter;
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: #CC3300;
	text-align: left;
	text-indent: 5px;
	}

.errorMsg
{
	padding: 5px 0 5px 0;	
	font-weight: bold;
	color: #CC3300;
	background: #CCCCCC;
	text-align: left;
	text-indent: 5px;
	}

/* old stuff */



.MENULINK A {text-decoration: none; color: black; font-weight:bold;}
.MENULINK A:visited {text-decoration: none; color: black; font-weight:bold;}
.MENULINK A:active {text-decoration: none; color: black; font-weight:bold;}
.MENULINK A:hover {text-decoration: underline; color: black;font-weight: bold;}

.FOOTERLINK A {text-decoration: none; color: gray; font-weight:bold;font-size: 9px;text-transform: uppercase;}
.FOOTERLINK A:visited {text-decoration: none; color: gray; font-weight:bold;font-size: 9px;text-transform: uppercase;}
.FOOTERLINK A:active {text-decoration: none; color: gray; font-weight:bold;font-size: 9px;text-transform: uppercase;}
.FOOTERLINK A:hover {text-decoration: underline; color: gray;font-weight: bold;font-size: 9px;text-transform: uppercase;}	

.EDITLINK A:link {text-decoration: none; color: white; font-weight:bold;text-transform: lowercase;}
.EDITLINK A:visited {text-decoration: none; color: white; font-weight:bold;text-transform: lowercase;}
.EDITLINK A:active {text-decoration: none; color: white; font-weight:bold;text-transform: lowercase;}
.EDITLINK A:hover {text-decoration: underline; color: white;font-weight: bold;text-transform: lowercase;}

/*
.BBURL A {text-decoration: underline; color: gray; font-weight:bold;}
.BBURL A:visited {text-decoration: none; color: gray; font-weight:bold;}
.BBURL A:active {text-decoration: none; color: gray; font-weight:bold;}
.BBURL A:hover {text-decoration: underline; color: gray;font-weight: bold;}	
*/
.HIGHLIGHTNORMAL
{
	background-color: #EEEEEE;
	padding-bottom: 5px;
	padding-top: 2px;
	}

.MODAL {
	background-color:#EEEEEE;
	filter:alpha(opacity=50);
	opacity:0.7;
}

.INFORMATIONMSG
{
	background-color: #919191;
	border: solid 1px #2a2a2a;	
	padding: 5px;
	margin: 5px 0px 5px 0px;
	text-align: center;
	color: #fff;
	}
#TESTMENU {text-align:Left;padding: 4px 0px;margin: 0px; vertical-align:bottom; font-size: 11px; background: #F48420; color: White;}
#TESTMENU div {display: inline;padding: 0px;margin: 0px; }* html 
#TESTMENU div {margin: 0px; }
#TESTMENU a {margin: 0px; padding: 4px; color: Orange; }
#TESTMENU .ACTIVEMENU a {color: White; background: Orange; }
#TESTMENU .ACTIVEMENU a:hover {text-decoration: none; }
#TESTMENU .INACTIVEMENU a:hover {color: white; Background: Orange;text-decoration: none; }
#TESTMENU .DISABLED {color: #E4E4E4; margin: 0px;padding: 4px;text-decoration: none; }


#SUBMENU { text-align: left; width: 100%; font-size: 11px; }
#SUBMENU div {float: Left; padding: 4px 0px 4px 0px;}
#SUBMENU a {color: #336699; margin: 0px; padding: 4px 8px 4px 8px; background: White; }/*border-right: White 1px solid;*/
#SUBMENU .ACTIVEMENU a {color: #FFFFFF; background: #336699; }
#SUBMENU .ACTIVEMENU a:hover {text-decoration: none; color: white;}
#SUBMENU .INACTIVEMENU a:hover {color: white; Background: #336699;text-decoration: none;}
#SUBMENU .DISABLED {margin: 0px; background: #FBD5B3; padding: 4px 8px 4px 8px; text-align: right; width: 20%; color: White;  }

.CODE
{
	font-family: Courier, Courier New;
	}
	
.FEEDHEADER
{

	border-top: solid 1px #EEEEEE;
	padding-top: 0px;
	text-indent: 5px;
	text-align: left;
	margin:5 0 5px 0;
	font-size:19px;
	font-weight: lighter;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#c42027;	
}
	
.FEEDHEADERPROFILE
{
    font-size: 11px;
    font-weight: bold;
    border-bottom: solid 1px Gray;
    text-align: Left; 
    }
    
.ratingStar {
        font-size: 0pt;
        width: 20px;
        height: 20px;
        margin: 0px;
        padding: 1px;
        cursor: pointer;
        display: block;
        background-repeat: no-repeat;
}
.filledRatingStar {
    background-image: url(../Img/Rating/RatingFilled.gif);
}
.emptyRatingStar {
    background-image: url(../Img/Rating/RatingEmpty.gif);
}
.savedRatingStar {
    background-image: url(../Img/Rating/RatingSaved.gif);
} 

.PHOTOALBUM
{
	padding: 5px; 
	background-color: White;
	}  
	
.PHOTOALBUMPREVIEW
{
	padding: 5px; 
	background-color: White;
	}
.collapsePanel
{
    width:100%;
    cursor: pointer;
}

.USERCOMMENT_IMAGE
{
    border-right-color: #EEEEEE;
    border-right-style: solid;
    border-right-width:1px;
    padding:3px;
    }
.USERCOMMENT_NAVIGATION
{
    border-left-color: #EEEEEE;
    border-left-style: solid;
    border-left-width:1px;
    padding:2px;
    }
.USERCOMMENT
{
    padding:3px;
    }

.USERCOMMENT_DATE
{
    font-size:8px;
    font-family: Verdana;
    }
.ADMINPAGEHEADER
{
	font-size: 16px;
	font-weight: bold;
	padding-left:6px; 
	color: Navy;
	}
#PROFILEMENU {text-align: left;padding: 3px 0px;margin: 0px 4px 0px; vertical-align:bottom; font-size: 10px; }
#PROFILEMENU div {display: inline;padding: 0px;margin: 0px; }* html 
#PROFILEMENU div {margin: 0 3px; }
#PROFILEMENU a {margin: 0px; padding: 3px;background: #E4E4E4;border-right-color: Gray; border-right-width:1px; border-right-style:solid;border-top-color: Gray; border-top-width:1px; border-top-style:solid;border-left-color: Gray; border-left-width:1px; border-left-style:solid;background: #E4E4E4; }
#PROFILEMENU .ACTIVEMENU a {color: white; background: #969695; }
#PROFILEMENU .ACTIVEMENU a:hover {text-decoration: none; }
#PROFILEMENU .INACTIVEMENU a:hover {color: white; Background: Orange;text-decoration: none; }
#PROFILEMENU .DISABLED {color: #E4E4E4; margin: 0px;padding: 3px;text-decoration: none; }

#PROFILEMAINMENU {text-align: left;padding: 0px 0px; margin: 0px 0px 0px; vertical-align:bottom; font-size: 10px; }
#PROFILEMAINMENU div {display: inline; padding: 0px; margin: 0px; }* html 
#PROFILEMAINMENU div {margin: 0px; }
#PROFILEMAINMENU a {margin: 0px; padding: 3px;background: #E4E4E4;border-right-color: Gray; border-right-width:1px; border-right-style:solid;border-top-color: Gray; border-top-width:1px; border-top-style:solid;border-left-color: Gray; border-left-width:1px; border-left-style:solid;background: #E4E4E4; }
#PROFILEMAINMENU .ACTIVEMENU a {color: white; background: #969695; }
#PROFILEMAINMENU .ACTIVEMENU a:hover {text-decoration: none; }
#PROFILEMAINMENU .INACTIVEMENU a:hover {color: white; Background: Orange;text-decoration: none; }
#PROFILEMAINMENU .DISABLED {color: #E4E4E4; margin: 0px; padding: 3px;text-decoration: none; }


#FRIENDSMENU {text-align:center;padding: 4px 0px;margin: 6px 4px 0px; vertical-align:bottom; font-size: 11px;}
#FRIENDSMENU div {display: inline;padding: 0px;margin: 0px; }* html 
#FRIENDSMENU div {margin: 0 3px; }
#FRIENDSMENU a {margin: 0px; padding: 4px;background: #E4E4E4; }
#FRIENDSMENU .ACTIVEMENU a {color: white; background: #969695; }
#FRIENDSMENU .ACTIVEMENU a:hover {text-decoration: none; }
#FRIENDSMENU .INACTIVEMENU a:hover {color: white; Background: Orange;text-decoration: none; }
#FRIENDSMENU .DISABLED {color: #E4E4E4; margin: 0px;padding: 4px;text-decoration: none; }

#PROFILELEFT {width: 315px}
#PROFILERIGHT {width: 450px}
#PROFILEFULL {width:100%}

.FORUMDATE
{
	font-size:8px; 
	}
	
.FORUMQUOTE
{
 margin: 5px 5px 5px 5px;
 padding: 5px 10px 10px 5px;
 border: dotted 1px gray;
 font-style:italic;	 
	}
.TAGCLOUD
{
	font-family: Georgia;
	text-align:justify;
	}
.TAGS
{
	text-transform: lowercase;
	/*color: Orange;*/
	text-align:justify;
	text-decoration:none;
    padding: 20px 10px 20px 10px;
	}
.TAGS A
{
	font-family: Verdana;
    text-transform: lowercase;
	/*color: Orange;*/
	text-align:justify;
	text-decoration:none;
	margin:5px;
}

.TAGS A:hover
{
	font-family: Verdana;
    text-transform: lowercase;
	/*color: #D2232A;*/
	text-align:justify;
    text-decoration:none;
    margin:5px;
}

.MODERATOR
{
	color: #c42027;
	font-weight: bold;
	}
.HIGHLIGHT
{
	background-color: #FFEFD1;
	padding-bottom: 10px;
	padding-top: 2px;
	}

.VALIDATIONSUMMARY 
{
	background-color: #FFB27F;
	padding: 5px;
	color: Black;
	font-weight: bold;
	}

.TOPFRIENDFRIENDNO
{
	color:#c42027;
	font-size: 60px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

#frontpageList
{
	width: 780px;
	}
#frontpageListElement 
{
	width: 253px;
	float: left;
	}

#W995
{
    
    position: relative;

}
#W995Video
{
    position: absolute;
	top:215px; 
	left:54px; 
}


#TrackNumber
{
width:20px; 
text-align: left;
float: left;
color: #336699;
font-size:17px;
font-weight: lighter;
font-family: Georgia, "Times New Roman", Times, serif;
}

#mainStory {
display:block;
height:300px;
width: 500px;
padding:0px;
z-index: 1;
}
#mainStoryHeader
{
position: relative; 
bottom: 100px; 
left: 0px; 
background: transparent url(/img/bgHeadline.png);

}
#mainStoryHeader:hover 
{
	background-color: #000000;
	}
#mainHeadline
{
display: block;
padding: 5px 10px 5px 10px;
font-size: 22px;
font-weight: bold;
text-transform:uppercase;
color: white;
font-family: Trebuchet MS, Helvetica, sans-serif;
}

#mainHeadline a:hover {color: white;text-decoration: none;}
#mainHeadline a {color: white;}
#mainIngress  {
display: block;
padding: 0px 10px 10px 10px;
font-weight: normal;
color: white;
font-size: bigger;
}

#3up 
{
    float:left;
    vertical-align:middle;
    padding: 5px;
    width: 185px;
}

.img-shadow 
{
	float:right;
	background: url(/img/trackShadow.gif) repeat bottom right; 
	display: block;
	}
.img-shadow img
{
	display: block; 
	position: relative;
	margin: -2px 2px 2px -2px; 
	}

#progressBackgroundFilter {
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  overflow:hidden;
  padding:0;
  margin:0;
  background-color:#919191; 
  filter:alpha(opacity=50);
  opacity:0.5;
  z-index:1000;
}

#processMessage { 
  position:absolute; 
  top:35%; 
  left:43%;
  padding:20px;
  width:14%;
  z-index:1001;
  background-color:#fff;
  text-align:center;
} 

.modalBackground 

{ 
    background-color: #919191; 
    filter: alpha(opacity=50); 
    opacity: 0.50; 
} 

.updateProgress 
{ 
    background-color: #FFFFFF; 
    position: absolute;
    padding:20px;
    text-align:center;
} 

.outerPopup 
{
    background-color:transparent;  
    padding:1em 6px;
}

.innerPopup
{
    background-color:#fff;
}

.playlistFilter 
{
	background: #c3c3c3;
	}

.playlists 
{
	text-indent: 5px;
	border-bottom: dotted 1px #919191;	
}

.playlistsAlt 
{
	background: #313131;
	text-indent: 5px;
	color: White;
	border-bottom: dotted 1px #919191;	
}

.playlists a 
{
	display:block;
	text-decoration:none;
	width: 99%;
}

.playlists a:hover 
{
	color: #fff;
	background-color: #919191;
	display:block;
	width: 99%;
}

.playlistsAlt a {	
	text-decoration:none;
	color: #fff;
	width: 99%;
	display:block;
}

.playlistsAlt a:hover 
{
	color: #fff;
	width: 99%;
	display:block;
}

.playlistPanel { 
	width: 250px;
	height: 290px;
	background: #fff;
	padding:0px 5px 0px 5px;
}

#userList {
display:block;
height:80px;
width: 95px;
padding:0px;
z-index: 1;
}
.numbered
{
position: relative; 
background: transparent url(/img/bgHeadline.png);

}
.numbered:hover 
{
	background-color: #000000;
	}
	