body 
{
    background-position:center;
   
        }
p {}
td {}
a:link { color: black; text-decoration: none; }
a:visited { color: black; text-decoration: none; }
a:hover { color: #b1b1b1 }
a:active { }
.header1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; }
.bodytext  { color: #000000; font-weight: normal; font-size: x-small; font-family: Arial, "Apple Chancery", sans-serif }
.bodytextbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.italic { color: black; font-style: italic; font-size: 12px; font-family: Arial, "Apple Chancery", sans-sarif }
.class { color: black; font-size: small; font-family: Arial, "Apple Chancery", sans-sarif; font-weight: bold; }


.logo {
display:block;
height: 800px;
width: 800px;
background-position:center;
background-image: url('images/Kids_Direct_Background.jpg');
background-repeat: no-repeat;
}

tr.title-row {
	background-image: url("images/Kids_Direct_Background.jpg");
	background-position: center;
	background-repeat: repeat-x;
}


Table.maintable 
{
    text-align:center;
    vertical-align:top;
    width: 1000px;
    font-family: arial;

}
Table.Mastermaintable 
{
    text-align:center;
    vertical-align:top;
    width: 1000px;
    font-family: arial;
    border-bottom-width:thin;
    border-bottom-style:ridge;
    border-bottom-color:white;
    border-top-width:thin;
    border-top-style:ridge;
    border-top-color:white;
    border-left-width:thin;
    border-left-style:ridge;
    border-left-color:white;
    border-right-width:thin;
    border-right-style:ridge;
    border-right-color:white;
}
Table.FormTable 
{
    text-align:center;
    vertical-align:top;
    font-family: arial;
    font-size: 12px;

}
Table.EventTable 
{
    border-bottom-width:thin;
    border-bottom-style:ridge;
    border-bottom-color:Black;
    border-top-width:thin;
    border-top-style:ridge;
    border-top-color:Black;
    border-left-width:thin;
    border-left-style:ridge;
    border-left-color:Black;
    border-right-width:thin;
    border-right-style:ridge;
    border-right-color:Black;
    text-align:center;
    vertical-align:top;
    font-family: arial;
    font-size: 12px;
}

Table.FormTableLeft
{
    text-align:left;
    vertical-align:top;
    font-family: arial;
    font-size: 12px;
}Table.BorderTable 
{
    text-align:center;
    vertical-align:top;
    font-family: arial;
    font-size: 12px;
    border-bottom-width: thin;
    border-top-width: thin;
    border-left-width: thin;
    border-right-width: thin;
    border-style: solid;
    border-color: ActiveBorder;
}
Table.ExitInterview 
{
    
    text-align:center;
    vertical-align:top;
    width: 800px;
    font-family: arial;
    font-size: 12px;
   
}
Table.Reports 
{
    
    text-align:center;
    vertical-align:top;
    width: 1000px;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
   
}
Table.INvoices 
{
    
    text-align:center;
    vertical-align:top;
    font-family: sans serif;
    font-size: 2px;
   
}
Table.KeyTable 
{
    text-align:center;
    vertical-align:top;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    background-color: #EEEEEE;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ASP Objects Textboxes, Drop downs, etc.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.button
{
	font-family: Verdana;
	font-size: 8pt;
	color:  #ffffff;
	background-color: #569fd2;
	cursor:hand;
	
}
.subtopic {
	font-family: arial;
    font-size: 14px;
    color:#003A91;
    font-weight:bold;
    text-align:center;
    padding:5px;
    font-weight:normal;
}

.txtbox
{
	font-family: Verdana;
	font-size: 8pt;
}
.label
{
	font-family: arial;
    font-size: 12px;
}

.ddllist
{
	font-family: Verdana;
	font-size: 8pt;
}
.txterr
{
	font-family: Verdana;
	font-size: 8pt;
	color: Red;
	font-weight: bold;
}
.txterr1
{
	font-family: Verdana;
	font-size: 7pt;
	color: Red;
	font-weight: bold;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a:link {
	color:red;
	text-decoration:none;
	font-family: arial;
    font-size: 12px;
    cursor:hand;
}
a.Colored:link      {
	color:blue;
	text-decoration:none;
	font-family: arial;
    font-size: 12px;
    cursor:hand;
}
a.Colored:visited      {
	color:blue;
	text-decoration:none;
	font-family: arial;
    font-size: 12px;
    cursor:hand;
}
a.Colored:hover      {
	color:red;
	text-decoration:underline;
	font-family: arial;
    font-size: 12px;
    cursor:hand;
}
a.Colored:active {
	color:blue;
	font-family: arial;
    font-size: 12px;
}

a:visited {
	color:#0018FE;
	text-decoration:none;
	font-family: arial;
    font-size: 12px;
}

a:hover {
	text-decoration:underline;
	font-family: arial;
    font-size: 12px;
    cursor:hand;
}

a:active {
	color:#0018FE;
	font-family: arial;
    font-size: 12px;
}
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Headers

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
td.header {
	font-family: arial;
    font-size: 12px;
    color: #094fa3;
    text-align:center;
    padding:5px;
    font-weight:bold;
}
td.Rowheader {
	font-family: arial;
    font-size: 12px;
    color: #094fa3;
    text-align:left;
    padding:5px;
    font-weight:bold;
}

td.bold {
	    font-weight:bold;
}


td.header1 {
	font-family: arial;
    font-size: 16px;
    color: #094fa3;
    text-align:center;
    padding:5px;
    font-weight:normal;
}
td.header2 {
	font-family: arial;
    font-size: 14px;
    color: #094fa3;
    font-weight:bold;
    text-align:left;
    padding:5px;
    font-weight:normal;
}
td.header3 {
	font-family: arial;
    font-size: 14px;
    color: #094fa3;
    font-weight:bold;
    text-align:left;
    font-weight:normal;
}
td.maintopic {
	font-family: arial;
    font-size: 16px;
    color: #094fa3;
    font-weight:bold;
    text-align:left;
    padding:5px;
    font-weight:normal;
}

/*td subheader are used for the sub headers in Nested Tables */
td.subheader {
	font-family: arial;
    font-size: 13px;
    color: #ffffff;
    text-align:left;
    padding:5px;
    background-color:#7193C6;
    font-weight:bold;
}
td.subheaderyellow {
	font-family: arial;
    font-size: 13px;
    color: #000000;
    text-align:left;
    padding:5px;
    background-color:#FFFC57;
    font-weight:bold;
}
td.minisubheader {
	font-family: arial;
    font-size: 12px;
    color: #000000;
    text-align:left;
    padding:2px;
    background-color:#EEEEEE;
    font-weight:bold;
}
td.centersubheader {
	font-family: arial;
    font-size: 13px;
    color: #ffffff;
    text-align:center;
    padding:5px;
    background-color:#7193C6;
    font-weight:bold;
}

td.background {
	font-family: arial;
    color: #ffffff;
    text-align:left;
    padding:5px;
    background-color:#7193C6;
    
}

/*td nav are used for the td headers */
td.nav
{
	background-color: #EEEEEE;
	font-family: arial;
    font-size: 12px;
    text-align:left;
}
td.Bluenav
{
	background-color: #FFFFFF;
	font-family: calibri;
    font-size: 14px;
    color:#7193C6;
    text-align:left;
}

label.nav
{
	background-color: #EEEEEE;
	font-family: arial;
    font-size: 12px;
    text-align:left;
}

.TableBody2ColLeft
{
 border-collapse:collapse;
 border:1px solid #AED75C;
 width:450px;
  background-color:#7193C6;
}
	.TableBody2ColRight
{
 border-collapse:collapse;
 border:1px solid #AED75C;
 width:250px;
 height:100%;

}
/*-----------------------------------------------*/
/*the item styles for the data grid*/
/*-----------------------------------------------*/
.datagridalt
{
	
	border-bottom: solid;
}
.datagridbody
{
	
	color: #000000;
	font-size:8;
	text-align:center;
	padding-top:4;
	padding-bottom:4;
	padding-left:4;
	padding-right:4;
	font-family: arial;
	width: 100%;
	border-style:Outset;
	border-collapse:collapse;
	border-width:thin;
	background-color: #ffffff;
	
		
}

.datagridbody A:link
{
	text-decoration: none;
	color: blue;
}

.datagridbody A:visited
{
	text-decoration: none;
	color: red;
}

.datagridbody A:active
{
	text-decoration: none;
	color: black;
}

.datagridbody A:hover
{
	text-decoration: none;
	color: red;
}

.datagridheader
{
	font-family: arial,Arial;
	font-size: 8pt;
	color: white;
	font-weight: bold;
	background-color: #7193C6;
	padding-top:20;
	padding-bottom:4;
	padding-left:4;
	padding-right:4;
	
}
.datagridheader A:link
{
	text-decoration: none;
	color: White;
}

.datagridheader A:visited
{
	text-decoration: none;
	color: White;
}

.datagridheader A:active
{
	text-decoration: none;
	color: White;
}

.datagridheader A:hover
{
	text-decoration: none;
	color: red;
}
/*datagrid footer*/

.datagridfooter
{
	font-family: Verdana,Arial;
	font-size: 8pt;
	color: Gray;
	font-weight: bold;
	
}
.datagridfooter A:link
{
	text-decoration: none;
	color: Blue;
}

.datagridfooter A:visited
{
	text-decoration: none;
	color: Gray;
}

.datagridfooter A:active
{
	text-decoration: none;
	color: Gray;
}

.datagridfooter A:hover
{
	text-decoration: none;
	color: Red;
}

/*Datagrid2 styles*/
.datagridbody2
{
	
	color: #000000;
	font-size:8;
	text-align:center;
	padding-top:4;
	padding-bottom:4;
	padding-left:4;
	padding-right:4;
	font-family: arial;
	width: 100%;
	border-style:none;
	border-collapse:collapse;
	border-width:inherit;
	background-color: #dedfe0;
	
	
		
}

/*Custom text styles*/
.smallText
{
	font-family: Verdana;
	font-size: 8pt;
	color:Black;
}
.smallTextAlternate
{
	font-family: Verdana;
	font-size: 8pt;
	background-color:#eeeeff;
	padding-top:4;
	padding-bottom:4;
	padding-left:4;
	padding-right:4;
}

.SmallTextHeaderBlack
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color:Black;
	background-color: #f0f0f0;
	vertical-align: top;
	padding-top:4;
	padding-bottom:4;
	padding-left:4;
	padding-right:4;
}
.SmallTextHeaderBlack A:link

{
	text-decoration: none;
	color:Black;
}

.SmallTextHeaderBlack A:visited
{
	text-decoration: none;
	color:Black;
}

.SmallTextHeaderBlack A:active
{
	text-decoration: none;
	color:Black;
}

.SmallTextHeaderBlack A:hover
{
	text-decoration: none;
	color:Black;
}

.LastModifyHDR
{
	
	background:#F0F0F0;
	border:1px solid #000000;
	font-weight:bold;
	font-family: arial;
    font-size: 12px;
	padding:10px;
}
.LastModifybdy
{
	
	background:#FFFFFF;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	font-family: arial;
    font-size: 12px;
	padding:10px;
}

.LastModifyHDR2
{
	width:200px;
	background:#F0F0F0;
	border:1px solid #000000;
	font-weight:bold;
	font-size:11px;
	padding:10px;
}
.LastModifybdy2
{
	width:200px;
	background:#FFFFFF;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	font-size:11px;
	padding:10px 0 0 30px;
}


/*-----------------------------------------*/
/*Menu Bar styles */
/*-----------------------------------------*/
div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: verdana,helvetica;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: #ffffff;
}

div.menuBar {
  background-color: #7193C6;
  border: 2px solid;
  border-color: #7193C6 #7193C6 #7193C6 #7193C6;
  padding: 4px 2px 4px 2px;
  text-align: center;
}

div.menuBar a.menuButton {
    -moz-box-shadow:inset 0px 0px 14px -3px #f2fadc;
        -webkit-box-shadow:inset 0px 0px 14px -3px #f2fadc;
        box-shadow:inset 0px 0px 14px -3px #f2fadc;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dbe6c4), color-stop(1, #9ba892));
        background:-moz-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
        background:-webkit-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
        background:-o-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
        background:-ms-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
        background:linear-gradient(to bottom, #dbe6c4 5%, #9ba892 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbe6c4', endColorstr='#9ba892',GradientType=0);
        
        background-color:#dbe6c4;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #b2b8ad;
        
        display:inline-block;
        color:#17130d;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        padding:6px 24px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ced9bf;
        
}

div.menuBar a.menuButton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9ba892), color-stop(1, #dbe6c4));
        background:-moz-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
        background:-webkit-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
        background:-o-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
        background:-ms-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
        background:linear-gradient(to bottom, #9ba892 5%, #dbe6c4 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ba892', endColorstr='#dbe6c4',GradientType=0);
        
        background-color:#9ba892;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #B0C4DE;
  border-color: #B0C4DE #ffffff #ffffff #B0C4DE;
  color: #3B5E8C;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #5A83BA;
  border: 1px solid;
  border-color: #B0C4DE #B0C4DE #B0C4DE #B0C4DE;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #ffffff;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #3B5E8C;
  color: #ffffff;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border-top: 1px solid #B0C4DE;
  border-bottom: 1px solid #ffffff;
  margin: 4px 2px;
}	

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}


/*****************************************************************************/
/* ajax__tab_yuitabview-theme theme (img/yui/sprite.png) */
/*  http://mattberseth.com/blog/2007/09/creating_a_yui_tabview_style_t.html  */
/*****************************************************************************/
.ajax_tab_theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 5px #711b1c;  /* #2647a0; */
}
.ajax_tab_theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(Images/sprite_wbws.png) #7193C6 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #1A3457;  /* #a3a3a3; */
    border-bottom-width:0px;
}
.ajax_tab_theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 17px;  /* 0.75em;     */
    margin-right:0.01em;
}
.ajax_tab_theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(Images/sprite_wbws.png) #bfdaff repeat-x left -1300px;
}
.ajax_tab_theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax_tab_theme .ajax__tab_active .ajax__tab_outer
{
    background:url(Images/sprite_wbws.png) #711b1c repeat-x left -1400px;
}
.ajax_tab_theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color: White;  /* #edf5ff;     */
    border:solid 1px #808080;
    border-top-width:0px;
}    
/******************************************************/

/****** validation css **********/

.validatorHighlight
{
    background-color: pink;
}
.CustomValidatorCalloutStyle div, 
.CustomValidatorCalloutStyle td 
{ 
    border:solid 1px red;
    background-color:pink; 
    color:Red;
    text-align:center; 
    vertical-align:middle;
}
/* fix bug... */
.CustomValidatorCalloutStyle div{margin-top:-6px;}
.CustomValidatorCalloutStyle td{padding:0px;}
.CustomValidatorCalloutStyle td img{margin:3px;}