/* .form_table style for table used in forms
---------------------------------------------*/
	.form_table {
		margin-bottom: 15px;
		font-size: 1.1em;
	}
	.form_table p {
		margin: 0;
		padding: 0;
	}
	.form_table td {
		padding: 5px 10px;
	}

/* .form_dialog - style for add / edit / delete forms */
    .form_dialog {		
		font-size: 12px;
	}
	.form_dialog p {
		margin: 5px;
		padding: 5px;
	}
	
/* style for password strength indicator */
.TextIndicator_TextBox1_Strength1
{
     background-color:#DDDDDD;
     color:Black;               
     padding: 5px 5px 5px 5px;
   
}
.TextIndicator_TextBox1_Strength2
{
     background-color:#DDDDDD;
     color:#555555;            
     padding: 5px 5px 5px 5px;
     
}
.TextIndicator_TextBox1_Strength3
{
     background-color:#DDDDDD;
     color: #005500;             
     padding: 5px 5px 5px 5px;
    
}
.TextIndicator_TextBox1_Strength4
{
     background-color:#DDDDDD;
     color:Green;           
     padding: 5px 5px 5px 5px;
}	
	
/* form style for forms
-------------------------*/
	form {
		padding: 0;
		margin: 0;
	}

/* input.inputgri - some style for inputs
--------------------------------------------*/
	input.inputgri, select.inputgri, textarea.inputgri {
		background: #ffffff;
		font-size: 12px;
		border: 1px solid #cccccc;
		padding: 3px;
	}
	input.inputgri:focus, select.inputgri:focus , textarea.inputgri:focus {
		background: #ffffff;
		border: 1px solid #686868;
	}

/* .notice - messages to user
--------------------------------*/
	.notice {
		background: #CAEA99; 
		border: 1px solid #70A522; 
		padding: 5px 5px 5px 5px;
		margin-bottom: 15px;
		font-size: 1.2em;
		color: #333333;
	}
	.notice_error {
		background: #FEDCDA; 
		border: 1px solid  #CE090E; 
		padding: 5px 5px 5px 5px;
		margin-bottom: 15px;
		font-size: 1.2em;
		color: #333333;
	}
	#notice a {
		color: #333333;
		text-decoration: underline;
	}
	.add_reading {
		background: #CAEA99; 
		border: 1px solid  #70A522; 		
		padding: 5px 5px 5px 5px;
		margin-bottom: 15px;
		font-size: 1.2em;
		color: #333333;
	}
	
	.glucose_reading {
		background: #eeeeee; 
		border: 1px solid  #AAAAAA; 
		padding: 5px 5px 5px 5px;
		margin-bottom: 15px;
		font-size: 1.2em;
		color: #333333;
	}
	
	.glucose_reading_normal {
		background: #CAEA99; 
		border: 1px solid  #70A522; 
		padding: 5px 5px 5px 5px;
		margin-bottom: 15px;
		font-size: 1.2em;
		color: #333333;
	}
	
	.glucose_reading_bad {
		background: #FAAAA5; 
		border: 1px solid  #FA645C; 
		padding: 5px 5px 5px 5px;
		margin-bottom: 15px;
		font-size: 1.2em;
		color: #333333;
	}
	
    .notok_reading 
    {
        color: #AA0000;
    }

    .ok_reading
    {
        color: #00AA00;
    }   
	
    .table {
		margin-bottom: 15px;
		
		border-collapse: collapse;
	}
   
	.table_header td {
		background: url(../img/tableheader-bg.gif) no-repeat left top;
		padding: 5px 10px;
		color: rgb(70,122,167);
		border-top: 1px solid #CBD6DE;
		border-bottom: 1px solid #ADBECB;
		font-size: 1.1em;
		font-weight: bold;
	}
	.table_header td a:link, .table_header td a:visited {
		text-decoration: underline;
		color: rgb(70,122,167);
	}
	.table_header td a:hover {
		text-decoration: underline;
		color: #73A822;
	}
	.table_header td {
		border: 1px solid #CBD6DE;
	}

	.row1 td, .row2 td, .row_hover td, .paging_row td {
		padding: 5px 10px;
		color: #666666;
		border: 1px solid #CBD6DE;
	}
	.row1 td {
		background: #ffffff;
	}
	.row2 td {
		background: #eeeeee;
	}
	.row_hover td {
		background: #FBFACE;
		color: #000000;
	}
	
	.hidden {
		display: none;
	}

	.little {
		font-size: 10px;
	}
	
	.clear {
		clear: both;
	}
	
	.img_left {
		float: left;
		padding: 1px;
		border: 1px solid #cccccc;
		margin: 0 10px 10px 0;
	}


html,body{margin:0;padding:0}
body{font: 11px verdana, arial,sans-serif;
    text-align: left;background: #fff;padding-bottom:20px}
a { color: #0066B3; background: inherit; text-decoration: none;}
a:hover {color: #00AAD5; text-decoration: underline;}
h1 { font: bold 18px verdana,arial, Sans-Serif; color: #4B7199 }
h2 { font: bold 1.1em verdana, arial, Sans-Serif; padding: 0; margin: 0; }
h4 { font: bold 14px verdana,arial, Sans-Serif; color: #4B7199; padding: 0; margin: 0;  }
h5 { font: 12px verdana,arial, Sans-Serif; color: #4B7199; padding: 0; margin: 0;  }
h6 { font: bold 1.1em verdana, arial, Sans-Serif; padding: 0; margin: 0; color:#333333;}

div#header{width:100%;overflow:hidden;background: #4B7199; }
div#header h1,div#menu{width: 600px;
margin:0 auto;text-align:center;}
div#header h1{padding: 30px 0 20px;color: #fff}
div#header {text-align: center}

ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0;}
ul#nav{float: none; font-size: 12px;}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;width: 95px;padding: 5px 0;background: #84C128;text-decoration:none;color: #FFF;
    height: 14px;
}
ul#nav a:hover{background: #4B7199;}

#right {
	float: left;
	width: 70%;
	padding: 1em;
	margin-bottom: 1.2em;
	background: #fff;	
}

#right .adbox {
	width: 500px;
	padding: 6px;
	margin: 15px 0 0 10px;
	background: #dddddd;
}

#right .bigadbox {
    width: 93%;
    padding: 6px;
    background: #D5E2F8;
    border: 1px solid #99BCF8; 
}

#right .bigadbox p {
    float: right;
    font-size: medium;
}

#right .box {	
	padding: 6px;
	margin: 15px 0 0 10px;
	background: #E9E9E9;
	border: 1px solid #CCCCCC; 
	
}

#left .box img 
{
    border: none;
}

#left {
	float: right;
	width: 20%;
	margin: 10px 0 10px 0;
	
}

#left .box {
	width: 175px;
	padding: 6px;
	margin: 15px 0 0 10px;
	background: #D5E2F8;
	border: 1px solid #99BCF8; 
	
}


#content {
    font-family: verdana,arial,sans-serif;
	margin: 0 auto;
    padding: 15px;
	background: #fff;
	width: 700px;
	color: #555;
	
}

ul {  padding: 0; margin: 0;}
li { list-style-type: none;}

.leftimage {
    float: left;
    margin: 4px;    
    border: 1px solid #99BCF8; 
}