body {
margin:none;
padding:none;
}

body, td {
}

#id_td_left {
background-color:#DFDFDF;
}
/* Left side menu */

#menu_left, #menu_left td {
text-align:center;
margin-top:5px;
border-collapse:collapse;
border:1px solid black;
width:100%;
}

#menu_left a {
text-decoration:none;
}

td.menu_left a {
color:darkblue;
font-size:16px;
}

td.menu_active a {
color:black;
font-size:24px;
}

td.menu_not_active a:hover {
color:blue;
}

/* End Left side menu */

/* Override each ACTION */
#action_message_admin iframe,
#action_asa_signup iframe {
width:750px;
margin-bottom:50px;
}

#table_body {
width:100%;
height:100%;
}
#table_body_top {
left:275px;
}
#table_body_left {
width:270px;
}
#table_body_center {
padding-top:100px;
width:800px;
}
#table_body_right {
width:100px;
}
#table_body_bottom {
}

#form_user_div {
margin-top:5px;
width:300px;
}

#logo_top_left {
position:fixed;
top:0;
left:0;
}


#logo_header,
#logo_footer {
position:fixed;
left:350px;
width:765;
}
#logo_header {
top:0px;
}
#logo_footer {
bottom: 0px;
}

.page_title {
text-align:center;
text-decoration:underline;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;
font: bold 20px Tahoma, Arial, sans-serif;
}

#title {
text-decoration:underline;
font-weight:bold;
font-size:20px;
margin-top:5px;
margin-bottom:15px;
}

#sms_grid_form {
margin-top:5px;
}

table.sms {
text-align:center;
width:300px;
border-collapse:collapse;
}

#div4grid{
float:left;
/*
width:600px;
background-color:black;
overflow:auto;
border:1px solid black;
*/
cursor:pointer;
margin-right:5px;
padding:1px;
}


table.sms form {
}
table.sms td {
padding:3px;
}

table.sms tr.first td {
padding-top:10px;
}
table.sms tr.last td {
padding-bottom:10px;
}

table.sms tr td.buttons,
#tr_already_member,
#tr_not_member,
table.sms tr th {
background: url(../images/th_bg.jpg) repeat-x top #CDD8EB;
border-top: 1px solid #ccc;
border-right: none;
border-left: none;
padding: 5px 5px 3px 6px;
vertical-align: top;
font: bold 11px Tahoma, Arial, sans-serif;
color: #000;
text-align:center;
}

table.sms tr td.buttons {
margin-top:10px;
}

#tr_already_member,
#tr_not_member {
border-top:1px solid black;
font-size:10px;
}


table.sms td.first { 
padding-left:10px;
background:#FFFFFF url(../images/td_bg_left.jpg) repeat-y scroll left center;
} 

table.sms tr td.last { 
padding-right:10px;
background: #FFFFFF url(../images/td_bg_right.jpg) repeat-y scroll right center
}

.charcount,
table.sms .buttons,
table.sms tr td label {
font-family:Tahoma,Arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
padding-left:3px;
color:#5F5E59;
}

table.sms tr td label {
float:right;
}

table.sms tr td.last input,
table.sms tr td.last textarea {
float:left;
color:black;
}

table.sms tr td button {
}

table.sms tr td select {
width:200px;
}

table.sms tr td option {
width:400px;
}
#state option {
width:100px;
}

select[readonly],
input[readonly] {
background:#CFCFCF;
color:white;
}

input[disabled] {
background:#CFCFCF;
color:red;
}

table.sms tr.divider td {
border-top:1px solid black
}

table.sms tr.comment td {
border:1px solid black;
font-size:10px;
font-style:italic;
text-align:center;
background:black;
color:white;
}

table.sms tr.readonly td label,
table.sms tr.readonly td input {
font-style:italic;
}


#sms_footer {
margin-left:-10px;
margin-right:-10px;
position: fixed;
clear: both;
width: 102%;
height: 20px;
bottom: 0px;
border: none;
text-align: center;
color: white;
background: url(../images/footer.gif) repeat-x bottom;
vertical-align:middle;
font: bold 11px Tahoma, Arial, sans-serif;
color: #000;
padding-top:10px;
}

#copyright {
float:left;
text-align:left;
}

.table4menu_images {
border-collapse:collapse;
position:fixed;
top:150px;
width:270px;
}
.table4menu_images a:link,
.table4menu_images a:active,
.table4menu_images a:hover,
.table4menu_images a:visited {
color:white;
text-decoration:none;
}

/* Left Menu */
.table4menu_black_yellow {
border-collapse:collapse;
position:fixed;
top:100px;
font: bold 14px Tahoma, Arial, sans-serif;
width:100px;
}

.table4menu_black_yellow td {
height:30px;
background: url(../images/menu_black_bg.gif) repeat-x;
border:2px solid gray;
}

.table4menu_black_yellow td.active {
/* If using a backgound image
background: url(../images/menu_black_active.gif) repeat-x;
*/
background: yellow;
}
.table4menu_black_yellow td.active a {
color:black;
}

.table4menu_black_yellow a:link,
.table4menu_black_yellow a:active,
.table4menu_black_yellow a:visited {
color:white;
text-decoration:none;
}

.table4menu_black_yellow a:hover {
color:yellow;
text-decoration:none;
}


/* Left Menu */

.sms_footer_link a:link,
.sms_footer_link a:active,
.sms_footer_link a:visited {
color:white;
}

.sms_footer_link a:hover {
color:yellow;
}


#sms_footer .sms_footer_delim,
#sms_footer .sms_footer_link {
float:left;
padding-left:5px;
margin-top:5px;
}
#sms_footer .sms_footer_link{
cursor:pointer;
color:white;
}
#sms_footer .sms_footer_delim {
color:black;
}

#sms_footer .sms_footer_rlink{
margin-right:20px;
padding-right:5px;
float:right;
}

/* Edit User */

div.div_edit {
overflow:auto;
height:300px;
}
table.edit {
width:100%;
border-collapse:collapse;
}

table.edit th {
background-color:#cbcbcb;
border-bottom:2px solid black;
height:20px;
}

table.edit td {
height:20px;
font-family:tahoma;
font-size:12px;
text-align:center;
padding-top:3px;
padding-bottom:3px;
border-bottom:1px dotted gray;
}

table.data,
table.data td {
border-collapse:collapse;
border:1px solid black;
}
tr.even {
background-color: #eee
}
tr.odd {
background-color: #ddd
}

table.edit tr.odd td {
}
table.edit tr.even {
background-color:#e6e6e6;
}

table.form_edit {
font-family:tahoma;
font-size:12px;
}

td.form_edit_label {
text-align:right;
}
td.form_edit_input {
text-align:left;
}

/* Groups */
/* Select box for users */
.sbox_users {
height:250px;
width:100%
} 

.group_name {
font-weight:bold;
color:black;
}

#search_results {
text-align:center;
}

#search_results_members{
font-size:30px;
}

.suggestionsBox {
position: absolute;
left: 30px;
top:30px;
margin: 10px 0px 0px 0px;
min-width:300px;
max-width: 400px;
/*
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
*/
border: 1px solid #000;	
background-color: white;
color: black;
z-index:99;
}
	
.suggestionList {
margin: 0px;
padding: 0px;
}
	
.suggestionList li {
font-size:14px;
margin:0;
padding:0 3px 0 3px;
cursor: pointer;
background: #000000;
color:black;
list-style-type: none;
list-style-image: none;
background-image:none;
}
	
.suggestionList hr {
padding:0;
margin:0;
}

.suggestionList li:hover {
background-color: white;
color:black;
}

.suggestionList .noMatches {
margin: 0px 0px 3px 0px;
padding: 3px;
color:red;
}

.suggestionsBox .sbox_Pointer 
{
position:relative;
top:-12px;
left:10px;
}

.suggestionsBox {
background-color: #FFFFFF;
}

.suggestionsBox table th
{
text-align:center;
background-color:white;
}
.suggestionsBox table tr td
{
cursor:pointer;
text-align:center;
}

.suggestionsBox table tr.odd td
{
background-color:gray;
color:black;
}
.suggestionsBox table tr.odd td
{
background-color:white;
color:black;
}