.body2 { scrollbar-arrow-color: #8FC73E; scrollbar-DarkShadow-Color: white; scrollbar-Shadow-Color: #8FC73E; scrollbar-Light-Color: #8FC73E; scrollbar-Track-Color: white; scrollbar-Highlight-Color: #8FC73E; scrollbar-Face-Color: #FFFFFF; background-color:#F5F4F3; background-image:url(../img/bg.jpg); background-repeat: repeat-x; margin-left:0px; margin-top:0px; margin-bottom:0px; margin-right:0px; } .uye { background-color:#F5F4F3; background-image:url(../img/bg_uye.jpg); background-repeat: repeat-x; margin-left:15px; margin-top:10px; } .br1 { border-left: #000000 2px solid; border-right: #000000 2px solid; border-bottom: #000000 2px solid; background-color:#FFFFFF;} .br2 { border-bottom: #E2E3E8 1px solid; border-right: #E2E3E8 1px solid; border-left: #E2E3E8 1px solid; background-color:#FFFFFF;} .br3 { border-left: #E2E3E8 1px dashed; background-color:#FFFFFF;} .br4 { border-right: #E2E3E8 1px dashed; background-color:#FFFFFF;} .br5 { border-bottom: #E2E3E8 1px dashed;} .br6 { border-top: #E2E3E8 1px dashed;} .br7 { border-left: #E2E3E8 1px solid; background-color:#FFFFFF;} .br8 { border-left: #E7E7DE 1px solid; border-right: #E7E7DE 1px solid; border-bottom: #E7E7DE 1px solid; background-color:#FFFFFF;} .br9 { border: #0C5238 1px solid; background:#0C5238;} .br10 { border-top: #E2E3E8 1px solid; border-bottom: #E2E3E8 1px solid;} .br11 { border: #E2E3E8 1px solid; } .br12 { border-bottom: #E2E3E8 1px dashed; color:#0C5238; font:11px/14px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;} .text1 { color:#323232; font:10px/14px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;} .text2 { color:#999999; font:10px/14px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;} .text3 { color:#666666; font:10px/14px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;} .text4 { color:#0C5238; font:12px/14px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;} .text5 { color:#0C5238; font:11px/14px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;} .text6 { color:#FFFFFF; font:10px/14px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;} .text7 { color:#FFFFFF; font:10px/14px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;} .text8 { color:#FFFFFF; font:10px/14px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;} .text9 { color:#0C5238; font:14px/16px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;} .text10 { color:#FF0000; font:10px/14px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;} .text11 { color:#000000; font:10px/14px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;} .text12 { color:#0C5238; font:14px/18px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;} .i1 { border: #cacaca 1px solid; font-size: 14px; color: #494949; width: 100px; height: 20px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#FFFFFF} .i2 { border: #cacaca 1px solid; font-size: 14px; color: #494949; width: 160px; height: 20px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#FFFFFF} .sb { border:#cacaca 1px solid; background-image:url(../img/submit_bg.gif); width:60px; height:22px; background-color:#FFFFFF; color:#323232; font:12px Arial, Helvetica, sans-serif;} .sb2 { border:#cacaca 1px solid; background-image:url(../img/submit_bg2.gif); width:190px; height:30px; background-color:#FFFFFF; color:#5C6853; font:14px 'Century Gothic' ,Verdana, Arial, Helvetica, sans-serif;} .L1:link {color:#626262; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:none} .L1:active {color:#626262; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:none} .L1:visited {color:#626262; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:none} .L1:hover {color:#626262; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:underline} .L2:link {color:#626262; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:underline} .L2:active {color:#626262; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:underline} .L2:visited {color:#626262; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:underline} .L2:hover {color:#626262; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:none} .L3:link {color:#999999; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:none} .L3:active {color:#999999; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:none} .L3:visited {color:#999999; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:none} .L3:hover {color:#999999; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:underline} .L4:link {color:#323232; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:none} .L4:active {color:#323232; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:none} .L4:visited {color:#323232; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:none} .L4:hover {color:#323232; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:underline} .L5:link {color:#323232; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:underline} .L5:active {color:#323232; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:underline} .L5:visited {color:#323232; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:underline} .L5:hover {color:#323232; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:none} .L6:link {color:#FF0000; font:13px/15px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:none} .L6:active {color:#FF0000; font:13px/15px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:none} .L6:visited {color:#FF0000; font:13px/15px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:none} .L6:hover {color:#FF0000; font:13px/15px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:underline} .L7:link {color:#999999; font:10px/18px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:underline} .L7:active {color:#999999; font:10px/18px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:underline} .L7:visited {color:#999999; font:10px/18px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:underline} .L7:hover {color:#999999; font:10px/18px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:none} .L8:link {color:#FF0000; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:underline} .L8:active {color:#FF0000; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:underline} .L8:visited {color:#FF0000; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:underline} .L8:hover {color:#FF0000; font:10px/13px Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:none} .input1 { border: #cacaca 1px solid; padding-right: 4px; padding-left: 4px; font-size: 12px; padding-bottom:1px; color: #494949; padding-top: 2px; width: 250px; height: 20px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#FFFFFF} .input2 { border: #cacaca 1px solid; padding-right: 4px; padding-left: 4px; font-size: 12px; padding-bottom:1px; color: #494949; padding-top: 2px; width: 200px; height: 20px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#FFFFFF} .input3 { border: #cacaca 1px solid; padding-right: 4px; padding-left: 4px; font-size: 12px; padding-bottom:1px; color: #494949; padding-top: 2px; width: 350px; height: 20px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#FFFFFF} .area1 { border: #cacaca 1px solid; padding-right: 4px; padding-left: 4px; font-size: 12px; padding-bottom:1px; color: #494949; padding-top: 2px; width: 250px; height: 120px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#FFFFFF} .btn1 { border: #095338 1px solid; font-size: 10px; padding-bottom:1px; color: #FFFFFF; width: 50px; height: 18px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#095338} .btn2 { border: #095338 1px solid; font-size: 10px; padding-bottom:1px; color: #095338; width: 50px; height: 18px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#FFFFFF} /********************************************************************** TABBED PANELS **********************************************************************/ @charset "UTF-8"; /* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* Horizontal Tabbed Panels * * The default style for a TabbedPanels widget places all tab buttons * (left aligned) above the content panel. */ /* This is the selector for the main TabbedPanels container. For our * default style, this container does not contribute anything visually, * but it is floated left to make sure that any floating or clearing done * with any of its child elements are contained completely within the * TabbedPanels container, to minimize any impact or undesireable * interaction with other floated elements on the page that may be used * for layout. * * If you want to constrain the width of the TabbedPanels widget, set a * width on the TabbedPanels container. By default, the TabbedPanels widget * expands horizontally to fill up available space. * * The name of the class ("TabbedPanels") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabbedPanels container. */ .TabbedPanels { margin: 0px; padding: 0px; float: left; clear: none; width: 200px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ } .TabbedPanels2 { margin: 0px; padding: 0px; float: left; clear: none; width: 200px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ } /* This is the selector for the TabGroup. The TabGroup container houses * all of the tab buttons for each tabbed panel in the widget. This container * does not contribute anything visually to the look of the widget for our * default style. * * The name of the class ("TabbedPanelsTabGroup") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabGroup container. */ .TabbedPanelsTabGroup { margin: 0px; padding: 0px; } /* This is the selector for the TabbedPanelsTab. This container houses * the title for the panel. This is also the tab "button" that the user clicks * on to activate the corresponding content panel so that it appears on top * of the other tabbed panels contained in the widget. * * For our default style, each tab is positioned relatively 1 pixel down from * where it wold normally render. This allows each tab to overlap the content * panel that renders below it. Each tab is rendered with a 1 pixel bottom * border that has a color that matches the top border of the current content * panel. This gives the appearance that the tab is being drawn behind the * content panel. * * The name of the class ("TabbedPanelsTab") used in this selector is not * necessary to make the widget function. You can use any class name you want * to style this tab container. */ .TabbedPanelsTab { position: relative; top: 1px; float: left; padding: 4px 10px; margin: 0px 1px 0px 0px; font: bold 0.7em sans-serif; background-color: #FFFFFF; list-style: none; border-left: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; border-top: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; } /* This selector is an example of how to change the appearnce of a tab button * container as the mouse enters it. The class "TabbedPanelsTabHover" is * programatically added and removed from the tab element as the mouse enters * and exits the container. */ .TabbedPanelsTabHover { background-color: #ffffff; } /* This selector is an example of how to change the appearance of a tab button * container after the user has clicked on it to activate a content panel. * The class "TabbedPanelsTabSelected" is programatically added and removed * from the tab element as the user clicks on the tab button containers in * the widget. * * As mentioned above, for our default style, tab buttons are positioned * 1 pixel down from where it would normally render. When the tab button is * selected, we change its bottom border to match the background color of the * content panel so that it looks like the tab is part of the content panel. */ .TabbedPanelsTabSelected { background-color: #D9E6CA; border-bottom: 0px solid #EEE; } /* This selector is an example of how to make a link inside of a tab button * look like normal text. Users may want to use links inside of a tab button * so that when it gets focus, the text *inside* the tab button gets a focus * ring around it, instead of the focus ring around the entire tab. */ .TabbedPanelsTab a { color: black; text-decoration: none; } /* This is the selector for the ContentGroup. The ContentGroup container houses * all of the content panels for each tabbed panel in the widget. For our * default style, this container provides the background color and borders that * surround the content. * * The name of the class ("TabbedPanelsContentGroup") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the ContentGroup container. */ .TabbedPanelsContentGroup { clear: both; border-left: solid 0px #F2EBDB; border-bottom: solid 0px #F2EBDB; border-top: solid 1px #CCCCCC; border-right: solid 0px #F2EBDB; background-color: #FFFFFF; } /* This is the selector for the Content panel. The Content panel holds the * content for a single tabbed panel. For our default style, this container * provides some padding, so that the content is not pushed up against the * widget borders. * * The name of the class ("TabbedPanelsContent") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the Content container. */ .TabbedPanelsContent { padding: 4px; } /* This selector is an example of how to change the appearnce of the currently * active container panel. The class "TabbedPanelsContentVisible" is * programatically added and removed from the content element as the panel * is activated/deactivated. */ .TabbedPanelsContentVisible { } /* Vertical Tabbed Panels * * The following rules override some of the default rules above so that the * TabbedPanels widget renders with its tab buttons along the left side of * the currently active content panel. * * With the rules defined below, the only change that will have to be made * to switch a horizontal tabbed panels widget to a vertical tabbed panels * widget, is to use the "VTabbedPanels" class on the top-level widget * container element, instead of "TabbedPanels". */ /* This selector floats the TabGroup so that the tab buttons it contains * render to the left of the active content panel. A border is drawn around * the group container to make it look like a list container. */ .VTabbedPanels .TabbedPanelsTabGroup { float: left; width: 10em; height: 20em; background-color: #EEE; position: relative; border-top: solid 1px #BBA78F; border-right: solid 1px #BBA78F; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .VTabbedPanels .TabbedPanelsTab { float: none; margin: 0px; border-top: none; border-left: none; border-right: none; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .VTabbedPanels .TabbedPanelsTabSelected { background-color: #E8EAEE; border-bottom: solid 1px #6B7685; } /* This selector floats the content panels for the widget so that they * render to the right of the tabbed buttons. */ .VTabbedPanels .TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; width: 30em; height: 20em; } /*********************************************************************/