/* 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; height:50px; }

.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; }

.gridFaded { color: #969696; }

.gridTable b.title { color: #444444; margin-bottom: 4px; display: block; }

.gridTable span.normal { font-weight: normal; }







/* 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: #377FB1; border-style: solid; }
.image a:hover {background-color:#FFFFCO;}




/* 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; }





/* 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: 2px; 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; }


