@charset "utf-8";
/* ------------------------- */
/* Student Radio Association */
/* Core CSS                  */
/*                           */
/* Created by Mark Farrington*/
/* ------------------------- */


html, body {
	margin: 0;
	height: 100%;	
	background-color: #d9d9d9;
	background-image: url(contbg_main.png);
	background-position: center;
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	}
body a {
	color: #000000;
	text-decoration: underline;
	}

#container {
	position: relative;
	height:auto !important;
	height:100%;
	min-height:100%;
	}

.mast {
	width: 100%;
	height: 126px;
	margin-bottom: 15px;
	background-color: #474646;
	background-image: url(mastbg_main.png);
	background-repeat: repeat-x;
	}

.submast
	{
	margin: 0 auto;
	width: 960px;
	height: 126px;
	background-image: url(mastbg_sub.png);
	}

.userbar {
	float: right;
	height: 18px;
	padding-left: 15px;
	padding-right: 15px;
	background-position: bottom left;
	background-repeat: no-repeat;
	text-align: right;
	}

.navcontain {
	*min-width: 600px; /* IE 7 and below */
	clear: right;
	float: right;
	margin-top: 6px;
	height: 33px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #222222;
	background-image: url(mastbg_nav.png);
	background-position: left;
	background-repeat: no-repeat;
	}

.navdrop span {
	color:#CCCCCC;
	}

.navdrop span:hover {
	color:#ffffff;
	}

.topunit {
float: right;
margin-right: 15px;
padding: 0px;
width: 468px;
height: 60px;
margin-top: 5px;
}

#content {
	margin: 0 auto;
	width: 920px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-top: 0px;
	}

.footer {
	clear: both;
	position: absolute;
	width: 100%;
	height: 40px;
	bottom: 0;
	background-color: #474646;
	background-image: url(footbg_main.png);
	background-repeat: repeat-x;
	border-bottom: 5px solid #ffffff;
	}
.subfooter
	{
	margin: 0 auto;
	height: 25px;
	width: 920px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(footbg_sub.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	color: #ffffff;
	}

.imagecat img {
	padding-top: 2px;
	}

.imagecat td {
	padding-left: 0;
	vertical-align: top;
	padding-right: 10px;
	padding-bottom: 10px;
	height: 40px;
	}



/* Floats */

#contain_right {
	float: right;
	width: 300px;
	}

#contain_left {
	float: left;
	width: 600px;
	}
	

/* Common Content */

.index_full_title {
	width: 572px;
	height: 16px;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #bfbfbf;
	border-left: 8px solid #6acb3e;
	border-top: 1px solid #6acb3e;
	}

.index_full_content {
	width: 568px;
	margin-bottom: 15px;
	margin-top: -15px;
	padding: 6px 12px 6px 12px;
	background-color: #e6e6e6;
	border-left: 8px solid #d9d9d9;
	}


.index_feature_link {
	width: 158px;
	margin: 0px;
	padding: 0px 12px 12px 12px;
	background-color: #e6e6e6;
	border-left: 8px solid #d9d9d9;
	font-style: italic;
	font-weight: bold;
	}

.index_feature_link a {
	text-decoration: none;
	}

.index_feature_link a:hover {
	text-decoration: underline;
	}

.right_sect {
	width: 300px;
	margin-bottom: 15px;
	}
	
.searchbox {
	float: left;
	width: 200px;
	height: 16px;
	margin-right: 5px;
	padding: 4px;
	border: 1px solid #707070;
	background-color: #e6e6e6;
	}
.searchbutton {
	float: left;
	width: 83px;
	height: 26px;
	border: 1px solid #707070;
	background-color: #c9e6c6;
	font-size: 11px;
	text-align: center;
	}


/* Clear up floats */
.clearer {
	clear: both;
	}
.clearer.left {
	clear: left;
	}
.clearer.right {
	clear: right;
	}
.clearer.foot {
	clear: both;
	height: 50px;
	}


/* Channel Links */

.rightlink a {
	float: left;
	width: 135px;
	padding: 5px;
	margin-right: 6px;
	margin-bottom: 6px;
	background-color: #eeeeee;
	border: 1px solid #707070;
	color: #000000;
	text-decoration: none;
	text-align: center;
	}
.rightlink.end a {
	margin-right: 0px;
	}
.rightlink.sra a {
	color: #e35a20;
	border-color: #e35a20;
	}
.rightlink.sra a:hover
	{
	background-color: #;
	}

.rightlink.awards a {
	color: #5b1cc3;
	border-color: #5b1cc3;
	}
.rightlink.awards a:hover
	{
	background-color: #cbb6ed;
	}

.rightlink.chart a {
	color: #0d7fff;
	border-color: #0d7fff;
	}
.rightlink.chart a:hover
	{
	background-color: #cadef6;
	}

.rightlink.love a {
	color: #c01111;
	border-color: #c01111;
	}
.rightlink.love a:hover
	{
	background-color: #eac2c2;
	}

.rightlink.image a {
	color: #e35a20;
	border-color: #e35a20;
	}
.rightlink.image a:hover
	{
	background-color: #f4d6ca;
	}

.rightlink.more a {
	width: 288px;
	margin-right: 0px;
	color: #474747;
	border-color: #474747;
	}
.rightlink.more a:hover
	{
	background-color: #c6c6c6;
	}

.contentbox_title {
	width: 572px;
	height: 16px;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #bfbfbf;
	border-left: 8px solid #6acb3e;
	border-top: 1px solid #6acb3e;
	}

.contentbox_title2 {
	width: 572px;
	height: 16px;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #bfbfbf;
	border-left: 8px solid #6acb3e;
	border-top: 1px solid #6acb3e;
	}

.contentbox_title3 {
	width: 572px;
	height: 16px;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #bfbfbf;
	border-left: 8px solid #6acb3e;
	border-top: 1px solid #6acb3e;
	}

.contentbox_title_news {
	width: 572px;
	height: 16px;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #bfbfbf;
	border-left: 8px solid #6acb3e;
	border-top: 1px solid #6acb3e;
	}


.contentbox_title_blue {
	width: 572px;
	height: 16px;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #bfbfbf;
	border-left: 8px solid #4399fa;
	border-top: 1px solid #4399fa;
	}

.contentbox_main {
	width: 568px;
	margin-bottom: 15px;
	margin-top: -15px;
	padding: 6px 12px 6px 12px;
	background-color: #e6e6e6;
	border-left: 8px solid #d9d9d9;
	}

/* Font Fun */

p {
	line-height: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	}

h1 {
	display: none;
	}

h2 {
	font-size: 18px;
	margin-bottom: 10px;
	}
h2.headline {
	margin-top: 10px;
	}

.userbar_font {
	font-size: 11px;
	}
.userbar_font em {
	margin-left: 10px;
	margin-right: 10px;
	}
.userbar_font a {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #000000;
	}
.userbar_font a:hover {
	color: #ffffff;
	border-bottom: 1px dotted #ffffff;
	}
	
.footer_font {
	font-size: 11px;
	}
.footer_company {
	float: left;
	}
.footer_font em {
	margin-left: 10px;
	margin-right: 10px;
	}
.footer_font a {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
	}
.footer_font a:hover {
	color: #cccccc;
	border-bottom: 1px dotted #cccccc;
	}



img.newsImage {
	float: right;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 15px;
	}

/* Forms and stuff */

label{
float: left;
width: 150px;
}

input, select, textarea{
width: 185px;
margin-bottom: 5px;
}

#submitbutton
{
margin-left: 245px;
width: 90px;

}

subbtn
{
margin-left: 205px;
width: 90px;

}

.captcha
{
margin-left: 110px;
}

.chkbox
{
width: auto;
}




/* 
	Blue on blue
	written by Glenn Slaven http://slaven.net.au
*/

table.chart,td,th {
        border-collapse:collapse;
        margin:0;
        padding:0;

}
table.chart {
        border: none;
        #font-family: Garamond, Georgia, "Times New Roman", Times, serif;
}

table.chart caption {
        background-color: transparent;
        #background-image: url(cap_bg.gif);
        background-repeat: repeat-x;
        background-position: bottom left;
        text-align:left;
        font-size:150%;
        text-transform:uppercase;
        line-height: 30px;
        letter-spacing:0px;    
}

table.chart td, th{    
        vertical-align:top;
        font-weight:normal;    
}

table.chart thead {
        border-left:1px solid #2293FF;
        font-size: 125%;
        text-align: left;
}

table.chart thead th {
        background: #2293FF;
        color: #FFFFFF;
        font-size: 125%;
        border-top:1px solid #2293FF;
        border-right:1px solid #2293FF;
        padding: 4px 0.4em 4px 0.4em;  
}

table.chart tfoot td, tfoot th {
        border-top:1px solid #2293FF;
        border-right: none;
        font-weight: bolder;
        font-size: 110%;
        padding: 0.4em 0.5em 0.4em 0.5em;
}

table.chart tbody td, tbody th {
        background-color: #D9ECFF;
        border-right:1px solid #2293FF;
        font-size: 110%;
        padding: 0.4em 0.5em 0.4em 0.5em;

}

table.chart tbody tr.odd th, tbody tr.odd td{
        background-color: #BDDFFF;
}

table.chart tbody tr.last th, tbody tr.last td{
        background-color: #D9ECFF;
        border-bottom:1px solid #2293FF;
}




table.chart tbody th{  
        font-weight: bold;     
        border-left:1px solid #2293FF
}

table.chart a:link, table.chart a:visited, table.chart a:active {      
        color:#444F66;
        background-color: transparent;
        text-decoration: underline;
}

table.chart a:hover {
        text-decoration:none;
        background-color: #1E90FF;
        color: #FFFFFF;
}

table.chart th.number {
font-size: 20px;
}

table.chart td.track {
font-size: 15px;
width: 150px;
}



/*** image table: table used to display list of threads, category lists and so on ***/
table.imagetable {
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size:12px;
	/*background:#fff;*/
	border-collapse:collapse;
	text-align:left;
	}

table.imagetable tr.title {
	font-size:14px;
	font-weight:normal;
	color:black;
	border-bottom:2px solid #4399fa;
	padding:10px 8px;
}

table.imagetable tr.title td {
	margin: 0px;
	border-bottom:1px solid #ccc;
	color:black;
	padding:6px 8px;
}
table.imagetable tr.even {
	/*background: #333333;*/
}
table.imagetable tr.odd {
	/*background: #414141;*/
}


table.imagetable td {
border-bottom:1px solid #ccc;
color:black;
padding:6px 8px;
}


table.imagetable tbody tr:hover td
{/*color:#009;*/}

.indexcar_desc p
{
padding:0px;
margin: 0px;
}

.contentbox_main ul li{
margin-left: 20px;
list-style: square;
}

.contentbox_main ol li{
margin-left: 20px;
}

.newsitem {
padding-bottom: 10px;
}

.newslink {
float: right;
}

.newstitle {
width: 100%;
border-style: none none solid;
font-weight: bold;
border-bottom-width: 1px;
}

.newslink a {
font-style: italic;
}

.noborder {
border: none;
padding: 0px;
}

.sponsorimage {
float:left;
padding-right:5px;
}

.sponsorimage a {
border: none;
text-decoration: none;
}

.sponsorimage img {
border: none;
}


.newsimage{
float:right;
margin-left: 10px;
margin-bottom: 10px;
}

.pagebar_right{
float:right;
}

/* Error Box */
.errorbox {
	list-style-type: none;
	width: 892px;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #e6e6e6;
	border-left: 8px solid #c01111;
	border-top: 1px solid #c01111;
	border-right: 1px solid #c01111;
	border-bottom: 1px solid #c01111;
	position: relative;
}

.errorbox ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.errorbox li {
	padding-left: 20px;
	background-image: url(cross.png);
	background-repeat: no-repeat;
	background-position: 0px 0.25px;
}

/* Success Box */
.successbox {
	list-style-type: none;
	width: 892px;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #e6e6e6;
	border-left: 8px solid #6acb3e;
	border-top: 1px solid #6acb3e;
	border-right: 1px solid #6acb3e;
	border-bottom: 1px solid #6acb3e;
	position: relative;
}

.successbox ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.successbox li {
	padding-left: 20px;
	background-image: url(tick.png);
	background-repeat: no-repeat;
	background-position: 0px 0.25px;
}

/* News Ticker */
.newstickercontainer {
	list-style-type: none;
	width: 572px;
	height: 16px;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #e6e6e6;
	border-left: 8px solid #5EBD32;
	border-top: 1px solid #5EBD32;
	border-right: 1px solid #5EBD32;
	border-bottom: 1px solid #5EBD32;
	position: relative;
}


.newsticker {
	list-style-type: none;
	/*background-color: #e6e6e6;*/
	position: relative;
}


.crotate {  
    margin-left: -1px;
    height:  125px;  
    width:   300px;  
    padding: 0;  
    margin:  0;  
} 
 
.crotate img {  
    padding: 0px;  
    border:  0px;  
    margin: 0px;
    #background-color: #eee;  
    width:  300px; 
    height: 125px; 
    top:  0; 
    left: 0 
} 

.rightbox {   
    width:   298px;  
    background-color: #e6e6e6;
    padding: 0;  
    margin:  0;  
}

.rightbox p {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.rightbox ul {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.rightbox li {
	margin-left: 15px;
	padding: 2px;
}

.rightbox_title {
	width: 278px;
	height: 16px;
	padding: 10px;
	margin-top: 15px;
	background-color: #bfbfbf;
	border-left: 1px solid #6acb3e;
	border-top: 1px solid #6acb3e;
	border-right: 1px solid #6acb3e;
	}

.sponsorimg {
border: none;
width: 298px;
padding: 0px;
margin: 0px;
}

.jobcontain {

}
.jobodd {
	width: 570px;
	padding: 10px;
	background-color: #e6e6e6;
	border: 1px solid #bfbfbf;
	border-left: 8px solid #7AD152;
	#border-bottom: 1px solid #bfbfbf;
	margin-bottom: 15px;
	}

.jobodd span {
	border-bottom: 1px solid #99DC7A;
	margin-bottom: 15px;
}

.jobodd li {
margin-left: 20px;
}

.jobeven {
	width: 570px;
	padding: 10px;
	background-color: #e6e6e6;
	border: 1px solid #bfbfbf;
	border-left: 8px solid #99DC7A;
	#border-bottom: 1px solid #bfbfbf;
	margin-bottom: 15px;
	}

.jobeven span {
	border-bottom: 1px solid #7AD152;
	margin-bottom: 15px;
}

.jobeven li {
margin-left: 20px;
}

.jobinactive {
	width: 570px;
	padding: 10px;
	background-color: #e6e6e6;
	border: 1px solid #bfbfbf;
	border-left: 8px solid #bfbfbf;
	#border-bottom: 1px solid #bfbfbf;
	margin-bottom: 15px;
	}

.jobinactive span {
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 15px;
}

.jobinactive li {
margin-left: 20px;
}

blockquote {
	background-color: #bc93ee;
	border: 1px solid #999999;
	padding:  5px;
}

.contentbox_fw_title {
	width: 892px;
	height: 16px;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #bfbfbf;
	border-left: 8px solid #6acb3e;
	border-top: 1px solid #6acb3e;
	}

.contentbox_fw_main {
	width: 892px;
	margin-bottom: 15px;
	margin-top: -15px;
	padding: 6px 10px 6px 10px;
	background-color: #e6e6e6;
	border-left: 8px solid #d9d9d9;
	}



.members_feature {
	float: left;
	width: 293px;
	margin-right: 14px;
	margin-bottom: 15px;
	}
.members_feature.right {
	margin-right: 0px;
	}

.members_feature_title {
	width: 267px;
	margin: 0px;
	padding: 9px;
	background-color: #bfbfbf;
	border-left: 8px solid #6acb3e;
	border-top: 1px solid #6acb3e;
	font-weight: bold;
	}


.members_feature_content {
	width: 261px;
	margin: 0px;
	padding: 6px 12px 12px 12px;
	background-color: #e6e6e6;
	border-left: 8px solid #d9d9d9;
	}

.rounded {
	padding:  5px;
	text-align: center;
	width: 98%;
	background-color: #bfbfbf;
	border: 1px solid #4399fa;
	}

.rounded_right {
	padding:  5px;
	text-align: center;
	float:right;
	background-color: #bfbfbf;
	border: 1px solid #4399fa;
	}
	

/* Spearmint tints > http://inspire.server101.com/bttdb/html/tables/ */

/* table */
table.entrys {
	margin-top: 20px;
	margin-bottom: 20px;
	//width: 100px;
	font-size: 13px;
	margin: 0 0 1em;
	background: #FFF;
	border-collapse: collapse;
	border-top: 1px solid #5B1CC3;
	border-bottom: 2px solid #5B1CC3;
}

/* caption = table title/heading */
table.entrys caption {
	text-align: left;
	font: bold small-caps 120%/1.3 "trebuchet ms",Helvetica,Arial,Sans-Serif;
	color: #363;
	margin: .3em 0;
}

/* reduced font size to save space */
table.entrys tr { font-size: 90%; }
/* prevent nested tables reducing font size further */
table.entrys tr tr { font-size: 100%; }

/* tinted rows */
/* in CSS3 selectors: tbody tr:even or tbody tr:nth-child(2n) */
table.entrys tr.odd {
	background: #DFD;
}

/* table cells */
table.entrys th, td {
	font-weight: normal;
	padding: .3em .7em;
	text-align: left;
	vertical-align: top;
}

/* borders to separate body sections */
table.entrys tbody tr:first-child th,
table.entrys tbody tr:first-child td,
table.entrys tfoot tr:first-child th,
table.entrys tfoot tr:first-child td {
	border-top: 1px solid #363;
}

/* tints for column headings */
table.entrys thead {
	background: #935EE8;
	white-space: nowrap;
}

/* tints for totals */
table.entrys tfoot {
	background: #ADA;
}

/* bold text for totals */
table.entrys tfoot th,
table.entrys tfoot td {
	font-weight: bold;
}

	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #bfbfbf;
		padding: 10px;
		width: 572px;
		border-left: 8px solid #666666;
		border-top: 1px solid #666666;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #6acb3e;
		border-width: 5px 5px 5px;
	}
	#gallery ul a:hover { color: #fff; }
	#gallery strong {color:#fff;
	padding: 40px;
	}
	
/* date picker stuff
 * instead of a text 
 for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url('/layout/icon/calendar.png') no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}



.right_pick {  
    width:   288px;  
    padding: 5px;  
    margin:  0;  
	border:  1px solid #5EBD32; 
	text-align: center;
	background-color:#e6e6e6;
	background-image:url('/layout/right_pick_back.jpg');
	background-repeat:no-repeat;
	background-position:bottom left;
	
} 

.right_link {
	width: 286px;
	height: 25px;
	margin-bottom: -1px;
}

.right_link.sra {
background-image:url('/layout/right_logo/sra.png');
}
.right_link.love {
background-image:url('/layout/right_logo/love.png');
}
.right_link.awards {
background-image:url('/layout/right_logo/awards.png');
}
.right_link.chart {
background-image:url('/layout/right_logo/chart.png');
}
.right_link.hearing {
background-image:url('/layout/right_logo/hearing.png');
}
.right_link.conference {
background-image:url('/layout/right_logo/conference.png');
}

.right_link.sra:hover {
	border-bottom: 2px solid #5EBD32;
	margin-bottom: -3px;
}

.right_link.awards:hover {
	border-bottom: 2px solid #642E8D;
	margin-bottom: -3px;
}

.right_link.chart:hover {
	border-bottom: 2px solid #4399FA;
	margin-bottom: -3px;
}

.right_link.love:hover {
	border-bottom: 2px solid #B91313;
	margin-bottom: -3px;
}

.right_link.hearing:hover {
	border-bottom: 2px solid black;
	margin-bottom: -3px;
}

.right_link.conference:hover {
	border-bottom: 2px solid #e45e09;
	margin-bottom: -3px;
}

span.search {
	background-color: #FFFF66;
}

.imageoverlay {
font-size: 120%;
width:521px; 
margin:25px; 
margin-bottom:30px;
padding:10px; 
background-color:grey; 
margin-top: -55px; 
z-index:100; 
position:relative;
background-color: #e6e6e6;
border-left: 8px solid #5EBD32;
border-top: 1px solid #5EBD32;
border-right: 1px solid #5EBD32;
border-bottom: 1px solid #5EBD32;
opacity:0.8;
filter:alpha(opacity=80);
}

.headerpic {
width: 600px; 
z-index:20; 
position:relative;
}