html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	background: url(Images/bg.jpg) #303b41;
}

textarea
{
	overflow: auto;
}

a, a:hover, a:link, a:visited
{
	text-decoration: none;
	color: #176a8c;
}

a:hover
{
	text-decoration: underline;
}
.clear {
clear:both;
margin-bottom:-1px;
padding-bottom:1px;
}
.spacer
{
	height: 5px;
	display: block;
}

div#sitewrapper
{
	width:1000px;
	margin:0 auto;
	background-color: #EFF2F3;
	overflow:hidden;
}
div#sitecontent
{
	padding: 10px;
}
div#banner
{
	height: 241px;
	background-image: url(../../Images/banner.jpg);
	background-repeat: no-repeat;
	text-align: right;
}
div#navigation
{
	background-color: #176a8c;
	padding-top: 1px;	
}
div#navigation table
{
	margin:0 auto;
}

div#footer
{
	clear:both;
	height: 28px;
	background-image: url(../../Images/bottom_bg.jpg);
}
div#footer p
{
	padding-top: 7px;
	padding-right: 5px;
	text-align: right;
	font-weight: bold;
	margin: 0px;
	color: #fff;
}
#liveradio a
{
	text-decoration: none;
	color: #fff;
	display: block;
	margin: 0 1px;
	padding: 5px;
	border-bottom: 1px solid #eff2f3;
	background-color: #176a8c;
}
.DefaultGridRowBorder
{
	border-bottom-color: #eeeeee;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.DefaultGridColumnBorder
{
	border-right-color: #a9a9a9;
	border-right-style: dotted;
	border-right-width: 1px;
}

div.Advert
{
	padding: 10px 0 10px 0;
	text-align: center;
}
div.GridViewContainer
{
	text-align: left;
}
.AlbumList
{
	font-size: 12px;
	margin: 0;
	padding: 0;
}
a.AlbumTitle
{
	font-weight: bold;
	text-decoration: none;
	color: #0066d6;
}
a.AlbumTitle:hover
{
	text-decoration: underline;
}
a.SongsList
{
	font-size: 10px;
	text-decoration: none;
	color: Maroon;
}
a.SongsList:hover
{
	text-decoration: underline;
}
a.menu:link
{
	color: Blue;
	font-weight: bold;
	text-decoration: none;
}
a.menu:visited
{
	color: Blue;
	font-weight: bold;
	text-decoration: none;
}
a.menu:hover
{
	color: Navy;
	font-weight: bold;
	text-decoration: none;
}
.ValidationSummary
{
	border-color: #176a8c;
	border-style: Solid;
	border-width: 2px;
	margin-bottom: 10px;
	text-align: left;
	padding: 5px;
}
.ValidationSummary ul
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-left: 20px;
}
.Login input[type="text"]
{
	background-image: url(Images/user.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;
}
.Login input[type="password"]
{
	background-image: url(Images/key.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;
}
input[type="text"], input[type="password"]
{
	border-color: gray;
	border-style: solid;
	border-width: 1px;
}
/* Photo Border for All Pages Except the Albums Page */

.photo-frame .topx--
{
	background-image: url(Images/frame-topx--.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x-
{
	background-image: url(Images/frame-top-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .top--x
{
	background-image: url(Images/frame-top--x.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx--
{
	background-image: url(Images/frame-midx--.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}
.photo-frame .mid--x
{
	background-image: url(Images/frame-mid--x.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}

.photo-frame .botx--
{
	background-image: url(Images/frame-botx--.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}
.photo-frame .bot-x-
{
	background-image: url(Images/frame-bot-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .bot--x
{
	background-image: url(Images/frame-bot--x.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}

/* Rounded corner box*/
.liquid-round
{
	width: 100%;
	margin: 0px auto;
	background: #fff url(Images/Box/leftside.gif) repeat-y left top;
}
.top
{
	width: 100%;
	height: 20px;
	background: url(Images/Box/top.gif) no-repeat left top;
}
.top span
{
	display: block;
	position: relative;
	height: 20px;
	background: url(Images/Box/top-right.gif) no-repeat right top;
}
.center-content
{
	position: relative;
	min-height: 230px;
	background: url(Images/Box/rightside.gif) repeat-y right top;
	padding: 1px 20px 1px 25px;
	margin: -1px 0 -50px 0;
	text-align: left;
}
.bottom
{
	width: 100%;
	height: 60px;
	background: url(Images/Box/bottom.gif) no-repeat left bottom;
}
.bottom span
{
	display: block;
	position: relative;
	height: 60px;
	background: url(Images/Box/bottom-right.gif) no-repeat right top;
}

/* Snazzy box*/
.xsnazzy
{
	background: transparent;
	width: 780px;
}
.xsnazzy h1
{
	margin: 0;
	font-size: 1.4em;
	padding: 0 10px 5px 10px;
	border-bottom: #176a8c 1px solid;
}
.xtop, .xbottom
{
	display: block;
	background: transparent;
	font-size: 1px;
}
.xb1, .xb2, .xb3, .xb4
{
	display: block;
	overflow: hidden;
}
.xb1, .xb2, .xb3
{
	height: 1px;
}
.xb2, .xb3, .xb4
{
	background: #176a8c;
	border-left: 1px solid #176a8c;
	border-right: 1px solid #176a8c;
}
.xb1
{
	margin: 0 5px;
	background: #176a8c;
}
.xb2
{
	margin: 0 3px;
	border-width: 0 2px;
}
.xb3
{
	margin: 0 2px;
}
.xb4
{
	height: 2px;
	margin: 0 1px;
}
.xboxcontent
{
	display: block;
	border: 0 solid #176a8c;
	border-width: 0 2px;
	height: auto;
}
* html .xboxcontent
{
	height: 1px;
}

.ysnazzy
{
	background: transparent;
}
.ysnazzy h1
{
	margin: 0;
	font-size: 1.2em;
	padding: 0 10px 5px 10px;
	border-bottom: 1px solid #DD2D00;
}
.ytop, .ybottom
{
	display: block;
	background: transparent;
	font-size: 1px;
}
.yb1, .yb2, .yb3, .yb4
{
	display: block;
	overflow: hidden;
}
.yb1, .yb2, .yb3
{
	height: 1px;
}
.yb2, .yb3, .yb4
{
	background: #DD2D00;
	border-left: 1px solid #DD2D00;
	border-right: 1px solid #DD2D00;
}
.yb1
{
	margin: 0 5px;
	background: #DD2D00;
}
.yb2
{
	margin: 0 3px;
	border-width: 0 2px;
}
.yb3
{
	margin: 0 2px;
}
.yb4
{
	height: 2px;
	margin: 0 1px;
}
.yboxcontent
{
	display: block;
	border: 0 solid #DD2D00;
	border-width: 0 1px;
	height: auto;
}
* html .yboxcontent
{
	height: 1px;
}
.color_a
{	
	background: #DD2D00;
	color: #fff;
}

.title
{
	background: #176a8c;
	color: #fff;
	text-align: left;
}

.menu_StaticMenuItemStyle, .menu_StaticMenuItemStyle a
{
	height: 28px;
	width: 100px;
	color: #fff;
	text-align: center;
	border-left: solid 1px #fff;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
}

.menu_DynamicMenuItemStyle, .menu_DynamicMenuItemStyle a
{
	height: 28px;
	width: 110px;
	color: #fff;
	text-align: left;
	padding-left: 5px;
}

.menu_SelectedStyle, .menu_SelectedStyle a
{
	background-color: #025782;
}

.menu_HoverStyle, .menu_HoverStyle a
{
	background-color: #025782;
	color: #ffffff;
	text-decoration: none;
}

.album_atoz
{
	list-style-type: none;
	margin: 10px 0 0 10px;
	padding-bottom: 10px;
	font-weight: bold;
}

.album_atoz li
{
	display: inline;
	padding-right: 10px;
}

.error
{
	font-family: tahoma;
	font-weight: bold;
	font-size: large;
	color: red;
}
.spanOutput
{
	font-family: tahoma;
	font-weight: bold;
	font-size: large;
}

/* Radio Links */
#liveradio ul
{
	list-style-type: none;
	text-align: left;
	width: auto;
	margin: 0;
	padding: 0 5px 0 5px;
}
#liveradio a
{
	text-decoration: none;
	color: #fff;
	display: block;
	margin: 0 1px;
	padding: 5px;
	border-bottom: 1px solid #eff2f3;
	background-color: #176a8c;
}
#liveradio a:hover
{
	text-decoration: none;
	color: #176a8c;
	border-bottom: 1px solid #eff2f3;
	background-color: #eff2f3;
}

.Top10Songs
{
	list-style-type: decimal;	
	text-align: left;
	width: auto;
	margin: 10px 0 0 35px;
	padding: 0;
}

.Top10Songs li
{
	padding-bottom:5px;
}

/* Rating */
.ratingStar
{
	font-size: 0pt;
	width: 13px;
	height: 12px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
}

.filledRatingStar
{
	background-image: url(Images/Rating/FilledStar.png);
}

.emptyRatingStar
{
	background-image: url(Images/Rating/EmptyStar.png);
}

.savedRatingStar
{
	background-image: url(Images/Rating/SavedStar.png);
}

.ratedPanel
{
	width: 170px;
	display: block;
	float: left;
}

.ratingPanel
{
	width: 130px;
	float: left;
}
.ratingPanel small
{
	float: left;
}

/* Rating */
#ResetLabel td label
{
	display: inline;
	float: none;
}

#registrationForm label
{
	display: block;
	width: 180px;
	float: left;
	text-align: right;
	padding-right: 10px;
}