*/ body { margin: 0px; padding: 0px; background: #CCCCCC url('../images/tall_main.gif'); } body, p, td, th, select, textarea, input { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#868686; } p { margin: 5px 0; } #frame { width: 716px; position: relative; left: 50%; margin-top: 10px; margin-left: -358px; } #header { background-image: url('../images/header.gif'); position: relative; width: 100%; } #main { padding: 1px 0 0; background-color: #FFFFFF; color:#868686; font-size: 11px; } #footer { position: absolute; bottom: -51px; height: 51px; width: 100%; background-image: url('../images/footer.gif'); } /* ---------- Styles for the header ---------- */ #banner { padding-left: 16px; } /* ---------- Styles for main layout ---------- */ /*

...

*/ .leftAndRight { position: relative; width: 684px; margin-bottom: 10px; } .leftAndRight .left { width: 205px; vertical-align: top; clear: both; float: left; height: 10px; } .leftAndRight .left p { padding: 0 10px 0 10px; margin: 0 0 10px 0; } .leftAndRight .right { margin-left: 15px; margin-bottom: 10px; float: left; width: 445px; } /* ---------- Styles for the footer ---------- */ #footerleft { float: left; width: 185px; padding: 0; margin: 17px 0 0 40px; display: inline; } #footerright { float: left; padding: 0; margin: 17px 0 0 25px; display: inline; } /* ---------- Styles for filofax ---------- */ /*

*/ .filofax { width: 100%; } .filofax .header { clear: both; border: 1px solid #759A1C; background-color: #eff7c6; font-weight: bold; color: #759a1c; padding: 1px 0 1px 0; margin: 1px 0 1px 0; text-indent: 5px; } .filofax .header .text { width: 442px; } .filofax .entries { clear: both; width: 442px; margin: 0; padding: 0; } .filofax a { float: left; padding: 2px 0px 2px 2px; margin: 0; border: 1px solid #FFFFFF; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#868686; text-decoration: none; } .filofax a:hover { cursor: pointer; border: 1px solid #759A1C; background-color: #87A721; color: #eff7c6; } .filofax div.label /* TODO: real labels mess with anchor highlight! */ { float: left; width: 217px; height: 20px; border: 0; margin: 0; cursor: pointer; } .filofax input { float: left; } .filofax .entries .text { float: left; text-indent: 20px; line-height: 1.6; } .filofax a.Address div.text { background-image: url('../images/icon_contact.gif'); background-position: 0px 1px; background-repeat: no-repeat; } .filofax a.AddressGroup div.text { background-image: url('../images/icon_group.gif'); background-position: 0px 1px; background-repeat: no-repeat; font-weight: bold; } /* ---------- Styles for template list ---------- */ /*

... ...

*/ .templateList { clear: both; width: 442px; margin: 0; } .templateList .hr { display: block; width: 444px; height: 1px; margin: 0; padding: 0; border-bottom: 1px solid #759A1C; } .templateList a.name { display: inline; border: 1px solid #FFFFFF; text-indent: 5px; float: left; width: 255px; line-height: 2.0; text-decoration: none; color:#868686; } .templateList a:hover.name { cursor: pointer; border: 1px solid #759A1C; background-color: #87A721; color: #eff7c6; } .templateList .even { background-color: #eff7c6; position: relative; } .templateList .actions { float: left; } /* ---------- Styles for data grids ---------- */ .dataGrid td, .dataGrid th { padding: 2px 4px 2px 4px; } .dataGrid thead { font-weight: bold; border: 0; } .dataGrid th { background-color: #FFFFFF; border-bottom: 1px solid #51544f; } .dataGrid td.oddcol { background-color: #F1F1EB; border-bottom: 1px solid #ffffff; } .dataGrid td.evencol { background-color: #FFFFFF; border-bottom: 1px solid #f1f1eb; } /* ---------- Styles for help column ---------- */ .buttonName { font-weight: bold; text-transform: uppercase; white-space: nowrap; } .leftCol p { margin: 0; } /* ---------- Styles for action buttons ---------- */ /*

... ... ... ...

*/ .actions { position: relative; display: block; margin: 0; padding: 0; } /* IE hack to ensure that the borders are drawn correctly */ * html .actions { height: 1px; } .actions a { display:inline; float: left; background: transparent url('../images/marcer_green.gif') right no-repeat; color: #759a1c; line-height: 1.4; font-weight: bold; text-decoration: none; padding: 2px 19px 2px 7px; margin: 2px 2px 2px 0; border: 1px solid #FFFFFF; text-transform: uppercase; } .actions a.disabled { background: #FFFFFF; color: #CCCCCC; } .actions a:hover { border: 1px solid #759a1c; cursor: pointer; } .actions a.disabled:hover { border: 1px solid #FFFFFF; cursor: default; } /* ---------- Styles for fields ----------*/ textarea { padding: 2px; } /* ---------- Styles for fieldsets ---------- */ /*

...

*/ fieldset { position: relative; border: none; padding: 10px; margin: 10px 0 0 0; border: 1px solid #759A1C; background: #eff7c6; /* or try #f6ffe6 ? */ width: 100%; } /* In firefox 1.5, CLEAR doesn't work inside a fieldset! To get around this, nest a second fieldset inside the outer fieldset just before you call clear. Give the nested fieldset this style. eg:

Title

...

*/ fieldset.mozillaFloatBugFix { margin: 0; border: 0; padding: 0; height: 0; width: 0; display: block !important; display: none; /* This stops the fieldset from taking up space in IE */ } fieldset legend { position: absolute; font-weight: bold; color: #759a1c; top: -7px; } fieldset p { display: block; clear:both; margin: 5px; position: relative; } fieldset label { float: left; width: 120px; text-align: right; padding-right: 10px; line-height: 1.8; color: #555555; } fieldset .error { text-indent: 135px; line-height: 1.2; color: red; } fieldset input { width: 295px; padding: 1px; } fieldset .mandatory { color: red; } /* Hack to get IE Win to display legend correctly. Use backslash to hide from IE Mac -> \*/ * html fieldset { position: relative; display: inline; margin: 16px 0 8px 0; padding: 15px 12px 10px 12px; } * html legend{ position: absolute; top: -7px; left: 7px; color: #868686; } /* End hiding from IE Mac */ /* ---------- Styles for titles ---------- */ .title { text-indent: 24px; font-size: 16px; font-weight: bold; height: 24px; margin: 10px 0px 15px 0px; color: #759a1c; } .left .title { margin: 10px 0 10px 10px; } .blockIcon { background: url('../images/title_block_w.gif') no-repeat; } .greyBlockIcon { background: url('../images/title_block_grey.gif') no-repeat; } .messageIcon { background: url('../images/title_note_w.gif') no-repeat; } .contactIcon { background: url('../images/title_contact.gif') no-repeat; } .groupIcon { background: url('../images/title_contact.gif') no-repeat; } .editIcon { background: url('../images/title_edit_w.gif') no-repeat; } /* ---------- Other styles ---------- */ h1{font-size:24px;} h2{font-size:18px;} h3{font-size:16px;} .paging { text-align: center; } .paging a { color: #999999; } .stepNumber { font-size: 15px; font-weight: bold; font-family: Times New Roman, Times, Serif; border: 1px solid #759A1C; background-color: #eff7c6; color: #759a1c; padding: 1px 6px; margin-right: 7px; height: auto !important; height: 1px; /* IE hack otherwise top and bottom border are not always drawn. */ } .clear { clear: both; } .headerDiv { height: 1px; background-color: #333333; } .mainMenuIcon { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; text-align: center; vertical-align: top; cursor: pointer; } .body_outer { background: url('../images/tall_main.gif'); width: 100%; height: 100%; } .body_inner { background: URL('../images/tall_x.gif'); background-position: top; background-repeat: repeat-x; } td.leftCol { width: 188px !important; vertical-align: top; padding: 4px 12px 12px 12px; } td.mainCol { vertical-align: top; padding: 4px 16px 0px 16px; } td.rightCol { background: url('../images/tall_y.gif') repeat-y -16px; width: 185px !important; vertical-align: top; padding: 4px 12px 12px 12px; } .leftCol hr { border: none; background: url('../images/hl.gif') repeat-x; margin-top: 10px; height: 1px; width: 85%; } .mainCol img, .rightCol img { margin: 2px 8px 2px 8px; } .title1 { background: url('../images/title_block_grey.gif') no-repeat; text-indent: 24px; font-size: 16px; font-weight: bold; height: 24px; margin: 1px 0px 10px 0px; letter-spacing: -0.5px; } .title1W { background: url('../images/title_block_w.gif') no-repeat; text-indent: 24px; font-size: 16px; font-weight: bold; height: 24px; margin: 1px 0px 10px 0px; } .titleSettingsW { background: url('../images/title_settings_w.gif') no-repeat; text-indent: 24px; font-size: 16px; font-weight: bold; height: 24px; margin: 1px 0px 10px 0px; } .titleContact { background: url('../images/title_contact.gif') no-repeat; text-indent: 24px; font-size: 16px; font-weight: bold; height: 24px; margin: 1px 0px 10px 0px; } .titleContactW { background: url('../images/title_block_w.gif') no-repeat; text-indent: 24px; font-size: 16px; font-weight: bold; height: 24px; margin: 1px 0px 10px 0px; } .titleMsg { background: url('../images/title_msg.gif') no-repeat; text-indent: 24px; font-size: 16px; font-weight: bold; height: 24px; margin: 1px 0px 10px 0px; } .titleMsgW { background: url('../images/title_note_w.gif') no-repeat; text-indent: 24px; font-size: 16px; font-weight: bold; height: 24px; margin: 1px 0px 15px 0px; } .titleEdit { } .titleEditW { background: url('../images/title_edit_w.gif') no-repeat; text-indent: 24px; font-size: 16px; font-weight: bold; height: 24px; margin: 1px 0px 10px 0px; } .title5 { background: url('../images/5_w7.gif') no-repeat; } .actionButton { /* border: 1px solid #759a1c; background-color: #eff7c6; background-image: url('../images/marcer_green.gif'); background-position: right; background-repeat: no-repeat; */ border: 1px solid #FFFFFF; background: #FFFFFF url('../images/marcer_green.gif') right no-repeat; margin: 2px 0px 2px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #759a1c; padding: 1px 18px 1px 8px; text-align: left; } .actionButton:hover { border: 1px solid #759a1c; /* background-color: #eff7c6; */ background: #FFFFFF url('../images/marcer_green.gif') right no-repeat; cursor: pointer; color: #759a1c; background-position: right; background-repeat: no-repeat; padding: 1px 18px 1px 8px; } .actionButton[disabled] { border: 1px solid #ffffff; background: #ffffff url('../images/marcer_green.gif') right no-repeat; color: #aaaaaa; } .input{ width:121px; height:19px; border-width:1px; border-style:solid; background-color:#FFFFFF; border-color:#9B9B8F;font-family:Tahoma; font-size:11px; color:#523008; } .input2{ width:136px; height:19px; border-width:1px; border-style:solid; background-color:#FFFFFF; border-color:#9B9B8F;font-family:Tahoma; font-size:11px; color:#ADABAB; } .inputBox { border: 1px solid #9999FF; font-size: 11px; } .inputTable { background-color: #DDDDFF; border: 1px solid #9999FF; margin-left: 10px; } .informationalMessage { } .warningMessage { color: #FF0000; } .errorMessage { font-weight: 700; color: #FF0000; } table.formTable { margin: 0px 0px 10px 10px; padding: 0px; /* color: #EFF7C6; */ } .formTable td { color: #868686; padding: 0px 5px 0px 5px; } .formTable a, .formTable a:link, .formTable a:visited { /* color: #eff7c6; */ color: #759a1c; } .formTable a:active, .formTable a:hover, .formTable a:visited:hover { color: #82aa24; } .formHeader { font-weight: 700; text-align: left; background-color: #336699; color: #FFFFFF; } .formSubHeader { font-weight: 700; text-align: left; background-color: #DDDDDD; } td.formLabel { text-align: right; padding: 1px 10px 1px 14px; font-weight: bold; } .formLabelLeft { text-align: left; padding: 1px 10px 1px 14px; font-weight: bold; } .formField { border: 1px solid #666666; } table.loginTable { /* background: #A2C23D; */ border: 1px solid #759A1C; border-left: 6px solid #82AA24; } .loginTable td { font-weight: bold; padding: 1px 3px 1px 0px; } .loginTable a, .loginTable a:link, .loginTable a:visited { /* color: #eff7c6; */ color: #759a1c; } .loginTable a:active, .loginTable a:hover, .loginTable a:visited:hover { color: #82aa24; } .loginField { } table.layoutTable { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; background-color: #FFFFFF; } tr.emptyLine { height: 10px; } table.bodyFrame { width: 100%; } td.header { background-color: #58585F; /*#77AAFF;*/ color: #FFFFFF; border-bottom: 1px solid #FFFFFF; vertical-align: top; } td.content { background-color: #FFFFFF; color: #58585F; /*border: 1px solid #58585F;*/ /* border-top: 1px solid #FFFFFF;*/ } a.homelink, a.homelink:link, a.homelink:visited, a.homelink:active, a.homelink:hover, a.homelink:visited:hover { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 22px; text-decoration: none; color: #868686; display: block; } a.top_menuitem, a.top_menuitem:link, a.top_menuitem:visited { display: block; padding-left: 10px; padding-right: 40px; margin: 0; width: auto !important; width: 15%; line-height: 40px; white-space: nowrap; color: #EFF7C6; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none; /* text-indent: 10px;*/ } a.top_menuitem:hover, a.top_menuitem:visited:hover, a.top_menuitem:active { color: #FFFFFF; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none; } .searchInput { width: 120px; font-size: 9px; border: 1px solid #999999; } .infoBox { border: 1px solid #999999; background-color: #FFFFEE; padding: 10px; } .formBox { border: 1px solid #999999; background-color: #EEEEFF; padding: 10px; } #charsLeft { font-style: italic; } /**************************************** * FROM MAIN TEMPLATE ****************************************/ .policy{ font-family:Tahoma; font-size:11px; color:#7B7B79; text-decoration:none; } .main{ font-family:Tahoma; font-size:11px; color:#717171; line-height: 13px; } .gray{font-family:Tahoma; font-size:11px; color:#868686;} .green{font-family:Tahoma; font-size:11px; color:#98B530;} .error { color: red; }