@charset "utf-8"; /* CSS Document */ /******************************************************************************************************************** * 1 Main text ********************************************************************************************************************/ body { background-color: #F4F4E8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100.1%; color:#333333; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; } p { margin-top: 5px; margin-bottom: 10px; } ul { margin-top: 5px; } ol { margin-top: 5px; } .help { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight: normal; color:#666666; } .text_light td { font-size:9px; color:#666666; } .text_bold td { font-weight: bold; } a.help { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight: normal; color:#0066CC; } .text_small td { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight: normal; } /******************************************************* * 1.1 Headers *******************************************************/ #title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; font-weight: normal; margin-top: 11px; margin-bottom: 10px; color:#993333; display: block; float: left; clear: none; } #subtitle { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: normal; margin-top: 20px; margin-bottom: 5px; color:#993333; display: block; clear: none; float: right; } .title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; font-weight: normal; margin-top: 11px; margin-bottom: 10px; color:#993333; } .subtitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; font-style: italic; margin-top: 5px; margin-bottom: 10px; color:#663333; } h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; font-weight: normal; margin-top: 11px; margin-bottom: 10px; color:#993333; display: block; float: left; clear: none; } .header1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; font-weight: normal; margin-top: 11px; margin-bottom: 10px; color:#993333; } h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: normal; margin-top: 20px; margin-bottom: 5px; color:#993333; } a.header2 { text-decoration: none; } .header2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: normal; margin-top: 20px; margin-bottom: 5px; color:#993333; } a#header2 { text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: normal; color:#993333; } a#header2:hover { color: #FAFAFA; background-color: #AA0000; } .header3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin-top: 20px; margin-bottom: 5px; padding-bottom: 5px; color:#663333; } /******************************************************* * 1.2 Links and buttons *******************************************************/ #button { margin: 0; border: 1px solid #999999; display: inline-block; color: #666666; background-color: #CCCCCC; padding: 0.2em 0.2em; text-align: center; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; } a#button:hover { color: #EEEEEE; background-color: #CC9999; } a#normal p { text-decoration: none; color: #333333; } a#normal:hover { border: 1px solid #AA0000; } .buttongroup { border-width: 0px; cursor: pointer; float: right; display: block; clear: none; } .buttongroup td { white-space: nowrap; text-align: right; padding: 3px; } .button { color: #666666; font-size: 10px; font-weight: normal; margin: 2px; text-decoration: none; vertical-align: middle; } .button:hover { color: #EEEEEE; background-color: #CC9999; } .button img { border-width: 0px; width: 15px; height: 15px; margin-right: 2px; } /******************************************************************************************************************** * 2 Design components ********************************************************************************************************************/ /******************************************************* * 2.1 ID #toolbar *******************************************************/ #toolbar_field { background-color:#DDDDFF; display: block; border-bottom: £DDDDFF dashed 1px; border-top: £DDDDFF dashed 1px; margin-bottom: 10px; } #toolbar_full { background-color: #C1C1C1; background-image: url(../images/bg_buttonfield.png); background-position: top; background-repeat: repeat-x; border-top: 1px solid #BBBBBB; border-bottom: 1px solid #999999; padding-bottom: 2px; padding-top: 2px; padding-left: 5px; padding-right: 5px; display: block; clear: both; overflow: hidden; } #toolbar td { color: #666666; font-size: 10px; font-weight: normal; } #toolbar .buttongroup { border-width: 0px; cursor: pointer; float: right; display: block; } #toolbar .buttongroup td { white-space: nowrap; text-align: right; padding: 3px; } #toolbar .button { color: #666666; margin: 5px; text-decoration: none; vertical-align: middle; } #toolbar .button img { border-width: 0px; width: 15px; height: 15px; margin-right: 2px; } #toolbar .buttontext { vertical-align: middle; padding-left: 5px; color: #333399; } /******************************************************* * 2.2 ID #SUtoolbar *******************************************************/ #SUtoolbar { background-color: #FFF1F1; border-bottom: 1px solid #BBBBDD; color: #666666; font-size: 10px; font-weight: normal; display: block; padding: 5px; } #SUtoolbar td { color: #666666; font-size: 10px; font-weight: normal; } #SUtoolbar .buttongroup { border-width: 0px; cursor: pointer; margin-bottom: 3px; margin-top: 3px; display: block; } #SUtoolbar .buttongroup td { white-space: nowrap; text-align: right; padding: 3px; } #SUtoolbar .button { vertical-align: middle; padding-left: 10px; } #SUtoolbar .buttontext { vertical-align: middle; padding-left: 5px; color: #333399; } /******************************************************* * 2.3 ID #help ******************************************************/ #help { background-image:url(../images/bg_help_bg.png); background-position: left; background-repeat: repeat-y; background-color: #F0F0FF; border: 1px dashed #BBBBDD; display: block; color: #666666; font-size: 9px; font-weight: normal; margin:2px 2px 2px 2px; padding:5px 5px 5px 5px; } #help_rightcol { background-color: #F0F0FF; border: 1px dashed #BBBBDD; clear: none; color: #666666; display: block; float: right; font-size: 9px; font-weight: normal; margin:2px 2px 2px 2px; padding:5px 5px 5px 5px; width: 190px; } #help td { color: #666666; font-size: 9px; } /******************************************************* * 2.4 ID #message ******************************************************/ #message { background-color: #AAFF88; border: 1px dashed #99DD99; color: #664444; font-size: 12px; font-weight: normal; margin:5px 5px 5px 5px; padding:5px 5px 5px 5px; } #message td { color: #446644; font-size: 12px; } /******************************************************* * 2.5 ID #error ******************************************************/ #error { background-color: #FFAA88; border: 1px dashed #DD9999; color: #664444; font-size: 12px; font-weight: normal; margin:5px 5px 5px 5px; padding:5px 5px 5px 5px; } #error td { color: #664444; font-size: 12px; } /****************************************************** * 2.6 ID #list ******************************************************/ #list { border-bottom: #E0E0E0 solid 1px; border-top: #E0E0E0 solid 1px; border-left: #E9E9E9 solid 1px; border-right: #E9E9E9 solid 1px; border-collapse: collapse; } #list a { text-decoration: none; } #list .noframes table, tr, td { border: 0px; } #list .rows td { border-top: 1px dotted #DDBBBB; } #list tr { border-left: 1px solid #DDBBBB; border-right: 1px solid #DDBBBB; } #list td { padding: 2px; vertical-align: top; } #list .framed td { border-bottom: 1px dotted #DDBBBB; border-right: 1px dotted #DDBBBB; } #list tr.header td { background-image:url(../images/bg_notice_head.png); background-position:right; background-repeat:repeat-x; border-bottom: 1px solid #DDBBBB; background-color: #F1ECD6; color: #AA0000; font-size: 0.8em; font-weight: bold; } #list tr.category td { background-image: url(../images/bg_list_category.png); background-position: top; background-repeat: repeat-x; background-color: #EEDDDD; border-bottom: 1px solid #DDBBBB; color:#666666; font-weight: bold; font-size: 0.7em; } #list tr.footer td { border-top: 1px solid #DDBBBB; background-color: #F1ECD6; color: #AA0000; font-weight: normal; font-size: 0.7em; } #list tr.standard td { font-size: 0.7em; background-color:#FAFAFA; } #list tr.alternate td { background-color:#EAEAEA; font-size: 0.7em; } #list tr.highlight { background-color:#CC9999; } #list tr.highlight td { color: #FFFFFF; font-size: 0.7em; } #list tr.highlight a { color: #FFFFFF; } #list tr.highlight a:hover { color: #FFFFFF; } #list td.border { border-left: 1px solid #DDBBBB; border-right: 1px solid #DDBBBB; } #list tr.border td { border-left: 1px solid #DDBBBB; border-right: 1px solid #DDBBBB; } /****************************************************** * 2.7 Class .framed ******************************************************/ table.framed { border-bottom: 1px solid #DDBBBB; border-top: 1px solid #DDBBBB; border-left: 1px solid #DDBBBB; border-right: 1px solid #DDBBBB; margin-bottom: 20px; border-collapse: collapse; } table.framed .rows { border-bottom: 1px dotted #DDBBBB; border-top: 1px dotted #DDBBBB; } table.framed tr.header td { border-bottom: 1px solid #DDBBBB; background-color: #F1ECD6; color: #AA0000; font-weight: bold; } table.framed tr.category td { border-bottom: 1px solid #DDBBBB; background-color: #AA9999; color: #FFFFFF; font-size: 10px; font-weight: bold; } table.framed tr.footer td { border-top: 1px solid #DDBBBB; background-color: #F1ECD6; color: #AA0000; font-weight: normal; } table.framed td { padding: 2px; } table.framed tr.standard { background-color:#FAFAFA; } table.framed tr.alternate { background-color:#EEEEEE; } table.framed tr.highlight { background-color:#CC9999; } table.framed tr.highlight td { color: #FFFFFF; } /****************************************************** * 2.8 ID #notice ******************************************************/ #notice { border-bottom: #E0E0E0 solid 1px; border-top: #E0E0E0 solid 1px; border-left: #E9E9E9 solid 1px; border-right: #E9E9E9 solid 1px; border-collapse: collapse; margin-bottom: 10px; } #notice .header { background-image:url(../images/bg_notice_head.png); background-position:right; background-repeat:repeat-x; border-bottom-color: #EECCCC; border-bottom-style: solid; border-bottom-width: 1px; background-color: #f1ecd6; color: #AA0000; font-weight: bold; text-align: left; padding: 3px; } #notice .image { padding: 0px; } #notice .image img { width: 198px; } #notice .content { background-image:url(../images/bg_notice_content.png); background-position:top; background-repeat:no-repeat; background-color: #FFFFFF; padding: 3px; } #notice .footer { background-image:url(../images/bg_notice_footer.png); background-position:top; background-repeat:repeat-x; border-top-color: #EECCCC; border-top-style: solid; border-top-width: 1px; background-color: #f1ecd6; color: #AA0000; font-weight: bold; text-align: left; padding: 3px; } .notice { border-bottom: #E0E0E0 solid 1px; border-top: #E0E0E0 solid 1px; border-left: #E9E9E9 solid 1px; border-right: #E9E9E9 solid 1px; border-collapse: collapse; margin-bottom: 10px; } .notice .header { background-image:url(../images/bg_notice_head.png); background-position:right; background-repeat:repeat-x; border-bottom-color: #EECCCC; border-bottom-style: solid; border-bottom-width: 1px; background-color: #f1ecd6; color: #AA0000; font-weight: bold; font-size: 12px; text-align: left; padding: 3px; } .notice .header a { color: #AA0000; text-decoration: none; } .notice .header a:hover { color: #6600FF; text-decoration: underline; } .notice .image { padding: 0px; } .notice .image img { width: 198px; } .notice .content { background-image:url(../images/bg_notice_content.png); background-position:top; background-repeat:no-repeat; background-color: #FFFFFF; padding: 3px; } .notice .footer { background-image:url(../images/bg_notice_footer.png); background-position:top; background-repeat:repeat-x; border-top-color: #EECCCC; border-top-style: solid; border-top-width: 1px; background-color: #f1ecd6; color: #AA0000; font-weight: normal; text-align: right; font-size: 10px; padding: 3px; } /****************************************************** * 2.10 ID #selectimage ******************************************************/ #select-image-small { border: #AAAAAA 1px solid; display: block; height: 100px; overflow: auto; white-space: nowrap; margin-bottom: 5px; margin-top: 5px; padding-bottom: 5px; padding-top: 5px; } #select-image-small .imagebox { float: left; display: inline-block; white-space: nowrap; margin: 5px; width:70px; height:70px; text-align: center; } /******************************************************************************************************************** * 3 LAYOUT ********************************************************************************************************************/ #bgn_advert { position: absolute; left: 790px; top: 10px; width: 150px; z-index: 1020; } #bgn_top { background-image: url(../images/bgn_top.png); background-position: top; background-repeat: no-repeat; height: 118px; width: 782px; } #bgn_main { background-image: url(../images/bgn_main.png); background-repeat: repeat-y; clear: both; display: block; overflow: visible; position: relative; vertical-align: top; width: 782px; padding-bottom: 1px; /* Weird Mozilla Bug */ padding-top: 1px; /* Weird Mozilla Bug */ } #bgn_main_menu { background-image: url(../images/bgn_menu_bg.png); background-repeat: repeat-y; clear: none; position: absolute; left: 0px; top: 0px; margin-right: 0px; width: 120px; z-index: 1005; } #bgn_main_menu_top { background-image: url(../images/bgn_menu_top.png); background-position: top; background-repeat: no-repeat; height: 3px; } #bgn_main_menu_main { background-image: url(../images/bgn_menu_bottom.png); background-position: bottom; background-repeat: no-repeat; font-size: 0.75em; padding-bottom: 10px; padding-right: 5px; padding-top: 0px; margin-right: 0px; margin-top: 20px; } #bgn_main_menu_main p { margin-top: 20px; } #bgn_main_menu_main span { display: block; color: #AA0000; padding-left: 5px; margin-top: 2px; margin-bottom: 2px; font-weight: bold; } #bgn_main_menu_main span.header { border-bottom: 1px solid #BBBBDD; color: #0000AA; font-weight: bold; margin-bottom: 10px; margin-top: 5px; padding-bottom: 5px; } #bgn_main_menu_main span.indent { font-weight: normal; padding-left: 10px; } #bgn_main_menu_main span.logout { font-weight: bold; padding-left: 5px; padding-top: 10px; } #bgn_main_menu_main span.su { margin-top: 10px; } #bgn_main_menu_main a:link { text-decoration: none; color: #AA0000; } #bgn_main_menu_main a:visited { text-decoration: none; color: #AA0000; } #bgn_main_menu_main a:hover { text-decoration: underline; color: #AA0000; } #bgn_main_right { background-image: url(../images/bgn_right.png); background-position: top; background-repeat: no-repeat; position: absolute; left: 760px; top: 0px; height: 123px; width: 22px; z-index: 1003; } #bgn_main_main { background-image:url(../images/bg_main_gradient.png); background-position: top; background-repeat: no-repeat; background-color: #FFFFFF; overflow: hidden; font-size: 0.75em; width: 640px; padding-bottom: 20px; padding-top: 1px; /* Weird Mozilla Bug */ margin-left: 120px; voice-family: "\"}\""; voice-family: inherit; margin-left: 120px; } html>body #bgn_main_main { margin-left: 120px; } #bgn_bottom { background-image: url(../images/bgn_bottom.png); background-position: bottom; background-repeat: no-repeat; height: 40px; width: 782px; padding-bottom: 11px; /* Weird Mozilla Bug */ padding-top: 1px; /* Weird Mozilla Bug */ } #bgn_bottom_content { color: #999999; font-size: 9px; margin-bottom: 10px; margin-left: 120px; margin-right: 22px; margin-top: 5px; text-align: center; } #bgn_bottom_content a { color: #999999; font-size: 9px; text-decoration: none; } #handheld_menu span { display: inline; border-right:#FFFFFF solid 1px; padding-right: 5px; margin-right: 2px; font-weight: bold; } #handheld_menu span.indent { font-weight: normal; } #handheld_menu span.logout { border-right:#FFFFFF solid 0px; } #handheld_menu span.su { border-right:#FFFFFF solid 0px; padding-right: 0px; margin-right: 0px; } #handheld_menu a:link { text-decoration: none; color: #FFFFFF; } #handheld_menu a:visited { text-decoration: none; color: #FFFFFF; } /****************************************************** * 3.3 Main Layout 2008-04-28 ******************************************************/ #page_column { background-image:url(../images/bg_main_column.png); background-repeat:repeat-y; } #page_gradient { background-image:url(../images/bg_main_gradient.png); background-position:top; background-repeat:no-repeat; } #page_solid { background-color:#FFFFFF; } #main_header { background-image:url(../images/bg_header.png); background-position:top; background-repeat:no-repeat; padding-top: 20px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; clear: both; display: block; height: 80px; overflow: visible; } #main_column_right { display: block; float: right; clear: none; width: 230px; } #main_column_right_content { padding-left: 15px; padding-right: 15px; margin-top: 20px; margin-bottom: 5px; overflow: visible; } #main_right_column { display: block; float: right; padding-left: 10px; padding-right: 10px; margin-top: 0px; margin-bottom: 5px; width: 220px; clear: none; overflow: visible; } #main_content { display: block; padding-left: 20px; padding-right: 20px; margin-right: 10px; margin-top: 10px; margin-bottom: 5px; width: 410px; clear: none; overflow: visible; } #main_content_full { padding-left: 20px; padding-right: 20px; margin-top: 10px; width: 600px; clear: both; overflow: visible; } #main_message { color: #003300; padding-bottom: 2px; padding-left: 3px; padding-right: 3px; padding-top: 2px; font-size: 10px; background-color:#CCFF99; border-bottom: #33FF66 dashed 1px; border-top: #33FF66 dashed 1px; } #main_error { margin-bottom: 10px; margin-left: 20px; margin-right: 20px; clear: both; color: #990000; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; font-size: 10px; font-weight: bold; background-color: #FFCCCC; border-bottom: #CC0000 dashed 1px; border-top: #CC0000 dashed 1px; } /****************************************************** * 3.4 Advert Layout 2008-07-22 ******************************************************/ #advert { border-color: #FFDDDD; border-style: solid; border-width: 1px; border-collapse: collapse; margin-bottom: 10px; background-color: #FFFFFF; margin-bottom: 20px; } #advert .header { border-bottom-color: #FFDDDD; border-bottom-style: solid; border-bottom-width: 1px; background-color: #EEEEEE; color: #AA0000; font-size: 0.7em; font-weight: bold; text-align: left; padding: 3px; } #advert .image { padding: 0px; } #advert .image img { width: 150px; } #advert .content { background-color: #FFFFFF; color:#666666; font-size: .6em; padding: 3px; } #advert .footer { border-top-color: #FFDDDD; border-top-style: solid; border-top-width: 1px; background-color: #EEEEEE; color: #AA0000; font-weight: bold; text-align: left; padding: 3px; } /******************************************************************************************************************** * 4 TABLES ********************************************************************************************************************/ td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; } th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; } table.spaced { margin-bottom: 20px; } .noframes { border: 0px; } .rows tr td { border-bottom: 1px dotted #DDBBBB; border-top: 1px dotted #DDBBBB; } .table_spaced { margin-bottom: 20px; } .table_cell_spaced { padding-top: 10px; padding-bottom: 10px; } .table_small td { font-size: 9px; } .table_header { border-bottom: 1px solid #DDBBBB; background-color:#F1ECD6; color:#AA0000; font-weight: bold; } .table_header td { border-bottom: 1px solid #DDBBBB; background-color:#F1ECD6; color:#AA0000; font-weight: bold; } .table_header2 td { border-bottom: 2px solid #DDBBBB; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; padding-top: 00px; padding-bottom: 5px; color:#993333; } .table_framed { background-color:#FFF1F1; border: 1px solid #DDBBBB; table-layout:fixed; } .table_toolbar { background-color: #F0F0FF; border-bottom: 1px solid #BBBBDD; background-image:url(../images/toolbar_bg.png); background-repeat:repeat-x; color: #666666; font-size: 9px; font-weight: normal; margin-bottom: 5px; padding:2px 2px 2px 2px; } .table_help { background-color: #F0F0FF; border: 1px dashed #BBBBDD; color: #666666; font-size: 9px; font-weight: normal; margin:2px 2px 2px 2px; padding:5px 5px 5px 5px; } .table_help td { color: #666666; font-size: 9px; } .table_error { background-color: #FFF0F0; border: 1px dashed #DDBBBB; color: #336666; font-size: 9px; font-weight: normal; margin:2px 2px 2px 2px; padding:5px 5px 5px 5px; } .table_border-r { border-right: 1px solid #DDBBBB; } .table_border-b { border-bottom: 1px solid #DDBBBB; } .table_border-l { border-left: 1px solid #DDBBBB; } .table_border-t { border-top: 1px solid #DDBBBB; } .table_light { background-color:#FAFAFA; } .table_medium { background-color:#FFF1F1; } .table_dark { background-color:#E0E0E0; } .table_highlight { color:#FFFFFF; background-color:#AA3333; } .table_lowlight { color:#FFFFFF; background-color:#AA9999; } /****************************************************** * 4.1 Table .list ******************************************************/ table.list { border-color: #DDBBBB; border-style: solid; border-width: 1px; border-collapse: collapse; margin-bottom: 20px; } table.list tr.header td { border-bottom: 1px solid #DDBBBB; background-color: #F1ECD6; color: #AA0000; font-weight: bold; text-align: left; } table.list tr.category td { border: 1px solid #DDBBBB; background-color: #AA9999; color: #FFFFFF; font-size: 10px; font-weight: bold; text-align: left; } table.list tr.footer td { border-top: 1px solid #DDBBBB; background-color: #F1ECD6; color: #AA0000; font-weight: normal; text-align: center; } table.list td { border-left: 1px solid #DDBBBB; border-right: 1px solid #DDBBBB; border-bottom: 1px dotted #DDBBBB; border-top: 1px dotted #DDBBBB; padding:2px; } table.list tr.standard { background-color:#FAFAFA; } table.list tr.alternate { background-color:#EEEEEE; } table.list tr.highlight { background-color:#CC9999; } table.list tr.highlight td { color: #FFFFFF; } /******************************************************************************************************************** * 5 Forms ********************************************************************************************************************/ form { margin: 0px; } .field_short { width:100px; } .field_middle { width:163px; } .field_long { width:350px; } /****************************************************** * 5.1 Form fields ******************************************************/ .formfield { background-color: #FAFAFA; background-image: url(../images/bg_list.png); background-position: top; background-repeat: no-repeat; border-top: 1px solid #D0E0E0; border-bottom: 1px solid #D0E0E0; border-left: #E9E9E9 solid 1px; border-right: #E9E9E9 solid 1px; display: block; clear: both; margin-bottom: 10px; margin-top: 10px; } .formfield .header { background-color: #F1ECD6; background-image:url(../images/bg_notice_head.png); background-position:right; background-repeat:repeat-x; color: #AA0000; font-size: 0.8em; font-weight: bold; padding: 5px; } .buttonfield { background-color: #C1C1C1; background-image: url(../images/bg_buttonfield.png); background-position: top; background-repeat: repeat-x; border-top: 1px solid #BBBBBB; border-bottom: 1px solid #999999; padding-bottom: 2px; padding-top: 2px; padding-left: 5px; padding-right: 5px; display: block; clear: both; margin-bottom: 10px; } .buttonfield_full { background-color: #C1C1C1; background-image: url(../images/bg_buttonfield.png); background-position: top; background-repeat: repeat-x; border-top: 1px solid #BBBBBB; border-bottom: 1px solid #999999; padding-bottom: 2px; padding-top: 2px; padding-left: 20px; padding-right: 20px; display: block; clear: both; margin-bottom: 10px; } .buttonfield_large { background-color: #C1C1C1; background-image: url(../images/bg_buttonfield.png); background-position: top; background-repeat: repeat-x; border-top: 1px solid #BBBBBB; border-bottom: 1px solid #999999; padding-bottom: 2px; padding-top: 2px; padding-left: 5px; padding-right: 5px; display: block; clear: both; margin-bottom: 10px; } .buttonfield_small { background-color: #C1C1C1; background-image: url(../images/bg_buttonfield.png); background-position: top; background-repeat: repeat-x; border-top: 1px solid #BBBBBB; border-bottom: 1px solid #999999; padding-bottom: 2px; padding-top: 2px; padding-left: 5px; padding-right: 5px; display: block; clear: both; margin-bottom: 10px; } /****************************************************** * 5.2 Form components ******************************************************/ .label { clear: both; color: #666666; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 2px; font-size: 0.85em; } .label_group { display: block; margin: 10px; margin-bottom: 10px; } .button_group { clear: both; display: block; margin: 10px; margin-bottom: 15px; } .label_multicol { display: block; margin: 10px; margin-bottom: 10px; float: left; } .label td { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; } textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; } input { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; } /******************************************************************************************************************** * 6 Menu ********************************************************************************************************************/ #menu { background-color: #FAFAFA; background-image: url(../images/bg_main_bottom.png); background-position: bottom; background-repeat: repeat-x; border: 1px solid #DDBBBB; color: #AA0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; margin: 0px; width: 120px; } #menu p.header { background-color: #F0F0FF; border-bottom: 1px solid #BBBBDD; background-image: url(../images/toolbar_bg.png); background-repeat: repeat-x; color: #0000AA; font-size: 12px; font-weight: bold; margin:0px; padding: 7px; vertical-align: middle; } #menu p { margin-top: 7px; margin-right: 5px; margin-bottom: 2px; margin-left: 7px; color: #AA0000; } #menu p.logout { margin-bottom: 10px; margin-top: 14px; } #menu .indent { color: #AA0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 12px; font-weight: normal; margin-top: 2px; margin-right: 0px; margin-bottom: 0px; margin-left: 13px; } #menu a:link { text-decoration: none; color: #AA0000; } #menu a:visited { text-decoration: none; color: #AA0000; } #menu a:hover { text-decoration: underline; color: #AA0000; } /******************************************************************************************************************** ******************************************************************************************************************** * PAGES ******************************************************************************************************************** ********************************************************************************************************************/ /****************************************************** * #image_manager ******************************************************/ #image_manager { }