body {
 background-color: #222222;
 margin: 0px 0px 0px 0px;
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
}
/* MAIN HTML STYLES */
strong {
 
}
#header {
 height: 35px;
 width: 99%;
 border-bottom: 2px solid black;
/* background-image:url(../design/common/img/headbg.gif);
*/ background-repeat:repeat-x;
}
#headcon {
 margin: 0 auto;
 width: 99%;
}
#logo {
 width: 50%;
 float: left;
 Height : 35%;
}
#login {
 width: 50%;
 float: right;
}
#navigation {
 width: 100%;
}
#menu {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	text-align: right;
	}
#menu li {float: right; width: 94px; list-style-type: none; margin: -4px 2px 0px 2px; padding: 0; }	
#menu li a {
	text-align: center;
	width: 88px;
	height: 24px;
	text-decoration: none;
	font-size: 12px;
	color: #cccccc;
/*	background-image:url(../design/common/img/navbg.gif);
*/	display: block;
/*	padding-top: 10px;
	padding-bottom: 6px; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#menu li a:hover {	 }
#container {
 margin: 0 auto;
 width: 99%;
 background: #222222;
}
#col1 {
 width: 49%;
 float: left;
}
#col2 {
 width: 50%;
 float: right;
}
div.col1contentbox {
color: #000000;
margin-top: 10px;
width: 99%;
height: 275px;
/*padding-top: 5px;
*/Background-Color : #F2F2F2;
Overflow : auto;

}
#col2content {
color: #000000;
margin-top: 10px;
width: 99%;
height: 275px;
/*padding-top: 5px;
*/Background-Color : #F2F2F2;
Overflow: Auto;
}

#Notes {
Width : 95%;
Height : 205px;
OverFlow : Auto;
Margin-Top : 10px;
Margin-Left : 5px;
}

#Appointments {
Width : 100%;
Height : 175px;
Overflow : Auto;
}

#Voice {
Width : 100%;
Height : 195px;
Overflow : Auto;
}

#Tracking {
Width : 100%;
Height : 100px;
Overflow : Auto;
}

#History {
Margin-Top : 5px;
Margin-Bottom : 5px;
Height : 200px;
Overflow : Auto;
}

#footer {
margin: 0 auto;
width: 95%;
color: #cccccc;
}

a {
color: #000000;
text-decoration: none;
font-weight: bold;
}

.ErrorText {
Font-Weight : Bold;
Color : #FF0000;
Text-Align : Center;
}

.PopText {
Color : #ffffff;
}

.PopHeading {
Color : #ffffff;
Font-Size : 11pt;
Font-Weight : Bold;
}

.FormFields {
Color : #000000;
Background-Color : #d8d8d8; 
Height : 20px;
Width : 200px;
Border : solid 0 #ffffff;
Background : transparent 
	url("../images/textfield_bg.gif") no-repeat;
	padding-left: 10px;
 }

.FormFieldsMain {
Color : #000000;
Background-Color : #D8D8D8;
Height : 10px;
Width : 100px;
Font-Size : 9pt;
}

.popup {
  position: absolute; display: none;
  Background-Color : #222222;
  Margin-Left : 10px;
  Left : 150px;
  Top : 50px;
}

.popup_history {
	Position : Absolute;
	Display : None;
	Background-Color : #222222;
	Margin-Left : 10px;
	Left : 290px;
	Top : 50px;
	Height : 255px;
	Width : 185px;
	}
.popup_EditAppointments {
	Position : Absolute;
	Display : None;
	Background-Color : #222222;
	Margin-Left : 10px;
	Left : 600px;
	Top : 450px;
	Height : 150px;
	Width : 300px;
}

.popup_DeleteAppointments {
	Position : Absolute;
	Display : None;
	Background-Color : #222222;
	Margin-Left : 10px;
	Left : 600px;
	Top : 450px;
	Height : 125px;
	Width : 300px;
}

.ContactInfo {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 Font-Weight : Bold;
}

.popup_notes {
Position : Absolute;
Display : None;
Background-Color : #222222;
Margin-Left : 10px;
Left : 200px;
Top : 100px;
}

.popup_appointments {
	position: absolute; display: none;
	Background-Color : #222222;
	Margin-Left : 10px;
	Left : 600px;
	Top : 100px;
}

.popup_voiceentry {
	position : absolute;
	display : none;
	Background-Color : #222222;
	Margin-Left : 10px;
	Left : 50px;
	Top : 400px;
}

.AppointmentsTime {
	Margin-Right : 5px;
	Margin-Bottom : 10px;
}

.AppointmentsDate {
	Margin-Right : 5px;
	Font-Weight : Bold;
}

.AppointmentsRef {
	Margin-Bottom : 10px;
}