@charset "utf-8";
@import "/css/reset.css";


html, body{ height: 100%;}

#wrapper {
	display: block;
	min-height: 100%;
	position: relative;
	margin: 0 auto;
	height: auto !important;
	height: 100%;
}

h1 {
	position: relative;
	width:150px;
	height:150px;
	overflow: hidden;
}

h1 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

.headerphoto {
	width: 420px;
	height: 150px;
	position: absolute;
	top: 0;
	right: 0;
}

#footer {
	position: absolute;
	bottom: 0;
	display: block;
}

h5 {
	position: relative;
	width: 240px;
	height: 60px;
	overflow: hidden;
	top: 40px;
	margin: 0 auto;
}

h5 span {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
}

#footer p {
	position: absolute;
	bottom: 0;
	margin-left: 35%;
	text-align: center;
	padding-bottom: 1em;
	font-size:0.625em;
}

/*-----
Layout and styles for the Broadcast application
and associated pages, beginning with the containing
div
------*/
#content {
	width: 55em;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 1em;
	padding-bottom: 9em;
	display: block;
}

#sub_nav {
	width: 10em;
	margin-right:0.5em;
	float: left;
	background-color:#FFFFFF;
	border: 1px solid #999999;
	padding: 0.5em 0.5em 2.2em .5em;
}

#sub_nav h3 {
	text-indent: -9999px;
}

#sub_nav li {
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: 1em;
	letter-spacing: .001em;
}

#sub_nav li a.sub_current {
	padding-left: 1em;	
}

#sub_nav li a.sub {
	padding-left: 1em;
}

#sub_nav li a.sub:hover {
	padding-left: 1em;
	text-decoration: underline;
}

#center_content h4 {
	margin-top:.5em;
}

#content #center_content {
	margin-left: 11.5em;
	float:none;
	margin-right:0em;
	padding:0 0.5em;	
	display: block;
	width: 41.5em;
}


#center_content dl, #center_content legend, #center_content label {
	padding-top:.75em;	
}

#interface {
	float:left;
	width:100%;
	margin-bottom: 1em;
}
/*---
recuring styles for errors and inputs,
mainly text input, password and file
-----*/
input[type="text"], input[type="password"] {
	font-size:0.689em;
	font-family: Verdana, Arial, sans-serif;
	background: #f1f1f1;
	border: 1px solid #999999;
	padding: 0.15em;
}

input[type="file"] {
	font-size:0.689em;
	font-family: Verdana, Arial, sans-serif;
}

textarea {
	background: #f1f1f1;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.750em;
	border: 1px solid #999999;
	padding: 0.25em;
}

#errors {
	height: 2.5em;
	width: 19.5em;
}

#info_errors {
	width: 19.5em;
}

#info_errors li {
	margin:0 0 0 0;
	padding: 0.25em 0.5em;
}

#addition_info {
	position: relative;
}

#info_messages ul {
	position: absolute;
	right: 0;
	margin-right: 1em;
}

.errortext {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.689em;
	color: #cc0000;
	font-weight: bold;
}

#info_errors .errortext {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.689em;
	color: #cc0000;
	font-weight: lighter;
}

.infotext {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.689em;
	color: #f1592a;
}

.confirmation_text {
	color: #ff6600;
}
/*-----
set of recurring classes
-----*/
.help {
	color: #00aaff;
	background-color: #ccffff;
}

.credit {
}

.gone {
	text-indent: -9999px;
	font-size: 0.0625em;
}

.removed {
	display:none;	
}

.hidden {
	visibility:hidden;
	font-size: 0.25em;
}

[readonly]{
	color: #000000;
	background-color:#e3e3e3;
	border: 1px solid #aaaaaa;
}

[disabled] {
	color: #000000;
	background-color:#e3e3e3;
	border: 1px solid #aaaaaa;
}

.heading{
	padding-bottom: .5em;
}

.light{
	background-color: #f1f1f1;
}

.dark{
	background-color: #eaeaea;
}

/*-----
universal text align and style classes
------*/
.center {
	text-align: center;
}

.left {
	text-align: left;
}


.right {
	text-align: right;	
}

.eroute {
}

.sroute {
}

.sent {
}

.pending {
}

.clear {
	clear: both;	
}
/*-----
Layout for the home page on login
-----*/
#welcome {
	width: 60%;
	float: left;
}

#acct_status {
	margin-left: 60%;
	width: 35%;
}

#acct_status p {
	float: right;
}

#welcome p, #acct_status p {
	padding: 1em 0;
}

#quicklinks {
	margin: 8em auto 0;
}

#quicklinks h2 {
	margin: 0 auto;
}

#quicklinks ol {
	margin-top: 1em;
}

#homepagelinks li {
	float: left;
	width: 25%;
}

.left_link_box, .left_centerlink_box, .right_centerlink_box, .right_link_box {
	width: 85%;
	height: 10em;
	margin-bottom: 1em;	
	padding: 0.25em 0.15em 0 0;
	position: relative;
	display: block;
}

.left_link_box a, .left_centerlink_box a, .right_centerlink_box a, .right_link_box a {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 0.75em;
	font-family: Verdana, Arial, sans-serif;
}



/*-----
layout for the panel at the top of the interface 
to provide current account status and info
-----*/
#sms_account_status {
	height:1;
	clear:left;
	padding-top: 0.75em;
}

#center_content #sms_account_status p {
	padding: 0;	
}

/*-----

-----*/
#ready {
	width: 17.5em;
	padding:.5em;
}
/* ----------
Layout of the sections of the SMS send functions 
in order of steps, ie; Write message, choose who to send to,
Identify who is sending, Select route to send by, When to send
and finally to send
--------- */
#sms_send_form {
	padding-top: 2em;
	width: 100%;
	position: relative;
}

#email_import_box.sms_page_tool {
	margin: -1em auto;
	position: absolute;
	bottom: 0;
}

#message_details {
	position:relative;
}

#message_details legend .move {
	position: absolute;
	right:0;
	bottom:0;
	top:100%;
	margin-right: 0.5em;
	margin-top: 0.25em;
}

.message_count{
	color: #f1592a;
}

#message_details textarea {
	width:99%;
	height:5em;
	margin:0;
	resize:none;
}
/*-----
layout for the phonebook sections, starting with
surrounding div that contains the address book
section and the copy/paste panel
-----*/
#phonebook_box {
	margin-top:1em;
	float:left;
}

#phonebook_box p {
	padding: 0.15em 0 0.75em 0;
}

#phonebook_box h5 {
	width: 13em;
	height: auto;
	top:0;
	margin: 0;
}

#phonebook_box #contact_heading {
	margin-bottom: -1em;
}

/*-----
layout for the address book section,
and the layout for the definition list that
may appear if user doesn't have Javascript enabled
----*/
#phone_book {
	width:13.5455em;
	height:22em;
	clear:right;
	float:left;
	overflow:auto;
	border:1px solid #999999;
	margin-top:.85em;
}

#phone_book dl {
	overflow: hidden;
	width: 100%;
	margin: .25em 0;
}

#phone_book dl label {
}

#phone_book dt {
	float:left;
}

#phone_book dd {
	margin: 0;
}

#phone_book dd.number {
	float: left;
	width: 70%;
}

#phone_book dd.select {
	float:right;
}

/*-----
layout for the copy/paste textarea
-----*/
#phone_box {
	margin-left: 14.25em;
	display: block;
	width:9.6364em;
}

#phone_box p {
	padding-top: 0;
}

#phone_numbers {
	border:1px solid #999999;
	width:100%;
	height: 22em;
	display: block;
	margin-top: 0.2em;
}

#sms_numbers {
	width:96%;
	height: 98%;
	overflow-y:scroll;
	overflow-x: none;
	display:block;
	border-style:none;
	border: 0px;
	resize:none;
	text-align:left;
	margin-top: 0;
	
}
/*-----
Surrounding div for the sending functions,
and layout for those sections
-----*/
#deliver_box {
	float:right;
	margin-top: 3em;
	width: 16.5em;
}
/*-----
Layout for the Sender Details section
-----*/
#sender_box {
	width:100%;
	margin-bottom: 1em;
}

.limit {
	color: #666666;
}

#sender_details legend {
	padding-bottom: 0.5em;
}
/*-----
layout for the Method or route selection
-----*/
#route_box {
	width:100%;
	margin-bottom: 1em;
}

#route_details {
	padding:0 .5em;
	margin:0 auto;
}
/*-----
layout for the When to Send section
-----*/
#time_box {
	width:100%;
	height: 13em;
}

#time_details {
	padding:0 .5em;
	margin:0 auto;
}
/*-----
CSS just for the date fields
------*/
#date {
	font-size:50%;
	width:100%;
}

#date legend {
	text-indent:-9999px;
}

#date li {
	float:left;
	margin: .5em .5em 0 .75em;
}

#date label {
	position: absolute;
	left: -999em;
}
/*-----
CSS just for the time fields
------*/
#time {
	font-size:50%;
}

#time legend {
	text-indent:-9999px;
}

#time li {
	float:left;
	margin: .25em .75em .25em .75em;
}

#time label {
	position: absolute;
	left: -999em;
}
/*-----
layout for the final Submit or send button
----*/


#ready_details {
	padding-top:0.5em;
	margin:0 auto;
	width: 75%;
}

#ready_details input {
	width: 80%;
	float: right;
}

#submit_feedback {
	clear: both;
	padding-top: 0.5em;
}
/*-----
END OF THE SMS SEND PAGE
------*/
/*-----
Layout and styles for the SMS send confirmation page
------*/
.confirmation_box {
	height:4.5em;
	padding-top: 1em;
}

#message_repeat {
	border:1px solid #999999;
	width:80%;
	margin:.25em auto .5em;
	height: 3em;
}

#message_repeat p {
	background: #f1f1f1;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.750em;
	padding: 0.25em;
}

.confirm_steps {
	height:6em;
	width:30%;
	float:left;
	text-align:center;
	padding: 0 0.5em;
}

.confirm_steps p {
	width: 80%;
	margin: 0 auto;
}

.final_steps {
	height:6em;
	width:35%;
	float:left;
	text-align:justify;
	padding: 0 3em;
}

.final_steps input {
	margin-left:2em;
}

.final_steps p {
	clear: both;
}

#confirmed {
	float:right;
	margin-right: 2.5em;	
}

#confirmed input {
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.note {
	text-align: center;	
	padding-top: 0;
}
/*-----
END OF THE SMS SEND CONFIRM PAGE
-----*/
/*--------------------
the email sending pages, starting with step one
---------------------*/
#email_setup_form {
	margin-left: 1.5em;
}

#email_header {
	margin: .5em auto 2em;
}

#email_header dl {
	padding-top: 0.25em;
	padding-bottom: 1em;
}

#email_header dl dt {
	padding-bottom: 0.25em;
}

#center_content #email_header p {
	margin-bottom: 0.5em;
}

#email_header input{
	width: 65%;
}

#center_content #email_header label {
	display:block;
	float:left;
	width:18%;
	padding-top: 0.5em;
}

#center_content #email_header .errortext {
	padding-top: 0;
	margin-left: 17%;
}

#email_upload ul {
	margin: 0.75em 0;
}

#email_upload label {
	float: left;
	width: 30%;
}

#email_step legend, #email_backstep legend {
	margin-bottom: 0.25em;
}
/*-----
Layout for the second page, Email HTML and TEXT
copy and paste panels, also merge field buttons
-----*/

#email_copy p {
	margin: .5em 0;	
}

#email_paste_html {
	float:left;
	width:47%;
}

#email_paste_html textarea, #email_paste_text textarea {
	width: 100%;	
}

#email_paste_text {
	margin-left: 49%;
	width:47%;

}

#email_paste_text label {
	display: block;
	padding-top: 0.24em;
	padding-bottom: 0.2em;
}

#email_upload li {
	padding: 0.5em 0;
}

#email_merge {
	margin-top: 1em;
	width: 55%;
}

#email_merge legend {
	margin-bottom: 0.5em;
}

#email_merge ol {
	margin: 0.5em 0;
}

#email_merge li {
	display: inline;
	padding: 0 1.25em 0 0;	
}

#email_merge legend span{
	cursor: help;
}

#email_merge label {
	position: absolute;
	left: -9999px;	
}
/*layout for the third page, Email sending. The phonebook
box takes it's CSS from the SMS send page, so to adjust see
up this document for #phonebook. So to does the time and date
function, see #date and #time and associated id's.
-----*/
#email_import_box {
	margin: 0.5em auto;
}

#email_import ol {
	margin-bottom: 0.25em;
}

#email_import label{
	display:block;
	float:left;
	margin-right:0.625em;
	margin-top: 0.25em;
}

#email_import input {
	margin:.25em 0;		
}

#email_send_form #select_heading {
	margin-bottom: 0.5em;
}

#email_send_form h5 {
	width: 15em;
	height: auto;
	top:0;
	margin: 0;
}

#email_send_form #contact_heading {
	margin-bottom: -1em;
}

#email_box {
	margin-left:38%;
	width:60%;
	display: block;
}

#email_recipients {
	border:1px solid #999999;
	margin-top:0.2em;
	height: 22em;
	width: 100%;
}

#email_box legend {
	padding-bottom:.5em;
}

#email_box textarea {
	overflow:auto;
	width:98%;
	height:98%;
	display:block;
	border: 0px #ffffff none;
	resize:none;
	text-align:left;
	white-space: normal;
	margin: 0;	
}

#email_schedule {
	margin: 0.5em 0;	
}

#email_schedule label {
	margin-right: 10em;
}

#email_schedule #date, #email_schedule #time {
	margin-left:26em;
	width: 50%;	
}

#clear {
	clear: both;	
}
/*-----
Layout for the fourth page, sending out test
HTML and Text emails
-----*/
#email_test {
	width:100%;
	margin:1em auto;	
}

#email_test p {
	padding: .5em 5em;
	width:75%;	
}

#email_test ol {
	margin:.5em auto;
}

#email_test li {
	padding: 0.5em 0.5em;	
}

#email_test li p {
	margin-left: 12em;
	padding: 0.25em 0em;
}

#email_test label {
	display:block;
	float:left;
	width:20%;
	padding-top: 0.25em;
}

#email_test input {
	width: 60%;	
}

#email_test .email_test_butt {
	float: right;
	margin-right:8em;
}

#email_test .email_test_butt label {
	width: 8em;
}

#email_test input[type="submit"] {
	width: 17em;
}

#center_content #email_test .errortext p{
	padding-top: 0;
	margin-left: 12%;
}
/*-----
Layout for the final and fifth page, to confirm
the send out of the Email. The middle section about
Recipients, Cost and When are styled from the same
CSS as SMS send confirm
-----*/


#email_confirm {
	margin-bottom: 2em;
}

#email_confirm li, #email_confirm legend, #email_confirm p {
	clear: both;
	margin: 0 0 1em;
	padding: 0;
}

#center_content #email_confirm label {
	display:block;
	float:left;
	width:20%;
	padding-top: 0.25em;
}

#email_confirm input {
	width:65%;	
}

/*-----
Layout for the back and forward buttons
at the bottom of the pages to preceed through
the Email Broadcast screens
-----*/
#email_step {
	float: right;
	margin: .5em 1em;
}

#email_step input, #email_backstep input {
	width: 12em;	
}

#email_backstep {
	float: left;
	margin: 0.5em 1em;
}
/*-----
END OF THE EMAIL SEND PAGES
-----*/
/*------
styles for the import/export pages
-------*/
.accessaid {
	text-indent: -9999px;
}

#import{
	width:48%;
	float:left;
}
#center_content #import legend {
	padding:0.45em 0.4em 0.4em;
	margin-top:0em;
	letter-spacing: -1px;
}

#import p {
	padding:.5em;
}

#import dl {
	padding:.5em;
}

#import dt {
	padding-bottom: .25em;
}

#center_content #import label {
	padding-bottom: .25em;
}

#import dt.imp_label {
	display: inline-block;
	margin-left: 5.5em;
	padding-bottom: 0;
}

.imp_exp_butt, dt.imp_label {
	float: left;
	margin-top: 1.25em;
}

#import #import_options {
	padding:0;
}

#import_options dt{
	padding:.5em 0;
}

#import_options dd {
	padding:.25em;
}

#import_options input {
	padding:.25em;
}

#selection{
	width: 68%;
}
	
#new_group {
	width:64%;
}

.imp_exp_butt {
	float: right;
	margin-right: 1em;
}

#import-help {
	margin-left:50%;
}

#import-help h4 {
	letter-spacing: -1px;
	margin-left: 1%;
}

#import-help p {
	padding: .5em;
	text-align: justify;
}

#import-help samp {
	font:menu;
}

#import-help ol {
	margin-left:1em;
	padding:1em .25em;
}

#import-help li {
	list-style: decimal;
	padding:.25em .5em .25em 0;
	text-align: justify;
}
/*-----
END OF IMPORT / EXPORT PAGE
-----*/
/*------
layout for the Phonebook page
------*/
/* --- head section with search for phonebook interface -- */

#phonebook_header {
	*margin-bottom: 2em;
}

#searchC {
	width: 100%;
	float: left;
	position: relative;
	height: 1%;
	margin-bottom: 2em;
}

#searchC p{
	margin-left: 17em;
	margin-top: 1em;
	float: right;
	
}

#searchC p label {
	position: absolute;
	top:0;
	padding-top: 0;
}

#searchC p input {
}

#searchC p button {
	cursor:pointer;
	vertical-align: bottom;
	margin-left: 0.25em;
}

#phonebook_edit_tools li {
	float: left;
	padding: 0;
	margin-right: 0.25em;
}

#phonebook_preferences {
	position: absolute;
	top: 3em;
	left: 0em;
	width: 15em;
}

#phonebook_preferences li {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #8e8e8e;
	font-weight: bold;
}

#phonebook_import-add {
	position: absolute;
	top: 1em;
	left: 0;
}

#phonebook_import-add input {

}
/* -- end of the head section for phonebook interface -- */

/* -- phonebook body and left side menu --*/
#phonebook_body {
	clear:both;
	width: 100%;
	*width: 41em;
	display: block;
	float: left;
	position: relative;
}
#group_menu {
	width:25%;
	padding: 3em 0em 0.5em;
	float:left;
	line-height:1.5em;
}

#group_menu dd {
	margin: 0;
}
	
#group_menu dl {
	height: 100%;
	padding: 0em  .5em;
	border: 1px solid #999999;
}

#center_content #group_menu li {
	padding-top: 0;
}

.clear-right {
	float:right;
}
/* -- close of the side menu -- */
/* -- the main phonebook application interface stylings -- */
#account_window {
	float: right;
	width:73%;
}

#account_window_header {
	padding:0;
	height: 2em;
	display: block;
}

#account_window_header h4 {
	font-size: 0.75em;
	font-family: Verdana, Arial, sans-serif;
	color: #8e8e8e;
	display: inline-block;
}

#account_window_header h5 {
	padding-left: .5em;
	
}

#account_window_header p {
	float:right;
	margin-top:-2em;
	padding-right:.5em;
}

#account_window caption {
	text-indent: -9999px;
	line-height: .25em;
}

#account_window label {
	visibility: hidden;
}

#account_window table {

}

#account_window table thead {
}

#account_window table th {
	padding:.25em;
}

#account_window table #input  {
	text-align:left;
}

#account_window table #contact {
	text-align:left;
}

.checkbox input{
	margin-left:1.5em;
}

.person {
	padding-left:1em;
}

.mobile {
	text-align:left;
	padding-top:.25em;
}

.group_sort {
	text-align: left;
}

.email {
	vertical-align:middle;
	font-style: italic;
}

/* ------
Pagination
-----*/
.pages {
	display: inline-block;
	float: right;
	width: 12em;
}

.pagination {
	float:right;
	padding-top:.25em;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;	
}

#center_content .pagination li {
	padding-top: 0;	
}
	
.pagination li{
	border:0;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
.pagination a{
	border-right:solid 1px #DEDEDE;
	margin-right:.25em;
}
.pagination .previous-off,
.pagination .next-off {
	color:#888888;
	display:block;
	float:left;
	font-weight: bold;
	padding:.3em .4em;
}	
.pagination .next a,
.pagination .previous a{
	border:none;
	font-weight: bold;
}	
.pagination .active{
	color: #000000;
	font-weight: bold;
	display:block;
	float:left;
	padding:.4em .6em;
	border-right:solid 1px #DEDEDE;
}
.pagination a:link, 
.pagination a:visited {
	display:block;
	float:left;
	padding:0em .6em;
	text-decoration:underline;
	color: #8e8e8e;
}
.pagination a:hover{
	text-decoration:none;
}
	
/*--- the drop down selection box at the bottom -- */	
.select_options {
	margin-bottom: 1em;
	height: 1.75em;
	display: block;
	width: 100%;
}
#center_content .select_options span {
	float:left;
	padding: 0;
}

.select_options input {
	margin:0 .25em;
}	

#center_content .select_options p {
	float:right;
	padding-top: 0;
}

#center_content .select_options p {
	*width: 12em;
	*margin-top: -1.5em;
}

#center_content .select_options p select {
	padding: 0;
	margin: 0;
}

.select_options button {
	cursor:pointer;
	margin: 0;
	vertical-align: bottom;
}
/*-----
END OF PHONEBOOK PAGE
-----*/
/*-----
Layout for the preferences page
------*/

#preferences {
	margin-left: 1.5em;
	width: 75%;
}

#preferences fieldset {
	margin: 0.75em 0;
}

#preferences legend {
	padding:1em 0;
	margin-top:0em;
	letter-spacing: -1px;
}

#preferences label {
	float:left;
	margin-right:0.90909em;
	margin-top: 0.27273em;
	width:22em;
	padding-top: 0;
}

#preferences li {
	margin: 0 0 .75em;
	padding:0;
}

#preferences #default_route li {
	margin-bottom: 0.25em;
}

#preferences input {
	width: 45%;
}

#default_route label {
	width: 16em;
	margin-left: 5.5em;
}

#default_route input {
	width: 2%;
}

#preferences .pref_route_butt {
	float: right;
	margin-top: 1em;
	margin-right: 1em;
}

#preferences .pref_route_butt label {
	width: 17.5em;
}

#preferences #save_route {
	width: 10em;
}

#preferences #password_reset {
	margin-top: 3em;
}

#preferences .pref_pass_butt {
	float: right;
	margin-top: 1em;
	margin-right: 1em;
}

#preferences .pref_pass_butt label {
	width: 12em;
}

#preferences #update_password {
	width: 13em;
}

#password_reset label {
	width: 16em;
	margin-left: 5.5em;
}

#password_reset input {
	width: 40%;
}

/*-----
END OF PREFERENCES PAGE
-----*/
/*-----
layout for the add a contact page
------*/

#add_contact-page {
	width: 50%;
	margin: 0 auto;
}


#add_contact legend {
	padding:0.45em 0 0.4em;
	margin-top:0em;
	margin-bottom: 1em;
	letter-spacing: -1px;
}

#add_contact li {
	margin-bottom: 1em;
	padding:0;
}

#add_contact label {
	display:block;
	float:left;
	width:9em;
	padding-top: 0.5em;
	position: relative;
}

#add_contact label em.format {
	font-size: 0.875em;
	position: absolute;
	color: #666666;
	top: 1;
	right: -184px;
	
}

#add_contact input{
	width:60%;
}

#add_contact #title, #add_contact #save {
	width: 6em;
}

#add_contact .formsave_butt {
	margin-left: 9em;
}

#add_contact select {
	 width: 61%;
}
/*--------------
styles for confirming add a contact page, essentially a repeat of the previous style
----------*/
#confirm-add_contact-page {
	width:75%;
	margin:0 auto;
}

#confirm_buttons {
	width: 75%;
	margin: 0 auto;
}

#confirm_buttons legend {
	text-indent: -999px;
}

#confirm_buttons label {
	position:absolute;
	left: -999px;
}

#confirm_buttons input {
	width:30%;
	margin-left:2.5em;
}

#confirm_buttons a {
	text-decoration: none;
}

#confirm_buttons li {
	display: inline;
}

#confirm-add_contact {
	padding:.25em 1em 0 1em;
}

#confirm-add_contact legend {
	padding:0.45em 0.4em 0.4em;
	margin-top:0em;
	letter-spacing: -1px;
}

#confirm-add_contact  ol {
	border-top: 1px solid #d5d5d5;
}

#confirm-add_contact li {
	margin:0 0 .75em;
	clear:both;
	padding:0;
}

#confirm-add_contact label {
	display:block;
	float:left;
	line-height:1.6em;
	margin-right:0.90909em;
	text-align:right;
	width:10.9em;
}

#confirm-add_contact input{
	width:40%;
}

#confirm-add_contact select {
	width: 41%;
}
/*-----
END OF ADD AND CONFIRM ADD CONTACT PAGES
-----*/
/*--------------------------
styles for the add/edit group pages
--------------------------*/
#manage_group-page {
	margin-top: 0.75em;
}

#edit_group{
	width: 95%;
	margin: 0 auto;
}


#edit_group tbody li, #edit_group tfoot li {
	padding-top:0;
	margin-left:2em;
}

#edit_group caption {
	text-indent: -9999px;
}


#edit_group td, #edit_group th {
	padding-top: 0.5em;
	padding-bottom: .25em;
}

#edit_group .left input {
	width: 90%;
}

#edit_group #new_save {
	vertical-align: bottom;
}

#edit_group .right {
	vertical-align:top;
	padding-top: 0.5em;
	padding-bottom: 0em;
}

#edit_group .center input {
	margin:0em;
}

#edit_group .center label {
	vertical-align: top;
	text-align: left;
	padding-top: 0;
}

#edit_group .center p.infotext {
	text-align: left;
	padding: 0 0.25em;
}

#edit_group tfoot td{
	margin-top: 0.5em;
	vertical-align: bottom;
}
/*-----
END OF THE ADD/EDIT GROUPS PAGE
-----*/
/*-----
Layout for add/manage users
-----*/
#manage_user_table {
	width: 95%;
	margin: 0 auto;
}

#manage_user_table caption {
	text-align: left;
}

#edit_acct_user th, #edit_acct_user td {
	padding:0.65em 0 0.25em;
}

#add_new_user {
	width: 95%;
	margin: 0.5em auto;
}

#add_new_user legend {
	margin-bottom: 0.5em;
}

#adding_new_user {
	width: 95%;
	margin: 0.5em auto;
}

#adding_new_user p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #808080;
}

#adding_new_user span.fb_required {
	color: #cc0000;
}

#user_edit_account legend, #user_edit_contact legend {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #7ea800;
	font-weight: bold;
}

#adding_new_user table {
	width: 52%;
}

#adding_new_user table td {
	padding: 0.25em 0 0.25em;
}

#user_edit_email_label, #user_edit_username_label, #user_edit_password_label, #user_edit_active_label, #user_edit_first_name_label, #user_edit_last_name_label, #user_edit_mobile_label {
	width: 23%;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #808080;
}

#user_edit_username_field, #user_edit_password_field, #user_edit_active_field, #user_edit_first_name_field, #user_edit_last_name_field, #user_edit_mobile_field {
	width: 40%;
}

#user_edit input[type="text"] {
	width: 100%;
}

#user_edit #mobile {
	width: 80%;
}

#user_edit_controls {
	margin-left: 44%;
}

/*-----
END OF ADD/MANAGE USERS PAGES
-----*/
/*-----
layout for the edit account details page
-----*/
#account_details {
	width: 35em;
	display: block;
	margin: 0 auto;
}

#account_details fieldset {
	margin: 1em 0;
}

#account_details p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #808080;
}

#account_details span.fb_required {
	color: #cc0000;
}

#account_details legend {
	padding:0.4em 0;
	margin-top:0em;
	letter-spacing: -1px;
}

#edit_client_contact legend, #edit_client_address legend {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #7ea800;
	font-weight: bold;
}

#account_details table {
	width: 52%;
}

#account_details table td {
	padding: 0.25em 0 0.25em;
}

#edit_client_company_name_label, #edit_client_first_name_label, #edit_client_last_name_label, #edit_client_phone_label, #edit_client_fax_label, #edit_client_mobile_label, #edit_client_email_label, #edit_client_street_number_label, #edit_client_address_label, #edit_client_suburb_label, #edit_client_state_label, #edit_client_postcode_label {
	width: 20%;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #808080;	
}

#edit_client_first_name_label, #edit_client_last_name_label {
	color: #cc0000;
}

#edit_client_company_name_field, #edit_client_first_name_field, #edit_client_last_name_field, #edit_client_phone_field, #edit_client_fax_field, #edit_client_mobile_field, #edit_client_email_field, #edit_client_street_number_field, #edit_client_address_field, #edit_client_suburb_field, #edit_client_state_field, #edit_client_postcode_field {
	width: 40%;
}

#account_details input[type="text"] {
	width: 100%;
}

#account_details #phone, #account_details #fax, #account_details #mobile {
	width: 80%;
}

#account_details #state {
	width: 50%;
}

#account_details #street_number, #account_details #postcode {
	width: 20%;
}

#edit_client_controls {
	margin-left: 44%;
}
/*layout for edit clients*/
.broadcast_edit_clients fieldset {
	float: left;
}

.broadcast_edit_clients #client_search {
	margin-left: 4em;
}

.broadcast_edit_clients legend {
	margin-bottom: 0.5em;
}

.broadcast_edit_clients table {
	margin-top: 1em;
}

.broadcast_edit_clients table th {
	padding-bottom: 0.5em;
}

.broadcast_edit_clients table td {
	padding: 0.5em;
}

/*-----
Layout for topping up the account,
first the top up page
------*/

#account_top_up {
	width:50%;
	margin:0 auto;
}

#account_top_up fieldset {
	margin: 1.5em 0;
}

#account_top_up legend {
	padding:0.45em 0;
}

#dollar legend {
	padding-bottom: 1em;
}

#dollar label span.dollarsign {
	margin-left: 3.75em;
	font-size: 1.275em;
}

#dollar p {
	width: 15em;
	line-height: 0.75em;
}

fieldset#credit_card {
	margin-top: 0em;
}

#credit_card legend {
	padding-bottom: 1em;
}

#credit_card p, #credit_card img {
	float:left;
}

#credit_card p {
	padding-top: 0.75em;
}

#account_top_up li.cc_logos img {
	margin-left: 8.25em;
	margin-top: -1em;
}

#account_top_up li {
	clear:both;
	margin: 0 0 1em;
	padding:0;
}

#account_top_up li.cc_logos {
	margin-bottom: 0;
}

#account_top_up label {
	display:block;
	float:left;
	width:13em;
	padding-top: 0.5em;
}

#account_top_up #dollar label {
	padding-top: 0.25em;
}

#dollar input {
	width:6.25em;
	margin-bottom: 0.5em;
}

#credit_card #cc_type, #credit_card #cc_number, #credit_card #cc_nameholder {
	width:30%;
}

.cc_ex {
	display: inline-block;
}

#cc_expiry {
	display: inline-block;
}


#cc_expiry #card_year {
	margin-left: 0.2em;
}

li.date {
	display:inline;
}

#card_cvc, #cc_cvc {
	width: 2.25em;
}

#buy .topup_butt {
	margin-left: 28%;
}

#buy .topup_butt label {
	width: 10em;
	padding-top: 0.25em;
}

#buy #buy_top_up {
	width: 7em;
}

#buy #reset_top_up {
	margin-left: 2.5em;
}


/*--------
now the confirm top up page
--------*/

.date input {
	width: 10%;	
}

#confirm_buy .topup_butt {
	float: right;
	margin-right: 2.25em;
}

#confirm_buy .topup_butt label {
	width: 10em;
	padding-top: 0.25em;
}

#confirm_buy #confirm_top_up {
	width: 7em;
}
/*-----
END OF THE TOP UP PAGES
-----*/
/*------
Layout for report generation page
------*/
#reports {
	width:95%;
	margin-left: 1.5em;
}

#reports legend {
	padding: .75em 2em;	
}

#reports label {
	position: absolute;
	left: -9999px;	
}

#reports ol {
	width: 100%;
	margin:0 auto;	
}

#reports li {
	display: inline;
	padding: 1.3em;	
}

#reports select, #reports input {
	width: 25%;
}

#broadcast_summary {
	margin: 1em 0 2em 0;
	width: 102%;
	padding-bottom: 2em;
}

#search_breakdown {
	width: 100%;
}

#search_breakdown ol {
	margin-bottom: 1em;
}

#date_select {
	margin: 1.5em 0 0 1.25em;
	width: 100%;
}


#date_select li {
	padding: 0;
	padding-right:0.25em;
}

#date_select #from_date legend, #date_select #to_date legend {
	font-weight: normal;
}

#from_date {
	float: left;
	padding:0;
	width: 40%;
}

#to_date {
	display: inline;
	padding:0;
	margin-left: 15%;
	width: 40%;
}

#date_select legend {
	padding: 0;
	font-weight: bold;
	padding-bottom: .25em;
}

#date_select select, #date_select option {
	width: auto;
	
}

#target_search {
	margin: .75em 0 0 1.25em;
	position: relative;
}

#get_target_search {
	float: right;
	margin: 1em 4em 0 0;
}
/*-----
END OF REPORT GENERATION PAGE
-----*/
/*----
Layout for the Search and Preference functions
at the top of the search results pages
----*/
/*-------
styles for the internal search boxes
-------*/
#internal_search {
	padding: .25em .5em;
	float: right;
}

#internal_search li {
	display: inline;
}
#internal_search label {
	position: absolute;
	left: -9999px;
}

#internal_search #date_select {
	margin:.5em 0 0;
}

#internal_search #date_select {
	float:left;
}

#internal_search #to_date {
	margin-left: .25em;
}

#report_preferences {
	padding: .5em;
}

#report_preferences li {
	display: inline;
}

.printicon {
	text-align: right;
	float:right;
}

/*-----
Layout for the summary / contact report pages
-----*/
#report_results {
	margin: 0 auto;	
}

#report_results caption {
	padding-bottom: 1em;
	padding-top: .5em;
	margin-left:62%;
}

#report_results table {
	width: 100%;
	table-layout: fixed;
}

#report_results th {
	padding-bottom:0.25em;
}

#report_results td {
	padding: .5em 0;
	overflow: hidden;
}


/*-----
END OF REPORT PAGES
-----*/
/* graph Page */

#Some_info {
  padding: 0.90909em;
}


#compare_button {
  float: right;
  width:50%;
}

#compare_button label {
	text-indent: -9999px;
	position: absolute;
}

#compare_button input {
	margin: 0.9em 0.9em 0.9em 3.5em;
	width: 90%;
}

#read_notread_div {
	float:left;
}

#click_read_div {
  margin-left: 55%;
}

#link_click_div {
  clear: both;
  margin-bottom: 4.55em;
}

#reads_time_div {
  clear: both;
}

/* Compare Graph page */

#click_sent_div {
  clear: left;
}
#c_read_notread_div {
  clear: left;
}
#read_sent_div {
  clear: left;
}


/* graph Legend */
#read_notread_legend {
  float: right;
  padding:2.75em .2em 0;
}
#click_sent_legend {
  float: right;
   padding:2.75em .2em 0;
}
#read_sent_legend {
  float: right;
   padding:2.75em .2em 0;
}

.legendcontainer {
	width:8.45455em;
}

.legendcontainer td {
	vertical-align: middle;
}

.legendbox {
  width: 0.90909em;
  height: 0.90909em;
}
.legendlabel {
  padding: 0.273em;
}

/*-------------
Layout for the signup page
----------*/
#sms_signup {
	width:95%;
	margin:0 auto;
}

#sms_signup fieldset {
	margin: 1em 0 2em;
}

#sms_signup legend {
	padding:0.4em 0;
	margin-top:0em;
	letter-spacing: -1px;
	text-align: left;
}

#sms_signup label {
	float:left;
	width:11em;
}

#sms_signup #service_agreement p {
	display: inline;
	margin-top: 1em;
}

#sms_signup #service_agreement label {
	width: 50%;
	padding-top: 0.15em;
	float: right;
	margin-right: 46%;
}

#sms_signup #service_agreement input {
	margin: 0;
}

#sms_signup input[type="text"] {
	width: 40%;	
}

#sms_signup #submit_signup {
	margin-top: 3em;
}

#sms_signup #street_number, #sms_signup #postcode, #sms_signup #po_box {
	width: 6em;
}

#sms_signup #phone, #sms_signup #mobile, #sms_signup #fax, #sms_signup #company_abn {
	width: 20%;
}

#sms_signup #submit_signup ol, #sms_signup #submit_signup li {
	display: inline;
	margin-left: 5em;
}

#sms_signup #submit_signup input {
	width: 20%;
}

#sms_signup  li {
	clear:both;
	margin: 0.5em 0 0.25em;
	padding:0;
}

#sms_signup  li.bodytext {
	margin: 0;
}

#sms_signup  li .errortext {
	padding-left: 16em;
	display: inline;
}

#sms_signup abbr {
	cursor:help;
	font-style:normal;
	border:0;
	color: #f00;
}

#sms_signup .abn_abbr {
	color: #333333;
}

#account_user_info label span {
	display:block;
	float:right;
	width: 100%;
	text-align:justify;
	padding-top:.5em;
	padding-bottom: 0.75em;
}

div.termsconditions {
	height: 8em;
	overflow: auto;
	width: 88%;
	margin-bottom: 1em;
}
/*-----
Confirmation of signup page
------*/
#thanks {
	width: 75%;
	margin: 4em auto;
}
/*-------
Layout for the login page
---------*/

#login {
	margin-left: 5em;
}

#login fieldset {
	margin: 1em 0;
}

#login legend {
	padding:0.45em 0;
	margin-top:0em;
	letter-spacing: -1px;
}

#login li {
	margin:0 0 .5em;
	clear:both;
}

#login label {
	display:block;
	float:left;
	margin-right:0.25em;
	width:8em;
	padding-top: 0.5em;
}

#login input {
	width:36%;
}

#login #login_button {
	width:15%;
	margin-bottom:.5em;
}

#login p {
	clear:left;
	margin:1em 0;
}

/*-----------
logout box
----------*/

#logout_box {
	width: 35%;
	margin: 5em auto;	
}

/*COLO LAYOUT PAGES*/
#colo_select_dates {
	margin-top: 1em;
}

#colo_select_dates li {
	float: left;
	margin: 1em 0;
}

/* data usage table */

.colo_display_usage #usage_table {
  border-width: 1px;
  border-spacing: 2px;
  border-style: outset;
  border-color: gray;
  border-collapse: collapse;
  background-color: white;
}

.colo_display_usage th {
  border-width: 3px;
  padding: 5px;
  border-style: solid;
  border-color: gray;
  background-color: white;
  -moz-border-radius: 0px;
}

.colo_display_usage td {
  border-width: 3px;
  padding: 5px;
  border-style: solid;
  border-color: gray;
  background-color: white;
  -moz-border-radius: 0px;
}