/* Body */
    
BODY {font-size: 15px; line-height: 125%; font-family:Verdana, Trebuchet MS ,Arial,  Helvetica, sans-serif}
BODY {color: #ffffff}
IMG {margin: 0; padding: 0; border: 0px solid white}
FORM {display: inline; margin: 0; padding: 0}
A {color: #FFFFFF}
STRONG {font-weight: bold; color: #FFFFFF}
table { font-size: 100% }

/* General Menu Style In Header */

#generalMenu {float: right; border-left: 1px solid white; width: 234px; vertical-align: middle; line-height: 25px; padding: 0px 15px 0 0; height: 25px; text-align: right;  color: #555555; font-size: 85%; overflow: hidden; margin-top: 25px;}
#generalMenu A {text-decoration: none; color: #555555}
#generalMenu A:hover, #header A:active {text-decoration: underline}

/* Usability Options in Header */

#usabilityOptions {float: right; font-size: 1px; line-height: 25px; border-left: 1px solid white; width: 149px; padding-top: 6px; height: 19px; text-align: center; background-color: #ffffff; overflow: hidden; margin-top: 25px;}

#Logo {margin: 0px auto 0px auto;  height: auto; width: 760px; color: #555555; text-align: right; }

/* Welcome Text in Header */

#welcomeText {float: right; vertical-align: middle; line-height: 25px; padding: 0 0 0 15px; width: 235px; height: 25px; text-align: left; background-color: #000000; color: #ffffff; font-size: 75%; overflow: hidden}


/* Gradient in Header */

#gradient {float: right; width: 40px; height: 25px; overflow: hidden; background: url(GetGradient.gradient?colour=000000)}

/* Random Image */

#randomImage {float: right; text-align: right; width: 760px; height: 48px; padding-bottom: 1px; border-bottom: 1px solid #ffffff; background-color: white}

/* Main Container */

#container {float:center; background-color: #000000; padding-top: 0px; margin: auto; width: 760px; height: auto;}

/* Main Title */

#title {float: left; margin-left: 15px; color: #FFFFFF; width: 760px; height: 34px; padding-bottom: 3px; border-bottom: 1px solid #ffffff; background-color: #000000; text-align: left; font-size: 55%; font-weight: bold; vertical-align: middle; line-height: 34px}

/* Table Nav Styles */

#tablenav A {text-decoration: none}
#tablenav A:hover, #tablenav A:active {text-decoration: underline}

/* Web Crumb Trail */

#crumbnav {float: left;  color: #FFFFFF; width: 760px; height: 34px; padding-bottom: 1px; border-bottom: 1px solid #ffffff; background-color: #000000; text-align: left; font-size: 100; font-weight: bold; vertical-align: middle; line-height: 34px; margin-bottom: 5px; font-family : Arial}

/* Dynamic Menu Styles */
    
#menu UL {margin: 0; background-color: white; padding: 0; text-indent: 0; list-style:none}
#menu LI {}
#menu LI A {display: block; margin: 0; border-bottom: 1px solid white; padding: 2% 0 2% 20px; background-color: #000000; color: #ffffff; font-size: 75%; width: 130px; height: auto; font-family:Verdana, Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}
#menu LI A#selected {display: block; margin: 0;  border-bottom: 1px solid white; padding: 2% 0 2% 20px; background: #000000 url(images/mainarrowdown.gif) no-repeat 5px 50%; font-size: 75%; color: #ffffff; width: 130px; height: auto;  font-family: Verdana,Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}
#menu LI A:hover, #menu LI A:active  {background: #000000 url(images/mainarrow.gif) no-repeat 5px 50%}
    
#menu LI A#submenu {display: block; margin: 0;  border-bottom: 1px solid white; padding: 2% 0 2% 35px; font-size: 65%;  background: #000000 url(images/subarrowwb.gif) no-repeat 20px 50%; color: #ffffff; width: 115px; height: auto;  font-family:Verdana, Trebuchet MS , Arial, Verdana, Helvetica, sans-serif; font-weight: normal; text-decoration: none; text-transform: uppercase}
#menu LI A#submenuSelected {display: block; margin: 0;  border-bottom: 1px solid white; padding: 2% 0 2% 35px; font-size: 65%;  background: #000000 url(images/subarrowwb.gif) no-repeat 20px 50%; color: #ffffff; width: 115px; height: auto;  font-family: Verdana,Trebuchet MS , Arial, Verdana, Helvetica, sans-serif; font-weight: normal; text-decoration: none; text-transform: uppercase}
#menu LI A#submenu:hover, #menu LI A#submenu:active  {background-color: #000000}

/* Content Styles */
#content {float: center; padding-top: 0px; padding-left: 3px; padding-right: 3px; text-align: left; min-height: 400px; height: 100% !important; height: 400px; background-color: #000000; font-size: 80%; line-height: 130%;  color: #ffffff; }
#content H1{margin: 0 0 5px 0; padding:0; color: #FFFFFF; font-weight: bold; font-size: 100%}
#content H2{margin: 0 0 5px 0; padding:0; color: #FFFFFF; font-weight: bold; font-size: 100%}

#content INPUT {font-size: 100%; margin-bottom: 3px; color: #ffffff; border: 1px solid #ffffff; background-color: #000000; width: 200px; font-weight: normal}
#content INPUT#button {font-size: 80%; font-weight: normal; text-transform: uppercase; height: 27px; width: 102px; background: url(images/buttonbgwb.gif) no-repeat center center; border: 0px solid white;font-family: Verdana,Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}

#content INPUT#checkbox {font-size: 100%; height: 1.45em; color: #ffffff; border: 0px solid #cccccc; background-color: transparent; width: 18px; font-weight: normal; vertical-align: middle;}
#content INPUT#display {font-size: 100%; margin-bottom: 5px; color: #ffffff; border: 1px solid #000000; background-color: #000000; width: 200px; font-weight: normal}
#content INPUT.displaySmaller {font-size: 90%; margin-bottom: 5px; color: #ffffff; border: 1px solid #000000; background-color: #000000; width: 200px; font-weight: normal; }

#content TEXTAREA {font-size: 100%; margin-bottom: 5px; color: #ffffff; border: 1px solid #ffffff; background-color: #000000; width: 200px; height: 100px; font-family:Verdana, Trebuchet MS , Arial, Verdana, Helvetica, sans-serif; font-weight: normal; overflow: auto}
#content TEXTAREA#display {font-size: 100%; margin-bottom: 5px; color: #ffffff; border: 1px solid #000000; background-color: #000000; width: 200px; height: 100px; font-family: Verdana,Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-weight: normal; overflow: auto}
#content SELECT {font-size: 100%;  margin-bottom: 5px; color: #ffffff; border: 1px solid #ffffff;  background-color: #000000; width: 205px; font-weight: normal}
#content LABEL {float: left; font-size: 100%;  margin-bottom: 6px;  width: 200px;}
#content P {margin-top:0; margin-left:0px; margin-right:100px; padding-top: 0; line-height: 140%; color: #ffffff}

#content A#button {float: left; margin-right: 5px; text-align: center; vertical-align: middle; line-height: 27px; color: #ffffff; text-decoration: none; font-size: 90%; font-weight: normal; text-transform: uppercase; height: 27px; width: 102px; background: url(images/buttonbgwb.gif) no-repeat left top; border: 0px solid white; overflow: hidden}

#content DIV#tableheader {width: 500px; height: 1.75em; padding: 1px 0 1px 0; background-color: #000000; margin: 0; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; overflow: hidden}
#content DIV#tableheadercell {float: left; vertical-align: middle; line-height: 1.75em; height: 100%; padding: 0px 9px 0px 5px; background: #000000; color: #ffffff; font-weight: bold; border-right: 1px solid #ffffff; overflow: hidden}
#content DIV#tableheadercellup {float: left; vertical-align: middle; line-height: 1.75em; height: 100%; padding: 0px 9px 0px 5px; background: #000000 url(images/uparrow.gif) no-repeat 90% 50%; color: #ffffff; font-weight: bold; border-right: 1px solid #ffffff; overflow: hidden}
#content DIV#tableheadercelldown {float: left; vertical-align: middle; line-height: 1.75em; height: 100%; padding: 0px 9px 0px 5px; background: #000000 url(images/downarrow.gif) no-repeat 90% 50%; color: #ffffff; font-weight: bold; border-right: 1px solid #ffffff; overflow: hidden}
#content DIV#tableheadercellup A, DIV#tableheadercelldown A, DIV#tableheadercell A {color: white; text-decoration: none;}

#content DIV#tabledataa {width: 500px; height: 2em; margin: 0; background-color: #000000; overflow: hidden}
#content DIV#tabledatab {width: 500px; height: 2em; margin: 0; background-color: #000000; overflow: hidden}
#content DIV#tabledatacell {float: left; font-size: 100%; vertical-align: middle; line-height: 2em; overflow: hidden; padding: 0px 0px 0px 5px;  margin: 0 10px 0 0; font-weight: normal; color: #ffffff}
#content DIV#tablefooter {width: 500px; margin: 5px 0 0 0; border-top: 1px solid #ffffff; overflow: hidden}

#content DIV#appointmentTime {cursor: hand; float: left; text-align: right; vertical-align: middle; line-height: 39px; font-size: 80%; height: 39px; width: 63px; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; background-color: #000000; padding-right: 10px}
#content DIV#timeTop{cursor: hand; float: left; vertical-align: middle; line-height: 9px; font-size: 80%; height: 9px; width: 241px; border-top: 1px solid #FFFFFF;  border-right: 1px solid #FFFFFF; background-color: #000000;}
#content DIV#timeHalf{cursor: hand; float: left;  vertical-align: middle; line-height: 9px; font-size: 80%; height: 9px; width: 241px; border-top: 1px solid #FFFFFF;  border-right: 1px solid #FFFFFF; background-color: #000000;}
#content DIV#timeBlank{cursor: hand; float: left;  vertical-align: middle; line-height: 9px; font-size: 80%; height: 9px; width: 241px; border-top: 1px solid #000000;  border-right: 1px solid #FFFFFF; background-color: #000000;}
#content DIV#appointmenta{cursor: hand; float: left; text-align: left; vertical-align: middle; padding-left: 5px; font-size: 80%; line-height: 130%; width: 224px;  border-right: 1px solid #FFFFFF; background-color: #000000; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; overflow: hidden}
#content DIV#appointmentb{cursor: hand; float: left; text-align: left; vertical-align: middle; padding-left: 5px; font-size: 80%; line-height: 130%; width: 224px;  border-right: 1px solid #FFFFFF; background-color: #000000; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; overflow: hidden}

#content DIV#monthcell {float: left; padding: 0; font-size: 90%; height: 1.7em; width: 157px; height: 20px; margin:0; font-weight: bold; color: #FFFFFF; text-align: center;}
#content DIV#weekdaycell {float: left; margin-left: 1px; padding: 0; font-size: 90%;  height: 1.7em; text-align: center;  background-color: #000000; width: 19px; height: 18px;  font-weight: bold; color: #FFFFFF; }
#content DIV#cell {float: left; margin-left: 1px; padding: 0; margin-bottom: 2px;  vertical-align: middle; line-height: 1.7em; height: 1.7em; background-color: #000000; font-size:80%; width: 19px;  font-weight: bold; color: #FFFFFF; text-align: center; }
#content DIV#cellappointment {float: left; margin-left: 1px; padding: 0; margin-bottom: 2px;  vertical-align: middle; line-height: 1.7em; height: 1.7em; background-color: #FFFFFF; font-size: 80%; width: 19px;  font-weight: bold; color: white; text-align: center;}
#content DIV#cellweekend {float: left; margin-left: 1px; padding: 0; margin-bottom: 2px;  vertical-align: middle; line-height: 1.7em; height: 1.7em; background-color: #000000; font-size: 80%; width: 19px;  font-weight: bold; color: #FFFFFF; text-align: center;}
#content DIV#celltoday {float: left; margin-left: 1px; padding: 0; margin-bottom: 2px;  vertical-align: middle; line-height: 1.7em; height: 1.7em; background-color: #FFFFFF; font-size: 80%; width: 19px;  font-weight: bold; color: 000000; text-align: center;}
#content DIV#fillercell {float: left; margin-left: 1px; background-color: transparent; width: 19px; font-size: 80%;vertical-align: middle; line-height: 1.7em; height: 1.7em; padding: 0; margin-bottom: 2px; }

#content INPUT#another {
	background: url('images/input_boxes.gif') no-repeat 0 -58px;
	border: none;
	width: 241px;
	height: 20px;
	padding-left: 3px;
	padding-top: 3px;
}

#content DIV#fileinputs {
	WIDTH: 300px; POSITION: relative; HEIGHT: 30px
}
#content INPUT#file {
	width: 300px;
	margin: 0;
}
#content INPUT#unknown {
	BACKGROUND-COLOR: transparent
}
#content INPUT#hidden {
	width: 305px; Z-INDEX: 2; FILTER: alpha(opacity: 0); POSITION: relative; TEXT-ALIGN: right; opacity: 0; moz-opacity: 0
}
#content DIV#fakefile {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 1; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 350px; LINE-HEIGHT: 90%; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px
}
#content DIV#fakefile#INPUT {
	MARGIN-BOTTOM: 5px; MARGIN-LEFT: 0px
}


#content DIV#cell A ,  #content DIV#cellweekend A {text-decoration: none; color: #FFFFFF}
#content DIV#celltoday A, #content DIV#cellappointment A {text-decoration: none; color: #000000}
  
#content UL#calendarAppointment {margin:0; padding:0; list-style: none}
#content LI#calendarAppointment {padding-bottom: 5px}
 
#content UL#list {list-style-type: square}
#content LI#list {list-style-type: square}
 
#content DIV#error {width: 500px; padding: 10px 0px 5px 10px; margin-bottom: 15px; margin-left: 0px; height: auto; background-color: #000000; border: 1px solid #FFFFFF; color: #FFFFFF; align:center;}
#content UL#error {list-style: none; padding: 0; margin: 0 0 0 0}
#content LI#error {padding: 0 0 5px 20px; margin: 0; background: url(images/error.gif) no-repeat left top}

#content DIV#message {width: 500px; padding: 10px 0 5px 10px; margin-bottom: 15px; margin-left: 0px; height: auto; background-color: #000000; border: 1px solid #FFFFFF; color: #FFFFFF;}
#content UL#message {list-style: none; padding: 0; margin: 0 0 0 15px}
#content LI#message {padding: 0 0 5px 25px; margin: 0; background: url(images/checkwb.gif) no-repeat left top}

#content table#allDayTable { border-width:1px; border-style: solid; border-spacing:0px; padding:0px; background-color:#000000; border-color: #FFFFFF; }
#content td#allDayEntry {overflow: hidden; padding:0px; margin:0px; height:20px;}
#content span#allDayIcon {background: #000000 url(images/alarmclockwb.gif) no-repeat 0px 0px; height:20px; width:20px; padding-left:20px;}

/* Help Content Styles */
#helpReg {float: right; padding: 1px 0px 1px 0px; text-align: left; font-size: 70%; color: #ffffff;  width:120px; }

#help {float: left; padding: 20px 10px 10px 10px; width: 128px; text-align: left; background: #000000 url(images/helpIcon_new.jpg) no-repeat 10px 10px; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-right: 1px solid #red; font-size: 65%; line-height: 150%; color: #ffffff}

#nohelp {width:128px;}


/* Footer Styles */

#footerContainer {margin: auto; padding-top: 0px;  width: 800px; height: 30px; }
#footer1 {margin: 0px auto 0px auto;  height: auto; width: 760px; font-size: 95%; color: #555555; text-align: right;}
#footer1 A {color: #4169E1; text-decoration: underline}
#footer1 A:hover, #header A:active {text-decoration: underline}

#footer2 { margin: auto; width: 800px; height: 29px; text-align: right; font-size: 65%; color: #FFFFFF}


/* Miscellaneous Styles */

.invisible-item {display:none}
.visible-item {display:block}

BUTTON { text-transform: uppercase; font-family:Verdana,'trebuchet ms',helvetica,sans-serif; font-size:90%; font-weight:normal; background: url(images/buttonbgwb.gif); height: 17px; width: 17px; border: 0px solid white}




/* Icon Images */

#homeIcon {float: left; width: 32px; height: 32px; margin-right: 10px; background: url(images/homeIconwb.gif) no-repeat center center}
#emailIcon {float: left; width: 32px; height: 32px; margin-right: 10px; background: url(images/emailIcon_new.jpg) no-repeat center center}
#contactsIcon {float: left; width: 32px; height: 32px; margin-right: 10px; background: url(images/contactsIcon_new.jpg) no-repeat center center}
#calendarIcon {float: left; width: 32px; height: 32px; margin-right: 10px; background: url(images/calendarIcon_new.jpg) no-repeat center center}
#accountIcon {float: left; width: 32px; height: 32px; margin-right: 10px; background: url(images/accountIcon_new.jpg) no-repeat center center}
#registerIcon {float: left; width: 32px; height: 32px; margin-right: 10px; background: url(images/registerIconwb.gif) no-repeat center center}
#wizardIcon {float: left; width: 32px; height: 32px; margin-right: 10px; background: url(images/wizardIconwb.gif) no-repeat center center}
#voiceIcon {float: left; width: 32px; height: 32px; margin-right: 10px; background: url(images/voiceIcon_new.jpg) no-repeat center center}
#calendar {display: inline; font-size: 20px; width: 14px; height: 18px; background: url(images/calendarwb.gif) no-repeat center center}
#accessNoIcon {float: left; width: 32px; height: 32px; margin-right: 10px; background: url(images/accessNoIcon_new.jpg) no-repeat center center}
#socialIcon {float: left; width: 32px; height: 32px; margin-right: 10px; background: url(images/socialIcon.gif) no-repeat center center}

#emailIconList {padding: 0 0 15px 45px; margin: 0; background: url(images/emailIcon_new.jpg) no-repeat left top}
#contactsIconList {padding: 0 0 15px 45px; margin: 0; background: url(images/contactsIcon_new.jpg) no-repeat left top}
#calendarIconList {padding: 0 0 15px 45px; margin: 0; background: url(images/calendarIcon_new.jpg) no-repeat left top}
#accountIconList {padding: 0 0 15px 45px; margin: 0; background: url(images/accountIcon_new.jpg) no-repeat left top}
#voiceIconList {padding: 0 0 15px 45px; margin: 0; background: url(images/voiceIcon_new.jpg) no-repeat left top}
#helpIconList  {padding: 0 0 15px 45px; margin: 0; background: url(images/helpIcon_new.jpg) no-repeat left top}
#accessNoIconList  {padding: 0 0 15px 45px; margin: 0; background: url(images/accessNoIcon_new.jpg) no-repeat left top}
#socialIconList {padding: 0 0 15px 45px; margin: 0; background: url(images/socialIcon.gif) no-repeat left top}