@charset "UTF-8";
/* BabyCheck.ie - StyleSheet */
@import url('reset.css');

BODY {
	background: #ddebff url(../images/container_bg.gif) repeat-y center center;
	font-family: Verdana, Geneva, sans-serif;
}
UL, OL, LI, P, H1, H2, BODY {
	padding:0px;
	margin:0px;
}
P{ line-height: 1.3em;}
#container {
	width: 941px;
	margin: 30px auto;
	position:relative;
}
#content_container {
	width: 910px;
	margin: 0px auto;
	position:relative;
}
#large_panel {
	background:  url(../images/full_page_panel.gif) no-repeat;
	width: 910px;
        margin-top: 20px;
}
#large_panel .bottom{ background: url(../images/full_page_panel_bottom.gif) bottom left no-repeat;}

.scan_panel{
       border-top: 1px solid #c8d5de;
       width: 810px;
}


#left_panel, #right_panel,  #small_panel{
	background:url(../images/half_page_panel.gif) no-repeat;
	width: 411px;
	/*min-height: 427px;*/
       float: left;
       /*margin-left: 35px;*/
      margin-top: 20px;
}
#left_panel, #small_panel{ margin-left: 35px;}
#right_panel{ float: right; margin-right: 35px;}
#left_panel .bottom, #right_panel .bottom,  #small_panel .bottom{ background: url(../images/half_page_panel_bottom.gif) bottom left no-repeat;}
.medium_panel .bottom{ background: url(../images/full_page_panel_bottom.gif) bottom left no-repeat;}

#small_panel table {width: 408px; float: left; border-collapse: collapse; }
#small_panel th p {color: #4362c0; }
#small_panel th {background:  #c8dff0; border: 0px; padding: 5px 0px 5px 10px; text-align:left;}
#small_panel td {text-align: left; border-bottom: 1px solid #c8dff0; padding: 5px 5px 5px 10px;}

.medium_panel{
         background:url(../images/full_page_panel.gif) no-repeat;
         width: 854px;
         margin: 30px auto 0px auto;
         display: block;
}

#content_container A{color: #3078d1; text-decoration: none; font-weight: bold}
#content_container A:hover {text-decoration: underline;}
#content_container ul{list-style-image:url('../images/arrow.gif');text-align: left;}
#middle_panel ul{margin: 14px 0px 0px 15px;}
#middle_panel li{margin: 0 0 23px 0;}


#middle_panel{
         background:url(../images/middle_panel.gif) no-repeat;
         width: 823px;
         min-height: 431px;
         margin: 20px auto 0px auto;
         display: block;
}

#nav {
	list-style: none;
	float: right;
	display:table;
	padding:0px;
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#nav li {
	float: left;
	display: table-cell;
	vertical-align:middle;
	background: url(../images/nav_button.gif) no-repeat;
	width: 78px;
	height: 64px;
	text-align:center;
}
#nav li:hover, #nav li.current {
	background: url(../images/nav_button_over.png) no-repeat;
}
#nav li:hover a, #nav li.current a {
	color:#fff;
	text-decoration:none;
}
#nav a {
	color:#a52e97;
	text-decoration:none;
	padding: 0 3px 0 0;
	font-size: 14px;
	line-height: 15px;
}

.v-outer {
	display: table;
 #position: relative;
	overflow: hidden;
	height: 50px;
	color: white;
	width: 100%;
}
.v-middle {
	display: table-cell;
 #position: absolute;
 #top: 30%;
text-align: center;	
vertical-align: middle;
        *position: relative;
        *top: 50%;
}
.v-inner {
 #position: relative;
 #top: -30%;
}
.content_panel {
	width: 432px;
	background:url(../images/panel_back.gif) no-repeat;
	min-height: 728px;
}

h1, h2, h3, h4, h5 {
	color: #4362c0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1{  font-weight: normal; font-size: 22px; line-height: 30px;}
h2{ font-size: 21px; line-height: 30px; font-weight: normal;}
p {
	color: #4b4b4b;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

td{
	text-align: center;
	padding: 20px 20px 0px 20px;
	
}

.errors{

       background: #F99F99;
       border: 2px solid red;
       margin: 0 20px 5px 20px;    
       padding: 10px;
}

.form{
      text-align: left;
      padding:10px;
}
.float_left{ float: left: margin-right: 10px;}
.float_right{ float: right; margin: 0 10px;}
.clearing_div{ width: 100%; clear: both;}
