/* CSS Document */

body {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	min-width:999px;
	background-image:  url(../images/bg/bodybg.jpg);
	background-repeat: repeat-x;
	background-color: #4289B6;
	color: black;
}

div#mobileOuter {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

h3 { font-size: 16px; }

a:link { color:#eeff00; text-decoration:underline; }
a:visited { color:#eeff00; text-decoration:underline; }
a:active { color:#eeff00; text-decoration:underline; }
a:hover { color:green; text-decoration:underline; }

*html .minWidth {
	border-left:400px solid #FFFFFF;
}

*html .IE {
	margin-left:-400px;
}

.white { color:white; }

.textbox {
	color:#999999;
	font-style:italic;
}

.outerContainer {
	width:100%;
}

.contentWrapper {
	margin-top:10px;
	width:100%;
	text-align:center;
}

.innerContentWrapper {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

#mainHeader {
	width:100%;
	height:144px;
	background-image: url(../images/bg/headerbg.jpg);
	background-repeat: repeat-x;
	text-align:center;
}

#innerHeader {
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

#logoHeader {
	border:0px solid red;
	width:200px;
	float:left;
	margin:0;
	height:126px;
}

#logoAdvert {
	border:0px solid red;
	width:330px;
	height:124px;
	float:left;
	margin:0;
	margin:6px 0 0 35px;
}

#headerForm {
	border:0px solid red;
	width:200px;
	height:110px;
	float:right;
	padding:10px 0 0 0;
	margin:10px 0 0 0;
	text-align:left;
	font-size:12px;
}

.leftColumn {
	border:0px solid red;
	width:174px;
	height:740px;
	float:left;
	margin:0 20px 0 0;
	padding:0;
	background-image: url(../images/bg/leftbg.jpg) ;
	background-repeat: no-repeat;
	background-color:#000000;
	text-align:center;
}

.leftheading {
	width:175px;
	height:39px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	margin:7px 0 0 0;
	padding:0 0 0 5px;
}

.channelMenu {
	width:174px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:white;
}

.images { border:0px solid orange; }
.img_margin { margin:10px 0 0 10px; }

#mainmenu {
	display:block;
	float:left;
	margin:0 0 6px 80px;
	padding:0 0 0 0;
}

.heading {
	width:400px;
	height:39px;
	line-height:230%;
	background-image:  url(../images/bg/indexmiddlebg.jpg);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0;
}
.headingTitle {
	margin:0 0 0 10px;
	padding:0;
}


.middleColumn {
	border:0px solid red;
	float:left;
	margin:0;
	padding:0;
	width:400px;
}

#loggedinMiddle {
	float:left;
	width:388px;
	text-align:left;
	background-color:#6688ff;
	margin:0;
	padding:6px 6px 6px 6px;
}

.middleColumnVideo {
	border:2px solid black;
	margin:0;
	width:396px;
	background-color: #000000;
	text-align:center;
	height:320px;
}

.middleColumnVideoWelcome {
	border:2px solid black;
	margin:0;
	padding:0 10px 6px 10px;
	width:376px;
	background-color: #000000;
	text-align:left;
	color: white;
}

.middleColumnVideoInfo {
	border-top:0px solid green;
	margin:0;
	width:400px;
	background-color: #000000;
	text-align:center;
	padding-bottom:5px;
	color:#FFFFFF;
}

.channelSelection {
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding-top:5px;
}

.channelBox {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:14px;
	width:600px;
	height:75px;
	overflow:hidden;
}

.leftImage {
	float:left;
	width:180px;
}

.leftImage a {
	text-decoration:none;
	border:0px;
}

.rightDesc {
	margin-left:5px;
	float:left;
	width:390px;
	text-align:left;
	height:75px;
	overflow:hidden;
}

.videoinfo {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #47AFD1;
	width:350px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	font-size: 12px;
	word-spacing: 4px;
	line-height:150%;
	margin-bottom:10px;
}

.Welcomeinfo {
	border:1px solid black;    
	color:#FFFFFF;
	width:350px;
	text-align:justify;
	font-size: 12px;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	padding:0 0 6px 0;
}

.required { font-weight:bold; }

.middleColumnSecond {

	background-color: #45B7DC;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.videoPlayerDivision {
	margin-left:auto;
	margin-right:auto;
	border:1px solid black;
	width:380px;
	height:318px;
	text-align:center;
}

.innerVideo {
	width:320px;
	height:320px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

.rightColumn {
	float:left;
	width:174px;
	margin:0 0 0 20px;
	height:740px;
	text-align:center;
	background-image:url(../images/bg/rightbg.jpg);
	background-repeat:repeat-x;
	background-color:Black;
}

.rightheading {
	width:175px;
	height:39px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:5px;
	text-align:left;
	margin-top:7px;
}

.innerRightColumn {
	color:White;
	text-align:center;
}

.innerRightColumn a {
	color:White;
	text-decoration:none;
}

.err {	color:#880000; font-weight:bold; }

.elastic {
	clear:left;
}

#payments {
	width:100%;
	clear:left;
	margin:0;
	padding:0;
}

.Footer {
	text-align:center;
	margin-top:80px;
	width:100%;
}

.innerFooter {
	margin-left:auto;
	margin-right:auto;
	color:#000000;
	width:800px;
	text-align:center;
}

#main ul {
	list-style:none;
	text-align:center;
}
#main li {
	display:inline;
	padding-left:20px;
	padding-right:20px;
	border-right:1px solid #FFFFFF;
	text-align:center;
}
#main  a {
	font-family: Arial;
	font-size: 16px;
	text-decoration: none;
	font-weight:bold;
	color: #000000;
}

.innerFooter a {
	color:White;
}

.onAir { color:#cc4444; }
.offAir { color:#4444FF; }


/* chat window */

div.dheader{
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
div.cmsg{
	padding: 3px;
	margin-top: 5px;
	color: #00FF00;
}
div.ctime{
	display: inline;
	color: #FFFFFF;
}
div.csys{
	display: inline;
	color: #FF4444;
}
div.cauthor{
	display: inline;
	color: #00FFFF;
	font-weight: bold;
}
div.cauthor a{
	color: #FF00FF;
	text-decoration: none;
}
div.cauthor a:hover{
	color: #00FFFF;
	text-decoration: none;
}
div.ctext{
	display: inline;
        color: #00FF00;
}

div#cmessagewindow{
	border: 0px solid #0000ff;
	float: left;
}
div#cmessages{
	border: 0px solid #0000ff;
	width: 302px;
	height: 260px;
	margin: 0;
	overflow: auto;
	text-align: left;
	margin-top: 5px;
	background-color: #232D2F;
}


/* live screen */

#live_left {
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:0px solid green;
	width:332px;
	background-color:#000000;
	text-align:center;
	height:450px;
}
#live_innerVideo {
	width:320px;
	height:320px;
	margin:6px 6px 6px 6px;
}
#live_innerSelector {
	width:320px;
	margin:10px 0 0 10px;
	text-align:left;
}


#live_right {
	float:right;
	clear:right;
	width:460px;
	height:450px;
	background-color: #45B7DC;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#live_chatinner {
	border:0px solid red;
	width:456px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
}

#live_top {
	width:788px;
	background-color: #45B7DC;
	margin:0 0 4px 0;
	padding:6px 6px 6px 6px;
	text-align:left;
}

#live_bottom {
	width:788px;
	background-color: #45B7DC;
	margin:4px 0 0 0;
	padding:6px 6px 6px 6px;
	text-align:left;
}

#multi_screen {
	float:left;
	width:788px;
	text-align:left;
	background-color:#6688ff;
	margin:0 0 0 0;
	padding:6px 6px 6px 6px;
}

.multi_video {
	border:0px solid yellow;
	float:left;
	width:258px;
	height:258px;
	margin:2px 2px 2px 2px;
}

.clear { display:block; clear:both; }

.alignRight { text-align:right; }

/* Admin pages */

#adminMiddle {
	float:left;
	width:788px;
	text-align:left;
	background-color:#6688ff;
	margin:0;
	padding:6px 6px 6px 6px;
}


/* layout for forms */

p.label_field_pair {
	display: block;
	clear: both;
	float: none;
	margin:0;
	padding: 2px 0 0 0;
}
p.label_field_pair label {
	clear: left;
	float: left;
	text-align: right;
	width: 150px;
	margin: 0;
	padding: 0;
}
p.label_field_pair input, select, textarea {
	clear: right;
	float: left;
	text-align: left;
	margin: 0 6px 0 6px;
	padding: 0;
}

form { font-size:12px; text-align:left; padding:0; margin:0; }
form legend { font-size:12px; }
form fieldset { font-size:12px; float:left; padding:4px 4px 4px 4px; margin:0 6px 0 0; }
form label { display:block; font-size:11px; float:left; clear:left; text-align:right; padding:0; margin:4px 0 0 0; }
form input, form textarea { font-size:11px; padding:0 2px 0 2px; margin:4px 0 0 6px; }
form img { vertical-align: top; text-align: left; padding:0; margin:4px 0 0 6px; }
form select { font-size:11px; width:auto; padding:0; margin:4px 0 0 6px; }
form br { clear:left; }
form .chk { margin:2px 0 0 6px; }

form#cqtv label { width:100px; }
form#cqtv textarea { width:400px; }

form#multi label { width:200px; }
form#multi fieldset { width:340px; }

form#reports label { width:100px; }

form#login label { width:100px; }
form#login input { width:60px; }
form#login input.btn { width:auto; }

form#config label { width:100px; }

form#channel { text-align:center; }
form#channel input { margin: 4px 0 0 0; }
form#channel select { width:154px; }

form#contact label { font-size:11px; width:100px; margin:10px 6px 0 0; }
form#contact input, select { margin:10px 0 0 0; width:210px; }
form#contact textarea { margin:10px 0 0 0; width:210px; }
form#contact img { margin:10px 0 0 0; }
form#contact .short { width:46px; }

form#members label { width:100px; }
form#members fieldset, legend { color:#003300; }
form#members fieldset { width:360px; }
form#members input { width:200px; }
form#members input.short { width:74px; }
form#members input.chk { width:20px; }
form#members textarea { margin:4px 0 0 6px; width:200px; }

form#users label { width:80px; }
form#users fieldset { width:370px; }

form#admin_users label { width:100px; }
form#admin_users fieldset { float:none; width:400px; }

form#admin_streams label { width:80px; }

form#frmNews label { width:100px; }
form#frmNews fieldset { float:none; width:400px; }


/* layout for tables */

.tblAdmin table { border-style:collapse; text-align:left; margin:0 0 0 4px; }
.tblAdmin th { background-color:#000088; color:white; font-weight:normal; text-align:left; padding:0 4px 2px 4px; margin:4px 4px 0 0; }
.tblAdmin td { color:black; text-align:left; padding:0 4px 2px 4px; margin:4px 4px 0 0; }

.tblMembers table { border-style:collapse; text-align:left; margin:0 0 0 0; width:100%; }
.tblMembers th { white-space:nowrap; background-color:#000088; color:white; font-weight:normal; text-align:left; padding:0 4px 2px 4px; margin:4px 4px 0 0; }
.tblMembers td { white-space:nowrap; color:black; text-align:left; padding:0 4px 2px 4px; margin:4px 4px 0 0; }

table#summary { border-style:collapse; }

.stretch { width:100px; }

.row1 { background-color:#0066ff; }
.row2 { background-color:#0099ff; }