*
{
    padding:0;
    margin:0;
}
body
{
    font-size:62.5%;
    font-family:helvetica, arial, verdana, sans-serif;
    color:#333;
}
ul
{
    list-style-type:none;
}
ol li
{
    margin-left:1.5em;
}
#header
{
    height:42px;
    background:#f5f4d8 url(img/logo-8centsms.png) scroll no-repeat 20px center;
    position:relative;
}
#header h1
{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    color:#666633;
    font-size:1.1em;
    height:1.7em;
    background:transparent url(img/gradient-header.png) repeat-x scroll bottom left;
    border-bottom:1px solid #d6d5bb;
}
#header h1 span.account
{
    padding-left:188px;
}
h2
{
    font-weight:bold;
    padding:0 8px;
    border-bottom:3px solid #99cc33;
    line-height:2.2em;
    background-color:#e7e7e7;
    display:block;
    color:#666633;
    font-size:1em;
    text-transform:lowercase;
    text-align:left;
}

dd.repeat_section label
{
    text-transform:none;
}

h3,
p
{
    font-size:1em;
    padding-bottom:0.5em;
}
a,
a:visited
{
    color:#996;
}
a:hover
{
    color:#9c3;
    text-decoration:none;
}

h4
{
    font-size:1.5em;
}
.error
{
    color:red;
}
.clear
{
    clear:both;
}
.clearfix:after
{
    content:".";
    display:block;
    clear:both;
    height:0;
}
.hide
{
    position:absolute;
    text-indent:-9999em;
}
dl.tabs dt.clear
{
    width:100% !important;
    float:none !important;
    padding:0 !important;
}
/**/
/* layout */
html,
body
{
    height:100%;
}
div#wrapPage
{
    font-size:1.2em;
    position:absolute;
    top:0;
    bottom:26px;
    left:0;
    right:0;
    overflow:auto;
    width:100%;
    padding-bottom:10px;
}
div#wrapContent
{
    padding:10px;
    padding-top:15px;
    background-color:#fff;
}
div#wrapContent div
{
    text-align:left;
}
div.interface
{
    float:left;
    width:49.5%;
}
div.output
{
    float:right;
    width:49.5%;
/*    margin-left:0.5%;*/
}
.scroll
{
    overflow-x:hidden;
    overflow-y:scroll;
    height:100%;
    background-color:#fff;
}
ul#navSub
{
    width:49.5%;
    padding-bottom:1.5em;
}
ul#navSub li
{
    display:inline;
}
ul#navSub li a
{
    margin-right:0.2em;
}
/* center column layout */
div#center div.interface,
div#center div.output,
div#center ul#navSub
{
    float:none;
    margin-left:auto;
    margin-right:auto;
    clear:both;
    margin-bottom:1em;
    width:750px;
}
/**/

div.shadowFooter
{
    padding:0 1px;
    padding-bottom:8px;
    margin-bottom:1em;
}
div.shadowFooter h2
{
    margin:0 -1px;
}
div.shadowFooter .scroll
{   
    margin-right:-1px;
}
.shadowFooter,
form ul
{
    padding-bottom:8px !important;
    background:#e7e7e7 url(img/table_foot_bg.gif) scroll repeat-x bottom left;
}
form ul.noShadow
{
    padding:0 !important;
    background:none;
}

/**/
/* forms */
/* forms <ul>s are split into two types: class="dataEntry" and class="submit". dataEntry fields are placed inside a <dl> inside the <ul class="dataEntry">. <label>s are placed inside <dt>s and <input type="text">, <textarea> & <select> are all placed inside <dd>s. plus other instructional text is also placed inside <dd>s. error messages are placed inside <dt>s as they apply to the entire definition. <input type="submit"> are placed inside the <ul class="submit">*/

form
{
    width:100%;
}

form#QuickSend a#manualAdd
{
       display: none;
}

form#QuickSend dd.instruction
{
    margin-top: 1px;
}

form h2,
form h3
{
    text-align:left;
    padding-left:1.5%;
}
form ul
{
    padding-left:1px;
    padding-right:1px;
}
form li.submit
{
    border-top:1px solid #fff;
    border-bottom:1px solid #e7e7e7;
    background-color:#f7f7f7;
    padding:5px;
    text-align:right;
}
form li.error
{
    background-color:#fff !important;
    background-image:none !important;
    border:0 !important;
    margin-bottom:0 !important;
}
form dd.instruction strong,
form dd span#counter,
form dd span#num_messages
{
    color:#99cc33;
}

form ul li.dataEntry dl.tabs
{
    background-color:#f7f7f7;
    border-bottom:1px solid #e7e7e7;
}

/* data entry layout */
dd.textline input,
dd.textarea textarea,
dd.select select,
dd.password input
{
    font-size:1.2em;
    height:1.2em;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    border-right:1px solid #e7e7e7;
    border-bottom:1px solid #e7e7e7;
    width:100%;
    padding:0.2em 5px;
    background:#fff url(img/data_entry_bg.png) scroll repeat-x 0 0;
}
dd.textline input,
dd.textarea textarea,
dd.password input
{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
dd.password input
{
    padding-left:1px;
}
dd.textline input
{
    padding-right:1px;
}
dd.date input
{
    width:1.5em;
}
dd.date input.dateInputYear
{
    width:2.5em;
}
dd.date img
{
    vertical-align:middle;
    margin-left:5px;
}
dd.repeat input
{
    width:1em;
}
dd.textarea textarea
{
    height:7.4em;
    font-family:helvetica, arial, verdana, sans-serif;
}
dd.select select
{
    width:103%;
    height:1.4em;
    font-size:1.3em;
    padding:0;
    margin-top:0.1em;
    margin-bottom:0.1em;
}
dd.time select
{
    width:4em;
}
dt.radio label
{
    position:relative:
    top:-0.2em;
}

li.submit input,
a.button,
a.button:visited
{
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    background-color:#99c33c;
    border:1px solid #ddd;
    color:#fff;
    text-decoration:none;
    text-transform:lowercase;
    font-size:0.95em;
}
li.submit input
{
    padding:0.1em 0.15em;
    padding-top:0;
    background-image:none;
    text-transform:lowercase;
}
a.button
{
    display:block;
    line-height:0.85em;
    height:0.95em;
    float:left;
    padding:0.35em 0.5em;
    padding-bottom:0.15em;
}

/* link & button :hover & :focus behaviour */

li.submit input:hover,
a.button:hover,
input.hover
{
    cursor:pointer;
    background-color:#666633 !important;
    border-color:#aaa !important;
}
dd.textline input:focus,
dd.textline input.focus
{
    background:#fcfbed url(img/arrow-left_green.gif) no-repeat scroll right center;
    border-color:#99cc33;
}
dd.textarea textarea:focus,
dd.textarea textarea.focus
{
    background-color:#fcfbed;
    background-image:none;
    border-color:#99cc33;
}
/**/

/* navigation links */
ul#actionList
{
    font-size:1.2em;
    border-bottom:1px solid #ddd;
    margin:15px 10px;
    margin-bottom:0;
}
ul#actionList li
{
    display:inline;
    margin-left:5px;
}
ul#actionList li a,
ul#actionList li a:visited
{
    text-transform:lowercase;
    font-weight:bold;
    text-decoration:none;
    color:#99cc33;
    line-height:2.1em;
    padding:0.5em 8px;
    border:1px solid #ddd;
    border-bottom:0;
    position:relative;
    bottom:-1px;
    white-space:nowrap;
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
ul#actionList li a:hover
{
    text-decoration:underline;
}
ul#actionList li a.current
{
    color:#666633;
    border-bottom:1px solid #fff;
}

/* tabs */
dl.tabs
{
    padding:7px;
    background:#fff url(img/data_entry_bg.png) scroll repeat-x 0 0;
}
dl.tabs dt
{
    width:80%;
    clear:both;
    border-bottom:1px dashed #ccc;
    padding-right:20%;
}
dl.tabs dd
{
    float:right;
    margin-top:-1.1em;
    margin-bottom:1em;
}
dl.tabs dd ul.links li
{
    position:relative;
    top:-0.35em;
    display:block;
    float:left;
}
dl.tabs dd ul.links li a
{
    margin-left:0.2em;
}

/* tabbed form fields */
form dl.tabs
{
    padding-bottom:0;
}
form dl.tabs dt
{
    float:left;
    width:24%;
    border-bottom:0;
    text-align:right;
    padding-right:1%;
    text-transform:lowercase;
    padding-top:0.2em;
    padding-bottom:0.2em;
    margin-top:1px;
    margin-bottom:1px;
}
form dl.tabs dt label
{
    color:#666;
    line-height:1.6em;
}
form dl.tabs dt.error
{
    width:75%;
    padding-left:25%;
    text-align:left;
    text-transform:uppercase;
    margin-top:0.5em;
}
form dl.tabs dt.alert
{
    width:100%;
    text-align:left;
    margin-top:0.5em;
    margin-bottom:0.5em;
    color:red;
}
form dl.tabs dd,
form dl.tabs dd.instruction
{
    float:left;
    width:60%;
    margin-top:0;
    background-color:transparent;
}
form dl.tabs dd.instruction
{
    width:75%;
    padding-left:25%;
    margin-top:-0.8em;
    line-height:1.4em;
}
form dl.tabs dt.checkbox
{
    text-align:left;
    position:relative;
    left:24%;
    white-space:nowrap;
    margin-top:-0.2em;
}
form dl.tabs dd.checkbox
{
    line-height:1.8em;
}
form dl.tabs dd.checkbox input
{
    vertical-align:middle;
}
form dl.tabs dd.short input
{
    width:25%;
}
form dl.tabs dd.exec span,
form dl.tabs dd.exec input
{
    float:left;
    margin-right:5px;
}
form dl.tabs dd.exec ul
{
    padding-top:0.3em;
    background:none;
}
form dl.tabs dd.exec ul li
{
    display:inline;
}
form dl.tabs dd.exec ul li a
{
    margin-right:0.2em;
}
form dl.tabs dd.confirmMessage
{
    width:75%;
}
form dl.tabs dd.confirmMessage span
{
    padding-top:0.5em;
}
form dl.tabs dd.textarea textarea
{
    padding:5px 3px;
}
/**/
/* pagination */
ul#searchPagination
{
    margin-top:1em;
}
ul#searchPagination li
{
    float:left;
    margin-right:0.5em;
/*    line-height:1.6em;*/
}
ul#searchPagination li a,
ul#searchPagination li a:visited
{
    background-color:#ededed;
    border-top:1px solid #99cc33;
    border-bottom:1px solid #99cc33;
    padding:0.1em 0.5em;
    color:#000;
    text-decoration:none;
}
ul#searchPagination li a:hover
{
    color:#99cc33;
    background-color:#fff;
}
ul#searchPagination li a.current
{
    color:#e2007a;
}
ul#searchPagination li a.end
{
    border:1px solid #ffa9d4;
}
/**/
/* footer */
#footer
{
    background:#f5f4d8 url(img/bg-footer.png) repeat-x scroll 0 0;
    border-top:1px solid #d6d5bb;
    height:25px;
    position:absolute;
    bottom:0;
    width:100%;
    overflow:hidden;
}
#footer a,
#footer a:visited
{
    color:#666633;
/*    width:100%;*/
    display:block;
/*    min-height:26px;*/
/*    margin-top:6px;*/
    padding-left:20px;
    background:transparent url(img/gradient-footer.png) repeat-x scroll 0 0;
/*    float:left;*/
    line-height:26px;
    text-decoration:none;
    font-weight:bold;
    font-size:1.2em;
}
#footer a:hover
{
    text-decoration:underline;
}

/**/
/* account manager */
ul#totals
{
    padding-bottom:1em;
}

label#reportingLabel
{
    width:8em !important;
    padding-left:4px;
    float:none !important;
}
li#reportingItem
{
    padding-top:5px;
    width:12em;
    padding-bottom:5px;
}
div.accountManager form
{
    padding-bottom:1em;
}
dl.tabs dd li strong
{
    font-size:0.95em;
    line-height:0.85em;
    height:0.95em;
    padding:0.35em 1em 0.15em;
    display:block;
    float:left;
    color:#99cc33;
    border:1px solid #ddd;
    background-color:#fff;
}

/**/
/* top up */
ul#priceList
{
    list-style:none;
    font-size:2.6em;
    font-weight:bold;
    padding-top:40px;
    float:left;
}
ul#priceList li
{
    display:inline;
    padding:20px;
    float:left;
    text-align:center;
    width:100px;
}
/**/
/* tables */
table
{
    width:100%;
    border-top:1px solid #ccc;
}
table thead tr
{
    background-color:#e7e7e7;
}
table th
{
    color:#666633;
}
table th,
table td
{
    text-align:left;
    padding:0.3em 0 0.3em 1%;
}
table td
{
    border-bottom:1px dashed #ccc;
}
table td.mobileNumber
{
    width:13%;
}
table td.mobileNumberQuickSend
{
    width:15%;
    padding-right: 1em;
}
table td.campaignName
{
    width:17%;
}
table td.senderId
{
    width:12%;
}
table td.messageSent
{
    width:30%;
}
table td.messageSentQuickSend
{
    width:50%;
}
table td.dateReceived
{
    width:16%;
}
table td.dateReceivedQuickSend
{
    width:20%;
}
table td.status
{
    /*width:4%;*/
    padding-right:2%;
}
table td.statusQuickSend
{
    /*width:4%;*/
    padding-right:2%;
    text-align: center;
}

table td.total
{
    text-align:center;
}

table td.success
{
    text-align:left;
}

table tbody tr
{
    background-color:#f9f9f9;
}
table tbody tr:hover
{
    background-color:#f1f0f0;
}
table tbody td.mobileNumber a,
table tbody td.mobileNumberQuickSend a,
table tbody td.mobileNumber a:visited
table tbody td.mobileNumberQuickSend a:visited
{
    color:#99cc33;
    font-weight:bold;
    text-decoration:none;
}
table tbody td.mobileNumber a:hover
{
    color:#666633;
}
table td#number
{
    padding-right:0.5em;
}
table#contacts td.functions
{
    width:12em;
}
table td.functions
{
    padding-left:0;
}
table td.functions ul
{
    margin-right:0.3em;
    float:right;
}
table td.functions ul li,
ul.nav li
{
    display:inline;
}
table td.functions ul li a
{
    margin-left:0.2em;
}



/**/
/* broadcast styling */
div#broadcast p.testMessage,
div#schedule .details /* schedule messsage stylin - jumpin on the band wagon */,
div#register .details
{
    background-color:#fff;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-left:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
    padding:5px;
    margin-bottom:0.5em;
}
div#register .details
{
    margin-bottom:0;
    border-left:none;
    border-right:none;
    padding-bottom:0;
}
div#register .details a.button
{
    margin-bottom:5px;
}
ul#steps
{
    position:absolute;
    top:3px;
    right:1em;
}
ul#steps li
{
    display:inline;
    margin-left:15px;
    color:#663;
}
ul#steps li strong
{
    font-weight:bold;
}


div#broadcast div.info,
div#schedule div.info /* schedule messsage stylin - jumpin on the band wagon */
{
    padding:7px;
    border-bottom:1px solid #e7e7e7;
    background-color:#f7f7f7;
    height:1%;
}
div#broadcast div.actions
{
    padding:5px;
    border-top:1px solid #fff;
    background-color:#f7f7f7;
}
div#broadcast div.actions ul
{
    float:right;
}
div#broadcast div.actions ul li
{
    float:left;
    margin-left:0.2em;
}
div#broadcast p label
{
    background-color:transparent;
    color:#000;
    border:none;
    display:inline;
    font-weight:normal;
}



div#templates .scroll
{
    border-bottom:1px solid #e7e7e7;
    height:15em;
}
div#failedBroadcasts .scroll
{
    height:15em;
}
div#quickSendRecentlySent .scroll
{
    height:15em;
    background-color: #F9F9F9;
}
div#failedBroadcasts td.functions
{
    width:9em;
}

ol.instructions
{
    clear:both;
    padding:0.5em;
    border-top:1px solid #fff;
    border-bottom:1px solid #e7e7e7;
    background-color:#f7f7f7;
}

li#confirmDelete strong
{
    color:#e2007a;
    border-bottom:none;
}


/* help */
div#help p
{
    padding:10px;
}
div#help ul li
{
    padding:5px 10px;
    border-bottom:1px dashed #ccc;
}
div#help h4
{
    color:#7c7b7b;
    font-weight:normal;
}
div#help h4 span,
div#help h4 a,
div#help h4 a:visited
{
    color:#99cc33;
}
div#help h4 a:hover
{
    color:#666633;
    text-decoration:none;
}

/* account manager */
div#totals dl
{
    font-size:1.4em;
}
div#accountManager
{
    margin-top:-1em;
}
div#accountManager p
{
    padding:8px;
    background-color:#f7f7f7;
}

/* set scroll heights */

div#groups div.scroll
{
    height:25em;
}
div#accountManager div.scroll
{
    height:22em;
}


/* delivery reports */
h2 span.reports
{
    float:left;
}
h2 span.key
{
    float:right;
}
h2 span.key img
{
    vertical-align:middle;
}

div#deliveryReports table
{
    border-right:1px solid #e7e7e7;
}

/* scheduled messages */
div#scheduledMessages table td.message
{
    width:14%
}
div#scheduledMessages table td.to
{
    width:14%
}
div#scheduledMessages table td.startDate
{
    width:9%
}
div#scheduledMessages table td.endDate
{
    width:9%
}
div#scheduledMessages table td.scheduleDetails
{
    width:34%
}
div#scheduledMessages table td.functions
{
    width:7.5em; 
}
div#scheduledMessages table td.functions ul
{
    text-align:center; 
}
div#scheduledMessages table td.functions ul li a.button
{
    margin:0.1em auto;
    float:none; 
}
div#scheduledMessages table td.instanceFunctions
{
    width:10em;
}
div#scheduledMessages table td.instanceStatus
{
    width:30%;
}
div#scheduledMessages tr.hold td
{
    color:#ccc;
}
div#scheduledMessages tr.dead td,
div#scheduledMessages tr.dead td a
{
    color:#bbb !important;
}
div#scheduledMessages tr.dead td a.button,
div#scheduledMessages tr.dead td a.button:hover
{
    background-color:#ddd;
    border:0;
}

div#schedule div.info
{
    border-left:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
    border-bottom:0;
}
div#schedule dl.details dt
{
    float:left;
    width:8em;
    color:#aaa;
    line-height:1.5em;
}
div#schedule dl.details dd
{
    line-height:1.5em;
}


div#schedule form dl dd.select select
{
    font-size:1.2em;
}


div#schedule ul#start_date_repeat_options input
{
    vertical-align:middle;
}
div#schedule ul#start_date_repeat_options
{
    margin-top:-0.2em;
}
div#schedule ul#start_date_repeat_options label input
{
    background:#fff url(img/data_entry_bg.png) repeat-x scroll 0 0;
    font-size:1.2em;
    padding:2px 5px 1px 5px;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    border-right:1px solid #e7e7e7;
    border-bottom:1px solid #e7e7e7;
    width:1em;
    position:relative;
    top:-1px;
}
div#schedule ul#start_date_repeat_options label input:focus
{
    background:#fcfbed url(img/arrow-left_green.gif) no-repeat scroll right center;
    border-color:#99cc33;
}
div#schedule ul#start_date_repeat_options label select
{
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    border-right:1px solid #e7e7e7;
    border-bottom:1px solid #e7e7e7;
    height:1.4em;
    margin-left:2px;
}


/* auto complete */

ul#smsToList
{
    background:none;
    text-transform:none;
    padding-top:0.25em;
    padding-bottom:4px !important;
}
ul#smsToList a
{
    float:right;
    margin-right:-8px;
}
ul#smsToList li
{
    clear:both;
    margin-bottom:0.5em;
    border-bottom:1px dashed #ccc;
    padding-left: 2em;
    padding-top: 0.2em;
}
ul#smsToList a:hover
{
    text-decoration:underline;
}
ul#start_date_repeat_options
{
    background:0;
}



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



div#manualAddButton
{
    width:20px;
    height:20px;
    background:transparent url(img/plus.png) scroll no-repeat top left;
}

.group1
{
    width:50%;
    float:left;
}
.group2
{
    width:50%;
    float:right;
}
.group3
{
    width:60%;
    margin:0 auto;
}
.group1 .richset
{
    margin-right:5px;
}
.group2 .richset
{
    margin-left:5px;
}
.richset .componentData
{
    padding:10px;
    border-left:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
}

p.signupNewUser
{
    text-align:center;
}

.yourMessageWasSent
{
    color: #333333;
}

.postSendInfo
{
    text-align: left;
    background: none;
    color: red;
    border: 1px dotted lightGrey;
    margin-top: 1em;
    margin-bottom: 1em;
/*    padding: 2em !important;*/
    padding-left: 3em !important;
    padding-bottom: 0 !important;
}

.postSendInfo li
{
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 2.5em;
    padding: 2px;
    list-style-type: square;
    list-style-color: black;
}

#postSendInfoHeading
{
    text-align: left;
    color: black;
    border: none;
    margin-left: 0;
    list-style-type: none;
}

#invalidDestinations
{
    text-align: center;
    background: none;
}

#to
{
    color: grey;
}

table td.total
{
    text-align:center;
}

table td.success
{
    text-align:left;
}

table tbody tr
{
    background-color:#f9f9f9;
}
table tbody tr:hover
{
    background-color:#f1f0f0;
}
table tbody td.mobileNumber a,
table tbody td.mobileNumber a:visited
{
    color:#99cc33;
    font-weight:bold;
    text-decoration:none;
}
table tbody td.mobileNumber a:hover
{
    color:#666633;
}
table td#number
{
    padding-right:0.5em;
}
table#contacts td.functions
{
    width:12em;
}
table td.functions
{
    padding-left:0;
}
table td.functions ul
{
    margin-right:0.3em;
    float:right;
}
table td.functions ul li,
ul.nav li
{
    display:inline;
}
table td.functions ul li a
{
    margin-left:0.2em;
}



/**/
/* broadcast styling */
div#broadcast p.testMessage,
div#schedule .details /* schedule messsage stylin - jumpin on the band wagon */,
div#register .details
{
    background-color:#fff;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-left:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
    padding:5px;
    margin-bottom:0.5em;
}
div#register .details
{
    margin-bottom:0;
    border-left:none;
    border-right:none;
    padding-bottom:0;
}
div#register .details a.button
{
    margin-bottom:5px;
}
ul#steps
{
    position:absolute;
    top:3px;
    right:1em;
}
ul#steps li
{
    display:inline;
    margin-left:15px;
    color:#663;
}
ul#steps li strong
{
    font-weight:bold;
}


div#broadcast div.info,
div#schedule div.info /* schedule messsage stylin - jumpin on the band wagon */
{
    padding:7px;
    border-bottom:1px solid #e7e7e7;
    background-color:#f7f7f7;
    height:1%;
}
div#broadcast div.actions
{
    padding:5px;
    border-top:1px solid #fff;
    background-color:#f7f7f7;
}
div#broadcast div.actions ul
{
    float:right;
}
div#broadcast div.actions ul li
{
    float:left;
    margin-left:0.2em;
}
div#broadcast p label
{
    background-color:transparent;
    color:#000;
    border:none;
    display:inline;
    font-weight:normal;
}



div#templates .scroll
{
    border-bottom:1px solid #e7e7e7;
    height:15em;
}
div#failedBroadcasts .scroll
{
    height:15em;
}
div#failedBroadcasts td.functions
{
    width:9em;
}

ol.instructions
{
    clear:both;
    padding:0.5em;
    border-top:1px solid #fff;
    border-bottom:1px solid #e7e7e7;
    background-color:#f7f7f7;
}

li#confirmDelete strong
{
    color:#e2007a;
    border-bottom:none;
}


/* help */
div#help p
{
    padding:10px;
}
div#help ul li
{
    padding:5px 10px;
    border-bottom:1px dashed #ccc;
}
div#help h4
{
    color:#7c7b7b;
    font-weight:normal;
}
div#help h4 span,
div#help h4 a,
div#help h4 a:visited
{
    color:#99cc33;
}
div#help h4 a:hover
{
    color:#666633;
    text-decoration:none;
}

/* account manager */
div#totals dl
{
    font-size:1.4em;
}
div#accountManager
{
    margin-top:-1em;
}
div#accountManager p
{
    padding:8px;
    background-color:#f7f7f7;
}

/* set scroll heights */

div#groups div.scroll
{
    height:25em;
}
div#accountManager div.scroll
{
    height:22em;
}


/* delivery reports */
h2 span.reports
{
    float:left;
}
h2 span.key
{
    float:right;
}
h2 span.key img
{
    vertical-align:middle;
}

div#deliveryReports table
{
    border-right:1px solid #e7e7e7;
}

/* scheduled messages */
div#scheduledMessages table td.message
{
    width:14%
}
div#scheduledMessages table td.to
{
    width:14%
}
div#scheduledMessages table td.startDate
{
    width:9%
}
div#scheduledMessages table td.endDate
{
    width:9%
}
div#scheduledMessages table td.scheduleDetails
{
    width:34%
}
div#scheduledMessages table td.functions
{
    width:7.5em; 
}
div#scheduledMessages table td.functions ul
{
    text-align:center; 
}
div#scheduledMessages table td.functions ul li a.button
{
    margin:0.1em auto;
    float:none; 
}
div#scheduledMessages table td.instanceFunctions
{
    width:10em;
}
div#scheduledMessages table td.instanceStatus
{
    width:30%;
}
div#scheduledMessages tr.hold td
{
    color:#ccc;
}
div#scheduledMessages tr.dead td,
div#scheduledMessages tr.dead td a
{
    color:#bbb !important;
}
div#scheduledMessages tr.dead td a.button,
div#scheduledMessages tr.dead td a.button:hover
{
    background-color:#ddd;
    border:0;
}

div#schedule div.info
{
    border-left:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
    border-bottom:0;
}
div#schedule dl.details dt
{
    float:left;
    width:8em;
    color:#aaa;
    line-height:1.5em;
}
div#schedule dl.details dd
{
    line-height:1.5em;
}


div#schedule form dl dd.select select
{
    font-size:1.2em;
}


div#schedule ul#start_date_repeat_options input
{
    vertical-align:middle;
}
div#schedule ul#start_date_repeat_options
{
    margin-top:-0.2em;
}
div#schedule ul#start_date_repeat_options label input
{
    background:#fff url(img/data_entry_bg.png) repeat-x scroll 0 0;
    font-size:1.2em;
    padding:2px 5px 1px 5px;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    border-right:1px solid #e7e7e7;
    border-bottom:1px solid #e7e7e7;
    width:1em;
    position:relative;
    top:-1px;
}
div#schedule ul#start_date_repeat_options label input:focus
{
    background:#fcfbed url(img/arrow-left_green.gif) no-repeat scroll right center;
    border-color:#99cc33;
}
div#schedule ul#start_date_repeat_options label select
{
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    border-right:1px solid #e7e7e7;
    border-bottom:1px solid #e7e7e7;
    height:1.4em;
    margin-left:2px;
}


/* auto complete */

ul#smsToList
{
    background:none;
    text-transform:none;
    padding-top:0.25em;
    padding-bottom:4px !important;
}
ul#smsToList a
{
    float:right;
    margin-right:-8px;
}
ul#smsToList li
{
    clear:both;
    margin-bottom:0.5em;
    border-bottom:1px dashed #ccc;
    padding-left: 2em;
    padding-top: 0.2em;
}
ul#smsToList a:hover
{
    text-decoration:underline;
}
ul#start_date_repeat_options
{
    background:0;
}



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



div#manualAddButton
{
    width:20px;
    height:20px;
    background:transparent url(img/plus.png) scroll no-repeat top left;
}

.group1
{
    width:50%;
    float:left;
}
.group2
{
    width:50%;
    float:right;
}
.group3
{
    width:60%;
    margin:0 auto;
}
.group1 .richset
{
    margin-right:5px;
}
.group2 .richset
{
    margin-left:5px;
}
.richset .componentData
{
    padding:10px;
    border-left:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
}

p.signupNewUser
{
    text-align:center;
}

.yourMessageWasSent
{
    color: #333333;
}

.postSendInfo
{
    text-align: left;
    background: none;
    color: red;
    border: 1px dotted lightGrey;
    margin-top: 1em;
    margin-bottom: 1em;
/*    padding: 2em !important;*/
    padding-left: 3em !important;
    padding-bottom: 0 !important;
}

.postSendInfo li
{
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 2.5em;
    padding: 2px;
    list-style-type: square;
    list-style-color: black;
}

#postSendInfoHeading
{
    text-align: left;
    color: black;
    border: none;
    margin-left: 0;
    list-style-type: none;
}

#invalidDestinations
{
    text-align: center;
    background: none;
}

#to
{
    color: grey;
}