body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
/*	background: #929292 url(images/bg_repeat.png) repeat-x top; */
	text-align: center;
}
table {
	
	background: none;
}
td.promo {
	background-color: White;
	border: thin inset Gray;
	width: 160px;
	vertical-align: top;
}

.style1 {
	color: #494949;
	font-size: 11px;
	font-family: tahoma;
	text-decoration: none;
}

.style1-italic {
	color: #494949;
	font-size: 11px;
	font-family: tahoma;
	text-decoration: none;
	font-style: italic;
}
.style2 {
	color: #5d5b5b;
	font-size: 10px;
	font-family: tahoma;
	font-weight: bold;
}
.style3 {
	color: #444444;
	font-size: 10px;
	font-family: tahoma;
}
.style4 {
	color: #FFFFFF;
	font-size: 10px;
	font-family: tahoma;
	font-weight: bold;
}
.style5 {
	color: #414141;
	font-size: 11px;
	font-family: tahoma;
}
.style6 {
	color: #147D19;
	font-size: 11px;
	font-family: tahoma;
}
h1 {
	font-family: tahoma;
}
h2 {
		color: #414141;
	font-size: 14px;
	font-family: tahoma;
}
h4 {
		color: #414141;
	font-size: 14px;
	font-family: tahoma;
}
a {
	color: #c75f3e;
}

input.menubutton1 {
	font-family:Verdana;
font-size:8pt;
font-weight:bold;
font-style:normal;
color:#000000;
background-color:#7FC328;
border-style:outset;
border-width:4px;
border-color:#009900;
}

input.menubutton2 {
	font-family:Verdana;
font-size:8pt;
font-weight:bold;
font-style:normal;
color:#000000;
background-color:#46BFD9;
border-style:outset;
border-width:4px;
border-color:#009900;
}

input.menubutton3 {
	font-family:Verdana;
font-size:8pt;
font-weight:bold;
font-style:normal;
color:#000000;
background-color:#FF8100;
border-style:outset;
border-width:4px;
border-color:#009900;
}

table.zone {
	width: 660px;
	height: 100%;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th.zone {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 6px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th.zone.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td.zone {
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 6px;
	color: #4f6b72;
}


td.zonealt {
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #F5FAFA;
	padding: 6px 6px 6px 6px;	
	color: #797268;
}

td.green {
	background: lightgreen;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	font: normal 9px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

td.red {
	background: red;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	font: normal 9px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.message {
	background: red;
	font: italic 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

td.unapproved {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	font: normal 9px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

tr.zone {
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 6px;
	color: #4f6b72;
	padding-top: 0px;
	margin-top: 0px;
}
td.top {
  background-color: #000000;
  text-align: right;
}

td.bottom {
	background-color: #ffe38c;
	padding: 15px;
	overflow: scroll;
}


tr.zonealt {
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #F5FAFA;
	padding: 6px 6px 6px 6px;	
	color: #797268;
}

th.spec {
	font: bold 10px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	letter-spacing: 0px;
	text-transform: none;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff;
}

th.specalt {
	font: bold 10px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	letter-spacing: 0px;
	text-transform: none;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	color: #797268;
}
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 width: 660px;;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:2000px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.style1-9px {
	color: #494949;
	font-size: 9px;
	font-family: tahoma;
	text-decoration:none;
}
.style2-9px {
	color: #5d5b5b;
	font-size: 9px;
	font-family: tahoma;
	font-weight: bold;
}
.style3-9px {
	color: #444444;
	font-size: 9px;
	font-family: tahoma;
}
.style4-9px {
	color: #FFFFFF;
	font-size: 9px;
	font-family: tahoma;
	font-weight: bold;
}
.style5-9px {
	color: #414141;
	font-size: 9px;
	font-family: tahoma;
}
.style6-9px {
	color: #147D19;
	font-size: 9px;
	font-family: tahoma;
}

.style1-10px {
	color: #494949;
	font-size: 10px;
	font-family: tahoma;
	text-decoration:none;
}
.style2-10px {
	color: #5d5b5b;
	font-size: 10px;
	font-family: tahoma;
	font-weight: bold;
}
.style3-10px {
	color: #444444;
	font-size: 10px;
	font-family: tahoma;
}
.style4-10px {
	color: #FFFFFF;
	font-size: 10px;
	font-family: tahoma;
	font-weight: bold;
}
.style5-10px {
	color: #414141;
	font-size: 10px;
	font-family: tahoma;
}
.style6-10px {
	color: #147D19;
	font-size: 10px;
	font-family: tahoma;
}
.style1-11px {
	color: #494949;
	font-size: 11px;
	font-family: tahoma;
	text-decoration:none;
}
.style2-11px {
	color: #5d5b5b;
	font-size: 11px;
	font-family: tahoma;
	font-weight: bold;
}
.style3-11px {
	color: #444444;
	font-size: 11px;
	font-family: tahoma;
}
.style4-11px {
	color: #FFFFFF;
	font-size: 11px;
	font-family: tahoma;
	font-weight: bold;
}
.style5-11px {
	color: #414141;
	font-size: 11px;
	font-family: tahoma;
}
.style6-11px {
	color: #147D19;
	font-size: 11px;
	font-family: tahoma;
}
.style1-12px {
	color: #494949;
	font-size: 12px;
	font-family: tahoma;
	text-decoration:none;
}
.style2-12px {
	color: #5d5b5b;
	font-size: 12px;
	font-family: tahoma;
	font-weight: bold;
}
.style3-12px {
	color: #444444;
	font-size: 12px;
	font-family: tahoma;
}
.style4-12px {
	color: #FFFFFF;
	font-size: 12px;
	font-family: tahoma;
	font-weight: bold;
}
.style5-12px {
	color: #414141;
	font-size: 12px;
	font-family: tahoma;
}
.style6-12px {
	color: #147D19;
	font-size: 12px;
	font-family: tahoma;
}
.style1-14px {
	color: #494949;
	font-size: 14px;
	font-family: tahoma;
	text-decoration:none;
}
.style2-14px {
	color: #5d5b5b;
	font-size: 14px;
	font-family: tahoma;
	font-weight: bold;
}
.style3-14px {
	color: #444444;
	font-size: 14px;
	font-family: tahoma;
}
.style4-14px {
	color: #FFFFFF;
	font-size: 14px;
	font-family: tahoma;
	font-weight: bold;
}
.style5-14px {
	color: #414141;
	font-size: 14px;
	font-family: tahoma;
}
.style6-14px {
	color: #147D19;
	font-size: 14px;
	font-family: tahoma;
}
#contentblock2 {
	background: url('/kidzone/images/sidebartoprt.gif') no-repeat; 
	width: 167px; 
	height: 221px;
	text-align: right;
	position: relative;
	left: -20px;
}
#contentblock4 {
	background: url('/kidzone/images/sidebarbotrt.gif') no-repeat; 
	width: 167px; 
	height: 221px;
	text-align: right;
	position: relative;
	left: -20px;
}

#content2 {
	position: relative;
	width: 117px; 
	height: 186px;
	text-align: right;
	top: 15px;
	padding-left: 20px;
}	

#content4 {
	position: relative;
	width: 117px; 
	height: 186px;
	text-align: right;
	top: 15px;
	padding-left: 40px;
}	

/******************************************************************************
* Styles for the tabbed displays.                                             *
******************************************************************************/

/*-----------------------------------------------------------------------------
  Note: The border-radius property is a proposed feature for CSS3 which creates
        rounded corners. Mozilla/Netscape browsers currently support this
        feature via the proprietary -moz-border-radius property. Both are
        defined here. Browsers that support neither should simply ignore them.
-----------------------------------------------------------------------------*/

div.tabBox {
width: 675px;
}

div.tabArea {
  /*font-size: 80%;*/
  font-weight: bold;
  padding: 0px 0px 3px 0px;
 font: bold 12px Verdana, sans-serif;
}

a.tab {
  background-color: #f0f0f0;
  border: 1px solid #000000;
  border-bottom-width: 0px;
/*  border-color: #f0d0ff #b090e0 #b090e0 #f0d0ff;
  -moz-border-radius: .75em .75em 0em 0em;
  border-radius-topleft: .75em;
  border-radius-topright: .75em;*/
  padding: 2px 1em 2px 1em;
  position: relative;
  text-decoration: none;
  top: 3px;
  z-index: 100;
}

a.tab, a.tab:visited {
  color: #808080;
}

a.tab:hover {
  background-color: #d0d0d0;
/*  border-color: #c0a0f0 #8060b0 #8060b0 #c0a0f0;*/
  color: #606060;
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #c0c0c0;
/*  border-color: #b090e0 #7050a0 #7050a0 #b090e0;*/
  color: #000000;
}

a.tab.activeTab {
  padding-bottom: 4px;
  top: 1px;
  z-index: 102;
}

div.tabMain {
/*  background-color: white;
  border: 2px solid #000000;
  border-color: #b090e0 #7050a0 #7050a0 #b090e0;
  -moz-border-radius: 0em .5em .5em 0em;
  border-radius-topright: .5em;
  border-radius-bottomright: .5em;
  padding: .5em;*/
  background-color: #c0c0c0;
  border: 1px solid #000000;
  padding: 0em;
  position: relative;
  z-index: 101;
}

div.tabIframeWrapper {
  width: 100%;
}

iframe.tabContent {
/*  background-color: transparent;
  border: 1px solid #000000;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0;*/
  width: 100%;
  height: 700px;
}

/******************************************************************************
* Additional styles.                                                          *
******************************************************************************/

h4#title {
  background-color: #503080;
  border: 1px solid #000000;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0;
  color: #d0b0ff;
  font-weight: bold;
  margin-top: 0em;
  margin-bottom: .5em;
  padding: 2px .5em 2px .5em;
}

#login {
	background: url(/kidzone/images/bg_login.png) no-repeat; 
}
#title {
	background: url(/kidzone/images/bg_title.png) no-repeat; 
}		
#title2 {
	background: url(/kidzone/images/bg_title.png) no-repeat; 
}		
#leftmonitor {
	background: url(/kidzone/images/bg_monitorleft.png) no-repeat; 
}
#centermonitor {
	background: url(/kidzone/images/bg_monitorcenter.png) no-repeat; 
}	
#rightmonitor {
	background: url(/kidzone/images/bg_monitorright.png) no-repeat; 
}
#blockleft {
	position: relative; 
	left: 177px; 
	top: -634px; 
	width: 346px;
   height: 201px; 
	background: url(/kidzone/images/bg_blockleft.png) no-repeat;
}
#blockright {
	position: relative; 
	left: 557px; 
	top: -834px; 
	width: 351px;
   height: 201px; 
	background: url(/kidzone/images/bg_blockright.png) no-repeat;
}
#contenttop {
	background: url(/kidzone/images/content_top.png) no-repeat; 
}
#contenttop2 {
	background: url(/kidzone/images/content_top.png) no-repeat; 
	width: 694px; 
	height: 50px;
}
#contentbottom {
	background: url(/kidzone/images/content_bottom.png) no-repeat; 
}	
#menu2 {
	background: url(/kidzone/images/bg_menu.png) no-repeat; 	
	
}