* { margin: 0; padding: 0; }
form, input { margin: 0; padding: 0; display: inline; }
.clear { clear: both; font-size: 0; }

/******************************************************************************
 *** General settings *********************************************************
 ******************************************************************************/

body {
  font: normal 12px "Trebuchet MS";
  
}

h1 { 
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
  padding: 0 0 10px 0;
  letter-spacing: 0.1em;
}

h2 { 
	font-size: 13px;
	font-weight: bold;
  padding: 0 0 10px 0;
}

a {
  color: #000;
  text-decoration: underline;
}

a:hover {
  color: #4a5377;
  text-decoration: underline;
}

table, .scheduleTable {
  border-collapse: collapse;
}

table tr {
}

table tr.hdr {
  height: 25px;
  background: transparent url('../images/trhdrbg.png') repeat-x top left;
}

table tr.hdrdark {
/*  height: 25px;*/
  background: transparent url('../images/trhdrbgdark.png') repeat-x top left;
}

table tr.highlight {
  background: transparent url('../images/trbg.png') repeat-x bottom left;
}

table td {
  font: normal 12px "Trebuchet MS";
}

table td.camtext {
  padding: 0 0 0 6px;
}

table td.camtext p {
  font: normal 11px "Trebuchet MS";
}
table td.pad { padding: 0 6px; }

table img { margin: 5px 6px 0 6px; }
table img.mid45 { margin: 4px 6px 0 0; }

table tr.hdrdark td {
  color: #fff;
	text-transform: none;
  font: bold 11px "Trebuchet MS";
  padding: 1px 0 2px 6px;
}

table tr.hdr td {
  font-weight: bold;
  padding: 4px 6px 3px 6px;
}

.w620 {
  width: 620px;
}

table.formTable td {
  padding: 5px;
}

.scheduleTable tr.hdrdark {
  height: 19px;
  background: transparent url('../images/trhdrbgdark.png') repeat-x top left;
}

.scheduleTable tr.hdrdark td {
  padding: 2px 0 1px 0;
}

.scheduleTable td {
  padding: 5px;
}

.scheduleTable td.wname {
  width: 35px;
}

.scheduleTable td.cell {
  width: 12px;
  border-left: 1px dotted #575759;
}

.scheduleTable td.on { background-color: #3fcb01; }
.scheduleTable td.off { background-color: #d60000; }

.scheduleTable tr.bbot {
  border-bottom: 1px solid #353334;
}

/******************************************************************************
 *** Page layout elements *****************************************************
 ******************************************************************************/

#mainContOuter {
  margin: 0 auto 0 auto;
	width: 900px;
 	color: #000;
}

#pageBody {
  padding: 0 15px 15px 15px;
  background-color: #fff;
}

/******************************************************************************
 *** Header & Footer **********************************************************
 ******************************************************************************/

#header {
  height: 90px;
  margin: 0 0 15px 0;
  background-color: #fff;
}

#header #logo {
  height: 120px;
  float: left;
}

#header #titleMenu {
  width: 500px;
  float: left;
  height: 120px;
}

#header #title {
  height: 86px;
/*  background-color: green; */
}

#header #menu, #prvMenu {
	font-size: 12px;
	text-transform: uppercase;
}

#header #menu ul {
  width: 870px;
	list-style: none;
	float:left;
  margin: 0 0 0 20px;
  background: transparent url('../images/menu_bg.gif') repeat-x top left;
}
#prvMenu ul { 
  width: 870px;
	list-style: none;
	float: left;
  margin: 0 0 20px 0; 
  background: transparent url('../images/menu_bg.gif') repeat-x top left;
}

#header #menu li, #prvMenu li {
	float: left;
}

#header #menu li.selected, #prvMenu li.selected {
	float: left;
	display: block;
	font-size: 12px;
  font-weight: bold;
	padding: 5px 10px 10px 10px;
	color: #e8e7e6;
	background-color: #8d222a;
}

#header #menu ul a, #prvMenu ul a {
	float: left;
	display: block;
	font-size: 12px;
  font-weight: bold;
	padding: 5px 10px 10px 10px;
  text-decoration: none;
}
#prvMenu ul a { color: #fff; }

#header #menu ul a:hover, #prvMenu ul a:hover {
	float: left;
	display: block;
	font-size: 12px;
  font-weight: bold;
	padding: 5px 10px 10px 10px;
/*	color: #e8e7e6;
	background-color: #8d222a; */
  
}
#prvMenu ul a:hover { color: #000; }

#header #loginboxOuter {
  padding: 10px 0 0 300px;
}

#header #loginbox {
  height: 65px;
  width: 250px;
  background: transparent url('../images/hdrLoginBg.png') repeat-x top left;
}

#header #loginboxIN p.white {
  text-align: left;
  background-color: #fff;
}

#header #loginboxIN p { 
  text-align:left;
  padding: 5px; 
}

#footerOuter {
  background-color: #fff;
}


/******************************************************************************
 *** Sidebar and textcont elements ********************************************
 ******************************************************************************/

#textCont {
  float: right;
  width: 620px;
}

#textCont_w {
  width: 870px;
}

#leftCont {
  float: left;
  width: 620px;
}
  
#sideBarOuter {
  margin: 0;
  float: left;
  width: 225px;
  background: #eeefef url('../images/sidebarbg.png') repeat-x bottom left;
}

#sideBarOuter h1 {
  color: #fff;
	text-transform: none;
  font: bold 11px "Trebuchet MS";
  background: transparent url('../images/trhdrbgdark.png') repeat-x top left;
  letter-spacing: normal;
  padding: 1px 0 2px 6px;
}

#sideBar {
  background: transparent url('../images/sidebarbgcut.png') no-repeat bottom right;
  min-height: 360px;
}

#rightBarOuter {
  float: right;
  width: 225px;
  background: #eeefef url('../images/sidebarbg.png') repeat-x bottom left;
}

#rightBarOuter .submit150 { margin-left: 28px; }

#rightBar {
  background: transparent url('../images/playerHdrLeft.png') no-repeat top left;
}

#rightBarOuter .hdr {
  background: transparent url('../images/playerHdrRight.png') no-repeat top right;
}

#rightBarOuter .hdr {
  color: #fff;
  padding: 7px 0 0 10px;
  height: 30px;
}

#rightBar .camrow {
  padding: 5px 10px 0 10px;
}

 
/******************************************************************************
 *** Archive elements *********************************************************
 ******************************************************************************/

#playerOuter {
  float: left;
  width: 870px;
  background: transparent url('../images/playerHdrLeft.png') no-repeat top left;
}

#player {
  background: transparent url('../images/playerHdrRight.png') no-repeat top right;
}

#playerBottom {
  background: transparent url('../images/620bot.png') no-repeat top right;
  height: 40px;
}

#player .hdr1 {
  padding: 6px 10px 4px 10px;
  text-align: left;
	font-size: 11px;
  font-weight: normal;
  color: #fff;
  height: 20px;
}

#player .title {
  float: left;
}

#player .func {
  float: left;
}

#player .select {
  float: right;
}

#player .playerCont {
  height: 470px;
}

.playerRow {
  color: #666;
}

.playerRows {
}

.playerRow td.hdr, .playerRow .date td.hdr, .playerRow .hour td.hdr {
  width: 50px;
  color: #fff;
  background-color: transparent;
}

.playerRow td {
  text-align: center;
  font-size: 9px;
  background-color: #fff;
  padding: 2px;
}

.playerRow td.highlight {
  background-color: #ddd;
}

.playerRow td.selected {
  color: #000;
  background-color: #FDE401;
}

.playerRow .date td {
  width: 22px;
}

.playerRow .hour td {
  width: 29px;
}

.playerRow .hour td.highlight {
  width: 30px;
}

#smallColOuter {
  float: right;
  width: 60px;
  margin-left: 20px;
  background: transparent url('../images/smallColFoot.png') no-repeat bottom left;
}

#smallColOuter h1 {
  padding: 8px 0 6px 0;
  text-align: center;
	font-size: 11px;
  font-weight: normal;
  color: #fff;
  background: green url('../images/smallColHdr.png') no-repeat top left;
}

#smallColOuter table {
  border-collapse: collapse;
}

#smallColOuter td {
  width: 60px;
  text-align: center;
  font-size: 9px;
}

#smallColOuter td.selected, #smallColOuter td.selected a {
  color: #d60000;
}

#smallColOuter tr.highlight {
  background-color: #f1fbd0;
}

#clips {
  background-color: #f1fbd0;
  height: 567px;
}

#hour td {
  height: 22px;
}

#date td {
  height: 17px;
}

/******************************************************************************
 *** Live view elements *******************************************************
 ******************************************************************************/

#liveBox {
}

#liveBox .title {
  float: left;
  color: #fde401;
  padding: 7px 0 0 10px;
}
#liveBox .time {
  color: #fff;
  float: right;
  padding: 1px 10px 0 0;
}

#liveBox .footerOuter, #rightBar .footerOuter, #playerOuter .footerOuter {
  background: transparent url('../images/boxbot.png') no-repeat top left;
  height: 30px;
}
#liveBox .footer, #rightBar .footer, #playerOuter .footer { 
  background: transparent url('../images/boxbotcor.png') no-repeat top right; 
  height: 30px;
  padding: 6px 0 0 10px;
  font-size: 11px;
  color: #fff;
}
#liveBox .footer a, #rightBar .footer a, #playerOuter .footer a { 
  color: #fff;
  text-decoration: none;
}

.liveBoxBigOuter {
  width: 620;
  background: transparent url('../images/playerHdrLeft.png') no-repeat top left;
}

.liveBoxBig {
  background: transparent url('../images/playerHdrRight.png') no-repeat top right;
}

.liveBoxBigOuter .liveBoxBig .livehdr { height: 30px; }

.liveBoxBigOuter .container {
  height: 465px;
}

.liveBoxSmallOuter {
  float: left;
  width: 300px;
  margin: 0 10px 20px 0;
  background: transparent url('../images/playerHdrLeft.png') no-repeat top left;
}

.liveBoxSmall {
  background: transparent url('../images/playerHdrRight.png') no-repeat top right;
}

.liveBoxSmallOuter .liveBoxSmall .hdr { height: 30px; }

.liveBoxSmallOuter .container {
  height: 225px;
}

.containerText {
  background-color: #eeefef;
  padding: 10px;
}

/******************************************************************************
 *** Login box elements *******************************************************
 ******************************************************************************/

#loginbox form {
  margin: 0;
  padding: 0;
}
 
#loginbox table {
  margin: 2px 5px;
	font-size: 11px;
  border-collapse: collapse;
}

#loginbox td {
  padding: 2px;
}

#loginbox a {
	font-size: 10px;
}

#loginbox input.text {
	font-size: 11px;
  width: 100px;
  height: 14px;
  border: 1px solid #fff;
}

#loginbox input.button {
  padding: 0;
  margin: 0;
}

.accstatus { padding: 6px; }
.accstatus h2 { padding: 3px 0 5px; }
.accstatus div {
  font-size: 10px;
  color: #444;
  text-align: right;
}



form .text, form .select, form .submit {
  font: normal 12px "Trebuchet MS";
}

form .text {
  padding: 1px 0 0 3px;
  height: 20px;
  border: 1px solid #2e2b2b;
  width: 300px;
}

form .select {
  height: 20px;
}

.submit100, .submit150 {
  color: #fff;
  border: none;
  height: 28px;
  font-size: 11px;
  margin: 10px 0;
  padding: 0 0 3px 0;
  cursor: pointer;
}

.submit100 {
  background: transparent url('../images/btn100.gif') no-repeat top left;
  width: 100px;
}

.submit150 {
  background: transparent url('../images/btn150.gif') no-repeat top left;
  width: 150px;
}

#dateBar {
  background: transparent url('../images/datebar.png') no-repeat top left;
  width: 870px;
  height: 46px;
  margin: 0 0 10px 0;
  padding: 4px 0 0 0;
}

.yellow {
  color: #FDE401;
}

.errorBox {
  padding: 10px 6px;
  color: red;
}


.pwdStrength {
  border: 1px solid #abadb3;
  width: 250px;
  height: 17px;
  background-color: #fff;
  Text-align: center;
}

.pwdSready {
  padding: 1px 1px 2px 1px;
  background-color: #ffffff;
  color: #abadb3;
}

.pwdSweakest {
  padding: 1px 1px 2px 1px;
  background-color: #ff0000;
  color: #000;
}

.pwdSweak {
  padding: 1px 1px 2px 1px;
  background-color: #bb0000;
  color: #000;
}

.pwdSmedium {
  padding: 1px 1px 2px 1px;
  background-color: #ff9900;
  color: #000;
}

.pwdSstrong {
  padding: 1px 1px 2px 1px;
  background-color: #00bb00;
  color: #000;
}

.pwdSstrongest {
  padding: 1px 1px 2px 1px;
  background-color: #00ee00;
  color: #000;
}

#flashBox {
  background: transparent url('../images/front_img.png') no-repeat top left;
  width: 870px;
  height: 327px;
}

#blueFrame, #blueFrame a {
  padding: 15px 0;
  color: #fff;
}

#blueBoxL {
  float: left;
  background: transparent url('../images/bluebg.png') no-repeat top left;
  width: 427px;
  height: 33px;
}

#blueBoxR {
  float: right;
  background: transparent url('../images/bluebg.png') no-repeat top left;
  width: 427px;
  height: 33px;
}

#blueFrame h1 {
  padding: 6px 0 0 6px;
  float: left;
}
#blueFrame p {
  font-size: 10px;
  padding: 8px 6px 0 0;
  float: right;
}

#newsOuter {
  float: left;
  background: #ffe800 url('../images/sblbg.png') no-repeat bottom left;
  width: 360px;
  height: 225px;
}

#newsCont, #resellerCont {
  padding: 5px 10px;
}

#newsCont h2 {
  font: bold 12px Verdana;
  color: #4a5377;
  padding: 0;
}

#newsCont h4 {
  font: bold 10px Verdana;
  color: #fff;
  padding: 3px 0;
}

#newsCont a, #resellerCont a {
  text-decoration: none;
}
#newsCont a:hover, #resellerCont a:hover {
  text-decoration: underline;
}

#newsCont p {
  font: normal 11px Verdana;
  padding: 0 0 10px;
}

#resellerOuter {
  float: right;
  background: #eeefef url('../images/sbrbg.png') no-repeat bottom left;
  width: 488px;
  height: 225px;
}

#textCont p {
  padding: 0 0 10px 0;
}