BODY {
    font-size: 12px;
    font-family: verdana, arial, sans-serif;
    line-height: normal;
    color: #000;
    background-color: #FFF;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

DIV {
    border-width: 0px;
    border-style: solid;
    border-color: #000;
    margin-right: auto;
    margin-left: auto;
    float: left;
    font-size: 1em;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
}

A:link, A:active, A:visited {
    text-decoration: underline;
    color: #000;
}

A:hover {
    text-decoration: underline;
    color: #999;
}

DIV.alert {
    font-size: 1.25em;
    font-weight: bold;
    color: #F00;
    margin: 10pt 0pt 10pt 0pt;
    width: 100%;
}

IMG {
    border-width: 0pt;
    margin: 0pt;
    padding: 0pt;
}

H1 IMG {
    margin: 0pt 0pt 0pt 0pt;
    float: right;
    clear: both;
}

.hidden {
    display: none;
    padding: 0px;
    margin: 0px;
}

.shown {
    display: inline;
}

P {
    color: inherit;
    font-size: 0.9em;
}

P#contactsEmptyList {
    width:600px;   
    text-align:left;margin:0px;padding:0px;
}
P.emptyList {
    font-size: 1.25em;
    font-weight: bold;
    font-style: italic;
}

DIV.subMenuArea P.emptyList {
    font-size: 1em;
    font-weight: normal;
}

IMG.eventType {
    margin: 5px 0px 0px 0px;
}

DIV#legend_items DIV.legendIMG {
    margin: 3px 0px -3px 0px;
}

H1 A:active, H1 A:link, H1 A:visited, DIV.groupSummary H4 A:active, DIV.groupSummary H4 A:link, DIV.groupSummary H4 A:visited {
    text-decoration: none;
    color: inherit;
}

DIV.groupSummary H4 A:hover {
    text-decoration: underline;
    color: inherit;
}

DIV.standardContentArea P {
    margin: 5px 5px 15px 5px;
    text-align: justify;
}

DIV.subMenuArea UL {
    margin: 0px;
    padding: 0px 0px 0px 20px;
}

DIV.subMenuArea LI {
    margin: 0px;
    padding: 5px 0px 0px 0px;
}

DIV.selectedAccount {
    float: left;
    width: 45%;
    margin: -5pt 0pt 10pt 0pt;
}

DIV.breadcrumb {
    float: right;
    text-align: right;
    width: 45%;
    margin: -5pt 5pt 5pt 0pt;
}

.mobile {
    background: url( /images/nokia_6500.jpg ) no-repeat 0% 0%;
    width: 322px;
    height: 550px;
}

.mobile textarea {
    margin: 103px 82px; /* push the textarea into the mobile's screen */
    width: 156px;
    height: 218px;
    overflow: hidden; /* don't show the scrollbar - messes up on IE */
}

INPUT, TEXTAREA, SELECT {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    padding-left: 0px 0px 0px 2px;
}

img.colorPreview {
    margin: 3px 5px 0px 3px;
    float: left;
}

div.colorPreview {
    width: 20px;
    height: 20px;
    padding: 0px;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    float: left;
    margin-right: 3px;
}

BODY#account_ DIV#heading H1 {
    color: #EFBC32;
}
/* GENERAL PAGE LAYOUT */

DIV#outerBoundary {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    float: none;
}

DIV#contentBoundary {
    width: 1000px;
}

DIV#logo {
    width: 1000px;
    margin-bottom: 10px;
}

DIV#logo IMG {
    float: right;
    background-color: transparent;
}

DIV#copyright {
    width: 250px;
    margin-top: 10px;
    font-size: 0.8em;
    color: #999;
    text-align: right;
    float: right;
}

DIV#loggedInSummary {
    width: 1000px;
    color: #666;
    border-bottom-width: 0px;
}

DIV#loggedInSummary DIV {
    float: right;
    font-size: 0.9em;
    margin: 1px 0px 2px 25px;
}

DIV#loggedInSummary A {
    color: inherit;
    text-decoration: none;
}

DIV#loggedInSummary A:hover {
    text-decoration: underline;
}

DIV#heading {
    width: 800px;
    margin-bottom: 10px;
    text-align: left;
}

DIV#heading H1 {
    font-size: 1.5em;
    margin: 0px;
}

DIV.standardContentArea, DIV.subMenuArea, DIV.fullWidthContentArea, DIV.advancedHelp {
    border-width: 1px 1px 1px 1px;
    border-color: #000;
    margin: 10px;
    padding: 0px 5px 5px 5px;
}

DIV.advancedHelp {
    width: 450px;
}

DIV.standardContentArea {
    width: 725px;
}

DIV.subMenuArea {
    width: 205px;
}

DIV.fullWidthContentArea {
    width: 962px;
}

*html DIV.subMenuArea {
    margin-right: 5px;
    overflow: hidden;
}

*html DIV.advancedHelp H1 {
    width: 455px;
}

*html DIV.subMenuArea H1 {
    width: 208px;
    display: inline-block;
    clear: right;
}

*html DIV.standardContentArea H1, *html DIV.standardContentArea H4 {
    width: 728px;
}

*html DIV.fullWidthContentArea H1 {
    width: 965px;
}

*html DIV.groupSummary H4, *html DIV.fullWidthContentArea H4 {
    width: 283px;
}

DIV.subMenuArea H1, DIV.standardContentArea H1, DIV.fullWidthContentArea H1, DIV.groupSummary H4, DIV.accountSummaryContentArea H1, DIV.advancedHelp H1 {
    font-size: 1em;
    font-style: normal;
    color: #000;
    float: left;
    border-color: #000;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    margin: 0px -5px 5px -5px;
    padding: 0px 5px 0px 5px;
    width: 100%;
}

DIV.accountSummaryContentArea H1 {
    font-weight: normal;
}

TD DIV.subMenuArea H1, TD DIV.standardContentArea H1, TD DIV.fullWidthContentArea H1 {
    font-size: 0.75em;
}

DIV.subMenuArea H1.toggleDisplay {
    padding: 0px 5px 0px 5px;
    margin: 0px -5px -1px -5px
}

DIV.standardContentArea H1.toggleDisplay {
    padding: 0px 5px 0px 5px;
    margin: 0px -5px -1px -5px
}

DIV.fullWidthContentArea H1.toggleDisplay {
    padding: 0px 5px 0px 5px;
    margin: 0px -5px -1px -5px
}

DIV.subMenuArea H2, DIV.standardContentArea H2, DIV.fullWidthContentArea H2 {
    font-size: 1.5em;
    font-weight: bold;
    color: #000;
    margin: 5px 5px 5px 5px;
}

DIV.subMenuArea H3, DIV.standardContentArea H3, DIV.fullWidthContentArea H3 {
    font-size: 1.25em;
    font-weight: bold;
    color: #000;
    margin: 25px 5px 5px 5px;
}

/* LAYOUT FOR SPECIFIC PAGES */
*html DIV.standardContentArea#searchCriteria_auditLog H1 {
    width:570px;
}
*html DIV.standardContentArea#searchCriteria_auditLog {
    width:567px;
}

DIV.standardContentArea#searchCriteria_auditLog {
    width:555px;
}
*html DIV.subMenuArea#legend_items H1 {
    width:378px;
}
DIV.subMenuArea#legend_items {
    width:375px;
}
DIV.subMenuArea#legend_items DIV.legend {
    padding-top:0px;
    border-width:0px;
}
DIV.subMenuArea#legend_items DIV.legend#general {
    width:200px;
}
DIV.subMenuArea#legend_items DIV.legend#credits {
    width:160px;
}

DIV.subMenuArea#legend_items DIV.legend H4 {
    font-size:1em;
    margin:0px 0px 5px 0px;
}

DIV.fullWidthContentArea DIV.groupSummary {
    border-width: 1px 1px 1px 1px;
    width: 280px;
    border-color: #CCC;
    margin: 10px;
    padding: 0px 5px 5px 5px;
}

DIV.accountSummaryContentArea {
    border-width: 1px 1px 1px 1px;
    width: 465px;
    border-color: #000;
    margin: 10px;
    padding: 0px 5px 5px 5px;
}

DIV.accountSummary {
    border-width: 1px 1px 1px 1px;
    border-color: #CCC;
    margin: 10px;
    padding: 0px 5px 5px 5px;
}

DIV.accountSummary#users, DIV.accountSummary#options {
    width: 240px;
}

DIV.accountSummary#creditBalances {
    width: 155px;
}

DIV.accountSummary#options {
    clear: left;
}

*html DIV.accountSummary#users H1, *html DIV.accountSummary#options H1 {
    width: 282px;
}

*html DIV.accountSummary#creditBalances H1 {
    width: 97px;
}

DIV.accountSummary H1 {
    border-color: #CCC;
    font-size: 1em;
    font-weight: normal;
}

DIV.accountSummary td.button {
    border-color: #CCC;
    font-size: 1em;
    font-weight: normal;
}

DIV.fullWidthContentArea DIV.groupSummary H4 {
    border-color: #CCC;
    font-size: 0.8em;
    font-weight: normal;
    color: inherit;
}

DIV.groupSummary .editForm {
    margin: 0px;
}

/* MISCELLANEOUS STYLES */

div#type_http INPUT#url {
    width: 650px;
}

div#type_http H3 {
    font-size: 1em;
    margin: 10pt 0pt 5pt 0pt;
}

div#type_http  A {
    font-size: 0.8em;
    margin: 0pt 10pt 0pt 0pt;
}

DIV.groupSummary SPAN {
    float: left;
    width: 200px;
    border-width: 0px;
    border-style: solid;
    margin: 0px 0px 0px 0px;
}

DIV.groupSummary SPAN IMG {
    float: left;
    width: 16px;
    height: 16px;
    padding: 0px 0px 0px 0px;
}

DIV.groupSummary SPAN SPAN {
    margin: 0px;
    padding: 2px 0px 0px 1px;
    float: left;
    width: 160px;
}

DIV.groupSummary SPAN A {
    text-decoration: none;
}

DIV#acceptDeleteButtons {
    padding-left: 10px;
    clear: left;
}

DIV.menu {
    width: 1000px;
    margin-bottom: 0px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-color: #CCC;
    color: #000;
}

DIV.menu DIV.button A:link, DIV.menu DIV.button A:active, DIV.menu DIV.button A:visited {
    text-decoration: none;
    color: inherit;
}

DIV.menu DIV.button A:hover {
    text-decoration: underline;
    color: #CCC;
}

DIV.menu DIV.button {
    padding: 2px;
    margin: 2px 20px 2px 0px;
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
    color: inherit;
}

DIV.menu DIV.button#logoutButton {
    float: right;
    margin-right: 0px;
}


DIV.moduleMenu {
    width: 1000px;
    margin-bottom: 10px;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-color: #EEE;
    color: #000;
}

DIV.moduleMenu#submenu {
    margin-bottom: 10px;
    margin-top: -10px;
}

DIV.moduleMenu DIV.button A:link,
    DIV.moduleMenu DIV.button A:active,
    DIV.moduleMenu DIV.button A:visited {
    text-decoration: none;
    color:inherit;
}

DIV.moduleMenu DIV.button A:hover {
    text-decoration: underline;
    color: #CCC;
}

DIV.moduleMenu DIV.button {
    padding: 2px;
    margin: 2px 10px 2px 15px;
    font-size: 0.9em;
    font-style: italic;
    float: left;
}

DIV.moduleMenu H1 {
    font-size: 1em;
    font-weight: bold;
    font-style: italic;
    float: left;
    clear: none;
    margin: 3px 0px 0px 0px;
}

TABLE.basicList {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    clear: left;
}

TABLE.basicList TH {
    border-width: 1px;
    border-style: solid;
    border-color: #EEE #EEE #000 #EEE;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    font-size: 0.8em;
    text-align: left;
}

TABLE.basicList TD {
    border-width: 1px;
    border-style: solid;
    border-color: #EEE #EEE #999 #EEE;
    padding: 0px 5px 0px 5px;
    font-weight: normal;
    font-size: 0.8em;
    text-align: left;
}

TABLE.basicList TD.noBorder {
    border-width: 0px;
}

TABLE.basicList TD.pagination {
    border-width: 0px;
    padding: 10px 5px 0px 5px;
    font-size: 0.8em;
    text-align: right;
}

TABLE.basicList TR.insufficentCredits TD {
    color:crimson;
    font-style:italic;
}

TABLE.smallTxtList {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    clear: left;
}

TABLE.smallTxtList TH {
    border-width: 1px;
    border-style: solid;
    border-color: #EEE #EEE #000 #EEE;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    font-size: 0.7em;
    text-align: left;
}

TABLE.smallTxtList TD {
    border-width: 1px;
    border-style: solid;
    border-color: #EEE #EEE #999 #EEE;
    padding: 0px 5px 0px 5px;
    font-weight: normal;
    font-size: 0.7em;
    text-align: left;
    vertical-align: top;
}

TABLE.smallTxtList TD.pagination {
    border-width: 0px;
    padding: 10px 5px 0px 5px;
    font-size: 0.7em;
    text-align: right;
}

TABLE.smallTxtList TH#mobileNumber {
    width: 100px;
}

TABLE.smallTxtList TH#inboundNumber {
    width: 100px;
}

TABLE.smallTxtList TH#sendTime {
    width: 100px;
}

TABLE.smallTxtList TH#messageContents {
}

table.smallTxtList TR.total td {
    font-weight: bold;
    border-top-color: #000;
    border-width: 2px 1px 0px 1px;
}

table.smallTxtList TR.odd td {
    background: #eee;
}


TABLE.editForm {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    clear: left;
    margin: 10px 10px 10px 10px;
}

TABLE.editForm TD {
    vertical-align: top;
    padding: 2px 5px 2px 5px;
    font-size: 0.8em;
    text-align: left;
}

TABLE.editForm TD.name {
    padding: 5px 5px 5px 5px;
}

TABLE.editForm TD.info {
    padding: 2px 5px 15px 5px;
    font-size: 0.6em;
    text-align: left;
}

TABLE.accounts {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    clear: left;
    width: 430px;
}

TABLE.accounts TD {
    border-width: 0px;
    border-style: solid;
    border-color: #EEE #EEE #999 #EEE;
    padding: 0px 5px 0px 5px;
    font-weight: normal;
    font-size: 0.8em;
    text-align: left;
}

TABLE.accounts TD.reseller {
    padding: 0px 5px 0px 10px;
}

TABLE.accounts TD.account {
    padding: 0px 5px 0px 50px;
}

TABLE.accounts TD.user {
    padding: 0px 5px 0px 90px;
}

TABLE.accounts TD.add {
    padding: 15px 5px 0px 0px;
    text-align: right;
}

TABLE.accounts TD.add A {
    font-size: 0.75em;
    margin: 0px 0px 0px 20px;
    padding: 0px 5px 0px 5px;
}

DIV.groupSummary TABLE.editForm TD.button {
    padding: 2px 5px 5px 5px;
    font-size: 0.6em;
    text-align: right;
}

TABLE.editForm TD.summary {
    padding: 2px 2px 5px 2px;
    font-size: 0.6em;
    text-align: left;
}

TABLE.editForm TH.summary {
    padding: 2px 2px 5px 2px;
    font-size: 0.8em;
    text-align: left;
}

TABLE.editForm TD.value INPUT,
    TABLE.editForm TD.value DIV#hiddenTableDIV INPUT {
    padding: 2px;
    width: 300px;
}

TABLE.editForm TD.value INPUT.radio {
    width: 10px;
    height: 10px;
    border-width: 0px;
}

TABLE.editForm TD.value INPUT.checkbox {
    width: 10px;
    height: 10px;
}

TABLE.editForm TD.value INPUT.characterCount {
    width: 20px;
    height: 15px;
    padding: 0px;
    font-size: 0.75em;
    float: right;
    clear: left;
}

TABLE.editForm TD.value INPUT#overridingRecipient {
    margin-left: 25px;
}

TABLE.editForm TD.value TEXTAREA {
    padding: 2px;
    width: 300px;
    height: 70px;
}

TABLE.searchCriteria {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    clear: left;
    margin: 5px 5px 5px 5px;
}

TABLE.searchCriteria TD {
    padding: 2px 5px 2px 5px;
    font-size: 0.7em;
    text-align: left;
}

TABLE.searchCriteria TD.value INPUT {
    padding: 1px;
    margin: 0px;
    font-size: 0.9em;
    width: 115px;
}

TABLE.searchCriteria TD.value TEXTAREA {
    padding: 2px;
    width: 150px;
    height: 35px;
}

TABLE.searchCriteria TD.value SELECT {
    padding: 1px;
    margin: 0px;
    font-size: 0.9em;
    width: 115px;
}

TABLE.editForm TD.value INPUT#reseller_domain {
    width: 185px;    
}



TABLE.otherAccountActivity {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    clear: left;
}

TABLE.otherAccountActivity TD {
    border-width: 1px;
    border-style: solid;
    border-color: #EEE;
    padding: 0px 5px 0px 5px;
    font-weight: normal;
    font-size: 0.7em;
    text-align: left;
    vertical-align: top;
}

TABLE.otherAccountActivity TD.accountName {
    border-width: 0px 0px 1px 0px;
    border-color: #999;
    padding-top: 15px;
    font-weight: bold;
}

.buttons a, .buttons button {
    display: block;
    float: left;
    margin: 0 7px 0 0;
    background-color: #eee;
    border: 1px solid #999;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;

    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 100%;
    line-height: 100%;
    text-decoration: none;
    font-weight: bold;
    color: #565656;
    cursor: pointer;
    padding: 2px 5px 1px 3px; /* Links */
}

.buttons button {
    width: auto;
    overflow: visible;
    padding: 1px 5px 1px 3px; /* IE6 */
}

.buttons button[type] {
    padding: 2px 5px 1px 3px; /* Firefox */
    line-height: 17px; /* Safari */
}

.buttons a {
    padding: 2px 5px 1px 3px; /* Firefox */
    line-height: 17px; /* Safari */
}

.buttons button img, .buttons a img {
    margin: 0 3px -3px 0 !important;
    padding: 0;
    border: none;
    width: 16px;
    height: 16px;
}

/* STANDARD */

button:hover, .buttons a:hover {
    color: #565656;
    background-color: #ddd;
    border: 1px solid #ccc;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
}

.buttons a:active {
    border: 1px solid #999;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

/* SMALL */

button.small, .buttons a.small {
    padding: 0px 0px 0px 0px;
}

.buttons button.small a, .buttons button.small {
    margin: 0 2px 0 0;
    font-size: 80%;
    line-height: 80%;
    padding: 0px 3px 0px 1px; /* Links */
}

.buttons button.small {
    padding: 0px 3px 0px 1px; /* IE6 */
}

.buttons button.small[type] {
    padding: 0px 3px 0px 1px; /* Firefox */
    line-height: 12px; /* Safari */
}

.buttons button.small img, .buttons button.small a img {
    margin: 0 1px -3px 0 !important;
}





INPUT.button {
    border-width: 2px;
    border-style: outset;
    border-color: #000;
    padding: 2px;
    font-size: 1em;
    background-color: #FFF;
    cursor: pointer;
}

INPUT.smallButton {
    border-width: 2px;
    border-style: outset;
    border-color: #000;
    padding: 2px;
    font-size: 0.8em;
    background-color: #FFF;
    cursor: pointer;
}

.buttons a:active, .buttons a:link, .buttons a:visited {
    text-decoration:none;
    color:#565656;
}


* html DIV.subMenuArea OL {
    margin: -5pt 0pt 0pt 10pt;
}

DIV.subMenuArea OL {
    margin: -5pt 0pt 0pt 0pt;
    font-size: 0.9em;
    list-style: lower-roman;
}


DIV.subMenuArea SPAN#selected {
    font-style: italic;
}

DIV.subMenuArea LI A, DIV.subMenuArea LI A:active, DIV.subMenuArea LI A:link, DIV.subMenuArea LI A:visited {
    text-decoration: none;
    color: inherit;
}


DIV.subMenuArea LI A:hover {
    text-decoration: underline;
}









DIV#sms {
    width: 490px;
}

DIV#sms button.small {
    float: right;
}

DIV#sms TABLE.editForm TD.value TEXTAREA#template_value {
    width: 300px;
    height: 100px;
}

DIV.buttons, TD#charactersRemaining {
    text-align: right;
}

input#characterCount {
    width: 30px;
    height: 15px;
    font-size: 0.75em;
    padding: 1px;
    text-align: right;
}

DIV#email {
    width: 490px;
}

DIV#email button.small, DIV#soap button.small {
    float: right;
}

DIV#soap TABLE.editForm TD.value TEXTAREA#template_value{
    width: 375px;
    height: 300px;
}

DIV#email TABLE.editForm TD.value TEXTAREA#template_value{
    width: 400px;
    height: 300px;
}

DIV#http {
    width: 490px;
}

DIV#http TABLE.editForm TD.value TEXTAREA#template_value {
    width: 400px;
    height: 20px;
}

DIV#tts {
    width: 490px;
}

DIV#tts TABLE.editForm TD.value TEXTAREA#template_value {
    width: 400px;
    height: 300px;
}

DIV#tts TABLE.editForm TD.value TEXTAREA#template_value_after_keypress {
    width: 400px;
    height: 50px;
}

DIV#tts TABLE.editForm TD.value INPUT.radio {
    width: auto;
    height: auto;
    margin: 3pt 0pt 0pt 0pt;
}


*html DIV.standardContentArea#selectMethod H1,
*html DIV.standardContentArea#serviceDetails H1,
*html DIV.standardContentArea#email H1,
*html DIV.standardContentArea#http H1,
*html DIV.standardContentArea#soap H1,
*html DIV.standardContentArea#sms H1,
*html DIV.standardContentArea#tts H1 {
    width: 493px;
}

DIV.standardContentArea#selectMethod,
DIV.standardContentArea#serviceDetails,
DIV.standardContentArea#email,
DIV.standardContentArea#http,
DIV.standardContentArea#soap,
DIV.standardContentArea#sms,
DIV.standardContentArea#tts {
    width: 490px;
}

*html DIV#account_sms_mappings H1,
*html DIV#service_sms_mappings H1,
*html DIV#existing_voice_mappings H1 {
    width: 493px;
}
DIV#account_sms_mappings,
DIV#service_sms_mappings,
DIV#existing_voice_mappings {
    width: 490px;
}

DIV#new_mapping TABLE.editForm TD.value INPUT,
DIV#new_mapping TABLE.editForm TD.value SELECT{
    width: 175px;
    margin: 0pt 0pt 0pt 0pt;
}
DIV#new_mapping TABLE.editForm TD.value INPUT.checkbox {
    width:13px;
    height:13px;
}


TABLE.voice_mappings {
    clear:left;
    border-collapse:collapse;
    border-style:solid;
    border-width:1px;
    border-color:black;
}
TABLE.voice_mappings TD {
    padding:5px;
    font-size:2em;
    border-style:solid;
    border-width:1px;
    border-color:black;
}
TABLE.voice_mappings IMG {
    display:none;
}
*html TABLE.voice_mappings IMG {
    display:inline;
    z-index:2;
    position:absolute;
    cursor:pointer;
    margin:9px 0px 0px 16px;
    border-width:0px;
    border-color:black;
    border-style:solid;
}
*html TABLE.voice_mappings INPUT {
    width:46px;
    height:50px;
}
TABLE.voice_mappings INPUT {
    padding:0px;
    width:40px;
    height:40px;
    border-style:solid;
    border-width:1px;
    border-color:black;
    background-position:center;
    background-repeat:no-repeat;
}
TABLE.voice_mappings INPUT#phone_1 {
    background-color:white;
    background-image:url("../images/phone_1.gif");
}
TABLE.voice_mappings INPUT#phone_2 {
    background-color:white;
    background-image:url("../images/phone_2.gif");
}
TABLE.voice_mappings INPUT#phone_3 {
    background-color:white;
    background-image:url("../images/phone_3.gif");
}
TABLE.voice_mappings INPUT#phone_4 {
    background-color:white;
    background-image:url("../images/phone_4.gif");
}
TABLE.voice_mappings INPUT#phone_5 {
    background-color:white;
    background-image:url("../images/phone_5.gif");
}
TABLE.voice_mappings INPUT#phone_6 {
    background-color:white;
    background-image:url("../images/phone_6.gif");
}
TABLE.voice_mappings INPUT#phone_7 {
    background-color:white;
    background-image:url("../images/phone_7.gif");
}
TABLE.voice_mappings INPUT#phone_8 {
    background-color:white;
    background-image:url("../images/phone_8.gif");
}
TABLE.voice_mappings INPUT#phone_9 {
    background-color:white;
    background-image:url("../images/phone_9.gif");
}
TABLE.voice_mappings INPUT#phone_0 {
    background-color:white;
    background-image:url("../images/phone_0.gif");
}
TABLE.voice_mappings INPUT#phone_star {
    background-color:white;
    background-image:url("../images/phone_star.gif");
}
TABLE.voice_mappings INPUT#phone_hash {
    background-color:white;
    background-image:url("../images/phone_hash.gif");
}




FONT.serviceValidation_true {
    color: darkgreen;
}

FONT.serviceValidation_false {
    color: red;
}

A.serviceValidation_true:link, A.serviceValidation_true:active, A.serviceValidation_true:visited {
    text-decoration: none;
    color: darkgreen;
}

A.serviceValidation_false:link, A.serviceValidation_false:active, A.serviceValidation_false:visited {
    text-decoration: none;
    color: red;
}

A.serviceValidation_true:hover {
    text-decoration: underline;
}

A.serviceValidation_false:hover {
    text-decoration: underline;
}

DIV.subMenuArea#wizard DIV.section {
    margin:0px 0px 10px 0px;
    width: 205px;
}
DIV.subMenuArea#wizard DIV.section H1 {
    border-width:1px 0px 1px 0px;
    border-color:#000 #000 #CCC #000;
}
DIV.subMenuArea#wizard DIV.section#serviceDetails H1 {
    border-width:0px 0px 1px 0px;
}


*html DIV.subMenuArea#wizard DIV.section {
    margin-right: 5px;
    overflow: hidden;
}
*html DIV.subMenuArea#wizard {
    padding-left:0px;
}
*html DIV.subMenuArea#wizard DIV.section H1 {
    width: 208px;
    font-size:0.85em;
    clear: right;
}

DIV.subMenuArea#wizard DIV.section DIV#responseTriggers {
    margin:0px 0px 10px 0px;
    width: 200px;
}

div#wizard.subMenuArea div.section DIV H1.wizardSubHeader {
    border-color:#CCC #000 #CCC #000;
}

DIV.section SPAN {
    float:left;
    width:195px;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
DIV.section SPAN IMG {
    float:left;
    width:16px;
    height:16px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
*html DIV.subMenuArea#wizard DIV.section SPAN IMG {
    margin: 0px -3px 0px -3px;

}
DIV.section SPAN SPAN {
    padding: 0px;
    margin: 0px 0px 0px 3px;
    float:left;
    width:157px;
}
*html DIV.section SPAN SPAN {
    width:150px;
}
DIV.section SPAN A{
    text-decoration:none;
}
A.createNew {
    font-size:0.8em;
    margin:5px 10px 0px 0px;
    float:right;
}

/* The main calendar widget.  DIV containing a table. */

div.calendar {
    position: relative;
}

.calendar, .calendar table {
    border: 1px solid #556;
    font-size: 11px;
    color: #000;
    cursor: default;
    background: #eef;
    font-family: tahoma, verdana, sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button {
/* "<<", "<", ">", ">>" buttons have this class */
    text-align: center; /* They are the navigation buttons */
    padding: 2px; /* Make the buttons seem like they're pressing */
}

.calendar .nav {
    background: #778 url( ../images/menuarrow.gif ) no-repeat 100% 100%;
}

.calendar thead .title {
/* This holds the current "month, year" */
    font-weight: bold; /* Pressing it will take you to the current date */
    text-align: center;
    background: #fff;
    color: #000;
    padding: 2px;
}

.calendar thead .headrow {
/* Row <TR> containing navigation buttons */
    background: #778;
    color: #fff;
}

.calendar thead .daynames {
/* Row <TR> containing the day names */
    background: #EE9A00;
}

.calendar thead .name {
/* Cells <TD> containing the day names */
    border-bottom: 1px solid #556;
    padding: 2px;
    text-align: center;
    color: #000;
}

.calendar thead .weekend {
/* How a weekend day name shows in header */
    color: #a66;
}

.calendar thead .hilite {
/* How do the buttons in header appear when hover */
    background-color: #aaf;
    color: #000;
    border: 1px solid #04f;
    padding: 1px;
}

.calendar thead .active {
/* Active (pressed) buttons in header */
    background-color: #77c;
    padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day {
/* Cells <TD> containing month days dates */
    width: 2em;
    color: #456;
    text-align: right;
    padding: 2px 4px 2px 2px;
}

.calendar tbody .day.othermonth {
    font-size: 80%;
    color: #bbb;
}

.calendar tbody .day.othermonth.oweekend {
    color: #fbb;
}

.calendar table .wn {
    padding: 2px 3px 2px 2px;
    border-right: 1px solid #000;
    background: #bdf;
}

.calendar tbody .rowhilite td {
    background: #def;
}

.calendar tbody .rowhilite td.wn {
    background: #eef;
}

.calendar tbody td.hilite {
/* Hovered cells <TD> */
    background: #def;
    padding: 1px 3px 1px 1px;
    border: 1px solid #bbb;
}

.calendar tbody td.active {
/* Active (pressed) cells <TD> */
    background: #EE9A00;
    padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected {
/* Cell showing today date */
    font-weight: bold;
    border: 1px solid #000;
    padding: 1px 3px 1px 1px;
    background: #FCD59C;
    color: #000;
}

.calendar tbody td.weekend {
/* Cells showing weekend days */
    color: #a66;
}

.calendar tbody td.today {
/* Cell showing selected date */
    font-weight: bold;
    color: #EE9A00;
}

.calendar tbody .disabled {
    color: #999;
}

.calendar tbody .emptycell {
/* Empty cells (the best is to hide them) */
    visibility: hidden;
}

.calendar tbody .emptyrow {
/* Empty row (some months need less than 6 rows) */
    display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow {
/* The <TR> in footer (only one right now) */
    text-align: center;
    background: #556;
    color: #fff;
}

.calendar tfoot .ttip {
/* Tooltip (status bar) cell <TD> */
    background: #fff;
    color: #445;
    border-top: 1px solid #556;
    padding: 1px;
}

.calendar tfoot .hilite {
/* Hover style for buttons in footer */
    background: #aaf;
    border: 1px solid #04f;
    color: #000;
    padding: 1px;
}

.calendar tfoot .active {
/* Active (pressed) style for buttons in footer */
    background: #77c;
    padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    width: 4em;
    cursor: default;
    border: 1px solid #655;
    background: #def;
    color: #000;
    font-size: 90%;
    z-index: 100;
}

.calendar .combo .label,
    .calendar .combo .label-IEfix {
    text-align: center;
    padding: 1px;
}

.calendar .combo .label-IEfix {
    width: 4em;
}

.calendar .combo .hilite {
    background: #acf;
}

.calendar .combo .active {
    border-top: 1px solid #46a;
    border-bottom: 1px solid #46a;
    background: #eef;
    font-weight: bold;
}

.calendar td.time {
    border-top: 1px solid #000;
    padding: 1px 0px;
    text-align: center;
    background-color: #f4f0e8;
}

.calendar td.time .hour,
    .calendar td.time .minute,
    .calendar td.time .ampm {
    padding: 0px 3px 0px 4px;
    border: 1px solid #889;
    font-weight: bold;
    background-color: #fff;
}

.calendar td.time .ampm {
    text-align: center;
}

.calendar td.time .colon {
    padding: 0px 2px 0px 3px;
    font-weight: bold;
}

.calendar td.time span.hilite {
    border-color: #000;
    background-color: #667;
    color: #fff;
}

.calendar td.time span.active {
    border-color: #f00;
    background-color: #000;
    color: #0f0;
}
DIV#accountCredits, DIV#accountCredits H1,
    DIV#allocateCredits, DIV#allocateCredits H1,
    DIV#confirmAllocation, DIV#confirmAllocation H1 {
    width: 310px;
}

*html DIV#accountCredits H1,
    *html DIV#allocateCredits H1,
    *html DIV#confirmAllocation H1 {
    width: 263px;
}

*html DIV#accountCredits,
    *html DIV#allocateCredits,
    *html DIV#confirmAllocation {
    margin: 5px;
    width: 260px;
}

DIV#displayWithBalanceSummary {
    width: 650px;
}

DIV#displayWithBalanceSummary DIV.standardContentArea,
    DIV#displayWithBalanceSummary DIV.standardContentArea H1 {
    width: 620px;
}

*html DIV#displayWithBalanceSummary {
    width: 698px;
    padding: 5px;
}

*html DIV#displayWithBalanceSummary DIV.standardContentArea,
    *html DIV#displayWithBalanceSummary DIV.standardContentArea H1 {
    width: 668px;
    margin: 0px;
    padding: 0px;
}

*html DIV#displayWithBalanceSummary DIV.standardContentArea {
    margin: 0px 0px 20px 0px;
}

DIV#accountCredits INPUT {
    width: 50px;
}

DIV#accountCredits TABLE.editForm TD.name {
    width: 100px;
}

DIV#accountCredits TABLE.editForm TD.value {
    width: 100px;
}

DIV#balances {
    float: right;
    height: 15px;
    color: red;
    font-weight: bold;
    margin: -5pt 0pt 10pt 0pt;
}

DIV#balances IMG {
    float: left;
    margin: 0pt 5pt 0pt 0pt;
}

DIV#balances DIV {
    float: left;
    padding: 0pt 0pt 0pt 0pt;
}

DIV#balances A:link, DIV#balances A:active, DIV#balances A:visited {
    color: red;
}

DIV#balances A:hover {
    color: darkred;
}

DIV#accountDetails INPUT.thresholdLevel {
    width: 75px;
}

TD.accountType_RESELLER {
    width: 16px;
    height: 22px;
    background: url( /images/user_suit.png ) 0 1px no-repeat;
}

.accountType_INTERACTIVE {
    width: 16px;
    height: 22px;
    background: url( /images/user_green.png ) 0 1px no-repeat;
}

.accountType_LITE {
    width: 16px;
    height: 22px;
    background: url( /images/user_orange.png ) 0 1px no-repeat;
}
DIV#helpOuterBoundary {
    width: 460px;
    margin:0px 0px 0px 0px;
}
DIV#helpOuterBoundary DIV.advancedHelp {
    width: 440px;
    margin:10px 0px 0px 10px;
}

DIV#helpOuterBoundary DIV#logo {
    width: 440px;
    border: 0px solid;
    margin:0px 0px 0px 20px;
}
DIV#helpOuterBoundary DIV#logo IMG {
    margin: 0px 0px 0px 0px;
}

IMG.advancedHelpButton {
    width:16px;
    height:16px;
}
DIV.advancedHelpDiv{
    float:right;
    width:16px;
    height:16px;
}

DIV.fullWidthContentArea H1.help,
DIV.standardContentArea H1.help,
DIV.subMenuArea H1.help {
    padding: 0px 5px 0px 5px;
    margin: 0px -5px 5px -5px;
}
H1.help DIV.advancedHelpDiv {
    margin: -15px -5px 0px 0px;
}

*html DIV.fullWidthContentArea H1.help,
*html DIV.standardContentArea H1.help,
*html DIV.subMenuArea H1.help{
    padding: 0px 5px 0px 10px;
}
*html H1.help DIV.advancedHelpDiv {
    margin: -15px -2px 0px 0px;
}

textarea#simpleText {
    width:750px;
    height:150px;
}
textarea#advancedText {
    width:750px;
    height:250px;
}