/*
   CSS for the PVBX3 -
   Innovative Technology, Ltd.
   105 Carter Road
   Elk City, Oklahoma 72644
   www.itlnet.net - www.pvbxswitch.com
   e-mail: pvbxhelp@itlnet.net
*/

/* Document */

BODY {
	margin:5px;
	padding:5px;
	color: #000000;
	background: #eee url('/img/background.png');
	font: normal 10pt Helvetica, Arial, sans-serif;
	}

FORM {
	margin:0px;
	padding:0px;
	}

/* Text Formating */

a:link {
	color: #3465a4;
	text-decoration:none;
	}

a:visited {
	color: #3465a4;
	text-decoration:none;
	}

a:link:hover {
	color: #204a87;
	text-decoration:underline;
	}

a:visited:hover {
	color: #204a87;
	text-decoration:underline;
	}

.rowtxt {
	font: bold 10pt Helvetica, Arial,  sans-serif;
}

.pt {
	color:#babdb6;
   font: normal 10px Helvetica, Arial,  sans-serif;
}

h2 {
	font: bold 16pt Helvetica, Arial,  sans-serif;
	margin:0px;
	padding:0px;
}

/* Tango Colors */

.LYellow {color:#fce94f;}
.MYellow {color:#edd400;}
.DYellow {color:#c4a000;}
.LOrange {color:#fcaf3e;}
.MOrange {color:#f57900;}
.DOrange {color:#ce5c00;}
.LBrown {color:#e9b96e;}
.MBrown {color:#c17d11;}
.DBrown {color:#8f5902;}
.LGreen {color:#8ae234;}
.MGreen {color:#73d216;}
.DGreen {color:#4e9a06;}
.LBlue {color:#729fcf;}
.MBlue {color:#3465a4;}
.DBlue {color:#204a87;}
.LPlum {color:#ad7fa8;}
.MPlum {color:#75507b;}
.DPlum {color:#5c3566;}
.LRed {color:#ef2929;}
.MRed {color:#cc0000;}
.DRed {color:#a40000;}
.LGrey1 {color:#eeeeec;}
.MGrey1 {color:#d3d7cf;}
.DGrey1 {color:#babdb6;}
.LGrey2 {color:#888a85;}
.MGrey2 {color:#555753;}
.DGrey2 {color:#2e3436;}
.DBlack {color:#000000;}

/* Colorful boxes */

.BoxIt_white {border:2px solid #00000; padding:5; margin:5; background: #ffffff;}
.BoxIt_grey {border:2px solid #d9d9d9; padding:5; margin:5; background: #f2f2f2;}
.BoxIt_blue {border:2px solid #75a3ed; padding:5; margin:5; background: #d2e4fc;}
.BoxIt_violet {border:2px solid #9b72cf; padding:5; margin:5; background: #e2defc;}
.BoxIt_green {border:2px solid #9fbe4c; padding:5; margin:5; background: #eefcd2;}
.BoxIt_purple {border:2px solid #b863b4; padding:5; margin:5; background: #f9d3fa;}
.BoxIt_pink {border:2px solid #ed7575; padding:5; margin:5; background: #fcd2d2;}
.BoxIt_orange {border:2px solid #ec9e2e; padding:5; margin:5; background: #fcebb9;}
.BoxIt_yellow {border:2px solid #d9cc79; padding:5; margin:5; background: #fbf697;}


/* Pretty Things */

.bluebutton {
	  color: #FFF;
	  cursor: pointer;
	  font-size: 120%;
	  padding: 1px 15px 1px;
	  font-weight: bold;
	  overflow: visible;
	  background-color: #098bd6;
	  border: 2px solid #0b77b7;
	  border-top-color: #5eb6e8;
	  border-radius: 4px;
	  -moz-border-radius: 4px;
	  -webkit-border-radius: 4px;
	  margin-right: 5px;
	}

.prettybox {
	 padding: 6px;
	 border-radius: 5px;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 border: 1px solid #CCC;
	 border-color: #777 #CCC #CCC #777;
	}

.prettytextarea {
	  display:block;
	  color: #000;
	  padding: 6px;
	  width: 450px;
	  height: 150px;
	  font: 15px Helvetica, Arial,  sans-serif;
	  border-radius: 5px;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border: 1px solid #CCC;
	  border-color: #777 #CCC #CCC #777;
	}

.prettyinput {
	  display:block;
	  color: #000;
	  padding: 6px;
	  width: 450px;
	  height: 35px;
	  font-size: 17px;
	  border-radius: 5px;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border: 1px solid #CCC;
	  border-color: #777 #CCC #CCC #777;
	}

/* Sections */

#wrapper {
	margin:0px auto;
	width:640px;
	text-align:left;
	overflow:hidden;
	}

#topmenu {
	text-align:right;
	width:auto;
	font: bold 8pt Helvetica, Arial,  sans-serif;
	margin:0px 0px 5px 0px;
	background:#eeeeec;
	padding:5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #777;
	}

#header {
	width:auto;
	text-align:center;
	background-color: #ffffff;
   dispaly:block;
   padding:0px;
   margin:0px 0px 5px 0px;
   border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
   border:1px solid #777;
	}

#status {
	width:400px;
	height:58px;
	padding:0px 0px;
	text-align:left;
	overflow:hidden;
	font: bold 8pt Helvetica, Arial,  sans-serif;
	float:left;
	}

#tickerLogo {
	float:left;
	width:151px;
	}

#tickerDiv {
	margin:0px 0px 3px 0px;
	padding:0px;
	}

#tickerUser {
	margin:0px 0px 3px 0px;
	padding:0px;
  }

#tickerLoc {
	margin:0px 0px 3px 0px;
	padding:0px;
  }

#mystatus {
	display: block;
	width:40px;
	float: right;
	text-align:center;
	font: bold 7pt Helvetica, Arial,  sans-serif;
	padding:2px;
   border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #CCC;
	border-color: #777 #CCC #CCC #777;
	background-color:#ffffff;
	cursor:pointer;
	z-index:100;
}

#mystatus:hover {
	display: block;
	width:40px;
	float: right;
	text-align:center;
	font: bold 7pt Helvetica, Arial,  sans-serif;
	padding:2px;
   border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #098bd6;
	background:#d2e4fc;
	cursor:pointer;
	z-index:100;
}

#mystatus_menu {
	display:none;
	width:60px;
	float: right;
	text-align:left;
	font: bold 7pt Helvetica, Arial,  sans-serif;
	padding:2px;
   border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #777;
	background:#eeeeec;
	cursor:pointer;
}

#mystatus_menu a {
	display:block;
	margin-top:1px;
}

#copyright {
	margin:10px 0px;
	text-align:center;
	font: normal 8pt Helvetica, Arial,  sans-serif;
	color:#777;
	}

.container {
	text-align:left;
	margin:0px;
	padding:0px;
	width:100%;
	}

.leftcol {
	width:315px;
	float:left;
	text-align:left;
	}

.rightcol {
	width:315px;
	float:right;
	text-align:left;
	}

ul.topiclist {
	margin:0px;
	padding:0;
	list-style-type:none;
	clear:both;
	}

li.row {
	font: bold 10pt Helvetica, Arial,  sans-serif;
   dispaly:block;
   border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
   border:1px solid #d3d7cf;
   padding:5px;
   margin:5px 0px 5px 0px;
	}

li.row:hover {
	background-color:#d2e4fc;
   dispaly:block;
   border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
   border:1px solid #098bd6;
   padding:5px;
   margin:5px 0px 5px 0px;
	}

li.row a {
	display:block;
	text-decoration:none;
	}

li.row a:hover {
	display:block;
	text-decoration:underline;
	}

li.row2active {
   dispaly:block;
   font: bold 10pt Helvetica, Arial,  sans-serif;
   border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
   background:#eeeeec;
   border:1px solid #777;
   padding:5px;
   margin:5px 0px 5px 0px;
}

li.row2none {
	font: normal 10pt Helvetica, Arial,  sans-serif;
	background-color: #ffffff;
   dispaly:block;
   padding:0px 15px;
   margin:5px 0px 5px 0px;
   border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
   border:1px solid #777;
	}

li.row2none P {
	line-height:150%;
	text-align:justify;
	margin:10px 0px;
}

a.buttonit {
	   font: bold 19px Helvetica, Arial,  sans-serif;
}

.chalkboard {
	border:5px solid #8f5902;
	width:575px;
	padding:20px;
	background:url('../img/hhsbak.png') center center no-repeat;
	text-align:center;color:#fff;
}

dl {
	margin:10px 10px 10px 50px;
}

dl dt {
	background:#eeeeec;
	color:#777;
	float:left;
	font-weight:bold;
	margin-right:10px;
	padding:5px;
	width:100px;
	border-radius: 5px;
	-moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

dl dd {
	font-weight:bold;
	margin:2px 0;
	padding:5px 0;
}