/**
	Styles for layout
**/

body {
	margin: 0;
	padding: 0;
	background: #aaa;
}

h1, h2, h3, h4 {
    text-shadow: rgba(1, 1, 1, .3) 0 1px 1px;
}

#outer-container {

}

/* Language menu */

#language-menu {
	float: right;
	height: 120px;
	width: 200px;
	padding-top: 10px;
}

/* Header */

#header-container {
	width: 100%;
	margin: 0;
}

#header {
	background: #ffc552;
	height: 130px;
	width: 1000px;
	margin: auto;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-right: #888 1px solid;
}
	#header h1 {
		position:relative;
		left: 30px;
		top: 15px;
		width: 400px;
		margin: 0;
		font-size: 64px;
		font-family: Arial, Helvetica, sans-serif;
	}
		#header h1 a{
			text-decoration: none;
			color: #000000;
		}
	
	#header h2 {
		position:relative;
		left: 30px;
		width: 400px;
		margin: 0;
		line-height: 1.5em;
		font-family: "Times New Roman", Times, serif;
	}
	
/* Menu */

#menu-container {
	
}

.menu-list {
	background: -webkit-gradient(linear, left top, left bottom, from(#ababab), to(#313131));
	background: -moz-linear-gradient(top,  #ababab,  #313131);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ababab', endColorstr='#313131');
	width: 940px;
	margin: auto;
	padding: 0 30px;
	border-left: #ccc 1px solid;
	border-right: #888 1px solid;
}
.menu-list li{
	display: inline;
	margin-right: 5px;
}
.menu-list a{
	width: 110px;
	padding: .5em 0;
	margin: 3px 0;
}

/* green */
.menu-button {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#43d79f), to(#328d68));
	background: -moz-linear-gradient(top,  #43d79f,  #328d68);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#43d79f', endColorstr='#328d68');
}
.menu-button:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#49f0b1), to(#328d68));
	background: -moz-linear-gradient(top,  #49f0b1,  #328d68);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#49f0b1', endColorstr='#328d68');
}
.menu-button:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#49f0b1), to(#328d68));
	background: -moz-linear-gradient(top,  #49f0b1,  #328d68);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#49f0b1', endColorstr='#328d68');
}
	
/* Content */

#content-container {
	margin: 0;
	width: 100%;
}

#content-frame {
	background: #FFF;
	width: 960px;
	margin: auto;
	padding: 10px 20px;
	border-left: #ccc 1px solid;
	border-right: #888 1px solid;
}

#main-content {
	margin: 10px 5px;
}

/* Footer */

#footer-container {
	margin: 0;
	width: 100%;
}

#footer {
	background: -webkit-gradient(linear, left top, left bottom, from(#ababab), to(#313131));
	background: -moz-linear-gradient(top,  #ababab,  #313131);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ababab', endColorstr='#313131');
	height: 100px;
	width: 1000px;
	margin: 0 auto;
	padding-top: 30px;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-right: #888 1px solid;
	border-bottom: #888 1px solid;
}
	#footer a {

	}

#bottom-menu {
	text-align: center;
}

/* adSense */

.ad-sense {
	float: right;
	width: 130px;
	height: 610px;
}

/* List frame */

.list-frame {
	border-top: solid 1px #ffe252;
	border-left: solid 1px #ffe252;
	border-right: solid 1px #ffa852;
	border-bottom: solid 1px #ffa852;
	margin: 10px 10px;
}
	.list-frame h2 {
		background: #ffc552;
		padding: 5px 20px;
		margin: 0;
	}
    .list-frame ul {
        list-style: none;
        padding-left: 0;
        margin: 10px;
    } 
	    .list-frame .list-frame-block {
	        margin-bottom: 8px;
	        float: left;
	        width: 450px;
	        text-overflow: ellipsis;
	    }
	
/* On air and not on air */

.onair {
	color: #00FF00;
	font-weight: bold;
}

.not-onair {
	color: #FF0000;
	font-weight: bold;
}

.radio-block {
    font-size: large;
}
	.radio-block img {
	    border: none;
	    float: left;
	    margin-right: 10px;
	    width: 50px;
	    height: 50px;
	}
	
	.radio-block .radio-block-info {
	    float: left;
	    width: 380px;
	}
	
		.radio-block h4 {
			margin-top: 2px;
			margin-bottom: 2px;
	    	height: 1.3em;
	    	overflow: hidden;
	    	text-overflow:ellipsis;
		}
		
		.radio-block-listener {
			font-size: 14px;
		}
		
		.radio-block-tags {

		}
		
			.radio-block-tags ul {
				font-size: 14px;
				padding-left: 0;
				margin: 0;
				margin-top: 2px;
				display: block;
				height: 1.3em;
				width: 290px;
				overflow: hidden;
				float: right;
			}
		
				.radio-block-tags ul li {
					display: inline;
				}
	
	.radio-block a:link img {
		text-decoration: none;
		border: none;
	}

/* Button */

.button {
    margin: 5px auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: bold 16px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button:hover, {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
 

/* Announcement */

#announcement {
	font-size:120%;
	font-weight:bolder;
	margin:0pt auto 0.5em;
	width: 98%;
}

#announcement div {
	padding: 20px 15px 20px 65px;
}

.notice {
	background: #EEEEFF url(../images/info.png) no-repeat scroll 10px center;
}

.maintain {
	background: #fff483 url(../images/warning.png) no-repeat scroll 10px center;
}


/* Flash bars */

span.code {
	background: #EEEEEE none repeat scroll 0% 0%;
	font-weight: bold;
}

#flash {
	font-size:120%;
	font-weight:bolder;
	margin:0pt auto 0.5em;
	width: 98%;
}

#flash div {
	padding: 20px 15px 20px 65px;
}
#flash .ok {
	background: #d8ecd8 url(../images/ok.png) no-repeat scroll 10px center;
}
#flash .warning {
	background: #fff483 url(../images/warning.png) no-repeat scroll 10px center;
}
#flash .error {
	background: #f9c5c1 url(../images/error.png) no-repeat scroll 10px center;
}
#flash .alert,
#flash .info {
	background: #EEEEFF url(../images/info.png) no-repeat scroll 10px center;
}

.fielderror {
	color: red;
	font-weight: bold;
}
div.clearingdiv {
	clear: both;
}

.server-information-table {
	border: 1px solid black;
	width: 100%;
} 

	.server-information-table thead {
		border: 1px solid black;
		background-color: #eee;
	} 
	
	.server-information-table thead {
		border: 1px solid black;
		background-color: #eee;
	} 

.more-link {
	font-size: 75%;
}