@charset "utf-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}body{background:#000204 url(images/background.gif) top left repeat-x;font-family:Arial,MS　Pゴシック,Verdana,Helvetica,sans-serif,meiryo;font-size:62.5%;color:#333;text-align:center}address{font-size:90%;padding:10px;text-align:center}blockquote{margin:5px 50px}p{line-height:1.5em;margin:3px 0}/*見出し--------------------------*/h1{font-family:"Trebuchet MS";font-size:360%;font-weight:bold;margin:0;padding:0}h1 a{text-decoration:none;color:#034694}h2{font-size:240%}h3{font-size:180%}h4{font-size:140%}h5{font-size:120%}h6{font-size:110%}/*リンク---------------------------*/a{color:#034694;text-decoration:underline}a:link{color:#034694;text-decoration:underline}a:visited{color:#000409}a:hover{color:#fff;background-color:#034694;text-decoration:none}a:active{}/*テーブル-------------------------*/table{border-collapse:collapse;width:100%}th,td{padding:5px}th{background-color:#034088;color:#fff;text-align:center}/*リスト-------------------------*//*テキスト-------------------------*/blockquote{background:#000;color:#fff;padding:10px;margin:15px 50px}pre{font-family:Arial,Helvetica,sans-serif}code{background-color:#f4f4f4;border-bottom:1px solid #ddd;padding:10px;display:block}/* UserComments ------------------------------------------------------------------------- */ .comment{background-color:#fff;border-bottom:1px solid #ddd;position:relative;padding:10px;overflow:hidden}.commentAlt{background-color:#f4f4f4}.commentAuthor{background-color:#ffc}.commentMe{background-color:#ccf !important;padding-top:5px}.commentNum{font-family:Arial,sans-serif;font-size:50px;line-height:30px;position:absolute;top:0;right:0;color:#f2f2f2;font-weight:bold;letter-spacing:-4px;z-index:1}.commentAlt .commentNum{color:#eaeaea}.commentMe .commentNum{color:#b0b0ff}.commentAuthor .commentNum{color:#f3f3bb}.commentTitle{position:relative;z-index:10;color:#999}.commentTitle span{text-transform:uppercase;font-size:86%}.commentTitle strong{color:#693;font-size:110%;text-transform:none;font-weight:normal;margin-right:6px}.comment .content{position:relative;z-index:10}/* EmailForm ------------------------------------------------------------------------------- */#EmailForm{width:360px;text-align:left;padding-bottom:20px;border:none}#EmailForm.full{width:100%}#EmailForm fieldset{border:none}#EmailForm legend{display:none}#EmailForm h3{clear:both;padding:15px 0 5px;font-size:14px;font-family:Helvetica,Arial,sans-serif;color:#000;font-weight:bold}#EmailForm label,#EmailForm p{display:block;clear:both;width:310px;font-size:1em;line-height:1.5em;padding:0 0 9px}#EmailForm input{display:block;margin-top:3px}#EmailForm select{float:left;display:block}#EmailForm label.first,#EmailForm label.city{clear:left;margin-right:10px;width:150px}#EmailForm label.second,#EmailForm label.state{float:left;clear:none;margin:0 10px 0 0;width:150px}#EmailForm label.state{width:60px}#EmailForm label.first input,#EmailForm label.city input,#EmailForm label.second input{float:left;width:150px;padding:0}#EmailForm label.state select{width:60px;float:left;margin-top:3px}#EmailForm label.zip,#EmailForm label.zip input{float:left;width:80px}#EmailForm label.zip{clear:none}#EmailForm label{float:left;clear:left;width:310px;margin:0;line-height:1.5em}#EmailForm label input{float:left;width:310px;padding:0}#EmailForm input.radio,#EmailForm input#radiobutton_1,#EmailForm input#radiobutton_2,#EmailForm input#radiobutton_3,#EmailForm input#radiobutton_4{clear:left;float:left;padding:0;margin:0}#EmailForm label.radio,#EmailForm label.radioitem{clear:none;margin:0 0 0 25px;padding:0 0 15px}#EmailForm input.checkbox,#EmailForm input#checkbox_1,#EmailForm input#checkbox_2,#EmailForm input#checkbox_3,#EmailForm input#checkbox_4{clear:both;float:left;padding:0;margin:0}#EmailForm label.checkbox{clear:none;margin:0 0 0 25px;padding:0 0 15px}#EmailForm label input,#EmailForm textarea{border:1px solid #ddd;border-left-color:#c3c3c3;border-top-color:#7c7c7c;padding:0 2px;height:18px;line-height:20px;background:#fff url(images/input-bg.gif) repeat-x top left}#EmailForm input.checkbox,#EmailForm select{border:1px solid #ddd;border-left-color:#c3c3c3;border-top-color:#7c7c7c;background-color:#fff}#EmailForm textarea{margin-top:3px;width:383px;height:auto;display:block}#EmailForm label input.calc{text-align:right;width:100px;clear:left;padding:0}#EmailForm input.button{clear:left;border:1px solid #ddd;border-left-color:#c3c3c3;border-top-color:#7c7c7c;background-color:#EBE9ED}/* Fixes for RichText widgets------------------------------------------------------------------------------- */.MODX_RichTextWidget{float:left}.MODX_RichTextWidget a{border:0px}/* Ditto 2 Blog------------------------------------------------------------------------------- */.ditto_summaryPost h3{border-bottom:1px solid #ccc;margin:0px !important;padding:5px !important;color:black}.ditto_summaryPost .ditto_info{background-color:#F8F8F8;padding:5px !important;font-size:0.8em;color:black}.ditto_link{font-size:76%;text-align:right}.ditto_paging{border-top:1px solid #ccc;padding:10px;font-size:86%;color:#618100}#ditto_pages .ditto_currentpage{border:1px solid #618100;padding:1px 5px 2px;margin-right:1px;background-color:#9c0;color:#fff}#ditto_pages .ditto_off{border:1px solid #ccc;padding:1px 5px 2px;margin-right:1px;color:#ccc}#ditto_pages a,#ditto_pages a:link,#ditto_pages a:visited{border:1px solid #9c0;padding:1px 5px 2px;margin-right:1px;text-decoration:none !important;color:#618100}#ditto_pages a:hover{background-color:#fff;color:#000}#ditto_archivelist ul{list-style-type:none;margin-left:15px;padding-left:0}#ditto_archivelist ul ul{list-style-type:square;margin-left:35px}#ditto_archivelist .ditto_month{font-weight:bold}/* MODx Icons------------------------------------------------------------------------------- */ #modxicon{height:32px;width:34px;margin:0 auto;text-align:center;float:right;margin-top:-2em}#modxicon a#modxicon32{margin:0 auto;width:34px;height:32px;display:block;text-indent:-2000px;text-align:center;overflow:hidden;background:transparent url(../../images/modx-icon.png) no-repeat 0 0}#modxicon a#modxicon32:hover{background:transparent url(../../images/modx-icon.png) no-repeat 0 -32px;color:#111}#modxicon a,#modxicon a:visited,#modxicon a:hover{background:transparent;border:0;text-decoration:none}.stylebox{background-color:#F7F7F7;border:1px solid #A0A0A0;padding:5px}.hide{display:none}/* Search Terms Highlighting------------------------------------------------------------------------------- */.AS_ajax_highlight{background-color:#ffb;padding:2px;margin:-3px;border:1px solid #dd3;color:#000}.searchTerms{color:#eee}.searchTerms .AS_ajax_highlight{margin:0 0 0 3px}a.ajaxSearch_removeHighlight,a.ajaxSearch_removeHighlight:visited{display:block;float:left;margin:6px 0 0;padding:1px 2px 2px;color:#888}a.ajaxSearch_removeHighlight:hover{background-color:#888;color:#222}#search{margin-top:25px;position:relative;float:right;width:476px;z-index:900;padding-right:15px;_margin-top:42px}#search img{display:none}#search-directory{position:absolute;top:26px;left:5px;width:496px;height:32px;overflow:hidden;z-index:400}#search fieldset,#sidebarlogin fieldset{border:none;margin:0px;padding:0px}#search form,#sidebarlogin form{border:none;margin:0px;padding:0px}#search label,#sidebarlogin label{color:#444444}#search input,#sidebarlogin input{border-top:1px solid #75767B;border-left:1px solid #75767B;border-bottom:1px solid #B6B9C0;border-right:1px solid #B6B9C0;height:19px}#sidebarlogin label{display:block;margin-top:5px !important}#sidebarlogin input{width:100%}#sidebarlogin #checkbox_1{width:auto;float:right;border:0 !important}#sidebarlogin h3{display:none}.button{width:auto !important;height:auto !important;padding:2px !important;margin-top:5px !important;margin-bottom:5px !important}#sidebarlogin #forgotpsswd{font-size:70%;display:block;float:right;margin-top:-25px}#search select{border-top:1px solid #75767B;border-left:1px solid #75767B;border-bottom:1px solid #B6B9C0;border-right:1px solid #B6B9C0;height:19px}#search textarea{border-top:1px solid #75767B;border-left:1px solid #75767B;border-bottom:1px solid #B6B9C0;border-right:1px solid #B6B9C0;height:19px}#search-txt{position:absolute;top:0px;left:158px;width:57px;height:21px;color:#ffffff;font-size:13px;line-height:23px}#ajaxSearch_input{position:absolute;top:0px;left:220px;width:165px;height:19px}#ajaxSearch_submit{width:70px !important;height:21px !important;margin:0 !important;border:0 !important;background:transparent url(images/search_70x21.gif) no-repeat center top;padding:55px 0 0 !important;cursor:pointer;cursor:hand;position:absolute;top:0px;left:400px}#ajaxSearch_output{background:#000;color:white;-moz-opacity:0.95 !important;opacity:0.95 !important;filter:alpha(opacity=95) !important;position:absolute;top:23px;left:220px;width:165px !important;z-index:1;border:0;padding:0;margin:0}#ajaxSearch_output a{color:#fff;text-align:left;width:172px;display:block;width:93% !important}#ajaxSearch_output a:hover{background-color:#8dbc00}#ajaxSearch_output p{margin:0}.ajaxSearch_paging{}.AS_ajax_result{border-top:1px solid #2f2f2f;color:#444;padding:5px 10px 7px;margin:0}.AS_resultLink{text-decoration:underline;padding:0;margin:0}.AS_ajax_resultDescription{color:#888}.AS_ajax_more{color:#555}.AS_intro{display:none}#dirsearch-txt{position:absolute;top:0px;left:0px;width:118px;height:21px;color:#4E5760;font-size:13px;line-height:23px}#dirsearch-inp{position:absolute;top:0px;left:123px;width:201px;height:18px}#dirsearch-btn{position:absolute;top:0px;left:329px;width:70px;height:21px}#dirsearch-txt2{position:absolute;top:3px;left:405px;width:170px;height:21px;color:#4E5760}#dirsearch-txt2 a{color:#4E5760}#join{position:relative}#join-inp{margin-top:5px;width:158px;height:18px}#join-btn{margin-top:5px;width:120px;height:21px}#page{position:relative;width:1000px;margin:30px auto 10px;text-align:left;background-color:#fff}#header{background:#fff url(images/header.jpg) no-repeat top right;height:170px;position:relative;margin-bottom:5px}#content{background-color:#fff;clear:both;float:left;width:690px;_width:670px;margin-right:10px;margin-bottom:15px}#sidebar{float:right;width:300px;margin-bottom:15px;background-color:#fff}/*#sidebar{position:absolute;right:0;width:250px}#sidebar2{position:absolute;right:250px;width:200px;z-index:1}*/#footer{background-color:#034694;position:relative;clear:both}/*HEADER------------------------------*/#header h1{position:absolute;top:0px;left:0px}#header h1 a{abackground-image:url(images/logo.gif);overflow:hidden;text-indent:-9999em;display:block;width:350px;height:100px;background-color:transparent}div#headerlink{overflow:hidden;width:100%;min-width:1000px;text-align:left;background-color:#000}ul.mylink{position:absolute;top:0;left:0;overflow:hidden;width:100%;background-color:#000}ul.mylink li,ul.metalink li{float:left;border-right:#333 1px solid}ul.mylink li a,ul.metalink li a{display:block;padding:5px;font-family:Arial;font-size:1.1em;color:#fff;text-decoration:none}ul.mylink li a:hover,ul.metalink li a:hover{background-color:#000;text-decoration:underline}ul.metalink li.login{position:absolute;top:0;right:0;border-left:#333 1px solid}ul#gnav{background:#034088 url(images/background.gif) repeat-x left top;height:40px;margin:0;padding:0;width:100%;position:absolute;top:100px;left:0}#gnav li{float:left}#gnav a{abackground-color:#000;display:block;text-align:center}#gnav li a{font-size:1.5em}#gnav li li a{font-size:1.3em}#breadcrumb{background-color:#fff;clear:both;position:absolute;top:140px;left:0;width:1000px;height:30px;font-size:1.2em}p.topicPath{margin:10px 10px 20px;_margin:10px 10px 0;font-size:0.9em;text-transform:uppercase}#page p.topicPath a{display:inline-block;padding:1px 5px;border:solid 1px #ddd;text-decoration:none}#page p.topicPath a:hover{color:#fff;text-decoration:none;background-color:#034694}#page p.topicPath span.current{display:inline-block;padding:1px 5px;border:solid 1px #ddd;color:#fff;background-color:#034694}/*CONTENT------------------------------*/#content h2{background:#fff url(images/chelsea25_25.gif) no-repeat left center;color:#034088;font-size:2.4em;font-family:"Trebuchet MS",sans-serif;font-weight:bold;margin:10px 7px 3px;padding-left:30px}#content h3{font-size:1.8em;font-family:meiryo,"Trebuchet MS",sans-serif;font-weight:bold;margin:5px 10px 3px}#content p{line-height:1.5;margin:0.7em 12px;font-size:1.3em}#content img.profile{float:left;margin:5px 5px 5px 0;padding:3px;background-color:#e9ecee;border:solid 1px #034694}#content ul{list-style:disc;margin:1em 0 1em 4em;font-size:1.3em}#content ol{list-style:decimal;margin:1em 0 1em 4em;font-size:1.3em}#content ul li{margin:5px}#content ul li ul{list-style:circle;margin:0.5em 1em;font-size:1.0em}#content ul li ul li ul{list-style:square;margin:1em}hr{visibility:hidden;clear:both}#content table{width:100%;font-size:1.2em;margin-left:5px}#content table p{line-height:1.5;margin:0.5em}.odd{background-color:#F9F9F9;padding:10px}.even{background-color:#eff4f8;padding:10px;margin:0}.chelsea{background-color:#034694;color:#fff;padding:10px}.center{text-align:center}.middle{vertical-align:middle}#content dl{font-size:1.3em;margin-left:5px}dl.clubdata{}.clubdata dt,.clubdata dd{border-bottom:#ccc solid 1px;padding:7px 0;text-indent:3px}.clubdata dt{float:left;width:15em;_width:14.9em}.clubdata dd{margin-left:15em}dt.sponsor{padding-bottom:19.6em}dl.profile{margin-left:5px}.profile dt,.profile dd{padding:6px 1px}.profile dt{width:5em;float:left}.profile dd{margin-left:5em}#content form{margin:5px 20px}#content label{font-size:1.2em}#content input{padding:1px}#content textarea{padding:1px}/*TOP - Main------------------------------*/#main h2{background:#fff url(main_h2.gif) repeat left top;color:#034088;font-size:2.4em;font-family:meiryo,"Trebuchet MS",sans-serif;font-weight:bold;margin:0 7px}#main p{font-size:1.3em;line-height:1.5;margin:0.5em 1.5em 1.5em}#main ul{list-style:disc;margin:0.5em 2em 1em;font-size:1.3em}#main ul li{margin:5px}#main ul li ul{list-style:circle;margin:0.5em 1em;font-size:1.0em}#main ul li ul li ul{list-style:square;margin:1em}#main #newsTicker{margin:7px 15px}#main dl{font-size:1.2em}#main p.score,#main dd.score{font-family:"Trebuchet MS";font-size:4em;font-weight:bold;margin:5px;text-align:center}#main dt,#main dd{padding:1px;line-height:1.6}#main dt{float:left;width:4em}#main dd{margin-left:4em}#main dt.formation{}/*SIDEBAR------------------------------*/#sidebar h2{background-color:#034088;clear:both;color:#fff;margin:10px 0;padding:7px;font-size:120%}#sidebar ul{font-size:1.2em}#sidebar ul li{}#sidebar ul li ul{margin:5px 0 5px 5px;font-size:1.0em}#sidebar ul li ul.news,#sidebar ul li ul.LIn_shortMode{list-style-type:disc;margin-left:1.5em}#sidebar ul li ul li{margin:5px 7px}#sidebar table{font-size:1.2em}div.ad{text-align:center}/*div.ad img{padding:3px;background-color:#e9ecee;border:solid 1px #034694}*//*Sidebar 2------------------------------*/#sidebar2 ul{font-size:1.2em;margin:0 0 0 1.5em;list-style-type:disc}#sidebar2 ul li{margin:3px}#sidebar2 ul ul{font-size:1.0em;margin:0 10px;list-style-type:circle}/*FOOTER------------------------------*/#footer address{color:#eee;font-size:1.1em;text-align:right}#footer a{color:#ccc}#footer ul#manager-area{font-size:0.9em;position:absolute;bottom:0;left:0}#footer ul#manager-area li{display:inline}#footer ul#bunner li.chelsea-logo{position:absolute;top:-50px;margin:0 auto;display:block;width:100px}#footer ul#footnav{width:600px;display:none}#footer ul#footnav li{float:left;margin:5px 0;text-align:center;width:100px}#footer ul#footnav li a{border-right:#eee solid 1px;color:#fff;display:block;padding:3px}ul#MenuBar1{background-color:#034088;margin:0;padding:0;width:100%;position:absolute;top:100px;left:0}ul.MenuBarHorizontal{background-color:#034088;padding:0;list-style-type:none;font-size:100%;cursor:default}ul.MenuBarActive{z-index:1000}ul.MenuBarHorizontal li{margin:0;padding:0;list-style-type:none;font-size:100%;position:relative;text-align:left;cursor:pointer;width:13em;float:left}ul.MenuBarHorizontal ul{margin:0;padding:0;list-style-type:none;font-size:100%;z-index:1020;cursor:default;width:14em;position:absolute;left:-1000em}ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{left:auto}ul.MenuBarHorizontal ul li{text-align:left;width:14em}ul.MenuBarHorizontal ul ul{position:absolute;margin:-5% 0 0 95%}ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{left:auto;top:0}/******************************************************************************* DESIGN INFORMATION:describes color scheme,borders,fonts *******************************************************************************/ul.MenuBarHorizontal ul{border:1px solid #CCC}ul.MenuBarHorizontal li a{display:block;cursor:pointer;background-color:#034088;padding:12px 15px;color:#fff;text-decoration:none;font-size:13px}ul.MenuBarHorizontal li ul li a,ul.MenuBarHorizontal li ul li ul li a{padding:5px 15px;font-size:12px}ul.MenuBarHorizontal a:hover,ul.MenuBarHorizontal a:focus{background-color:#fff;color:#333}ul.MenuBarHorizontal a.MenuBarItemHover,ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,ul.MenuBarHorizontal a.MenuBarSubmenuVisible{background-color:#fff;color:#333}/******************************************************************************* SUBMENU INDICATION:styles if there is a submenu under a given menu item *******************************************************************************/ul.MenuBarHorizontal a.MenuBarItemSubmenu{background-image:url(images/menubard.gif);background-repeat:no-repeat;background-position:95% 50%}ul.MenuBarHorizontal ul a.MenuBarItemSubmenu{background-image:url(images/menubarr.gif);background-repeat:no-repeat;background-position:95% 50%}ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{background-image:url(images/menubardh.gif);background-repeat:no-repeat;background-position:95% 50%}ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover{background-image:url(images/menubarrh.gif);background-repeat:no-repeat;background-position:95% 50%}/******************************************************************************* BROWSER HACKS:the hacks below should not be changed unless you are an expert *******************************************************************************/ul.MenuBarHorizontal iframe{position:absolute;z-index:1010;filter:alpha(opacity:0.1)}@media screen,projection{ul.MenuBarHorizontal li.MenuBarItemIE{display:inline;f\loat:left;background:#FFF}}.TabbedPanels{margin:0;padding:0;float:left;clear:none;width:100%}/* 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-size:1.1em;width:3em;_width:4em;background-color:#DDD;list-style:none;border-left:solid 1px #CCC;border-bottom:solid 1px #999;border-top:solid 1px #999;border-right:solid 1px #999;-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:#CCC}/* 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:#EEE;border-bottom:1px 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 1px #CCC;border-bottom:solid 1px #CCC;border-top:solid 1px #999;border-right:solid 1px #999;background-color:#EEE;margin-right:1px}/* 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 #999;border-right:solid 1px #999;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:#EEE;border-bottom:solid 1px #999}/* 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}