html
{
	height: 100%;
}

#pageContainer
{
    height: 100%;
}

body, table, div
{
font-size: 13px;
font-family:Arial;	
}

.small
{
	font-size: 11px;
}

.verticalpad
{
	padding: 10px 0 10px 0;	
}

.bold
{
	font-weight: bold;
}

.centered
{
	text-align: center;
}

.greyed_out
{
	color: #666;
}

/* grid related selectors */

.grid
{
  background-color: #fff;
  cursor: default;
  width: 100%;
  height: 100%;
}

.grid_row
{
	background-color: #fff;
	cursor: default;
}

.grid_row td
{
}

.grid_row_alt td
{
	background-color: #f0f0f0;
}

.grid_cell
{
	border-color: #ccc;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	padding: 2px 5px;
}

.grid_heading_row
{
	background-color: #E9E9EB;
}

.grid_heading_cell
{
	color: #000;
	font-weight: bold;
	padding: 4px 6px;
}

.grid_heading_cell_hover
{
	background-color: #f6f6f7;
	color: #fff;
}

.grid_heading_cell_active
{
	background-color: #f6f6f7;
}

.grid_pager_text
{
	padding: 4px;
}

/* slider related selectors */

.slider_popup
{
	background-color: #FFF4D7; 
	border: 1px solid #4B4B6F; 
	border-top-color: #9495A2; 
	border-left-color: #9495A2; 
	height: 40px;
	width: 300px;
}

.slider_popup td
{
	padding: 4px 6px;
}

.failure,
.success,
.warning
{
	background-color: #fdd;
	border: 1px solid #f66;
	border-width: 1px 0;
	color: #f00;
	line-height: 1.4em;
	margin: 8px 0;
	padding: 8px;
	page-break-after: avoid;
}

.success
{
	border-top: 1px solid #008800;
	border-bottom: 1px solid #008800;
	background: #ddffdd;
	padding: 5px;
	font-weight: bold;
	color: #008800;
}

.failed
{
	border-top: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	background: #ffcccc;
	padding: 5px;
	font-weight: bold;
	color: #ff0000;
}

.warning
{
	background-color: #f0f0f0;
	border-color: #ccc;
	color: #999;
}


.grid
{
	border-collapse: collapse;
	margin-bottom: 8px;
	width: 99%;
}

.grid td,
.grid th
{
	/*border: 1px solid #CCC;*/
	padding: 2px 4px;
}

.no-border td,
.no-border th
{
	border: 0;
	padding: 2px 4px;
}

.top-align td
{
	vertical-align: top;
}

.grid th,
.grid td.header,
.grid tr.header td
{
	background-color: #f0f0f0;
	color: #000;
	font-weight: bold;
	text-align: center;
	
}

.grid td.border-bottom,
.grid tr.border-bottom td
{
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

td.left-aligned,
th.left-aligned
{
	text-align: left;
}

td.right-aligned,
th.right-aligned
{
	text-align: right;
}

td.white-separator
{
	border-left: 4px solid #fff;
}

.grid td.section
{
	background-color: #ddd;
	font-weight: bold;
}

.empty-grid
{
	border: 1px solid #999;
	border-top: 0;
	padding: 2px 4px;
}

.grid + .empty-grid
{
	margin-top: -8px;
	margin-left: -1px;
}



#resource 
{
	margin: 0px 20px 0px 20px
}

#left 
{
	float: left;
}

#right 
{
	margin-top: 25px;
	margin-left: 165px;
	width: 750px;
	height: 400px
}

body {
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    margin: 0px 15px 0px 15px
}

p {
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif
}

h1 {
	FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #003366;
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    margin-bottom: 0px;
    margin-top: 0px
}

h2 
{
	font-weight: bold;
	font-size: 14px;
	color: Black;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px
}

#loginbox 
{
	background-color: #CCC;
	padding-top: 7px;
	width: 155px;
	border-bottom: solid 1px #000;
}

#loginboxbottom
{
	background-color: #CCC;
	padding-top: 10px;
	width: 155px;
}

#coordinator
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    margin-left: 5px
}

#top_header {
	background-image: url(../../images/BANNERlogo.jpg);
	position: absolute;
	left: 0px;
	top: 30px;
	height: 123px;
	width: 229px;
	margin-bottom: 0px
}

#top_header2 
{
	background-image: url(../../images/KCAlogo.jpg);
	position: absolute;
	left: 220px;
	top: 25px;
	width: 281px;
	height: 123px;
	margin-bottom: 0px
}

#blue_line
{
	background-image: url(../../images/blueline.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 400px;
	margin-bottom: 0px;
}

#kids_left 
{
	background: url(../../images/kidsleft.jpg) no-repeat;
	top: 5px;
	width: 129px;
	height: 211px;
	margin: 0 0 0 0;
	float: right
}
#kids_right 
{
	background: url(../../images/kidsright.jpg) no-repeat;
	top: 5px;
	width: 129px;
	height: 211px;
	margin: 0 0 0 0;
	float: right
}
	

#main_text 
{
	FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
	margin-left: 6px
}

.green-tab a
 {
	color: #000;
	text-decoration: none;
 }
 
.green-tab
{
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 0 0px;
	padding: 3px;
	text-align: center;
	width: 130px;
}

a.green, a.green:visited
{
	color: #003366;
}

.tableRegister
{
	font-size: 11px;
}


#header_bg { background-image: url(../../images/adminBANNERlinefill.jpg); }
.menu a, .menu a:visited { color: #000; font-weight: bold;text-decoration: none; }
.menu a:hover { color: #036; }