html
{
    height: 100%;
}
body
{
    margin: 0;
    min-height: 100%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

* html body
{
    height: 100%;
}

a
{
    color: #3333cc;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

.contactImage
{
    border-style: none;
    width: 1.5em;
}

.poweredBy
{
    font-family: Arial, Calibri;
    font-size: x-small;
    color: #000000;
    text-align: center;
}

.poweredByLogo
{
    border: 0px;
    margin: 0px;
    text-align: center;
}

#header
{
    height: 90px;
    overflow: hidden;
    background: url('../icons/bg-header.gif') no-repeat 1px 0;
    margin: -2 0 0 -2;
}

#header h1
{
    margin: 0;
    float: left;
}

.header_bg
{
    background: url('../icons/bg-body.gif') repeat-x 1px 0;
}

#header h1 a
{
    width: 146px;
    height: 75px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}

/* structure */
#main
{
    padding: 0 0 0 220px;
    background: url('../icons/x.gif') repeat-y 220px 0;
}
#left
{
    float: left;
    margin: 0;
    display: inline;
    width: 260px;
}
#right
{
    float: left;
    width: 100%;
    background: url('../icons/bg-bottom.gif') no-repeat 100% 100%;
}
#right p
{
    margin: 0;
}
/* top-nav */
#top-nav
{
    margin: 0 -10px 0 0;
    display: inline;
    padding: 34px 0 0 0;
    float: right;
    list-style: none;
}
#top-nav li
{
    float: left;
    width: 58px;
    margin: 0 5px 0 0;
}
#top-nav li a
{
    font-size: 9px;
    float: left;
    width: 60px;
    padding: 29px 0 0 0;
    color: #020200;
    font-weight: normal;
}
/* ico */
#top-nav li.home
{
    width: 50px;
}
#top-nav li.new-contact, #top-nav li.send-receive
{
    width: 70px;
    margin: 0 10px 0 0;
    font-weight: normal;
}
#top-nav li.home a
{
    background: url('../icons/ico-home.gif') no-repeat 0 0;
}
#top-nav li.new-sms a
{
    background: url('../icons/ico-new-sms.gif') no-repeat 0 0;
}
#top-nav li.send-receive a
{
    background: url('../icons/ico-send-receive.gif') no-repeat 0 0;
}
#top-nav li.new-contact a
{
    background: url('../icons/ico-new-contact.gif') no-repeat 0 0;
}
#top-nav li.new-group a
{
    background: url('../icons/ico-new-group.gif') no-repeat 0 0;
}
#top-nav li.translator a
{
    background: url('../icons/ico-translator.gif') no-repeat 0 0;
}
#top-nav li.tools a
{
    background: url('../icons/ico-tools.gif') no-repeat 0 0;
}
#top-nav li.buy-credits a
{
    background: url('../icons/ico-buy-credits.gif') no-repeat 0 0;
}
#top-nav li.support a
{
    background: url('../icons/icon_help.gif') no-repeat 0 0;
}
#top-nav li.log-out a
{
    background: url('../icons/ico-log-out.gif') no-repeat 0 0;
}
#top-nav li.edit a
{
    background: url('../icons/ico-edit.gif') no-repeat 0 0;
}
#top-nav li.import a
{
    background: url('../icons/ico-import.gif') no-repeat 0 0;
}
#top-nav li.search a
{
    background: url('../icons/ico-search.gif') no-repeat 0 0;
}
#top-nav li.delete a
{
    background: url('../icons/ico-delete.gif') no-repeat 0 0;
}


.panel_label
{
    font-weight: bold;
    color: #ffffff;
    font-size: 11px;
}

.panel
{
    border-top: #FFFFFF;
    border-right: medium solid #FFFFFF;
    border-bottom: #FFFFFF;
    border-left: #FFFFFF;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #ffffff;
    background-color: #9a9a9a;
    text-decoration: none;
}

.panel_button
{
    font-weight: bold;
    color: #ffffff;
    font-size: 11px;
    background-color: #9a9a9a;
}

a.panel_link:link
{
    font-weight: bold;
    color: #ffffff;
}
a.panel_link:visited
{
    font-weight: bold;
    color: #ffffff;
}
a.panel_link:hover
{
    font-weight: bold;
    color: silver;
}
a.panel_link:active
{
    font-weight: bold;
    color: silver;
}

.Compulsory
{
    color: black;
    line-height: 16px;
    font-weight: bold;
}

.de_table
{
    border-color: #B2B2B2;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #dcdcdc;
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.full_table
{
    border-color: #B2B2B2;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #dcdcdc;
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    height: 100%;
    width: 100%;
}

.de_header
{
    margin: 0;
    padding: 4px;
    border-color: #680;
    border-width: 1px 1px 1px 1px;
    color: white;
    font-weight: bold;
    background-color: #9e9e9e;
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    height: 20px;
}
.de_helpmsg
{
    margin: 0;
    padding: 4px;
    background-color: #dcdcdc;
    color: black;
    font-family: Verdana;
    font-size: 11px;
    height: 20px;
}
.normalButton
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-right: medium outset;
    border-top: medium outset;
    border-left: medium outset;
    border-bottom: medium outset;
    cursor: hand;
}

.normalTextBox
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #8cacbb;
    color: Black;
    background-color: white;
    padding: 0.1em;
}
.RegTable
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 80%;
    border: 0;
}
.RegCell
{
    width: 150px;
}
.RegCell2
{
    width: 220px;
}
.RegHeader
{
    font-weight: bold;
}

.pageHeader
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    background-color: #9e9e9e;
    color: white;
}

.pageTop
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    background-color: #9e9e9e;
    color: white;
}

.error
{
    font-size: 12px;
    font-weight: bold;
    color: red;
}

.successful
{
    font-size: 12px;
    font-weight: bold;
    color: Green;
}


.accordionHeader
{
    color: #3333cc;
    background-color: #c8c8c8;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    border-bottom: black thin solid;
}

.accordianContent
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: black;
    padding: 5px;
    margin: 5px;
    background-color: #f0f0f0;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    border-bottom: black thin solid;
}

.data_table_header
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #3333cc;
    background-color: #c8c8c8;
}
.data_table_item
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: black;
    background-color: #dcdcdc;
}
.data_table_alternating_item
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: black;
    background-color: #e1e1e1;
}
.data_table_optout_item
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: black;
    background-color: #ffff99;
}
.data_sel_table_item
{
    color: black;
    background-color: #ffffff;
}

.SubTitle1
{
    margin: 0;
    padding: 4px;
    color: white;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    background-color: #c8c8c8;
}

.normalb
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
}
/* navigation controls */
.normal
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.icTextSmallGhost
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.icCPButton
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
icTextSmall
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
/* end navigation controls */

/*	for use when you have two validators, do a <br/> and this'll make them 
	appear in the same place */
.ValidatorTop
{
    top: 4;
    position: relative;
}

.ValidatorBottom
{
    top: -10;
    position: relative;
}

.chkExpander
{
    vertical-align: text-top;
}

.borderScrollDiv
{
    border-right: black thin solid;
    border-top: black thin solid;
    overflow: auto;
    border-left: black thin solid;
    width: 100%;
    border-bottom: black thin solid;
}