#menu ul {
    font-family: Arial, Verdana;
    font-size: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu ul li {
    display: block;
    position: relative;
    float: left;
}
#menu li ul {
    display: none;
}
#menu ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    border-right: 1px solid #999;
    padding: 5px 15px 5px 15px;
    background: #015e8d;
    margin-left: 1px;
    white-space: nowrap;
}
#menu ul li a:hover {
background: #014364;
}
#menu li:hover ul {
    display: block;
    position: absolute;
}
#menu li:hover li {
	text-align:left;
    float: none;
    font-size: 12px;
}
#menu li:hover a { background: #014364; }
#menu li:hover li a:hover {
    background: #1e7c9a;
}
table
{
	background-color:#fff !important;
}


.loginform
{
	margin-top:200px;
}
.error_message
{
	text-align: center;
	padding-top: 10px;
	color: #f00;
}
.fullWidthTable table
{
	width: 100%;
	margin-bottom: 25px;
	margin-right: 10px;
}
#days
{
	margin-top:20px;
}
#days td
{
	width: 26px !important;
}
#mac
{
	border:1px solid #ccc;
	margin-top:70px;
	border-radius:5px;
	padding:10px;
	width:300px;
	margin-left:140px;
	height:155px;
}
.daybox
{
	position:absolute; 
	width:16px; 
	height:16px; 
	margin-left: 16px; 
	border-radius:2px; 
	background-color:#1abc9c;
}
#mac input
{
	width: 30px;
	height:7px;
	margin-top:13px;
}
#mac button
{
	margin-left:100px;
}
#mac label
{
	margin-bottom: -10px;
}
.upnp
{
	position:relative;
	padding:10px;
	border:1px solid #ccc;
	border-radius:3px;
	margin-left:70px;
	margin-bottom:20px;
}
.upnp .buttons
{
	position:absolute;
	right:0px;
	margin-right:-100px;
	display:none;
}
.upnp .buttons .btn
{
	width: 105px;
	padding-bottom: 14px;
	padding-top: 4px;
	height: 10px;
	margin-bottom: 5px;
}
.circle-green
{
	position: absolute;
	width: 14px;
	height: 18px;
	border-radius: 40px;
	background-color: #1abc9c;
	margin-top: 30px;
	margin-left: -60px;
	padding: 9px;
	padding-left: 14px;
	color: #fff;
}
.circle-green:hover
{
	background-color:#2fe2bf;
	cursor:pointer;
}
.upnp .icon
{
	float:right;
	margin-top: -11px;
	cursor:pointer;
}
.upnp table
{
	width: 100%;
}
.summary
{
	background-color: #191919;
}
#table-summary
{
	width:70%;
	margin: 10px;
	
}
.current-page
{
	margin-top:-40px !important;
}
#table-summary tr
{
	vertical-align:top;
	margin-bottom:10px;
}
#table-summary tr td
{

	height: 23px;
}
.space
{
	margin-top:10px;
}
.title-size
{
	width: 155px;
	padding: 2px 12px;
}
.td-info
{
	width: 60%;
}
.more-info
{
	margin-left:20px;
	width: 352px;
	display:none;
}
.more-info table td
{
	width: 180px;;
}
.more-button
{
	margin-left: -20px;
	margin-right: 7px;
	cursor:pointer;
	border: 1px #000 solid;
	padding-bottom: 1px;
}
.bg-white
{
	background-color:#fff;
}
.submit {
 margin-right:50px;
 float: right;
}
.logo
{
	float:left;
}
.logo img
{
	height: 85px;
}
.powered
{
	display:inline-block;
	float:right;
	margin: 10px;
}
.powered img
{
	height:20px;
	
}
.powered_login
{
	position:absolute;
	right:20px;
	bottom:20px;
	margin:30px;
	color:#fff;
}
.powered_login img
{
	height:30px;
	
}
.userInfo
{
	margin:10px 7px;
	float:right;
}
.userInfo p
{
	margin:0;
	text-align:right;
}
.login {
  background: url("../images/login/imac.png") 0 0 no-repeat;
  background-size: 940px 778px;
  color: white;
  margin-bottom: 77px;
  padding: 38px 38px 267px;
  position: relative; }

.login-screen {
  background-color: #1abc9c;
   }

.login-icon {
	left: -185px;
	position: absolute;
	top: 0;
	width: 158px;
	margin-top: 24px; }
  .login-icon > img {
    display: block;
    margin-bottom: 6px;
    width: 100%; }
  .login-icon > h4 {
    font-size: 17px;
    font-weight: 200;
    line-height: 34px;
    opacity: 0.95;
    text-align: center; }
    .login-icon > h4 small {
      color: inherit;
      display: block;
      font-size: inherit;
      font-weight: 700; }

.login-form {
  background-color: #eceff1;
  border-radius: 6px;
  padding: 24px 23px 20px;
  position: relative; 
  width:300px; }
  .login-form:before {
    content: "";
    border-style: solid;
    border-width: 12px 12px 12px 0;
    border-color: transparent #eceff1 transparent transparent;
    height: 0px;
    position: absolute;
    left: -12px;
    top: 35px;
    width: 0;
    -webkit-transform: rotate(360deg); }
  .login-form .control-group {
    margin-bottom: 6px;
    position: relative; }
  .login-form .login-field {
    border-color: transparent;
    font-size: 17px;
    padding-bottom: 11px;
    padding-top: 11px;
    text-indent: 3px;
    width: 299px; }
    .login-form .login-field:focus + .login-field-icon {
      color: #1abc9c; }
  .login-form .login-field-icon {
    color: #bfc9ca;
    font-size: 16px;
    position: absolute;
    right: 13px;
    top: 14px;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden; }

.login-link {
  color: #bfc9ca;
  display: block;
  font-size: 13px;
  margin-top: 15px;
  text-align: center; }
.login-box
{
	position: absolute;
	top: 20%;
	left: 40%;
}
.clear
{
	margin-top:45px;
}
.td_device, .td_os
{
	display:inline;
}
.tod_input
{
	font-size: 14px;
	margin: 0px 0px 10px;
	height: 20px;
	width: 150px;
}
.entry
{
	border-radius:5px; 
	margin-top:20px; 
	padding:5px 12px 5px 5px;
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
width: 104%;
}




h1 { font: 24px Verdana, Arial, Helvetica, sans-serif;
	color:#AA0000;
	margin-top:10px;
	margin-bottom:10px;
}
h2 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#AA0000;
	color:#AA0000;
	margin-top:3px;
	margin-bottom:3px;
}
h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#AA0000;
	margin-top:3px;
	margin-bottom:3px;
}	
a, a:visited, a:active {
	color:#005782;
	text-decoration:none;
}
a:hover {
	color:#FF6600;
	text-decoration:underline;
}
.grey {
	color: #999;
}
.redlink, .redlink:link, .redlink:visited {
	color:#AA0000;
	text-decoration:none;
}
.redlink:hover, .redlink:active {
	color:#FF0000;
	text-decoration:underline;
}
body{
	padding:0;
	margin:0;
	background: url("/images/bg.gif");
}
td {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
hr { height: 0px; border: solid #5A9221 0px; border-top-width: 1px;}
.highlight:link, .highlight:visited {
	color: #003366;
}
.highlight:hover, .highlight:active {
	text-decoration:underline;
	color: #00659C;
}
.posts {
	background: url("/images/posts_bg.gif") top left no-repeat;
	background-color: #5A9221;
	padding-top: 4px;
}
.welcome {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #EEEBEE;
	padding: 7px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #FFFFFF;
}
.welcome h1, .welcome h2 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.middle_section {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #EEEBEE;
	padding: 7px;
}
.maintable {
	border: 1px solid #003366;
}
.header td {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.header h1 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.header a:link, .header a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.header a:hover {
	color: #003366;
}
.header a:active {
	color: #C23634;
}
.header_green {
	border-top: solid 5px #0A8B56;
	background-color:#42976A;
}
.main{
	padding-right:10px;
	padding-left:10px;
}
.date {
	font: bold 10px Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-right: 10px;
}
.medium, .medium td {
	font-size: 11px;
}
.small, small a, small a:visited, small a:hover, small a:active {
	font-size: 10px;
}
.details {
	font-size: 10px;
	color: #000066;
}
.join {
	font-size: 11px;
	color: #2C5124;;
}
form {
	margin: 0;
}
.music_form .text {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.music_form .button { 
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	background-color: #B1DBE9; 
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	border-bottom: 1px solid #555555;
	border-right: 1px solid #555555;
	color: #333333;
}

.footer {
	padding-top:3px;
	padding-bottom:3px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #FFFFFF;
	background: url("/images/footer_bg.gif");
	color:#DDDDDD;	
}
.footer a, .footer a:visited, .footer a:hover, .footer a:active {
	text-decoration:none;
	color:#DDDDDD;	
}
.msg {
	color: #FF0000;
}
.pagination {
	font: bold 12px;
	text-decoration:none;
	text-align:center;	
	color:#000000;
}
.pagination a, .pagination a:visited, .pagination a:active {
	text-decoration:none;
	color:#3399CC;
}
#rightcol, #sponsors {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#rightcol ul, #sponsors ul{
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#rightcol a:link, #rightcol a:visited, #rightcol a:active {
	display: block;
	padding: 0px 0px 2px 15px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: url("/images/menu_item.gif") top left no-repeat;
	text-decoration: none;
/*	border: 1px solid transparent; */
}
#rightcol a:hover {
	background-position: 0 -182px;
	background-color: #147DB2;
	color: #C0E7FA;
/*	border: 1px solid #99C75B; */
}
#rightcol li {
	display: block;
	padding: 0;
	margin: 0;
}
#homeheader, #blueheader {
	height: 22px;
	text-align:center;
}
#homeheader {
	background: url("/images/bg_red_h.gif");
}
#blueheader {
	background: url("/images/bg_blue_h.gif") repeat-x;
	padding-top:2px;
}
#homeheader h2, #homeheader a, #homeheader a:visited, #blueheader h2, #blueheader a, #blueheader a:visited {
	display:block;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #EEEEEE;
}

#nice {
	padding: 0;
	margin: 0;
}
#nice li {
	padding-bottom:5px;
}
#nice a:link, #nice a:visited, #nice a:active {
	padding: 0px 0px 2px 15px;
	background: url("/images/item_red.gif") top left no-repeat;
	color:#336699;
}
#nice a:hover {
	background-position: 0 -182px;
	color: red;
}

.normal:link, .normal:visited, .normal:active {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #C0E7FA;
	text-decoration: underline;
}
.normal a:hover {
	color: #FFE3D5;
}
table#login td, table#login a, table#login a:visited, table#login a:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
	color:#003560;
}
table#login a:hover {
	color:#009ACE;
}
table#login input, table#login select {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #444444;
	border-left: 1px solid #444444;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;	
	background: url("/images/input_bg.gif") top repeat-x;
	background-color: #FFFFFF;
}
table#login input.noborder {
	border:0px;
} 
table#login input.topsubmit {
	border:0px;
	background: url("/images/b_login.gif") top left no-repeat;
	cursor: hand;
	width: 41;
	height: 17;
}

table#rss th {
	background: url("/images/headline_bg.gif");
} 
table#rss ul {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
table#rss a:link, table#rss a:visited, table#rss a:active {
	display: block;
	padding: 5px 0px 2px 15px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#006699;
	background: url("/images/rss_item.gif") top left no-repeat;
	text-decoration: none;
	border: 1px solid #F3F3F3;
}
table#rss a:hover {
	background-position: 0 -182px;
	background-color: #E8EDF5;
	color: #0099CC;
	border: 1px solid #D5E1F5;
}
table#rss .description {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
table#rss td {
	background-color: #F3F3F3;
	padding: 7px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
}
table#league {
	background-color: #F3F3F3;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #DDDDDD;
}
table#league td {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
}
table#league th {
	padding: 0;
	text-align: left;
	background: url("/images/headline_bg.gif");
}
table#league_header h2{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0;
}
.pagination {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 3px;
}
.pagination a, .pagination a:visited, .pagination a:active {
	color: #003366;
	text-decoration: underline;
	padding: 3px;
}
.pagination a:hover {
	color: #009ACE;
}
.pagination #active {
	font-weight: bold;
	color: #AD0808;
	padding: 3px;
}
.dotted_line {
	text-align: center;
	height: 1px;
	border:1px dotted #CCCCCC;
}
#fixtures td {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#fixtures th {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #023B58;
	background-color: #D9E9F1;
	text-transform: uppercase;
}

.hidethis td a { color:#95b8d6}
#fixtures .hidethis td { color:#aaa; }

td #alternate {
	background-color: #EEEEEE;
	border-bottom: 1px solid #D3D3D3;
	border-top: 1px solid #FAFAFA;
}
#days, days_bottom {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
#days th, #days_bottom th {
	border: 0;
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	height: 30px;
}
#days #active { background: url("/images/b_active.gif"); }
#days_bottom #active { background: url("/images/b_btm_active.gif"); }
#days #active a, #days #active a:visited, #days #active a:active, #days_bottom #active a, #days_bottom #active a:visited, #days_bottom #active a:active {
	color: #FFFFFF;
	display: block;
}
#days #passive { background: url("/images/b_passive.gif"); }
#days_bottom #passive {	background: url("/images/b_btm_passive.gif") left top no-repeat; }
#days #passive a, #days #passive a:visited, #days #passive a:active, #days_bottom #passive a, #days_bottom #passive a:visited, #days_bottom #passive a:active  {
	color: #888888;
	display: block;
	width: 100%;
}
#days #passive a:hover, #days_bottom #passive a:hover {
	color: #023853;
}
#days #passive a:hover { padding-top: 6px; padding-bottom: 6px; }
#days_bottom #passive a:hover { padding-top: 6px; padding-bottom: 6px; }
#days #passive a:hover { background: url("/images/b_passive_hover.gif"); }
#days_bottom #passive a:hover { background: url("/images/b_btm_passive_hover.gif") left top no-repeat; }
#days .prev_week, #days_bottom .prev_week {
	font-weight: bold;
	height: 19px;
}
#days .prev_week { background: url("/images/b_prev.gif") left bottom repeat-x; }
#days_bottom .prev_week { background: url("/images/b_btm_prev.gif") left top repeat-x; }
#days .prev_week a, #days .prev_week a:visited, #days .prev_week a:active, #days_bottom .prev_week a, #days_bottom .prev_week a:visited, #days_bottom .prev_week a:active {
	color: #888888;
	display: block;
	}
#days .prev_week a, #days .prev_week a:visited, #days .prev_week a:active { padding-bottom: 3px; }
#days_bottom .prev_week a, #days_bottom .prev_week a:visited, #days_bottom .prev_week a:active { padding-bottom: 17px; }
#days .prev_week a:hover, #days_bottom .prev_week a:hover { 
	color: #023853;
}
#days .prev_week a:hover { padding-top: 3px; }
#days_bottom .prev_week a:hover { padding-bottom: 17px; }
#days .prev_week a:hover { background: url("/images/b_prev_o.gif") left bottom repeat-x; }
#days_bottom .prev_week a:hover { background: url("/images/b_btm_prev_o.gif") left top repeat-x; }
#days .next_week, #days_bottom .next_week {
	font-weight: bold;
	height: 19px;
}
#days .next_week { background: url("/images/b_nextw.gif") right bottom repeat-x; }
#days_bottom .next_week { background: url("/images/b_btm_nextw.gif") right top repeat-x; }
#days .next_week a, #days .next_week a:visited, #days .next_week a:active, #days_bottom .next_week a, #days_bottom .next_week a:visited, #days_bottom .next_week a:active {
	display: block;
	color: #888888;
	}
#days .next_week a, #days .next_week a:visited, #days .next_week a:active { padding-bottom: 3px; }
#days_bottom .next_week a, #days_bottom .next_week a:visited, #days_bottom .next_week a:active { padding-bottom: 17px; }
#days .next_week a:hover, #days_bottom .next_week a:hover { 
	color: #023853;
}
#days .next_week a:hover { padding-top: 3px; }
#days_bottom .next_week a:hover { padding-bottom: 17px; }
#days .next_week a:hover { background: url("/images/b_nextw_o.gif") right bottom repeat-x; }
#days_bottom .next_week a:hover { background: url("/images/b_btm_nextw_o.gif") right top repeat-x; }
#highlights {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#highlights li {
	padding: 1px 0px 1px 13px;
	background: url("/images/item_red.gif") top left no-repeat;
}
.live,.red {
	color:#AA0000;
	font-weight: bold;
}
.bright {
	color:red;
}
.delayed,.green {
	color: green;
	font-weight: bold;
}
table#contactform {
	padding: 7px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
}
table#contactform td, table#contactform input, table#contactform select {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
table#contactform input, table#contactform textarea, table#contactform select {
	border-top: 1px solid #444444;
	border-left: 1px solid #444444;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;	
}
table#contactform input.noborder {
	border:0px;
} 
table#contactform input.submit {
	font-weight: bold;
	border: 1px solid #999999;
}
.divider {
	border: 1px solid #811616;
	width: 90%;
}
table#shows ul {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
table#shows li {
	padding: 0;
	margin: 0;
}
table#shows a:link, table#shows a:visited, table#shows a:active {
	display: block;
	height: 100%;
	padding: 2px 2px 2px 15px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#006699;
	background: url("/images/list_item.gif") top left no-repeat;
	text-decoration: none;
}
table#shows a:hover {
	background-position: 0 -182px;
	color: #0099CC;
}
.poll {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
table#poll td {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
table#poll th {
	background-color: #0084C6;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 2px;
	border-bottom: 5px solid #006699;
}
table#poll a, table#poll a:visited {
	color: #C0E7FA;
}
table#poll a:hover, table#poll a:active {
	color:#FAD4C0;
}
.form {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #444444;
	border-left: 1px solid #444444;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;	
	background: url("/images/input_bg.gif") top repeat-x;
	background-color: #FFFFFF;
}
#myform input {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #222222;
	border-left: 1px solid #222222;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;	
	background: url("/images/input_bg.gif") top repeat-x;
	background-color: #FFFFFF;
}
#myform input.submit {
	border:0px;
	background: url("/images/b_submit.gif") top left no-repeat;
	cursor: hand;
	width: 49;
	height: 17;
}
#myform input.search {
	border:0px;
	background: url("/images/b_msearch.gif") top left no-repeat;
	cursor: hand;
	width: 49;
	height: 17;
}
h2#channel_list, h2#channel_list a, h2#channel_list a:visited {
	font: bold 16px Helvetica, Arial, Verdana, sans-serif;
	margin: 1px;
	padding-left: 60px;
	color: #003366;
}
h2#channel_list a:hover, h2#channel_list a:active {
	color:#CC0000;
}
table#channel_list {
	border: 1px solid #CCCCCC;
}
table#channel_list th {
	background: url("/images/bg_channel_list.gif") top left repeat-x;
	height: 26px;
}
#channel_details {
	font-size: 11px;
	color: #FFFFFF;
}
.blue_divider {
	border: 1px dashed #3F73A6;
	width: 90%;
}
#results td, #results a, #results a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
}
#results th {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #D3D8E1;
	border-bottom: 1px solid #333333;
}
#results table {
	border: 1px solid #CCCCCC;
}
.required {
	color: #FF0000;
}
#side_ads {
	padding-left:10px;
	background-color: #305774;
}

h2#gray, h2#gray a, h2#gray a:visited, table#gray th {
	font: bold 12px Verdana, Arial, sans-serif;
	margin:1px;
}
h2#gray a:hover, h2#gray a:active, table#gray th {
	color:#AA0000;
}
table#gray {
	border: 1px solid #D9E3EA;
}
table#gray td {
	font: 11px Verdana, Arial, sans-serif;
}
table#gray th {
	border-bottom: 1px solid #CCCCCC;
	background: url("/images/bg_th_grey.gif") top repeat-x;
}
.right { margin: 2px 0px 2px 10px; float:right; }
.left { margin: 2px 10px 2px 0; float:left; } 
.edit input
{
	height:20px !Important;
	border:1px #ccc solid;
}
.edit_years input
{
	height:20px !Important;
	border:1px #ccc solid;
}
.expired
{
	background:#FF9BA3;
	display:none;
}
.btn
{
	width:120px;
	padding:3px;
	border:1px #ccc solid;
}
.btn:hover
{
	cursor:pointer;
}
.btn-red
{
	background:#FF9BA3;
}
.btn-blue
{
	background:#8CAAEB;
}
.error_msg
{
	color:#f00;
	font-weight:bold;
}

.must { color:red; font-size:11px; }

#tabs ul, #tabsDesc ul { 	float: left; padding-top: 4px; margin:0; }
#tabs li, #tabsDesc li { float: left; display: inline; margin-left: 8px; list-style: none; font-size:12px; }
#tabs li a, #tabsDesc li a { float: left; }
#tabs ul li.active, #tabsDesc ul li.active { background: #eee; padding:5px; }
#tabs ul li.active a, #tabsDesc ul li.active a { color: #333333; }
#tabs div, #tabsDesc div { background: #eee; clear: both; padding: 15px; }






		.tooltip{
   			display: inline;
    		position: relative;
			border-radius: 50%;
			border: 1px solid #999;
			background-color:#eee;
			width:12px;
			height:12px;
			text-align:center;
			display:block;
			color:#999;
			float:right;
			font-size:10px;
		}


		
		.tooltip:hover:after{
    		background: #333;
    		background: rgba(0,0,0,.8);
    		border-radius: 5px;
    		bottom: 26px;
    		color: #fff;
    		content: attr(title);
    		left: 20%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 98;
			font-size:11px;
		}

    	.tooltip.wide:hover:after { width: 220px; }
		
		.tooltip:hover:before{
    		border: solid;
    		border-color: #333 transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 20px;
    		content: "";
    		left: 50%;
    		position: absolute;
    		z-index: 99;
		}
	
	
/* external link icon */	
.elink { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmlld0JveD0iMCAtMjU2IDE4NTAgMTg1MCIKICAgaWQ9InN2ZzMwMjUiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC40OC4zLjEgcjk4ODYiCiAgIHdpZHRoPSIxMDAlIgogICBoZWlnaHQ9IjEwMCUiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImV4dGVybmFsX2xpbmtfZm9udF9hd2Vzb21lLnN2ZyI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMzAzNSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczMwMzMiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSI2NDAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iNDgwIgogICAgIGlkPSJuYW1lZHZpZXczMDMxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIwLjEzMTY5NjQzIgogICAgIGlua3NjYXBlOmN4PSI4OTYiCiAgICAgaW5rc2NhcGU6Y3k9Ijg5NiIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMjUiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmczMDI1IiAvPgogIDxnCiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMzAuMzcyODgxLDE0MjYuOTQ5MikiCiAgICAgaWQ9ImczMDI3Ij4KICAgIDxwYXRoCiAgICAgICBkPSJNIDE0MDgsNjA4IFYgMjg4IFEgMTQwOCwxNjkgMTMyMy41LDg0LjUgMTIzOSwwIDExMjAsMCBIIDI4OCBRIDE2OSwwIDg0LjUsODQuNSAwLDE2OSAwLDI4OCB2IDgzMiBRIDAsMTIzOSA4NC41LDEzMjMuNSAxNjksMTQwOCAyODgsMTQwOCBoIDcwNCBxIDE0LDAgMjMsLTkgOSwtOSA5LC0yMyB2IC02NCBxIDAsLTE0IC05LC0yMyAtOSwtOSAtMjMsLTkgSCAyODggcSAtNjYsMCAtMTEzLC00NyAtNDcsLTQ3IC00NywtMTEzIFYgMjg4IHEgMCwtNjYgNDcsLTExMyA0NywtNDcgMTEzLC00NyBoIDgzMiBxIDY2LDAgMTEzLDQ3IDQ3LDQ3IDQ3LDExMyB2IDMyMCBxIDAsMTQgOSwyMyA5LDkgMjMsOSBoIDY0IHEgMTQsMCAyMywtOSA5LC05IDksLTIzIHogbSAzODQsODY0IFYgOTYwIHEgMCwtMjYgLTE5LC00NSAtMTksLTE5IC00NSwtMTkgLTI2LDAgLTQ1LDE5IEwgMTUwNywxMDkxIDg1NSw0MzkgcSAtMTAsLTEwIC0yMywtMTAgLTEzLDAgLTIzLDEwIEwgNjk1LDU1MyBxIC0xMCwxMCAtMTAsMjMgMCwxMyAxMCwyMyBsIDY1Miw2NTIgLTE3NiwxNzYgcSAtMTksMTkgLTE5LDQ1IDAsMjYgMTksNDUgMTksMTkgNDUsMTkgaCA1MTIgcSAyNiwwIDQ1LC0xOSAxOSwtMTkgMTksLTQ1IHoiCiAgICAgICBpZD0icGF0aDMwMjkiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc3R5bGU9ImZpbGw6Y3VycmVudENvbG9yIiAvPgogIDwvZz4KPC9zdmc+Cg==') no-repeat; padding:10px; color:#069;background-position: center;
}

	
.warning {
	font: bold 16px Verdana, Arial, sans-serif;
	color:red;
	/* background-color: greenyellow; */
}

.warning2 {
	font: 16px Verdana, Arial, sans-serif;
	color:orange;
	/* background-color: greenyellow; */
}

.submission {
	font: bold 25px Verdana, Arial, sans-serif;
	color:dodgerblue;
	/* background-color: greenyellow; */
}
	
/* MULTISELECT BEGIN --------------------------------------------------------------------------- */

.bold { font-weight: bold; }

.ms-container:after{
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  min-height: 0;
  visibility: hidden;
}

.ms-container .ms-selectable, .ms-container .ms-selection{
  background: #fff;
  color: #555555;
  float: left;
  width: 45%;
}

.search-input { width:100%; margin-bottom:7px; padding-left:10px; }

.ms-container .ms-selection{
  float: right;
}

.ms-container .ms-list{
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  height: 400px;
  padding: 0;
  overflow-y: auto;
}

.ms-container .ms-list.ms-focus{
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
}

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

.ms-container .ms-optgroup-container{
  width: 100%;
}

.ms-container .ms-optgroup-label{
  margin: 0;
  padding: 5px 0px 0px 5px;
  cursor: pointer;
  color: #999;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{
  border-bottom: 1px #eee solid;
  padding: 2px 10px;
  color: #555;
  font-size: 11px;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  background-color: #08c;
}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled{
  background-color: #eee;
  color: #aaa;
  cursor: text;
}

/* MULTISELECT END --------------------------------------------------------------------------- */

.data tr:not(:last-child) td {
    border-bottom: 1px solid #ccc;
	padding-top: 8px;
	padding-bottom: 8px;
	vertical-align: top;
}

.tlabel {
	text-align: right;
	padding-right: 10px;
}

.column-list {
    columns: 10; /* Adjust the number of columns */
    text-align: left;
    list-style-type: none; /* Remove default list styling */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
}





.suggestions {
	border: 1px solid #ccc;
	display: none;
	position: absolute;
	background-color: white;
	z-index: 100;
	width: 750px; /* Make the suggestion box wider */
	padding: 0;
	margin: 0;
	font-size: 14px; /* Increase font size for search results */
}

.suggestions li {
	padding: 10px; /* Increase padding for better spacing */
	cursor: pointer;
	list-style-type: none; /* Remove list bullet */
}

.suggestions li:hover {
	background-color: #f0f0f0;
}

.suggestions a {
	text-decoration: none;
	display: inline-block;
	width: 100%;
}

.suggestions a span.channel-name {
	font-weight: bold; /* Make the channel name bold */
}

.suggestions a span.country-list {
	color: #555; /* Optional: Change the color for countries */
}

#search {
	width: 400px; /* Make the search box bigger */
	font-size: 18px; /* Increase font size in search box */
	padding: 10px; /* Increase padding for better look */
}



/* Descriptions textarea block */
.tab { overflow: hidden; border-bottom: 1px solid #ccc; }
.tab button { background-color: #f1f1f1; float: left; border: none; outline: none; cursor: pointer; padding: 5px 10px; transition: 0.3s; }
.tab button:hover { background-color: #ddd; }
.tab button.active { background-color: #ccc; }
.tabcontent { display: none; padding: 6px 5px; border: 1px solid #ccc; border-top: none; text-align: left; }
.descriptions { width: 100%; height: 150px; }
.delete-description { color: red; margin-left: 10px; padding: 0 2px; }