/* # is for IDs, and . is for classes*/


body {
margin:0px;
padding:0px;
font-family:Arial;
font-size:12px;
line-height:1.3em;
}

  #around-everything 
    {
		width:515px;
		margin:33px 0px 0px 22px;
	
    }


#containAll
{

border:solid 2px white;
width: 760px;
margin:-2px 0px 0px -2px;
background-image:url(diabetes.jpg); background-repeat:no-repeat;
min-height:700px;
height:1000px;
}

.clearfloats,
.clearit {clear:both; } 

.menus {  margin-top:10px; *margin-top:5px; _margin-top:10px;}
.menus1 { width:89px; float:left; font-size:12px;}
.menus2 { width:426px; float:left; font-size:12px; line-height:1.2em;}

.link1-div
{
	width:140px;
	float:left;
	text-align:left;
	display:block;
		
}

.link2-div,
.link3-div
{
	width:132px;
	float:left;
	text-align:left;
	display:block;
		
}

.link1-div a:link,
.link2-div a:link,
.link3-div a:link,
.link1-div a:visited,
.link2-div a:visited,
.link3-div a:visited,
.link1-div a:active,
.link2-div a:active,
.link3-div a:active
{

 font-size:12px;
	display:block;
	border:1px solid #333;
	background:#333;
	padding:5px;
	color:#fff;
	text-align:center;
		
}


.gapme { width:1px; font-size:1px; float:left; }
.megaspace {clear:both; height:17px; font-size:1px; }		
#themessage 
{
	
	/*border:1px dotted #333;
	*/color:#333;
	
	
	 }
#themessagei { padding:5px; font-size:14px; }


.heading1
{

	
}



.align-left-heading1
{
	width:100px;
	float:left;
	text-align:center;
	font-size:12px;
	margin-left:60px;
	padding:0px 0px 0px 0px;
	border:solid 1px blue;

	float:left; 
	font-weight:bold; 
	height:20px;
}


.align-right-heading1
{
	width:100px;
	float:left;
	text-align:center;
	font-size:12px;
	padding:0px 0px 0px 0px;
	border:solid 1px blue;

	float:left; 
	font-weight:bold; 
	height:20px;
}





.lbl-align-right
{
	float:right;
	text-align:right;
	padding:0px 0px 0px 0px;
		
}




.ClearFloats, .clearit 
{
	clear: both;
}



.heading
{
text-align:center;
font-size:14px;
font-weight:bold;
color:White;
width: 390px;
margin-top:-35px;
}


.WhatIs 
{
	width:230px;
	float:left;
}




	a:link,
	a:visited,
	a:active
	 { color:#8426C2; text-decoration:none;}
	 
	 a:hover {color:#8426C2; text-decoration:underline; }
	 
	a.info{
    position:absolute; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none;}

a.info:hover{z-index:25; background-color:#ff0;cursor:default;
}

a.info span{display: none;}

a.info:link, 
a.info:visited, 
a.info:active 
{
	text-decoration:none;
}

a.info:hover span{ /*the span will display just on :hover state*/
   display:block;
   font-size:11px;
   margin-top:5px;
   *margin-top:20px;
   position:absolute;
   width:140px;
   left:-5px;
   padding:7px 7px 7px 7px;
   border:1px solid #DBDBDB;
   background-color:#fff; color:#333;
   text-align: left;
   cursor:default;
   text-decoration:none;
   }
   
   
   
   
   
   
   
   




.text-css {
float:left; 
width:95px;  
font-weight:bold; 
padding-top:4px; 
}


.btnfind{
color:#7e25be;
font-family:arial;
font-weight:bold;
background:url(../images/btn-bg.jpg) repeat-x;
border:1px solid #7e25be;
padding:1px 5px 1px 5px;
*padding:1px 0px 1px 0px;
font-size:14px;
cursor:pointer;
}


#PnlResult
{

	background-repeat:no-repeat;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:0px;
	height:70px;
	
}


.result-display1
{

	color:#37029A;
	font-size:12px;
	font-weight:bold;
	
	
}


.PnlResult-contain-all
{	
	padding:8px 0px 0px 15px;
	*padding:8px 0px 0px 15px;
}



.header-image
{
	
}


#lnk1, #lnk2, #lnk3
{
	
}

.inside { padding:10px; }
/* START - Calculator 1 */
#PanelAa,
#PanelBa ,
#PanelCa 

{ 
	*margin-top:-10px;
	border:1px solid #333;}


.top-heading-A
{
	font-size:14px;  background-color:#49B502;
	color:#fff;
	padding:5px;

}

.line1
{
	height:2px;
	background-color:Black;
	width:279px;
	*width:350px;
	margin-left:9px;
}


.inner-container-A
{


margin:10px 0px 0px 10px;

}

.clear5px { clear:both; height:5px; font-size:1px; }

.align-left-A
{
padding-bottom:4px;
*padding-bottom:0px;
*border:1px solid #FFDDDD;
}


#PanelAb { margin:0px; padding:0px; }
.align-right-A
{
	width:200px;
	float:left;
	text-align:left;
	padding:2px 0px 2px 1px;
	border:solid 0px red;
	height:20px;
	font-weight:bold;
}

select, input { padding:0px; margin:0px; }

.item-containerA1
{
	font-size:14px;
	float:left; width:150px;
	padding-top:2px;
	font-weight:bold;
}

.item-containerA1l
{
	font-size:14px;
	float:left; width:240px;
	padding-top:2px;
	font-weight:bold;
}

.btn-div { text-align:right; }
.item-containerA2
{
	font-size:14px;
	float:left; width:320px;
	
}
.item-containerA2l
{
	font-size:14px;
	float:left; width:220px;
	
}
#insulin { 	font-size:14px; font-family:Arial; width:50px;}
#carb,
#insulin1,
#extraGrams
{ 	font-size:14px; font-family:Arial; width:50px;}

#insulin4,
#sugar4,
#targSugar4,
#carb4
{ 	font-size:14px; font-family:Arial; width:50px;}

.button-div
{
	text-align:center;
}





.item-containerB1
{
	font-size:12px;
	padding:2px 0px 7px 0px;
	border:solid 0px black;
}



.item-containerB2
{
	font-size:12px;
	padding:2px 0px 7px 0px;
	border:solid 0spx black;
}



.long-text1
{	
	width:375px;
	text-align:center;
	margin-left:12px;
	padding:2px 0px 2px 1px;
	border:solid 0px #3C3C3C;
	background-color:#FF0000;
	color:white;
	font-weight:bold;
	height:20px;
}



.long-text2
{	
	width:370px;
	text-align:left;
	margin-left:12px;
	padding:3px 1px 3px 1px;
	border:dotted 2px #FF0000;
	font-weight:bold;
	color:black;
	height:25px;
}




/* END - Calculator 1 */





/* START - Calculator 2 */

.inner-container-B
{

width:600px;
margin:10px 0px 0px 0px;

}



.inner-container-Bb
{
border:solid 0px #9933CC;
width: 500px;
margin:0px 0px 0px 80px;
}



.top-heading-B
{
	margin:145px 0px 0px 150px;
	border:dashed 0px black;
	width:300px;
	font-size:15px;
	font-weight:bold;
}



.top-heading-Bb
{
	margin:6px 6px 4px 9px;
	border:solid 0px black;
	width:300px;
	height:auto;
	color:#FF0000;
}



.line1
{
	height:2px;
	background-color:Black;
	width:231px;
	margin-left:9px;
}




.align-left-C
{
width:230px;
float:left;
text-align:left;
font-size:12px;
margin-left:30px;
padding:1px 0px 5px 0px;
border:solid 0px blue;

float:left; 
font-weight:bold; 
height:20px;
}



.align-right-C
{
	width:200px;
	float:left;
	text-align:left;
	padding:2px 0px 2px 1px;
	border:solid 0px red;
	height:20px;
	font-weight:bold;
}



.item-containerC1
{
	font-size:12px;
	padding:10px 0px 9px 0px;
}



.item-containerC2
{
	font-size:12px;
	padding:2px 0px 6px 0px;
}



.button-divC
{
	text-align:center;
	margin:0px 130px 0px 20px;
}



.long-text3
{
	width:345px;
	text-align:center;
	margin-left:2px;
	padding:2px 0px 2px 1px;
	border:solid 0px #3C3C3C;
	background-color:#FF0000;
	color:white;
	font-weight:bold;
	height:20px;
	float:left;

}



.long-text4
{
	width:50px;
	text-align:center;

	padding:2px 0px 2px 0px;
	border:dotted 2px #FF0000;
	color:black;
	font-weight:bold;
	height:16px;
	float:left;
}



.long-text5
{
	width:40px;
	text-align:center;
	padding:2px 0px 2px 0px;
	border:dotted 2px #FF0000;
	color:black;
	font-weight:bold;
	height:16px;
	float:left;
}



.long-text6
{
	width:180px;
	text-align:center;
	padding:2px 0px 2px 0px;
	border:solid 0px #3C3C3C;
	background-color:#FF0000;
	color:white;
	font-weight:bold;
	height:20px;
	float:left;
}



.long-text7
{
	width:135px;
	text-align:center;
	padding:2px 0px 2px 0px;
	border:solid 0px #3C3C3C;
	background-color:#FF0000;
	color:white;
	font-weight:bold;
	height:20px;
	float:left;
}



.long-text8
{
	width:40px;
	text-align:center;
	padding:2px 0px 2px 0px;
	background-color:black;
	border:dotted 2px black;
	color:white;
	font-weight:bold;
	height:36px;
	float:left;
}



.long-text9
{
	width:356px;
	text-align:left;
	margin-left:0px;
	padding:2px 0px 2px 1px;
	border:solid 0px #3C3C3C;
	background-color:black;
	color:white;
	font-weight:bold;
	height:40px;
	float:left;

}




/* END - Calculator 2 */






/* START - Calculator 3 */

.inner-container-C
{
border:solid 0px #9933CC;
width: 500px;
margin:18px 0px 0px 80px;
height:170px;
}



.inner-container-Cc
{
border:solid 0px #9933CC;
width: 500px;
margin:60px 0px 0px 80px;
}




.line3
{
	height:2px;
	background-color:Black;
	width:223px;
	margin-left:9px;
}




.align-left-D
{
width:200px;
float:left;
text-align:left;
font-size:12px;
margin-left:30px;
padding:1px 0px 5px 0px;
border:solid 0px blue;

float:left; 
font-weight:bold; 
height:20px;
}



.align-right-D
{
	width:200px;
	float:left;
	text-align:left;
	padding:2px 0px 2px 1px;
	border:solid 0px red;
	height:20px;
	font-weight:bold;
}



.item-containerD1
{
	font-size:12px;
	padding:10px 0px 9px 0px;
}



.item-containerD2
{
	font-size:12px;
	padding:2px 0px 6px 0px;
}



.button-divD
{
	text-align:center;
	margin:0px 130px 0px 20px;
}




.long-text10
{
	width:130px;
	text-align:center;
	padding:2px 0px 2px 0px;
	background-color:#FF0000;
	border:dotted 0px #FF0000;
	color:white;
	font-weight:bold;
	height:20px;
	float:left;
	margin-left:100px;
}



.long-text11
{
	width:40px;
	text-align:center;
	padding:2px 0px 2px 0px;
	border:dotted 2px #FF0000;
	color:black;
	font-weight:bold;
	height:16px;
	float:left;

}



.first { font-size:16px;line-height:1.1em;}
.second {line-height:1.1em; }
.third { font-size:14px;line-height:1em; text-transform:uppercase; }


/* END - Calculator 3 */


#themessage1 { position:absolute; z-index:0; float:left; background:#333; left:0;
               width:400px;
               padding:8px;
           
               font-size:14px; color:#fff;
               margin-left:25px;
               margin-top:10px;}


               
#themessage2 , #themessage3, #themessage4 
{
	position:relative;
	background-color:#FFCC00; 
	color:#333; 
	font-size:26px; 
	font-weight:bold;
	width:120px;
	text-align:center;
	line-height:1em;
	padding:10px;
	border:1px solid #242424;
	margin-right:5px;
	float:left;	
	z-index:1;
	 }
	 
#themessage2 
{
margin-left:226px;
		_margin-left:113px;
}

#themessage4 
{
	width:130px;
margin-left:353px;
		_margin-left:181px;
}

.result { font-size:22px; font-weight:normal;
          color:#333;
        
          position:absolute;
          margin-top:-5px;
           float:left;left:0;
               margin-left:23px;
           
           }
           
           .title { font-weight:bold; padding:0px 0px 0px 0px; line-height:1.1em;}
           .msg { padding:0px 0px 5px 0px;line-height:1.1em;}
           
           .msgbox1 { width:220px; margin:-30px 0px 5px 5px; font-size:11px; 
                      position:absolute; 
                      *margin-left:0px;
                      
                      }
           .msgbox2 {width:500px; margin:0px 0px 5px 5px;  font-size:11px;}
           .msgbox3 {width:350px; margin:0px 0px 5px 5px;  font-size:11px;
                     *margin-top:-8px; _margin-top:0px;}
           
           #extrainsulin1,
           #extrainsulin2 { font-weight:bold; }