* { font-family: Verdana, helvetica, sans-serif; font-size: 8pt; }
html, body { height: 100%; }
body { background: #383445 url(../images/bg-tile.png) repeat scroll 0 0;  color: #000; font-size: 8pt; }
#container { position: relative; min-height: 100%; margin: 0; padding: 0; width: 100%; overflow: show; }
* html #container { height: 100%; }
#mainmenu { position: absolute; left: 24px; top: 24px; padding: 1%; min-width: 240px; width: 240px; color: #000; }
#mainmenu #contentbox {width: 240px;}
#mainmenu .menuitems { border:0; padding: 0; margin: 0; z-index: 1; width: 190px; border-top: 1px solid #eee; }
#mainmenu a { font-size: 9pt; font-weight: bold; color: #000; text-decoration: none; display: block; z-index: 1; background-color: transparent; border-bottom: 1px solid #eee; padding: 0 2px; text-align: right; vertical-align: middle; line-height: 32px; height: 36px; }
#mainmenu a:hover { color: #cf2; background-color: #555; }
#mainmenu a img { border: 0; padding: 1px 4px 1px 8px; vertical-align: middle; }
#content { position: absolute; padding: 1%; top: 24px; left: 280px; right: 24px; bottom: 24px; color: #000; }

.stats { }
.stats td { padding: 2px !important; }
#mainhelpbox { margin-top: 4px; } 
.helpbox { padding: 4px; font-size: 7.5pt; }
.helpbox p { text-align: justify; word-wrap: break-word; font-size: 7.5pt;}
.helpbox ul { margin: 2px 2px 2px 8px; padding: 2px; }
.helpbox ul li { margin: 1px 2px 1px 6px; padding: 0; text-align: justify; word-wrap: break-word; font-size: 7.5pt; }
.error { background-color: #222; color: #f00; font-weight: bold; width: 400px; margin: 15px auto; padding: 16px; border: 2px solid #f00; }

.contentbox h1 { font-size: 11pt; font-weight: bold; text-align:left; margin: 4px 4px 4px 0; padding: 0; }
.contentbox { border-collapse: collapse; border-spacing: 0px; border: 0; width: 100%; height: 100%; padding: 0; margin: 0; z-index: 0; }
.contentbox td { padding: 0; margin: 0; }

.contentbox .tl  { width: 26px; height: 12px; background: transparent url(../images/tl.png) no-repeat scroll 0 0; }
.contentbox .tm2 { width: 112px; height: 12px; background: transparent url(../images/tm1.png) no-repeat scroll 0 0; padding:0; margin:0; position: relative; z-index: 0; }
.contentbox .tm  { height: 12px; background: transparent url(../images/tm2.png) repeat-x scroll 0 0; }
.contentbox .tr  { height: 12px; background: transparent url(../images/tr.png) no-repeat scroll 0 0; }

.contentbox .ml  { width: 26px; background: transparent url(../images/ml.png) repeat-y scroll 0 0; vertical-align: top; }
.contentbox .mm  { background: #fff url(../images/topshadow.jpg) repeat-x scroll 0 0; vertical-align: top; }
.contentbox .mr  { width: 26px; background: transparent url(../images/mr.png) repeat-y scroll 0 0; vertical-align: top; }

.contentbox .ml .shadow, .contentbox .mr .shadow { position: relative; background: #fff url(../images/topshadow.jpg) repeat-x scroll 0 0; padding: 0; margin: 0; height: 150px; width: 18px; z-index: 0; }
.contentbox .ml .shadow { left: 8px; }
.contentbox .bl  { width: 26px; height: 23px; background: transparent url(../images/bl.png) no-repeat scroll 0 0; }
.contentbox .bm  { height: 23px; background: transparent url(../images/bm.png) repeat-x scroll 0 0; }
.contentbox .br  { width: 26px; height: 23px; background: transparent url(../images/br.png) no-repeat scroll 0 0; }

.listview { border-collapse: collapse; background-color: #edeae6; border: 1px solid #000; margin: 4px; }
.listview td, .listview th { font-size: 8pt; font-family: Verdana, helvetica, sans-serif; padding: 1px 2px; }
.listview th { font-weight: bold; text-align: center; color: #fff; border: 1px solid #336; background: #232245 url(../images/cellshadow-dark.png) repeat-x scroll 0 0; }
.listview td { text-align: left; border: 1px solid #000; background: #fff url(../images/cellshadow.png) repeat-x scroll 0 0; }

.listview th, .listview th * { vertical-align: middle; }

.listview th a { text-decoration: none; color: #ddb !important; font-weight: bold; }
.listview th a:hover { text-decoration: underline; color: #fd0 !important;  }
.listview td a { text-decoration: none; color: #222; font-size: 7pt; font-weight: bold;}
.listview td a:hover { color: #fc1; }

.contact { width: 732px; margin: 8px auto; }
.contact th.fieldname, .contact td.fieldname { width: 100px; height: 24px; text-align: right; padding-right: 4px; }
.contact td.fieldvalue { width: 266px; height: 24px; text-align: right; padding: 0; }
.contact td input { width: 100%; height: 24px; border: 0; padding: 0; margin: 0; }

.contact-groups { width: 85%; margin: 24px auto 12px auto; }
.users { width: 85%; margin: 24px auto 12px auto; }

.user { width: 732px; margin: 8px auto; }
.user td input { width: 100%; height: 24px; border: 0; padding: 0; margin: 0; }

.event { width: 732px; margin: 8px auto; }
.events { width: 85%; margin: 24px auto 12px auto; }

.smses { width: 85%; margin: 24px auto 12px auto; }


// #innercontent { position: absolute; top: 32px; left: 2%;  z-index: 1;}
#innercontent { position: relative; width: 99%; min-height: 99%;}

.sms_compose { border: 0; width: 100%; margin: 2px auto 8px auto; }

.sms_compose .head { padding: 0 0 4px 0; }
.sms_compose .head table { border-collapse: collapse; border: 1px solid #222; width: 100%; }
.sms_compose .head table th, .sms_compose .head table td { border: 1px solid #222; vertical-align: top; }
.sms_compose .head table th { width: 12em; text-align: center; vertical-align: middle; padding: 2px 4px 2px 2px; background-color: #444; color: #fff; }
.sms_compose .head table td { text-align: left; padding: 2px; }
.sms_compose .head table td.buttons { width: 12em; vertical-align: middle; text-align: center; padding: 2px; line-height: 32px; }
.sms_compose .head table td.buttons input { width: 90%; }

.sms_compose .body { padding: 4px 0 0 0; }
.sms_compose .body table { border-collapse: collapse; border: 1px solid #222; width: 100%; }
.sms_compose .body table td { padding: 2px; text-align: left;vertical-align: top; border: 1px solid #222; }
.sms_compose .body table td.message_body { padding: 0; text-align: center; }
.sms_compose .body table td.message_body textarea { width: 99%; margin: 2px; }
.sms_compose .body table th.message_stats { width: 12em; vertical-align: middle; text-align: center; }

.m_recipient { display: inline-block; padding: 1px; font-size: 8pt; background-color: #caecca; text-align: center; vertical-align: middle; margin: 2px; line-height: 100%; border: 1px dotted #444; cursor: pointer; } 
.g_recipient { display: inline-block; padding: 1px; font-size: 8pt; background-color: #efecca; text-align: center; vertical-align: middle; margin: 2px; line-height: 100%; border: 1px dotted #444; cursor: pointer; } 
.s_recipient { display: inline-block; padding: 1px; font-size: 8pt; background-color: #caecef; text-align: center; vertical-align: middle; margin: 2px; line-height: 100%; border: 1px dotted #444; cursor: pointer; } 

#overlay, #event_overlay, #recp_overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: show; }
#overlay { z-index: 20; }
#event_overlay { z-index: 50; }
#recp_overlay { z-index: 100; }

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

.fieldgroup {
  border-collapse: collapse; width: 100%; padding: 0; margin: 0;
}

.fieldgroup td, .fieldgroup th { border: 1px solid #888; margin: 0; padding 2px;}
.listview .fieldname { background: #211f65 url(../images/cellshadow-semidark.png) repeat-x scroll 0 0; color: #fff; border: 1px solid #202060; font-weight: normal;  }


.event textarea { width: 99%; margin: 2px; }

.smses { }
.smses td { padding: 2px !important; }

.contacts td {}

table.nostyle { border: 0; border-collapse: 0; background: transparent; padding: 0; margin: 0; }
table.nostyle td, table.nostyle th { border: 0; background: transparent; }

table.cellpad2 td, table.cellpad1-2 th { padding: 1px 2px; }

a img { border: 0; }

.sms_keywords td { border: 1px dotted #888; padding: 2px 4px; }
.sms_keywords th {  }

.keyword { width: 532px; margin: 8px auto; }
.keyword th.fieldname, .keyword td.fieldname { width: 200px; height: 24px; text-align: right; padding-right: 4px; }
.keyword td.fieldvalue { width: 266px; height: 24px; text-align: right; padding: 0; }
.keyword td input { width: 100%; height: 24px; border: 0; padding: 0; margin: 0; }
.keyword td textarea { width: 100%; border: 0; padding: 0; margin: 0; }

.pick_winners { width: 400px; margin: 8px auto; }
.pick_winners th.fieldname, .keyword td.fieldname { width: 200px; height: 24px; text-align: right; padding-right: 4px; }
.pick_winners td.fieldvalue { width: 144px; height: 24px; text-align: right; padding: 0; }
.pick_winners td input { width: 100%; height: 24px; border: 0; padding: 0; margin: 0; }

.light_shadow { background: #eee url(../images/cellshadow.png) repeat-x scroll 0 0 !important; }
.blue_shadow { background: #aae url(../images/cellshadow-blue.png) repeat-x scroll 0 0 !important; }
.green_shadow { background: #aea url(../images/cellshadow-green.png) repeat-x scroll 0 0 !important; }
.yellow_shadow { background: #eea url(../images/cellshadow-yellow.png) repeat-x scroll 0 0 !important; }
.semidark_shadow { background: #b8d url(../images/cellshadow-semidark.png) repeat-x scroll 0 0 !important; }
.dark_shadow { background: #88d url(../images/cellshadow-dark.png) repeat-x scroll 0 0 !important; }

.horizbar { border: 1px solid #222; border-radius: 4px; }
.bar0 { background-color: #822 !important; }
.bar1 { background-color: #282 !important; }
.bar2 { background-color: #228 !important; }
.bar3 { background-color: #882 !important; }
.bar4 { background-color: #828 !important; }
.bar5 { background-color: #288 !important; }
.bar6 { background-color: #c44 !important; }
.bar7 { background-color: #4c4 !important; }
.bar8 { background-color: #44c !important; }
.bar9 { background-color: #cc4 !important; }

table.data {
	border-collapse: collapse;
	border: 1px solid #000;
	margin: 2px auto;
}
table.data th, table.data td {
	border-width: 1px;
	border-color: #000;
	border-style: dotted solid dotted solid;
}
table.data th.first, table.data td.first {
	border-top: 2px solid #000;
}