body {margin:0px; font-family: Verdana,Helvetica,Arial,sans-serif; font-size: 14px; font-weight: normal; background-color:#FFFFFF} /*;background-image: url("images/bg.gif");background-repeat: repeat-y}*/
.fonts {font-family: Verdana,Helvetica,Arial,sans-serif; font-size: 14px;}
p, li {font-size:14px}
.smallfont {font-size:11px}
textarea {font-size: 14px; width: 150px}
select {font-size: 14px; width: 100px}
input {font-size:14px}

a:link   {text-decoration:none;color:#000099}
a:visited{text-decoration:none;color:#6666CC}
a:active {text-decoration:none;color:#000099}
a:hover  {text-decoration:underline;color:#000099}

h1 {font-weight:bold; font-size:16px}
h3 {font-weight:bold; font-size:14px}
h4 {font-weight:bold; font-size:14px}

p.blue {color: #330099}

.one {color: #FFFFFF}
.alt {background-color: #ccccff}
.opt {font-size:14px; width:150px}
.input {font-size:14px}

.picaction {font-size:10px}


.buttons {color:white; font-size:10px; background-color:#62007e; width:60px}
.buttons_autowidth {color: white; font-size: 10px;  background-color: #62007e}
.buttons_sms {color:white; font-size:10px; background-color:#62007e; text-align:center; width:160px; overflow:visible; visibility:inherit}

.border  {border-style:solid;border-width:1;border-color:#000000}
.borders {border-left:1 solid #cccccc;border-right:1 solid #cccccc}
.calborder {border:solid 0px gray}

/* contacts_list page */
.line {border-bottom:1px solid #CCCCCC}

/* appointment popups - add, edit, delete */
.apptpop {font-size: 12px; width: auto}

/* message at top of calendar and contacts */
.smshelp {color:#FF6531; font-size: 14px}

/* login component */
.logbox {font-size:10px}

/* sidebar links */
A.sbar:hover {color: red; font-weight: bold; font-size: 12px}
.sidebar  {font-size:12px}

/* rollover icons on contacts page */
.rollover a {display:block; width:24px}
.rollover a:hover {border:1px solid #000000}

/* message centre colours & info boxes in sidebar*/
.orange {color: #ff6531}
.box {padding:2px; border: solid 1pt #ccc}
.box1 {padding:2px; border: solid 1pt #62007e;height:22px}

/* positions of main menu sub items */
.topmenu { position: absolute; z-index: 1; top: 100px; left: 10px; width: 359px; height: 20px; visibility: visible; display: block }
.topmenubackground { position: absolute; z-index: 0; top: 100px; left: 0px; height: 20px; visibility: visible; display: block }
.submenu2  { position: absolute; z-index: 2; top: 100px; left: 140px; width: 130px; height: 60px }
.submenu4  { position: absolute; z-index: 2; top: 100px; left: 310px; width: 100px; height: 40px }
.submenu5  { position: absolute; z-index: 2; top: 100px; left: 410px; width: 100px; height: 80px }
.submenu6  { position: absolute; z-index: 2; top: 100px; left: 270px; width: 130px; height: 60px }

/* main menu - primary navigation - links */
.toprollover a {padding:3px;font-size: 12px; font-family: Verdana; text-decoration:none; text-align: left;  color: #ffffff; display:block; height: 20px; width:130px;background-color: #62007E}
.toprollover a:hover {font-size: 12px; background-color: #330099; color: #FFFFFF}
.toprollover a:visited {font-size: 12px; color: #FFFFFF}

/* main menu - drop down menu top row items - links */
.subtopitem a {padding:3px;font-size: 12px; font-family: Verdana; text-decoration:none; text-align: left;  color: #ffffff;display:block; height: 20px; width:130px; background-color: #330099}
.subtopitem a:visited {font-size: 12px; color: white; text-decoration: none}
.subtopitem a:hover {font-size: 12px; color: white; text-decoration: underline}

/* main menu - drop down items - links */
.subro a {padding:3px;font-size: 12px; font-family: Verdana; text-decoration:none; text-align: left;  color: #ffffff; display:block; height: 20px; width:130px; background-color: #330099}
.subro a:visited {font-size: 12px; color:#9999CC}
.subro a:hover {background-color:#FF6531; color:#000000}   

/* big buttons in middle of a page */
.bigrollover a {padding:22px;font-size: 18px; font-family: Verdana; text-decoration:none; text-align: left;  color: #ffffff;  display:block;
	height: 80px; width:200px; border:6px #B6BCFF outset}
.bigrollover a:visited {color: #FFFFFF}
.bigrollover a:hover {background-color: #FF6531; color: #000000;border-style:inset} /* alternative orange is #FF8C31  */

/* positions of big buttons
.bigbutton1 {position: absolute; top: 241px; left: 216px}	*/

/* small square buttons in middle of a page */
.smallrollover a {padding:4px;font-size: 12px; font-family: Verdana; text-decoration:none; text-align: left;  color: #ffffff;  display:block;
	height: 70px; width:70px; background-color: #4169E1;border:6px #4169E1 outset}
.smallrollover a:visited {color: #FFFFFF}
.smallrollover a:hover {background-color: #FF6531; color: #000000;border-style:inset}