/*
 *----------------------------------------------------------
 * File: webagent.css - WebInterpoint(TM) client classes
 * Copyright© 1999-2003 WebDialogs, Inc.
 * All Rights Reserved.
 *
 * Viewing the proprietary source code contained herein
 * is prohibited without signed written authorization from
 * WebDialogs, Inc., Billerica, MA
 *----------------------------------------------------------
 */

/******************************
 * WebInterpoint Global Classes
 ******************************/

body {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    margin: 0;
    padding: 0px;
    background-color: #FFFFFF;
    background-image: url();
}
a {
    text-decoration: none;
    color: #2862D4;
    font-size: 8pt;
}
a:hover {
    text-decoration: none;
    color: #2862D4;
}
a.button {
    margin: 1px 10px;
    text-decoration: none;
    color: black;
}
a.button:hover {
    color: #000000;
}
a.disabledlink {
    color: red;
}
a.disabledlink:hover{
    color: red;
}
a:visited
{
    color:#2862D4;
    text-decoration: none;
}
a:link
{
    color:#2862D4;
}
a:active
{
    color:#2862D4;
}
.micro
{
    font-size: 7.5pt;
    font-family: Arial, Helvetica, sans-serif;
}
.microstrong
{
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.normal
{
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    color: Black;
}
table#box {
    width: 550px;
    text-align: center;
    margin: 0 auto;
}
td#windowbody {
    text-align: left;
}

td#pagetitle h1 {
    text-align: left;
    margin: 0;
    padding: 5px 0 0 0;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
}
td#pagetitle p.titleStatus {
    float: right;
    padding: 14px 0 0 2px;
    margin: 0;
    color: #FFFFFF;
    font-size: 16px;
}
p.help, span.help {
    color: #5E5E5E;
    font-size: 11px;
    line-height: 13px;
}
div.steps p {
    margin: 0 0 2px 50px;
    color: #5E5E5E;
    font-size: 11px;
    padding: 0;
}
div.steps img {
    float: left;
    margin-top: 0;
}
div.steps br {
    clear:both;
}
div.steps h2 {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 2px 50px;
}

div.steps table.controls {
    margin: 3px 0 0 50px;
}
div.steps table.controls td.controls {
    padding-right: 10px;
}
div.steps2 p {
    margin: 0 0 0 5px;
    color: #5E5E5E;
    font-size: 11px;
    padding: 0;
}
div.steps2 img {
    float: left;
    margin-top: 0;
}
div.steps2 br {
    clear:both;
}
div.steps2 h2 {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 0 0px;
}

div.steps2 table.controls {
    margin: 0px 0 0 10px;
}
div.steps2 table.controls td.controls {
    padding-right: 10px;
}
div.onestep {
    padding-top: 20px;
}
span.status {
    color: #000;
    font-size: 11px;
    font-weight: bold;
}


/******************************
 * Attendee list classes
 ******************************/

/* Dialog box body */
.client-attendeelist-body
{
   font-family:Arial, helvetica, sans-serif;
   font-size:10pt;
   background-color:#FFFFFF;
   margin: 1px ;
   /*padding: 0;*/
   overflow:hidden;
}

/* Attendee list title */
.client-attendeelist-title
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    color: #39577A;
    font-weight: bold;
    border-bottom: 1px solid #848284;
    border-top: 1px solid #848284;
    /*background-color: #C5E2FB;*/
    background-image: url("images/roster/sidebar_title_bckg.gif");
    -moz-user-select: none;
    padding-top:2px;
}

.client-attendeelist-control
{
  margin-left:2px;
  margin-top:1px;
  cursor:pointer;
}

/* Attendee list */
.client-attendeelist
{
    /* background-image: url("images/roster/participants-bck.jpg"); */
    background-repeat: no-repeat;
    background-position:bottom right;
    font-size: 8pt;
}

/* Attendee list message */
.client-attendeelist-message
{
    border:1px solid #848284;
    background-color:#FFFFCE;
    padding-left:5px;
    font-size: 7.5pt;
    font-family: Arial, Helvetica, sans-serif;
}
table.attendees_tb td
{
    padding: 2px 3px 2px 1px;
    border-bottom: 1px solid #E3E3E3;
}
table.table_raisedhands td
{
    padding: 2px 3px 2px 1px;
    border-bottom: 1px solid #E3E3E3;
    font-size: 8pt;
}
/* Attendee link entries in attendee list */
a.client-attendeelist-allattendees
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: none;
    text-decoration: none;
    color: #2862D4;
}
a.client-attendeelist-allattendees:visited
{
    font-size: 8pt;
    color:#2862D4;
}
a.client-attendeelist-allattendees:hover
{
    color: #2862D4;
    font-size: 8pt;
    text-decoration: underline;
}
a.client-attendeelist-allattendees:link
{
    color:#2862D4;
    font-size: 8pt;
}
a.client-attendeelist-allattendees:active
{
    color:#2862D4;
    font-size: 8pt;
}

/* Invite attendee link in attendee list */
a.client-attendeelist-inviteattendee
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: none;
    text-decoration: none;
    color: #2862D4;
}
a.client-attendeelist-inviteattendee:visited
{
    font-size: 8pt;
    color:#2862D4;
    font-weight: bold;
}
a.client-attendeelist-inviteattendee:hover
{
    color: #2862D4;
    font-size: 8pt;
    text-decoration: underline;
    font-weight: bold;
}
a.client-attendeelist-inviteattendee:link
{
    color:#2862D4;
    font-size: 8pt;
    font-weight: bold;
}
a.client-attendeelist-inviteattendee:active
{
    color:#2862D4;
    font-size: 8pt;
    font-weight: bold;
}

/*********************************
 * Child window classes
 *********************************/

/* Attendee list title */
.client-childwin-title
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    height: 20px;
    font-style: normal;
    color: #000000;
    background-color: #ece9d8;
    border-bottom:1px solid #848284;
    font-weight: bold;
    -moz-user-select: none;
}

.client-childwin-closeicon
{
    background-color: #ece9d8;
    border-bottom:1px solid #848284;
    -moz-user-select: none;
}

.client-childwin-body
{
   font-family:Arial, helvetica, sans-serif;
   background-color:#FFFFFF;
   margin: 0px;
   border: 1px solid #848284;
}

/*********************************
 * Dialog box classes
 *********************************/

/* Dialog box body */
.client-dialog-body
{
   font-family:Arial, helvetica, sans-serif;
   font-size:10pt;
   background-color:#C0C0C0;
   margin: 1px;
}

/* Field name area in dialog box */
.client-dialog-primary {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    color: #000000;
    background-color: #ece9d8;
}

/* Field value area in dialog box */
.client-dialog-secondary
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    color: #4d4d4d;
    background-color: #F1F8FF;
}
/* Status message */
.client-dialog-statusmessage
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    color: Gray;
    font-weight: bold;
}

/* Alert message */
.client-dialog-alertmessage
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    color: #000000;
    font-weight: bold;
}

/* Dialog box title bar */
.client-dialog-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-style: normal;
    color: Black;
    font-weight: bold;
    text-align: left;
    vertical-align: bottom;
    background-color: #FFFFFF;
    border-bottom: 1px solid #ece9d8;
}

/* Input form fields (text, select, etc.) */
.client-form-table
{
    border-style:solid;
    border-width:1px;
    border-color:darkgray;
    font-size: 10pt;
}
/* Hovered Input form fields */
.client-form-table_highlighted
{
    border-style:solid;
    border-width:1px;
    border-color:darkblue;
    font-size: 10pt;
}
/* Disabled Input form fields */
.client-form-table_disabled
{
    border-style:solid;
    border-width:1px;
    border-color:darkgray;
    background-color: #FAFAF5;
}

/* Dialog box bottom buttons area */
.client-buttons-area {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    color: #000000;
    background-color: #ece9d8;
}
/* Button control */
.client-dialog-button
{
}

/* Hovered button control */
.client-dialog-button_highlighted
{
}

.client-dialog-button_disabled
{
}

/* Picture button control */
div.picturebutton, img.picturebutton
{
    border: 1px solid darkgray;
    background-color: #ece9d8;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-size: 8pt;
    font-family: helvetica, sans-serif;
    line-height: 12px;
    margin-bottom: 1px;
    -moz-user-select: none;
    color: black;
}
/* Hovered Picture button control */
div.picturebutton_highlighted, img.picturebutton_highlighted
{
    border: 1px solid darkblue;
    background-color: #e6e6fa;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-size: 8pt;
    font-family: helvetica, sans-serif;
    line-height: 12px;
    margin-bottom: 1px;
    -moz-user-select: none;
    color: black;
}
/* Disabled Picture button control */
div.picturebutton_disabled
{
    border: 1px solid #ece9d8;
    background-color: #ece9d8;
    cursor: default;
    text-align: center;
    vertical-align: middle;
    font-size: 8pt;
    font-family: helvetica, sans-serif;
    line-height: 12px;
    margin-bottom: 1px;
    -moz-user-select: none;
    color: gray;
    filter: gray();
}

/* Progress bar frame in progress dialog box */
.client-progress-frame
{
    border-style:solid;
    border-width:1px;
    border-color:#808080;
    padding:2px;
}

/* Progress bar in progress dialog box */
.client-progress-bar
{
    background-color: #808080;
    font-size: 8pt;
    font-family: helvetica, sans-serif;
}

.client-progress-bar-left
{
    background-color: #808080;
    font-size: 8pt;
    font-family: helvetica, sans-serif;
}
.client-progress-bar-right
{
    background-color: #FFFFFF;
    font-size: 8pt;
    font-family: helvetica, sans-serif;
}



/* Chat remote participant name */
.client-chat-attendee1
{
    color: #5E5E5E;
    font-weight: bold;
    font-size: 8pt;
}
/* Chat local participant name */
.client-chat-attendee2
{
    color: #000000;
    font-weight: bold;
    font-size: 8pt;
}
/*******************************
/* WebInterpoint Toolbar classes
 *******************************/

/* ------- TOOLBAR ------- */
.toolbar {
	background-image: url("images/toolbar/toolbar_bckg.gif");
}
.toolbarcell{
  text-align: center;
}
#toolbar {
	height: 50px;
	overflow: hidden;
}
#toolbar td {
  padding: 3px 0 1px 0;
  text-align:center;
}
#toolbar td.rightedge {
    border-right: 1px solid #B6C2D3; /*8FA7CC;*/
    text-align: center;
}
#toolbar img {
    border: 0px;
}
#toolbar a{
    font-size: 8pt;
    color:#2862D4;
}
#footer  {
    margin: 0px;
    background-color: #E0ECFA;
    vertical-align: middle;
}
/*******************************
/* WebInterpoint status bar classes
 *******************************/

/* statusbar body */
body.statusbar
{
    margin: 0px;
    background-color: #E0ECFA;
    border-top: 1px solid #BFBFBF;

}
}
table.statusbar
{
    height: 100%;
}
td.statuscell
{
    cursor: default;
    text-align: center;
    vertical-align: middle;
    -moz-user-select: none;
}
td.statusbarbutton
{
    background-color: none;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    color: darkblue;
    -moz-user-select: none;
}


/* Divider line cell on toolbar */
td.dividercell
{
    cursor: default;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 1px;
    vertical-align: middle;
    -moz-user-select: none;
}

/* Text on toolbar button */
div.buttontext
{
    font-size: 6.5pt;
    font-family: helvetica, sans-serif;
    line-height: 8px;
    width: 30px;
}

/* Toolbar graphics */
img.toolbargraph
{
   height: 24px;
   width: 24px;
}


/* Color button */
div.colorcell
{
    width:12px;
    height:12px;
    font-size:5px;
    border:1px solid darkgray ;
}
/* Area around color button */
td.colorcell
{
    cursor: pointer;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    vertical-align: middle;
    font-size: 8pt;
    font-family: helvetica, sans-serif;
    margin-left: auto;
    margin-right: auto;
    -moz-user-select: none;
}
/* Area around color button highlighted (hovered or selected) */
td.colorcell_highlighted
{
    cursor: pointer;
    border: 1px solid #C1CFE7;
    background-color: #C1CFE7; /*#e6e6fa;*/
    vertical-align: middle;
    font-size: 8pt;
    font-family: helvetica, sans-serif;
    margin-left: auto;
    margin-right: auto;
    -moz-user-select: none;
}

/******************************
 * Menu classes
 ******************************/

table.menubox
{
    border: 1px solid darkgray;
}

/* menu item */
tr.menuitem
{
    cursor: pointer;
    height: 20px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    color: #000000;
    vertical-align: middle;
    font-size: 8pt;
    font-family: helvetica, sans-serif;
    margin-left: auto;
    margin-right: auto;
    -moz-user-select: none;
}
tr.menuitem_disabled
{
    cursor: default;
    height: 20px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    color: darkgray;
    vertical-align: middle;
    font-size: 8pt;
    font-family: helvetica, sans-serif;
    margin-left: auto;
    margin-right: auto;
    -moz-user-select: none;
}
td.menutextarea
{
    padding-left: 2px;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
/* Menu item highlighted (hovered or selected) */
td.menutextarea_highlighted
{
    padding-left: 2px;
    border-right: 1px solid #C1CFE7;/*#C0C0C0;*/
    border-top: 1px solid #C1CFE7; /*#C0C0C0;*/
    border-bottom: 1px solid #C1CFE7; /*#C0C0C0;*/
    background-color: #C1CFE7; /*#FFCFA1;*/
}

td.menuleftpad
{
   width: 1px;
   background-color: #FFFFFF; /*#ece9d8;*/
}
td.menurightpad
{
   width: 1px;
   background-color: #ffffff;
}

td.menupicarea
{
    width: 20px;
    background-color: #FFFFFF; /*#ece9d8;*/
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;

}
/* Menu item highlighted (hovered or selected) */
td.menupicarea_highlighted
{
    width: 20px;
    border-left: 1px solid #C1CFE7;/*#C0C0C0;*/
    border-top: 1px solid #C1CFE7; /*#C0C0C0;*/
    border-bottom: 1px solid #C1CFE7; /*#C0C0C0;*/
    text-align: center;
    vertical-align: middle;
    background-color: #C1CFE7; /*#FFCFA1;*/
}

tr.menudevider
{
   height: 1px;
   font-size: 1px;
}
td.menudevider
{
   height: 1px;
   font-size: 1px;
   background-color: darkgray;
   border-top: 1px solid #ffffff;
   border-bottom: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
}
td.menudevider2
{
   height: 1px;
   font-size: 1px;
   background-color: #FFFFFF; /*#ece9d8;*/
}

tr.menufooter
{
   height: 1px;
   background-color: #ffffff;
}

/******************************
 * TABS
 ******************************/
#tabs_div {
	background-color: #385888;
	padding-top: 5px;
}

.tabContainer {
	
}

.tabRow {
	
}

.tabRow td {
	
}

.tabbutton,.tabbutton_selected,.tabbutton_highlighted,.tabbutton_hovered {
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	font-size: 8pt;
	font-family: helvetica, sans-serif;
	height: 22px;
	line-height: 1em;
	padding: 0;
	margin-bottom: 1px;
	-moz-user-select: none;
	text-align: center;
	vertical-align: middle;
}

.tabbutton,.tabbutton_highlighted,.tabbutton_hovered {
	color: #FFFFFF;
	cursor: pointer;
	_cursor: hand; /*IE6*/
}

.tabbutton {
	background-color: #58779E; /*#ece9d8;*/
	border-color: #7A93B3 #7A93B3 #8091A5 #7A93B3;
}

.tabbutton_selected {
	background-color: #DEE3EB;
	border-color: #DEE3EB #DEE3EB #DEE3EB #DEE3EB;
	color: #39577A;
	cursor: default;
}

.tabbutton_highlighted {
	background-color: #F6B149;
	border-color: #9A4E12 #9A4E12 #F6B149 #9A4E12;
}

.tabbutton_hovered {
	background-color: #A2A2A2;
	border-color: #E8E8E8 #E8E8E8 #8091A5 #E8E8E8;
}

.tabbottom
{
    background-color: #F1F8FF;
    height: 3px;
    font-size: 1pt;
}

.tabunderstrip
{
  background-color: #DEE3EB; /*#F1F8FF;*/
  font-size: 8pt;
  font-weight: bold;
  border-bottom: 1px solid #8091A5; /*#707070; #E3E3E3;*/
  color: #39577A;
}

.panelunderstrip
{
  background-color: #DEE3EB;
  font-size: 8pt;
  font-weight: bold;
  border-top: 1px solid #8091A5;
}

.tabspace {
	border-bottom: 1px solid #2A4C7C;
	font-size: 1pt;
	width: 5px;
}

/*
 * Slider class
 */
.slider-control
{
    position: relative;
    -moz-user-focus: normal;
    -moz-user-select: none;
    cursor: default;
}
.slider-control .handle
{
    position: absolute;
    font-size: 1px;
    overflow: hidden;
    -moz-user-select: none;
    cursor: default;
}
.slider-control.horizontal .handle
{
    width: 7px;
    height: 14px;
    background-image: url("/webcontrols/images/slider_slider_piece.gif");
}
.slider-control.horizontal .handle.hover
{
    width: 7px;
    height: 14px;
    background-image: url("/webcontrols/images/slider_slider_piece_hover.gif");
}

/******************************
 * CLASSES USED BY DYNAMIC REPORTS
 ******************************/
    .repsubtitle {
        font-family: "Century Gothic";
        font-size: 16px;

        font-weight: bold;
                color: black
    }
    .repcolumnlabel {
        font-family: "Arial";
        font-size: 14px;
        font-weight: bold;
        color: black
    }
    .repcolumnvalue {
        font-family: "Arial";
        font-size: 14px;
                color: black
    }
    .repcolumnvaluetotals {
        font-family: "Arial";
        font-size: 14px;
        font-weight: bold;
        font-color: #FFFFFF
    }
    .repcoolhr {
        font-family: "Arial";
        font-size: 14px;
        background-color: #666699;
        color: #FFFFFF
    }
    .repcopyright {
        font-family: "Arial";
        font-size: 14px;
                color: black
    }


/******************************
 * CLASSES USED BY BRAND MANAGER
 ******************************/

    .brandparametertext {
        font-family: "Century Gothic";
        font-size: 11px;
        font-weight: bold
    }
    .brandcommenttext {
        font-family: "Century Gothic";
        font-size: 11px;
        font-weight: normal
    }


/******************************
 * ROSTER
 ******************************/
    #roster {
    /*border-left: 1px solid #BFBFBF;*/
    }
    #roster table.tabs td {
        padding: 0 2px;
    }
    #roster table.tabs td.tabon {
        border-right: 1px solid #8FA7CC;
        border-left: 1px solid #8FA7CC;
        border-bottom: 1px solid #F1F8FF;
    }
    #roster table.tabs td.taboff {
        border: 1px solid #8FA7CC;
        background-image:url(images/roster-tabbg.gif);
        background-repeat: repeat-x;
    }
    #roster table.tabs td.between {
        border-bottom: 1px solid #8FA7CC;
    }
    #roster table.names {
       /* padding: 5px 3px 5px 5px;*/
    }
    #roster div#rosterStatus {
        padding: 5px;
    }
    #roster table.names td {
       padding: 2px 3px 2px 1px;
        border-bottom: 1px solid #E3E3E3;
        font-size: 8pt;
        color: #2862D4; /*black;*/
    }
    #roster table.names a {
        font-size: 8pt;
        color: #2862D4; /*black;*/
    }
    .startnotification_td {
      color:black;
      font-family: Arial, Helvetica, sans-serif;
      font-style: normal;
      font-size: 9pt;
    }
/******************************
 * MISCELLANEOUS CLASSES
 ******************************/


    .pagetitle {
        font-family: "Century Gothic";
        font-size: 24px;
        font-weight: bold;
        color: #FFFFFF
    }


    .subtitle {
        font-family: "Century Gothic";
        font-size: 16px;
        font-weight: bold;
        color: #FFFFFF
    }
.columnlabel {
	color: #FFFFFF;
	font-family: "Century Gothic";
	font-size: 14px;
	font-weight: bold;
}

#tabs td.tab1on,#tabs td.tab1off,#tabs td.tab2on,#tabs td.tab2off {
	background-repeat: no-repeat;
	height: 38px;
}

#tabs td.tab1on,#tabs td.tab1off {
	width: 148px;
}

#tabs td.tab2on,#tabs td.tab2off {
	width: 186px;
}

#tabs td.tab1on {
	background-image: url(images/common/tab1-on.gif);
}

#tabs td.tab1off {
	background-image: url(images/common/tab1-off.gif);
}

#tabs td.tab2on {
	background-image: url(images/common/tab2-on.gif);
    background-repeat: no-repeat;
}

#tabs td.tab2off {
	background-image: url(images/common/tab2-off.gif);
}
  #tabs p {
    font: "Trebuchet MS", Verdana, Arial, sans_serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    font-weight: bold;
    position: relative;
    text-align: center;
    top: 6px;
  }

  /*********************************
   * audio box classes
   *********************************/

  /* Dialog box body */
.client-audio-body
  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 0;
    padding: 5px;
    background-color: #FFFFFF;
    text-decoration: none;
 }

/* Field name area in dialog box */
.client-audio-primary {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    color: #000000;
    background-color: #ece9d8;
  }

  /* Field value area in dialog box */
.client-audio-secondary
  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    color: #4d4d4d;
    background-color: #F1F8FF;
  }
  /* Status message */
.client-audio-statusmessage
  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    color: Gray;
    font-weight: bold;
  }

  /* Alert message */
.client-audio-alertmessage
  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    color: #000000;
    font-weight: bold;
  }

/* Dialog box title bar */
.client-audio-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    color: Black;
    font-weight: bold;
    text-align: left;
    vertical-align: bottom;
    background-color: #FFFFFF;
    border-bottom: 1px solid #ece9d8;
    text-decoration: none;
 }
a.button {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    margin: 1px 5px 1px 5px;
    text-decoration: none;
    color: #000000;
}
a.button:hover {
    color: #000000;
}
  div.steps h3 {
    margin: 0 0 1px 0;
  }
  div.steps table.controls {
    margin: 1px 0 0 0;
  }
  div.onestep {
    padding-top: 0px;
    }
  div.steps2 h3 {
    margin: 0 0 0 0;
  }
  div.steps2 table.controls {
    margin: 1px 0 0 0;
  }

/* Chat box (text, select, etc.) */
.chatbox-table
{
    border-style:none;
    font-size: 8pt;
}
/* Hovered chatbox */
.chatbox_highlighted
{
    font-size: 10pt;
}
/* Disabled chatbox */
.chatbox_disabled
{
    background-color: #F1F8FF;
}
.chatbox_div
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-style: normal;
  color: Black;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #ece9d8;
  background-color: #F1F8FF;
}
/*********************************
 * buttons
 *********************************/
.wdbutton-gray, .wdbutton-orange, .wdbutton-green {
  cursor: pointer;
  font-size: 8pt;
  font-family: Verdana,Arial,Helvetica,sans-serif
}
.wdbutton-bookmark {
  cursor: pointer;
  font-size: 8pt;
  color: #FFFFFF;
  font-family: Verdana,Arial,Helvetica,sans-serif
}
.wdbutton-gray_highlighted, .wdbutton-orange_highlighted, .wdbutton-green_highlighted, .wdbutton-bookmark_highlighted {
  cursor: pointer;
  color: #000000;
  font-size: 8pt;
  font-family: Verdana,Arial,Helvetica,sans-serif
}
.wdbutton-gray-left {
  width: 4px;
  height: 21px;
  background: url(/webcontrols/images/btngray-left.gif) no-repeat;
}
.wdbutton-gray-mid {
  height: 21px;
  background: url(/webcontrols/images/btngray-mid.gif) repeat-x;
}
.wdbutton-gray-right {
  width: 4px;
  height: 21px;
  background: url(/webcontrols/images/btngray-right.gif) no-repeat;
}
.wdbutton-orange-left {
  width: 4px;
  height: 21px;
  background: url(/webcontrols/images/btnorange-left.gif) no-repeat;
}
.wdbutton-orange-mid {
  height: 21px;
  background: url(/webcontrols/images/btnorange-mid.gif) repeat-x;
}
.wdbutton-orange-right {
  width: 4px;
  height: 21px;
  background: url(/webcontrols/images/btnorange-right.gif) no-repeat;
}
.wdbutton-green-left {
  width: 4px;
  height: 21px;
  background: url(/webcontrols/images/btngreen-left.gif) no-repeat;
}
.wdbutton-green-mid {
  height: 21px;
  background: url(/webcontrols/images/btngreen-mid.gif) repeat-x;
}
.wdbutton-green-right {
  width: 4px;
  height: 21px;
  background: url(/webcontrols/images/btngreen-right.gif) no-repeat;
}
.wdbutton-bookmark-left {
  width: 20px;
  height: 19px;
  background: url(/webcontrols/images/btn-chat-left.gif) no-repeat;
}
.wdbutton-bookmark-mid {
  height: 15px;
  background: url(/webcontrols/images/btn-chat-middle.gif) repeat-x;
}
.wdbutton-bookmark-right {
  width: 7px;
  height: 19px;
  background: url(/webcontrols/images/btn-chat-right.gif) no-repeat;
}
.wdbutton-gray_disabled {
  font-size: 8pt;
  font-family: Verdana,Arial,Helvetica,sans-serif
}
/*********************************
 * border
 *********************************/
.wdborder-title-top-left {
  width: 14px;
  height: 38px;
  background: url(/webcontrols/images/topLeft.gif) no-repeat;
}
.wdborder-title-top-center {
  height: 13px;
  background: #325fa3 url(/webcontrols/images/topTile.gif) repeat-x;
}
.wdborder-title-top-right {
  width: 14px;
  height: 38px;
  background: url(/webcontrols/images/topRight.gif) no-repeat;
}
.wdborder-header-top-left {
  width: 14px;
  height: 13px;
  background: url(/webcontrols/images/headTopLeft.gif) no-repeat;
}
.wdborder-header-top-center {
  height:13px;
  background: url(/webcontrols/images/headTopTile.gif) repeat-x;
}
.wdborder-header-top-right {
  width: 14px;
  height: 13px;
  background: url(/webcontrols/images/headTopRight.gif) no-repeat;
}
.wdborder-body-top-left {
  width: 14px;
  height: 13px;
  background: url(/webcontrols/images/bodyTopLeft.gif) no-repeat;
}
.wdborder-body-top-center {
  height:13px;
  background: url(/webcontrols/images/bodyTopTile.gif) repeat-x;
}
.wdborder-body-top-right {
  width: 14px;
  height: 13px;
  background: url(/webcontrols/images/bodyTopRight.gif) no-repeat;
}
.wdborder-header-left {
  background: url(/webcontrols/images/headLeftTile.gif) repeat-y;
}
.wdborder-header-center {
  background-color: #ffffff;
}
.wdborder-header-right {
  background: url(/webcontrols/images/headRightTile.gif) repeat-y;
}
.wdborder-sep-left {
  width: 14px;
  background: url(/webcontrols/images/sepLeft.gif) no-repeat;
}
.wdborder-sep-center {
  background: #BFBFBF url(/webcontrols/images/sepTile.gif) repeat-x;
}
.wdborder-sep-right {
  width: 14px;
  background: url(/webcontrols/images/sepRight.gif) no-repeat;
}
.wdborder-body-left {
  width: 14px;
  background: url(/webcontrols/images/leftTile.gif) repeat-y;
}
.wdborder-body-center {
  background-color: #fafaf5;
}
.wdborder-body-right {
  width: 14px;
  background: url(/webcontrols/images/rightTile.gif) repeat-y;
}
.wdborder-body-bottom-left {
  width: 14px;
  height: 13px;
  background: url(/webcontrols/images/bodyBottomLeft.gif) no-repeat;
}
.wdborder-body-bottom-center {
  background: #fafaf5 url(/webcontrols/images/bodyBottomTile.gif) repeat-x;
}
.wdborder-body-bottom-right {
  width: 14px;
  height: 13px;
  background: url(/webcontrols/images/bodyBottomRight.gif) no-repeat;
}
.wdborder-footer-bottom-left {
  width: 14px;
  height: 48px;
  background: url(/webcontrols/images/bottomLeft.gif) no-repeat;
}
.wdborder-footer-bottom-center {
  background: #FFFFFF url(/webcontrols/images/bottomTile.gif) repeat-x;
}
.wdborder-footer-bottom-right {
  width: 14px;
  height: 48px;
  background: url(/webcontrols/images/bottomRight.gif) no-repeat;
}
/*********************************
 * child window
 *********************************/
.childwin {
  padding: 0;
  margin: 0;
  overflow:hidden;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: transparent;
  text-decoration: none;
  border:none;
}
.childwin-title {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  vertical-align: bottom;
  padding-top:6px;
  color: #ffffff;
  font-size: 12pt;
  font-weight: bold;
}
.childwin-titleStatus {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
  vertical-align: bottom;
  padding-top:8px;
  color: #ffffff;
  font-size: 10pt;
  font-weight: bold;
}
.childwin-header {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #5e5e5e;
  font-size: 8pt;
}
.childwin-help {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #A2A2A2; /*#9e9e9e;*/
  font-size: 7pt;
}
.childwin-body {
  border:none;
  margin: 0;
  padding: 0;
  color: #3f3f3f;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 8pt;
  text-decoration: none;
}
/*********************************
 * dialog box
 *********************************/
.section-header {
  padding: 8px 0 2px 0;
  color: #000000;
  font-size: 11pt;
  font-weight: bold;
}
.subsection-header {
  padding: 5px 0 2px 0;
  color: #000000;
  font-size: 9pt;
  font-weight: bold;
}

/********************/
.separator {
  border-left: 1px solid #8090A0; /*#848284;*/
  border-right: 1px solid #8090A0; /*#848284;*/
  width: 4px;
  background-color: #B0C0D0; /*#C5E2FB;*/
  cursor: e-resize;
}
.chat-text2{
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  /*color: #000000;*/
  color: #DA8003;/*#BB6611; #FFC086;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 8pt;
}
.chat-text1{
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  /*color: #5E5E5E;*/
  color: #39577A;/*#112277;#000000;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 8pt;
}
.chat-timestamp {
  font-family: Arial;
  color: #A2A2A2; /*#9e9e9e;*/
  font-size: 8pt;
  text-align: right;
}
.chat-body {
  border:none;
  margin: 0;
  padding: 0;
  color: #3f3f3f;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 8pt;
  text-decoration: none;
}
.chat-bars {
  border-top:1px solid #8091A5;
  background-color: #E3E8EE;
}  
.chat-select {
  font-family: "Arial Unicode MS", sans-serif; /*SimSun-18030, nSimSun-18030;*/
  border-style:solid;
  border-width:1px;
  border-color:darkgray;
  font-size: 10pt;
}
/********************/
.fattext, .fattext * {
    font-family:Arial, Helvetica, sans-serif;
    font-size:13.5pt; 
    font-weight:normal;
    color:black;
}
a.fattext, a.fattext:visited, .fattext a, .fattext a:visited {
    color:blue;
    text-decoration:none;
}
a.fattext:hover, .fattext a:hover {
    text-decoration:underline;
}
/********************/