/* common */
body, td { margin: 0px; padding: 0px; font-family: verdana; font-size: 11px; text-align: left; }
body { background-color: #FFFFFF; cursor: default; }



/* header table */
.headerMenuTable { background-color: #FFFFFF; }
.headerMenuRow1 { background-color: #FFFFFF; }
.headerMenuRow2 { background-color: #FFFFFF; color: #444444; font-size: 11px; padding: 4px 8px 4px 8px; }
.headerMenuRow1 a { text-decoration: none; }



/* header links */
a.header:link, a.header:active, a.header:visited { text-decoration: none; font-size: 11px; color: #444444; }
a.header:hover { text-decoration: underline; font-size: 11px; color: #444444; }



/* top menu table */
.menuTable { border-color: #414142; border-style: solid; border-width: 1px 0px 0px 0px; }
/* top menu row 1 */
.menuRow1_general { padding: 4px 24px 4px 24px; font-weight: bold; background: url("bg/hd_general.gif") repeat-x; background-color: #818181; border-left: 1px solid #B2B2B2; border-top: 1px solid #B2B2B2; border-right: 1px solid #414142; }
.menuRow1_members { padding: 4px 24px 4px 24px; font-weight: bold; background: url("bg/hd_members.gif") repeat-x; background-color: #608CD7; border-left: 1px solid #B2B2B2; border-top: 1px solid #B2B2B2; border-right: 1px solid #414142; }
.menuRow1_packages { padding: 4px 24px 4px 24px; font-weight: bold; background: url("bg/hd_packages.gif") repeat-x; background-color: #69B191; border-left: 1px solid #B2B2B2; border-top: 1px solid #B2B2B2; border-right: 1px solid #414142; }
.menuRow1_communicate { padding: 4px 24px 4px 24px; font-weight: bold; background: url("bg/hd_communicate.gif") repeat-x; background-color: #DC8347; border-left: 1px solid #B2B2B2; border-top: 1px solid #B2B2B2; border-right: 1px solid #414142; }
.menuRow1_content { padding: 4px 24px 4px 24px; font-weight: bold; background: url("bg/hd_content.gif") repeat-x; background-color: #BD9F0F; border-left: 1px solid #B2B2B2; border-top: 1px solid #B2B2B2; border-right: 1px solid #414142; }
.menuRow1_stats { padding: 4px 24px 4px 24px; font-weight: bold; background: url("bg/hd_stats.gif") repeat-x; background-color: #76A76D; border-left: 1px solid #B2B2B2; border-top: 1px solid #B2B2B2; border-right: 1px solid #414142; }
.menuRow1_utilities { padding: 4px 24px 4px 24px; font-weight: bold; background: url("bg/hd_utilities.gif") repeat-x; background-color: #D56157; border-left: 1px solid #B2B2B2; border-top: 1px solid #B2B2B2; border-right: 1px solid #414142; }
.menuRow1_settings { padding: 4px 24px 4px 24px; font-weight: bold; background: url("bg/hd_settings.gif") repeat-x; background-color: #8957D5; border-left: 1px solid #B2B2B2; border-top: 1px solid #B2B2B2; border-right: 1px solid #414142; }
/* top menu row 2 */
.menuRow2_members { height: 8px; background-color: #80B6E1; }
.menuRow2_packages { height: 8px; background-color: #8ACAAD; }
.menuRow2_communicate { height: 8px; background-color: #E2A283; }
.menuRow2_content { height: 8px; background-color: #D3C273; }
.menuRow2_stats { height: 8px; background-color: #AAC69D; }
.menuRow2_utilities { height: 8px; background-color: #E2838A; }
.menuRow2_settings { height: 8px; background-color: #9981E2; }
/* top menu row 3 */
.menuRow3_members { padding: 4px 24px 4px 24px; color: #282828; background: url("bg/hdb_members.gif") repeat-x; background-color: #E3EDF9; border-color: #C6C3C6; border-style: solid; border-width: 0px 0px 1px 0px; }
.menuRow3_packages { padding: 4px 24px 4px 24px; color: #282828; background: url("bg/hdb_packages.gif") repeat-x; background-color: #DAEFE7; border-color: #C6C3C6; border-style: solid; border-width: 0px 0px 1px 0px; }
.menuRow3_communicate { padding: 4px 24px 4px 24px; color: #282828; background: url("bg/hdb_communicate.gif") repeat-x; background-color: #F9ECE3; border-color: #C6C3C6; border-style: solid; border-width: 0px 0px 1px 0px; }
.menuRow3_content { padding: 4px 24px 4px 24px; color: #282828; background: url("bg/hdb_content.gif") repeat-x; background-color: #FDF3CE; border-color: #C6C3C6; border-style: solid; border-width: 0px 0px 1px 0px; }
.menuRow3_stats { padding: 4px 24px 4px 24px; color: #282828; background: url("bg/hdb_stats.gif") repeat-x; background-color: #ECF2EA; border-color: #C6C3C6; border-style: solid; border-width: 0px 0px 1px 0px; }
.menuRow3_utilities { padding: 4px 24px 4px 24px; color: #282828; background: url("bg/hdb_utilities.gif") repeat-x; background-color: #F8E0E0; border-color: #C6C3C6; border-style: solid; border-width: 0px 0px 1px 0px; }
.menuRow3_settings { padding: 4px 24px 4px 24px; color: #282828; background: url("bg/hdb_settings.gif") repeat-x; background-color: #E9E0F8; border-color: #C6C3C6; border-style: solid; border-width: 0px 0px 1px 0px; }



/* menu links row 1 */
a.menuRow1:link, a.menuRow1:active, a.menuRow1:visited { text-decoration: none; font-size: 12px; color: #FFFFFF; }
a.menuRow1:hover { text-decoration: underline; font-size: 12px; color: #FFFFFF; }
/* menu links row 3 */
a.menuRow3:link, a.menuRow3:active, a.menuRow3:visited { text-decoration: none; font-size: 11px; color: #282828; }
a.menuRow3:hover { text-decoration: underline; font-size: 11px; color: #282828; }



/* footer table */
.footerTable { border-color: #414142; border-style: solid; border-width: 1px 0px 1px 0px; }
.footerRow { padding: 4px 8px 4px 8px; color: #FFFFFF; background: url("bg/ft_general.gif") repeat-x; background-color: #848484; border-top: 1px solid #B2B2B2; text-align: right; }



/* footer links */
a.footer:link, a.footer:active, a.footer:visited { text-decoration: none; font-size: 11px; color: #FFFFFF; }
a.footer:hover { text-decoration: underline; font-size: 11px; color: #FFFFFF; }



/* nav table */
.navTable { font-size: 11px; margin-bottom: 8px; border-bottom: 1px solid #999999; }
.navRow1 { padding-bottom: 2px; }
.navRow2 { font-size: 11px; padding-bottom: 2px; }
.navRow3 { font-size: 11px; padding-bottom: 2px; }



/* side table */
.sideTable { background-color: #FFFFFF; margin-bottom: 8px; font-size: 11px; border: 1px solid #CDCDCD; }
.sideHeader { font-size: 11px; padding: 4px; border-bottom: 1px solid #EFE8DA; }
.sideRow { font-size: 11px; padding-left: 8px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; }



/* navigation links */
a.nav:link, a.nav:active, a.nav:visited { text-decoration: none; font-size: 12px; color: #444444; }
a.nav:hover { text-decoration: underline; font-size: 12px; color: #444444; }



/* side menu links */
a.opt:link, a.opt:active, a.opt:visited { text-decoration: none; font-size: 11px; color: #444444; }
a.opt:hover { text-decoration: underline; font-size: 11px; color: #444444; }



/* content table */
.contentTable { background-color: #ffffff; }



/* content left side panel */
.contentSide_members { background-color: #F1F5F8; border-color: #C9C7C9; border-style: solid; border-width: 0px 1px 0px 0px; }
.contentSide_packages { background-color: #F2F7F0; border-color: #C9C7C9; border-style: solid; border-width: 0px 1px 0px 0px; }
.contentSide_communicate { background-color: #F7F2EE; border-color: #C9C7C9; border-style: solid; border-width: 0px 1px 0px 0px; }
.contentSide_content { background-color: #FDFAF1; border-color: #C9C7C9; border-style: solid; border-width: 0px 1px 0px 0px; }
.contentSide_stats { background-color: #F2F7F0; border-color: #C9C7C9; border-style: solid; border-width: 0px 1px 0px 0px; }
.contentSide_utilities { background-color: #F8F1EF; border-color: #C9C7C9; border-style: solid; border-width: 0px 1px 0px 0px; }
.contentSide_settings { background-color: #EFECF4; border-color: #C9C7C9; border-style: solid; border-width: 0px 1px 0px 0px; }



/* grid links */
a.grid:link, a.grid:active, a.grid:visited { text-decoration: none; color: #222222; }
a.grid:hover { text-decoration: underline; }



/* links */
a:link, a:active, a:visited { text-decoration:none; color: #222222; }
a:hover { text-decoration: underline; }



/* grid table */
.gridTable { background-color: #A9B8C2; margin-bottom: 8px; }
.gridBorder { border: 1px solid #A9B8C2; }
.gridHeader { padding: 8px 4px 8px 4px; background-color: #ededed; font-weight: bold; color: #333333; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridHeader a { color: #333333; }
.gridContent .gridRow1 a { color: #005BB7; }
.gridContent .gridRow2 a { color: #005BB7; }
.gridTabs { padding: 8px 4px 8px 4px; background-color: #ededed; color: #333333; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridTabs a { color: #333333; font-weight: bold; }
.gridTr1:hover td { background-color: #FFFAD5; }
.gridTr2:hover td { background-color: #FFFAD5; }
.gridRow1 { padding: 8px; background-color: #FDFDFD; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridRow2 { padding: 8px; background-color: #F9F9F9; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridOptions1 { padding: 6px; background-color: #F5F5F5; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridOptions2 { padding: 6px; background-color: #F5F5F5; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridActions1 { padding: 6px; background-color: #F5F5F5; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridActions2 { padding: 6px; background-color: #F5F5F5; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridLabels1 { padding: 8px; background-color: #F5F5F5; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridLabels2 { padding: 8px; background-color: #F5F5F5; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridValue1 { padding: 8px; background-color: #F9F9F9; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridValue2 { padding: 8px; background-color: #F9F9F9; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridFooter { margin-top: 1px; padding: 8px 6px 8px 6px; background-color: #ededed; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.gridFooter p { margin: 0px; padding: 8px 6px 8px 6px; }
.gridFooter p.input { margin: 0px; padding: 4px 8px; float: right; }
.gridFaded { color: #969696; }
.gridTable b.title { color: #444444; margin-bottom: 4px; display: block; }
.gridTable span.normal { font-weight: normal; }

.gridFooter a.active { font-weight:bold; }


/* filters table */
.filtersTable { margin-bottom: 8px; }
.filtersCell0 { padding: 0px 4px 0px 4px; }
.filtersCell1 { padding: 0px 4px 8px 4px; }


/* messages */
.errormsg { margin-bottom: 8px; background: url("bg/errorbox.gif") repeat-x; background-color: #FAE7E7; border: 1px; border-style: solid; border-color: #811B1B; }
.infomsg  { margin-bottom: 8px; background: url("bg/infobox.gif") repeat-x; background-color: #D9FFD9; border: 1px; border-style: solid; border-color: #008A00; }


/* inline message */
.inlinemsg { font-weight: normal; color: #444444; }


/* required field */
.required { color: #A81605; }


/* info for items */
.infoText { font-size: 10px; }


/* message links */
a.info:link, a.info:active, a.info:visited { font-size: 11px; text-decoration: none; color: #000000; }
a.info:hover { font-size: 11px; text-decoration:underline; color: #000000; }
a.error:link, a.error:active, a.error:visited { font-size: 11px; text-decoration: none; color: #000000; }
a.error:hover { font-size: 11px; text-decoration:underline; color: #000000; }
a.question:link, a.question:active, a.question:visited { font-size: 11px; text-decoration: none; color: #404040; }
a.question:hover { font-size: 11px; text-decoration:underline; color: #404040; }


/* images */
.image { border-width: 1px; border-color: #000000; border-style: solid; }


/* closeups */
.closeup { border-width: 1px; border-color: #000000; border-style: solid; }


/* profile picture */
.profilepic { border-width: 1px; border-color: #000000; border-style: solid; }


/* profile picture DIV layer */
.profilepicLayer { border-width: 1px; border-color: #000000; border-style: solid; }


/* tooltips */
.tooltipbox { filter: alpha(opacity=85); display: none; position: absolute; border: 1px solid #000000; background-color: #ffffff; padding: 4px; width: 150px }
.toolpicbox { display: none; position: absolute; border: 1px solid #000000; }
.toolpicbox img { width: 75px; }


/* field items */
ul.field_items { margin: 0px; padding: 0px; list-style: none; }
ul.field_items li { margin: 2px 0px; padding: 0px; }
ul.field_items li a { margin: 0px 1px; }


/* input */
.inputText     { padding: 4px; font-family: verdana; font-size: 11px; color: #000000; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; }
.inputText:focus { background-color: #FFFFF0; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0; }
.inputFile     { padding: 4px; font-family: verdana; font-size: 11px; color: #000000; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; }
.inputList     { font-family: verdana; font-size: 11px; color: #000000; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; }
.inputCombo    { padding: 3px; font-family: verdana; font-size: 11px; color: #000000; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; }
.inputCheck    { font-family: verdana; font-size: 11px; color: #000000; }
.inputRadio    { font-family: verdana; font-size: 11px; color: #000000; }
.inputButton   { font-family: verdana; font-size: 11px; color: #000000; border: 1px solid #7B81A9; padding-left: 4px; padding-right: 4px; }
.inputTextarea { padding: 4px; font-family: verdana; font-size: 11px; background-color: #ffffff; color: #000000; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; }
.inputTextarea:focus { background-color: #FFFFF0; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0; }
.inputSubmit   { background: url("button.gif") no-repeat; width: 85px; height: 21px; border: 0px; font-family: verdana; font-size: 11px; color: #000000; padding-bottom: 2px; }
.inputGo       { background: url("go.gif") no-repeat; width: 16px; height: 16px; border: 0px; padding: 0px; }
.fielditems { margin: 0px; padding: 0px; width: 550px; list-style-type: none; clear: left; }
.fielditems li { margin: 0px; padding: 0px; width: 33%; float: left; font: 12px arial; color: #404040; }
.fielditems li label { margin: 0px; padding: 0px; }