body {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    background-color: #ffffff;
}

p {
    text-align: justify;
    color: #000000;
    font-size: .9em;
}

pre {
    font-size: 9pt;
    padding: 10px;
    background-color: #F8F8F8;
    border: 1px solid #F0F0F0;
}
DIV {
    font-family : Tahoma, Helvetica;
}
h2 {
    color: #003366;
    font-size: 1.0em;
    font-weight: bold;
    margin-bottom: -0.7em;
}
ul {
    list-style-position: outside;
    list-style-type: square;
    margin-top: -0.9em;
    color: #000000;
    margin-right: 75px;
}

/*select element used in the message filter on messaging.jsp*/
select.small{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-decoration:none;
    color:#000000;
}
select.wide{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-decoration:none;
    color:#000000;
    width:150px;
}

input.small{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-decoration:none;
    color:#000000;
}

input.email{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-decoration:none;
    color:#000000;
    border:1px solid #000;
}

image{
    border:0px;
}


/*---hyperlink elements---*/

/*standard*/
/*
a:link {
    color: #0066cc;
    text-decoration: none;
}
a:visited {
    color: #0066cc;
    text-decoration: none;
}
a:hover {
    color: #003366;
    text-decoration: none;
}
a:active {
    color: #003366;
    text-decoration: none;
}
*/

/*for alpha listing on the top of contacts page and addrecipients.jsp*/
a.alphatext {
    letter-spacing: 6;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11;
    text-decoration: none;
    font-weight: bold;
}
a.alphatext:link {
    color: #0066cc;
    text-decoration: none;
}
a.alphatext:visited {
    color: #0066cc;
    text-decoration: none;
}
a.alphatext:hover {
    color: #003366;
    text-decoration: none;
}
a.alphatext:active {
    color: #003366;
    text-decoration: none;
}
a.alphatext_nospacing {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11;
    text-decoration:none;
    font-weight: bold;
}
a.alphatext_nospacing:link {
    color: #0066cc;
    text-decoration: none;
}
a.alphatext_nospacing:visited {
    color: #0066cc;
    text-decoration: none;
}
a.alphatext_nospacing:hover {
    color: #003366;
    text-decoration: none;
}
a.alphatext_nospacing:active {
    color: #003366;
    text-decoration: none;
}

/*header formatting used on headers such as messaging modules on messaging.jsp*/
.headertext {
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
}
.headertext_small {
    font-size: 0.6em;
    color: #ccccbb;
    font-weight: bold;
}
.headertext_url {
    color: #ccccbb;
    font-weight: bold;
}
a.headertext_url:link {
    color: #ccccbb;
}
a.headertext_url:visited {
    color: #ccccbb;
}
a.headertext_url:active {
    color: #ffffff;
}
a.headertext_url:hover {
    color: #ffffff;
}
.headertext_black {
    font-size: 11px;
    color: #000000;
    font-weight: bold;
}
.headertext_white {
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
}

a.headertext:link {
    color: #ffffff; text-decoration:none;
}
a.headertext:visited {
    color: #ffffff; text-decoration:underline;
}
a.headertext:active {
    color: #ffffff;
}
a.headertext:hover {
    color: #ffffff;
}

/*secondary navigation elements*/
.message {
    text-decoration: none;
    color: #ffffff;
}
a.message:link {
    text-decoration: none;
    color: #ffffff;
}
a.message:visited {
    text-decoration: none;
    color: #ffffff;
}
a.message:hover {
    text-decoration: none;
    color: #ffffff;
}
a.message:active {
    text-decoration: none;
    color: #ffffff;
}

/*tertiary navigation elements*/
.tertnav {
    font-size: 12px;
    text-decoration: none;
    color: ccccbb;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
a.tertnav:link {
    color: #003366;
    text-decoration: none;
}
a.tertnav:visited {
    color: #003366;
    text-decoration: none;
}
a.tertnav:hover {
    color: #0066cc;
    text-decoration: none;
}
a.tertnav:active {
    color: #0066cc;
    text-decoration: none;
}
/*---end hyperlink elements---*/


/*---other non-standard elements---*/
.pageheader {
    color: #003366;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: -0.7em;
    margin-left: 0;
}

/*this is for all the titlebars within the main window*/
/* START BRANDED ITEMS */
.titlebar_green {
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    background-color:#003366;
}

a.titlebar_green_link:link {
    color: #ffffff;
    text-decoration: none;
}
a.titlebar_green_link:visited {
    color: #ffffff;
    text-decoration: none;
}
a.titlebar_green_link:hover {
    color: #ffffff;
    text-decoration: underline;
}
a.titlebar_green_link:active {
    color: #ffffff ;
    text-decoration: none;
}
/* currently this is referenced only in viewMessages.jsp */
.titlebar_darkgray{
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    background-color:#009999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.titlebar_lightgray{
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    background-color:#EFEFEF;
}



/* END BRANDED ITEMS */

.toolbar          { background-color: #EFEFEF; height: 25px; border-bottom: 1px solid #000;}
.toolbar_disabled { background-color: #C4C3C4; }

/*this is really only used for the application header to format the users name*/
.title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-style: italic;
    font-size: 12;
    color: #687DAC;
}

.text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12;
    color: #000000;
}
.boldtext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12;
    color: #000000;
    font-weight:bold;
}
.boldtext_small {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #000000;
    font-weight:bold;
}

.shortcut_bar {
    font-size: 0.4em;
}

.xxsm {
    font-size: 0.6em;
}
.xsm {
    font-size: 0.7em;
    text-decoration:none;
}
.xsm_label {
    font-size: 0.7em;
    text-decoration:none;
    color: #cccccc;
}
.sm {
    font-size: 0.8em;
}
.med {
    font-size: 1.0em;
}

.lg {
    font-size: 1.1em;
}
.xlg {
    font-size: 1.2em;
}
.xxlg {
    font-size: 1.3em;
}
.xsm_borderbottom {
    font-size: 0.7em;
    text-decoration:none;
    border-bottom:1px solid #cccccb;
}
.alert {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11;
    text-decoration:none;
    color:#0066cc;
}
.error {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration:none;
    color:#ff0000;
}

.file_button {
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 10px;
    border:1px solid #00000;
    /*padding:.15em .1em;*/
    cursor:pointer;
    border-radius:.4em;
    height: 16px;
}

.button {
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 10px;
    border:1px solid #00000;
    /*padding:.15em .1em;*/
    cursor:pointer;
    border-radius:.4em;
    width: 10em;
    height: 16px;
}

.addAndReomeButton {
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 10px;
    border:1px solid #00000;
    padding:.15em .1em;
    cursor:pointer;
    border-radius:.4em;
    width: 10em;
}

.tablelayout{
    margin-top: 5px;
    width: 98%;
    height:98%
}
.maincontent{
    border-left:2px outset #ccccbb;
    margin: 0px;
    background-color:#ffffff;
}
.maincontentindent{
    border-left:2px outset #ccccbb;
    margin-left: 10px;
    background-color:#ffffff;
}
.outsideborder {
    border:1px solid #000;
}
.outsidelightborder {
    border:1px solid #999999;
}
.outsideborder_notop {
    border-top:0px solid #000;
    border-bottom:1px solid #000;
    border-right:1px solid #000;
    border-left:1px solid #000;
}
.outsideborder_nobottom {
    border-top:1px solid #000;
    border-bottom:0px solid #000;
    border-right:1px solid #000;
    border-left:1px solid #000;
}
.outsideborder_noleft {
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    border-right:1px solid #000;
    border-left:0px solid #000;
}

.messagelist {
    border-top:0px solid #000;
    border-bottom:0px solid #000;
    border-right:0px solid #000;
    border-left:0px solid #000;
    font-size: 0.7em;
}

.messagelist_bold {
    border-top:0px solid #000;
    border-bottom:0px solid #000;
    border-right:0px solid #000;
    border-left:0px solid #000;
    font-size: 0.7em;
    font-weight: bold;
}


.selected_message{
    color:#ffffff;
}

/**desknow elements that should be removed. used in emailFailed and emailSent.jsp
    these files should be rewritten.**/
.dn * {font-size: 8pt}
.dn {font-size: 8pt}
/*end desknow elements*/

/*used for dropdown menus on template.jsp in /common*/
.clsCMOn {
    color: black;
    font-size : 11px;
    text-decoration : none;
    padding: 2px 4px;
}

.clsCMOver {
    color: black;
    font-size : 11px;
    text-decoration : none;
    padding: 2px 4px;
}

/**
 * ToolTip Style Definition
 */
div#tipDiv ul { margin:.5em .4em .5em 1em; padding:0 }
div#tipDiv ul li { margin: 0 0 .4em 1em }

/* Style spec's for tooltip  */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#dee7f7; border:1px solid #336;
  width:180px; padding:6px;
  color:#000; font-size:11px; line-height:1.3;
}

div#tipDiv a:link { color:#33b }
div#tipDiv a:visited { color:#339 }

.tipText          { font-size: 0.7em; color:#0066CC; text-decoration:none; border-bottom: 1px dotted;}
.tipTextHover     { font-size: 0.7em; color:#0066CC; text-decoration:none; border-bottom: 1px dotted;}
.tipTextBold      { font-size: 0.7em; color:#0066CC; text-decoration:none; border-bottom: 1px dotted; font-weight: bold;}
.tipTextBoldHover { font-size: 0.7em; color:#0066CC; text-decoration:none; border-bottom: 1px dotted; font-weight: bold;}


/**
 * Button Definitions
 */
.btn            { font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #D7E5F2; color: #102132; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; cursor: hand; }
.btn_highlight  { font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #ECF6FF; color: #102132; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; cursor: hand;}

/**
 * Row Definitions
 */
.tr_odd               { background-color: #EFEFE8; }
.tr_even              { background-color: #FFFFFF; }
.tr_odd_highlight     { background-color: #D5E5F4; }
.tr_even_highlight    { background-color: #D5E5F4; }
.tr_header            { background-color: #cccccb; }
.tr_background_extension { background-color: #57737d; }

/**
 * Row Definitions for Messages.
 *
 * active - when user selected this message for preview.
 * read   - message has already been read
 * unread - message has not yet been read
 */
.tr_msg_active            { background-color: #316AC5; }
.tr_msg_inactive          { background-color: #FFFFFF; }

.tr_highlight         { background-color: #EFEFE8; }
.tr_divider           { background-color: #EBEBEB; }

/**
 * Font Definitions
 */
a.link               { font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066CC; font-size: 11px; text-decoration: none;}
a.link:hover         { font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066CC; font-size: 11px; text-decoration: underline;}

a.xsmlink            { color: #0066CC; text-decoration: none;}
a.xsmlink:hover      { color: #0066CC; text-decoration: underline;}

a.link_small         { font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066CC; font-size: 0.6em; text-decoration: none;}
a.link_small:hover   { font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066CC; font-size: 0.6em; text-decoration: underline;}

a.msg_seen                 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066CC; font-size: 0.7em; text-decoration: none;}
a.msg_seen:hover           { font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066CC; font-size: 0.7em; text-decoration: underline;}
a.msg_notseen              { font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066CC; font-size: 0.7em; font-weight:bold; text-decoration: none;}
a.msg_notseen:hover        { font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066CC; font-size: 0.7em; font-weight:bold; text-decoration: underline;}
a.msg_active_seen          { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 0.7em; text-decoration: none;}
a.msg_active_seen:hover    { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 0.7em; text-decoration: underline;}
a.msg_active_notseen       { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 0.7em; font-weight:bold; text-decoration: none;}
a.msg_active_notseen:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 0.7em; font-weight:bold; text-decoration: underline;}

.disabled_link       { font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; font-size: 11px; text-decoration: none;}

.bodytext           { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; font-weight:none; text-decoration:none; }
.bodytext_bold      { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; font-weight:bold; text-decoration:none; }
.bodytext_small     { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size:  9px; font-weight:none; text-decoration:none; }
.bodytext_error     { font-family: Verdana, Arial, Helvetica, sans-serif; color: #ff0000; font-size: 13px; font-weight:bold; text-decoration:none; }
.bodytext_extension { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 13px; font-weight:none; text-decoration:none; }
.bodytext_small     { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size:  8px; font-weight:none; text-decoration:none; }
.bodytext_title     { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 13px; font-weight:bold; text-decoration:none; }
.bodytext_inverse   { font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; font-weight:bold; text-decoration:none; }

.toolbar_link_disabled { font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; font-size: 12px; text-decoration: none;}
a.toolbar_link         { font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066CC; font-size: 12px; text-decoration: none;}
a.toolbar_link:hover   { font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066CC; font-size: 12px; text-decoration: underline;}

/**
 * Table Definitions
 */
.borderbottom { border-bottom:1px solid #cccccb; }

/**
 * Field Definitions
 */
.disabled_field     { background-color: #EDEDE6; color: #999999; }
.enabled_field      { background-color: #FFFFFF; color: #000000; }

/**
 * Template Defintions
 */
.outside_border { border-left:1px solid #57737D; border-right:1px solid #57737D; border-bottom:1px solid #57737D; }

/**
 * Title Bar Definitions
 */
.title_text        { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; font-weight:bold; text-decoration: none;}
a.title_link       { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; font-weight:bold; text-decoration: none; }
a.title_link:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; font-weight:bold; text-decoration: underline; }

.body_table { width: 580px; }

/**
 * Gray Box Definitions
 */
.component_box_top    { border-bottom: 1px solid #cccccc; }
.component_box_left   { border-left:   1px solid #cccccc; }
.component_box_right  { border-right:  1px solid #cccccc; }
.component_box_bottom { border-top:    1px solid #cccccc; }

/**
 * Login button
 */
.button_login
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 11px;
   color: #FFFFFF;
   background-color: #000000;
   border-color: white black black white;
   text-align: center;	min-width: 75px;
}

<!-- Cells -->
.td_extension        { height: 14px; }
.td_header           { background-color: #cccccb; }
.td_tabs_dark        { background-color: #333333; }
.td_tabs_selected    { background-color: #ffffff; }

.input_hidden { border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px; font-weight:bold; text-decoration: underline; color: #006699;}

.list_vr        { width: 150px; height: 120px; }
.list_telephone { width: 200px; height: 120px; }
.list_extension { width: 120px; font-size:14px;}
 
<!-- CallPoint Story Telling -->
.story_error      {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:red; }
.story_normal     {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; }
.story911_normal  {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000000; }
.story_variable   {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; }
.story_jsvariable {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; }