/*
medekit colours:

basic green: #00adef
purple table headings: #666699
message/warning text: red
instruction text: #666666
link colour: #333399
drop down menu mouseover #90D0B3

*/



body, td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: black;  background: white}

td.head {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #00adef}

td.banner {  
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FFFFFF; 
	background-color: #00adef; background-image: url(blend1.jpg); background-repeat: repeat-x;
	border-left: 1px solid white;
}

hr.bottombar {  
	border: 0;
	margin:0 0;
	color: #00adef;	
	background-color: #00adef;
	height:2px;
}

hr.purple {
	border: 0;
	margin:0 0;
	color: #666699;	
	background-color: #666699;
	height:2px;
}


td.menu {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #00adef; border: 1px solid #00adef;}

td.menuhead {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	color: white;  
	background-image: url(blend1.jpg);
}


td.datatitle {  
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #6D6E71; background:white; border-bottom: 2px solid #6D6E71;
}

td.datahead {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: black; border-bottom: 1px solid #E7E7F3;}

td.datarowhead {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
font-weight: bold; 
color: black; 
border-bottom: 1px solid #00adef;
vertical-align: top;  }

td.databody {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: black; border-bottom: 1px solid #E7E7F3;  }
td.datafoot {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: black; border-bottom: 1px solid #E7E7F3;}
td.databutton {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: black; float: right; border-bottom: 1px solid #E7E7F3;}


P {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: black; text-align: justify; margin-bottom:5;}
/*DIV {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: black; }*/



UL {
	margin-left: 0px;
	padding-left: 0px;
}
LI {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: normal; 
	color: black; 
	text-align: justify; 
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	
}

CODE {font-size: 8pt; font-weight: normal; color: black; margin-bottom:10;}

ul {
	margin: 0 0 0 15;
}

/* This is  for Katie Headline/Feature */

H1 {
	margin-top:-3px;
    margin-bottom:-0px;
}

H1.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 20pt; 
	font-weight: bold; 
	color: black; 

}
	
H1.green {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 20pt; 
	font-weight: bold; 
	color: #00adef; 

}

H1.purple {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 20pt; 
	font-weight: bold; 
	color: #666699;

}


/* This is used for Info Page Headings */



H2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	font-weight: bold; 
	color: #00adef; 

	
}

/* These are for Katie Extra Large*/



H2.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	font-weight: bold; 
	color: black; 
	margin-top:-3px;
    margin-bottom:-8px;

}
	
H2.green {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	font-weight: bold; 
	color: #00adef; 
	margin-top:-3px;
    margin-bottom:-8px;

}

H2.purple {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	font-weight: bold; 
	color: #666699;
	margin-top:-3px;
    margin-bottom:-8px;

}

/* This is used for news headings and product names to make them look important */
h3 {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: bold; 
	color: #6D6E71; 
}

/* These are for Katie  Large*/

H3 {
	margin-top:-3px;
    margin-bottom:-6px;
}

H3.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: bold; 
	color: black; 
}
	
H3.green {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: bold; 
	color: #00adef; 
	
}

H3.purple {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: bold; 
	color: #6D6E71;
}

/* These are for Katie  Small*/

.smallNormal {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7.5pt; 
	font-weight: bold; 
	color: black; 
}
	
.smallGreen {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7.5pt; 
	font-weight: bold; 
	color: #00adef; 
}

.smallPurple {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7.5pt; 
	font-weight: bold; 
	color: #666699;
}

/** This is the purple box katie uses */

TD.purpleBox {
	border: 1px solid #666699; 
	padding:3px; 
	background-color: #d7d7e8; 
	font-weight: bold;
}


table.login { background: #666699; }

IMG.product {
    float: right;
}

.bignumber {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14pt; 
	font-weight: bold; 
	color: #00adef;
}

P.message {  	
	margin:10 10 10 10; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	color: red;
	}
	
TD.message {  	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	color: red;
	}

.instruction {
    color: #666666; 
    font-size: 8pt; 
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }

.warning {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: red;}


SELECT {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 100%;
    margin-top: 0px;
    padding: 0;
    }
    
SELECT.submenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    width: 554;
    margin-top: 0px;
    padding: 0;
    color: #333399;
	cursor: pointer;
    }
    
SELECT.date {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 5em;
    margin-top: 0px;
    padding: 0;
    }
    
INPUT {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}
    
INPUT.text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 100%;
    margin-top: 0px;
    padding: 2;
    }
    
INPUT.smalltext {
	width: 40;
}    

INPUT.search {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 120px;
    margin: 0px;
    padding: 0;
    }

INPUT.number {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 50px;
    margin: 0px;
    padding: 0;
    }

INPUT.date {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 100px;
    margin: 0px;
    padding: 0;
    }
    
INPUT.radio {
    width: 2em;
    margin-top: 0px;
    padding: 0;
    }

.textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    }


TEXTAREA {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 100%;
    margin-top: 0px;
    padding: 0;
    }
    
TEXTAREA.big {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 100%;
    margin-top: 0px;
    padding: 0;
    }


INPUT.searchbutton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 8pt;
    width: 30px;
    height: 20px;
	color: #333399;
	cursor: pointer;
}
    
INPUT.savebutton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 8pt;
    height: 20px;
    width: 130px;
    color: #6D6E71;
	cursor: pointer;
}

INPUT.standardbutton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 8pt;
    height: 20px;
	width: 130px;
    color: #6D6E71;
	cursor: pointer;
}


INPUT.deletebutton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 8pt;
    height: 20px;
    width: 130px;
    color: #CC3333;
	cursor: pointer;
}



A:visited, A:link {
    color: #6D6E71;
    text-decoration:none;
    }

A:active, A:hover  {
   text-decoration:underline;
}

A:link.logout, A:visited.logout {
    font-weight: bold;
    color: white;
    text-decoration:none;
    }
    
A:hover.logout, A:active.logout {
    font-weight: bold;
    color: white;
    text-decoration:underline;
    }
 

 

  
/* I think these are to do with newsletters?? */ 
        
.header01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #2aac80;
}
.knowhow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #7a6cc5;
}
.bodystrapline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.lettertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.features {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #7a6cc5;
}
.featureslinktxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.featurestxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.optouttxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}
.redarrow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}


/* The menu links */

A.nav1:link, A.nav1:visited {
    font-weight: bold;
	background-color : #00adef; 
	color: white;
	text-decoration : none; 
	border: 0;
	padding-left : 10; 
	padding-right : 0; 
	padding-top : 4; 
	padding-bottom : 4; 
	text-align : left;
	vertical-align : center;
	display : block; 
	 background-image: url(blend1.jpg); background-repeat: repeat-x;
} 

A.nav1:hover {
	background-color : #026645;
	color:white;
	text-decoration : none; 
	border: 1 #336666;
	padding-left : 10; 
	padding-right : 5; 
	padding-top : 4; 
	padding-bottom : 4; 
	text-align : left; 
	vertical-align : middle;
	display : block; 
	height: 100%;
	background-image: url(blend4.jpg); background-repeat: repeat-x;
}

#menu1 {
	background-color : white; 
	color:white;
	position : absolute; 
	top : 10px; 
	left : 10px; 
	visibility : hidden; 
	width : 145px; 
	border: 1px solid #00adef;
	z-index: 100;
} 

#menu2 {
	background-color : white; 
	color:white;
	position : absolute; 
	top : 10px; 
	left : 10px; 
	visibility : hidden; 
	width : 145px; 
	border: 1px solid #00adef;
	z-index: 100;
} 

#menu3 {
	background-color : white; 
	color:white;
	position : absolute; 
	top : 10px; 
	left : 10px; 
	visibility : hidden; 
	width : 145px; 
	border: 1px solid #00adef;
	z-index: 100;
} 
#menu4 {
	background-color :white; 
	color:white;
	position : absolute; 
	top : 10px; 
	left : 10px; 
	visibility : hidden; 
	width : 145px; 
	border: 1px solid #00adef;
	z-index: 100;
} 
#menu5 {
	background-color : white; 
	color:white;
	position : absolute; 
	top : 10px; 
	left : 10px; 
	visibility : hidden; 
	width : 145px; 
	border: 1px solid #00adef;
	z-index: 100;
} 


#navbar {
	position : relative;
	background-color: white;
}

A.menulink1:link, A.menulink1:visited {
    font-weight: normal;
	background-color :white; 
	color: #00adef;
	text-decoration: none; 
	padding-top: 5;
	padding-bottom: 5;
	padding-left: 0px; 
	width : 100%;
	display: block; 
} 


A.menulink1:hover {
	background-color : #00adef;
	color: white;
	
	text-decoration : none; 
	padding-left: 0px; 
	width : 100%; 
	padding-top: 5;
	padding-bottom: 5;
    display : block;
} 

.littlepad {
	padding-left: 5px; 
}  

/* The status tool tip */

div.tooltip {

width: 250px;
border: 1px solid #00adef;
padding: 12px;
background-color: white;
z-index: 100;
}