/****************************************************************
*	Live365 Main Default CSS
*	(c) 2008-14 Live365, Inc.
****************************************************************/
/* Begin: HTML Elements
----------------------------*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600);

*, iframe {
	margin			: 0;
	padding			: 0;
}

body {
	margin			: 0;
	padding			: 0;
	text-align		: center;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	/* color: #FFFFFF; - to change preset page font color */ 
	background-color: transparent;
}

ol, ul {
	list-style		: none;
}

h1 {
	text-indent		: -4000px;
	height			: 0;
}

h2 {
	font-weight		: normal;
}

h3 {
	font-size		: 1.17em;
}

input {
	color			: #5A5A5A;
	font-size		: 12px;
}

img, a img {
	border			: 0;
}

hr {
	display			: none;
}

/* Begin: Links: replace with global link color */

a:link {color:#cca36e; font-size:18px; font-weight:200; text-decoration: none;}     
a:visited {color:#cca36e; font-size:18px; font-weight:200; text-decoration: none;}  
a:hover {color:#cca36e; font-size:18px; font-weight:200; text-decoration: underline;}    
a:active {color:#cca36e; font-size:18px; font-weight:200; text-decoration: underline;}

/* ----------------------------*/
.ajaxIndicator {
	margin			: 3px;
	vertical-align	: middle;
}

img.thumb {
	padding			: 1px;
	border			: 1px solid #e0e0e0;
}

.uppercase {
	text-transform	: uppercase;
}

.underline {
	text-decoration	: underline;
}

.clear {
	clear			: both;
}

.hide {
	display			: none;
}

.show {
	display			: block;
}

div.hrBorder {
	/*height			: 1px;
	background-color: #d0d0d0; */
	margin-top		: 12px;
	clear			: both;
}

.oddRow {  /* striping rows */
}

.evenRow {
}

/* List attributes
----------------------------*/
ol.desc {
	list-style		: decimal;
	}
	
ul.desc {
	list-style		: disc;
	}
	
li.desc {
	margin-left		: 40px;
	}


/* advertising units */
.adv300x250,
.adv300x300,
.adv640x480,
.adv300x600 {
	border			: 0px; 
	width			: 300px;
	height			: 250px;
	margin-bottom	: 10px;
	font-size		: 11px;
	line-height		: 13px;
}	

.adv640x480 {
	width			: 640px;
	height			: 480px;
}	

.adv300x500 { /* this is replaced by 300x250, but no need to remove */
	height			: 500px;
}	

.adv300x300 {
	height			: 300px;
}
.adv300x600 {
	width			: 300px;
	height			: 600px;
}	

.adv300x70 {
	border			: 1px red;
	background		: pink; 
	width			: 300px;
	height			: 70px;
	margin-top		: 10px;
}	

.adv160x600 {
	border			: 0px; 
	width			: 160px;
	height			: 600px;
	float			: right;
}	

.adv130x195 {
	border			: 0px; 
	width			: 130px;
	height			: 195px;
}

.adv88x31 {
	border			: 0px; 
	width			: 88px;
	height			: 31px;
}

.adv728x90 {
	border			: 0px; 
	width			: 728px;
	height			: 116px;
	/*padding: 10px 0 6px;*/
	width: 100%;
	margin-bottom: -6px; 
	background-color: transparent; /* for IE8, do not remove: #ADAEAE; */
	/*
	background-color:rgba(255, 255, 255, 0.5);
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF, endColorstr=#80FFFFFF);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF, endColorstr=#80FFFFFF)";
    */
}
/* Useful misc styles
------------------------------------------*/
.debugLabel {
	z-index			: 999; 
	left			: 100px; 
	top				: 5px; 
	left			: 5px;
	position		: absolute; 
	background-color: red;
	color			: white
}


/* Begin: Addition Functionality Styles
------------------------------------------*/
.alertCont {
	display			: none;
	width			: 260px;
	/*background		: transparent url(/web/img/bg/alert_bg_260px.png) no-repeat bottom left;*/
	position		: fixed;
	top				: -500px;
	z-index			: 900;
	color			: #464646;
	font-size		: 12px;
	overflow		: hidden;
	text-align		: left;
	margin-bottom	: -2px;
	background-color: rgba(102, 102, 102, .9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5B666666, endColorstr=#5B666666);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5B666666, endColorstr=#5B666666)";
}

.alertBorder {
	width			: 100%;
	border-top		: 1px solid #d0d0d0;
	position		: absolute;
	right			: 7px;
}
.w100 {
	width			: 100px;
	/*background		: transparent url(/web/img/bg/alert_bg_100px.png) no-repeat bottom left;*/
}

.w150 {
	width			: 150px;
	/*background		: transparent url(/web/img/bg/alert_bg_150px.png) no-repeat bottom left;*/
}

.w260 {
	width			: 260px;
	/*background		: transparent url(/web/img/bg/alert_bg_260px.png) no-repeat bottom left;*/
}

.w315 {
	width			: 650px;			/* Extra width lets us handle a popup in our popup */
	background		: none;
}

.w340 {
	width			: 340px;
	/*background		: transparent url(/web/img/bg/alert_bg_520px.png) no-repeat scroll -180px -315px;*/
	border-left		: 1px solid #D1D1D1;
}


.w520 {
	width			: 520px;
	/*background		: transparent url(/web/img/bg/alert_bg_520px.png) no-repeat bottom left;*/
}

.w827 {
	width			: 827px;
	/*background		: transparent url(/web/img/bg/alert_bg_827px.png) no-repeat bottom left;*/
}

.alertCont.active {
	display			: block;
}

.alertCont p {
	margin			: 10px;
}

.alertCont .ok {
	width			: 44px;
	height			: 20px;
	background		: url(/web/img/btns/ok_btn.jpg) no-repeat top left;
	position		: relative;
	text-indent		: -9999px;
	display			: block;
	margin			: 0 auto 10px;
}

.handCursor{
	cursor:			pointer;
	cursor:			hand;
}

/* for share and preset in directory page and top */
div#stationButtons #add {
	width			: 11px;
	height			: 11px;
}

div#stationButtons #add.active {
	background-position: 0 -11px;
}

div#stationButtons #share {
	width			: 15px;
	height			: 11px;
}

div#stationButtons #share.active {
	background-position: 0 -237px;
}

hr.sepSignLogin{
		margin:			10px 0;
		color:			#E9E9E9;
		noshade:        noshade;
}

.showUL{
	list-style-type	: disc;
	margin-left		: 1.5em;
}
#subTitle, .subtitle {
    text-indent		: 0;
    font-size		: 20px;
    font-weight		: normal;
    color			: #000;
    height			: auto;
    padding			: 3px 0 3px 0;
	word-wrap       : break-word;
}