/* 

BYO.fm Stylesheet 

Originally created 11/28/09

Last updated by Kendall 12/24/09



@charset "UTF-8";
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background: #ffffff;
	background-image: url('/pics/byo_tile1.png'); 
	background-repeat: repeat;
}
p, td, ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

#wrapper {
	text-align: left;
	width: 920px;
	background: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 11px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	padding-top: 8px;
	padding-bottom: 8px;
	background: #ffffff;
}

#loginbox {
	float:right;
	padding-right: 26px;
	padding-bottom: 10px;
	/*background-image: url('pics/background-login-main.png');
	background-repeat: no-repeat;*/
}

.loginform {
	width:130px; 
	font-size:10pt; 
	margin-bottom: 4px; 
	border:1px solid #000000;
}

.slogan {
	padding-left: 45px;
	font-size: 12pt;
	color: #656565;
}

#mainmsg { 
	width: 897px;
	height: 199px;
	padding-left: 13px;
	background: #ffffff;
	border-style: solid;
	border-width: 2px;
	border-color: #FFFFFF;
}

#side-a-home { /* left side home page */
	float: left;
	width: 419px;
	/*height: 550px;*/
	height: auto;
	padding-left: 13px;
	padding-right: 13px;
	background: #ffffff;
	border-style: solid;
	border-width: 2px;
	/*border-color: #9BC1F2;*/
	border-color: #FFFFFF;
}

#side-b-home { /* right side home page */
	float: left;
	width: 419px;
	height: 550px;
	padding-left: 13px;
	padding-right: 13px;
	background: #ffffff;
	border-style: solid;
	border-width: 2px;
	/*border-color: #9BC1F2;*/
	border-color: #FFFFFF;
}

#spacer {
	width: 18px;
	float: left;
}

#footer {
	clear: both;
	color: #999999;
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

h1 {
	color: #003399;
	font-size: 16pt;
	margin-top: 2px;
	margin-bottom: 2px;
}

h1.main {
	color: #003399;
	font-size: 24pt;
	margin-bottom: 5px;
}

a {
	/*color:#0000FF;*/
	color:#003399;
}

a.footer{
	color: #003399;
	font-size: 10px;
}

.larger {
	font-size: 14px;
}

.bigbold {
	font-size: 16px;
	font-weight: bold;
}
.smallbold {
	font-size: 12pt;
	font-weight: bold;
	
}

.tablecolor {
	/*background:#cccccc;*/
	background:#ffffff;
}

.bold {
	font-weight:bold;
}

.smallprint {
	font-size: 10px;
}

#djtextarea {
	width: 330px;
	height: 50px;
	border: 1px solid #000000;
	overflow: auto;
	padding: 7px;
}

#newselect {
	width: 120px;
	font-size:12px;
}

#footer {
	clear: both;
	background: #ffffff;
	text-align:center;
	/*font-size:smaller;*/
	padding-top:30px;
}
#mygallery1 { /* right side home page */
	/*float: left;
	width: 419px;
	height: 300px;
	padding-left: 13px;
	padding-right: 13px;
	background: #ffffff;*/
	padding-top: 13px;
	height: 250px;
	border-style: solid;
	border-width: 2px;
	border-color: #9FE50B;
}
.imgcloserlook {
	margin-top: 10px;
	margin-bottom: 10px;
}
.smallfont8pt {font-size: 8pt}
.smallfont {font-size: 9pt}
.smallfont10pt {font-size: 10pt}
.smallfont14pt {font-size: 14pt}
.smallfont13px { font-size: 13px; }
.imgleft { float: left; margin-left: 2em; margin-right: 2em; margin-bottom:1em;}
.clear  { clear: both; }
.indentleftright { margin-left:2em;  margin-right:2em;}

#buttonbox {
	float:right;
	padding-right: 200px;
	padding-bottom: 26px;
	background-image: url('images/choose.png');
	background-repeat: no-repeat;
} 

#savebutton {
	float:right;
	padding-right: 200px;
	padding-bottom: 26px;
	background-image: url('images/BYOsavebutton.png');
	background-repeat: no-repeat;
} 
#skipbutton {
	/*float:right;
	padding-right: 200px;
	padding-bottom: 26px;*/
	background-image: url('images/blankskipbutton.png');
	background-repeat: no-repeat;
} 
#userfeeds li { 
	 list-style-type:none; 
	 margin-left: -30px;
} 

.djbubble {
	width: 64%; 
	float:right; 
	font-size: 1pt;
	margin-right:5px;
	visibility:hidden;
	/*border:groove;*/
	
}

hr {
	color:#003399;
	background-color:#003399;
	margin-top: 0.5px;
	margin-bottom: 0.5px;
}
.t_header {
	font-size:16pt; 
	color:#003399;
	font-weight:bold;
}
.right_verticalline {
	border-right:1px solid #003399;
}
.left_verticalline {
	border-left:1px solid #003399;
}
.popup {
	//text-decoration:underline;
}
.borderblue {
	border:1px solid #003399;
	border-collapse:collapse;
	border-bottom:none;
}
.borderblue2 {
	border:1px solid #003399;
	border-collapse:collapse;
	
	
}
.altrow {
	background-color:#DFE7F2;
}
.linkblue {
	color:#003399;
	text-decoration:underline;
	cursor:pointer;
}
.fontbluecolor {
	color:#003399;
}

.style2 {font-size: 9pt; color: #003399; }
.scrollArea 
{
	/*width: 418px;
	height: 315px;*/
	width: 240px;
	/*height: 320px;*/
	padding-left: 2px;
	padding-right: 2px;
	float: left;
	overflow: auto;
}

/* this adds the hover glow effect */


.outertable
{
	border: 2px solid #000000;
	/*width:400px;*/
	width:240px;
	border-collapse: collapse;
}


#userfeeds li {
	padding:4px 0;
	}

#djlist tr {
	background-color:#FFF;
}	
#djlist tr.hover, #djlist tr.current {
	background-color:#CCCCFF;
}

#t_news tbody tr.custom td {
	font-size:10pt !important;
}
/* local news */
.hiddenDiv {
	display: none;
	
}
.visibleDiv {
	display: block;
  	margin-left: 30px;
	
}

/*end local news*/

.hidediv {
	display: none;
}
.showdiv {
	display: block;
}