@charset "UTF-8";
/* CSS Document */



body { margin:0; padding:0; background-color: #000; font-family:Arial, Helvetica, sans-serif; text-align:center;}

#container {margin:15px auto 0 auto; padding:0; width:975px;}

.spacer_sm {height:2px;}
.small_spacer td {height:2px;}
.big_spacer td {height:25px;}




/******* HEADER INCLUDE STYLES *******/

.header_bg { background-image:url(../images/header_silver_blue_decorative.png); background-position: top; background-repeat:no-repeat;}
.site_title {font-family: "Times New Roman", Times, serif; font-size:36px; color:#000000;}
.site_subtitle {font-size:16px; color:#333333;}

/******* HEADER INCLUDE STYLES *******/





/******* TOP NAVIGATION STYLES *******/

.top_nav {background-image:url(../images/silver_blue_nav_top.png); background-repeat:repeat-x; background-position:center center; vertical-align:middle;} /*url(../images/blue_bar.jpg)*/

.top_nav .left {float:left}
.top_nav .right {float:right}

.top_nav .login a {font-size:12px;}
.top_nav .login a:link, .top_nav .login a:visited {color:#fff; text-decoration:none;}
.top_nav .login a:hover {color:#ccc; text-decoration:none;}

/******* TOP NAVIGATION STYLES *******/








/**********************************************************************************/
/******************************** HOME PAGE STYLES ********************************/
/**********************************************************************************/


/******* PHOTO ID PANEL *******/

.photo_id {border:1px solid #000000}
.photo_id_bg {background-color: #2a2a2a;}/* #222*/
.photo_id_statement {font-size:12px; color:#CCCCCC;} /* SITE STATEMENT */

/******* PHOTO ID PANEL *******/





/******* FEATURED IMAGE PANEL *******/

.featured_img {border:3px solid #000000}
.featured_img_bg {background-color: #1a1a1a; width:766px; vertical-align:top;}
.featured_img_bg_grad_1 {background-image:url(../images/featured_img_grad_1.jpg); background-position:center; background-repeat:repeat-y;}
.featured_img_title {padding:4px; font-size:18px; color:#fff;}
.featured_img_description {font-size:12px; color:#CCCCCC;}

.body_border {background-color: #777;}
.body_inner_border {background-color: #000;}

/******* FEATURED IMAGE PANEL *******/


/******* GALLERY SEARCH BAR ARTIST LIST PANEL *******/

.search_bar td {background-image:url(../images/search_bar_blue.png);}
.search_bar td.corner_1 { width:5px; height:5px; background-image:url(../images/search_bar_corner_blue.png); background-position: top left; background-repeat:no-repeat; overflow:hidden;}
.search_bar td.corner_2 {width:5px; height:5px; background-image:url(../images/search_bar_corner_blue.png); background-position: top right; background-repeat:no-repeat; overflow:hidden;}

.directory_title {font-size:18px; color:#FFFFFF;}
.directory_names {font-size:12px; padding: 3px 0 3px 0;}
.directory_names a:link {color:#000000; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.directory_names a:visited {color:#000000; text-decoration:none;}
.directory_names a:hover{color: #666666; text-decoration:none;}
.directory_alphabet {font-size:12px; color:#CCCCCC;}
.directory_alphabet a:link, .directory_alphabet a:visited {color:#CCCCCC; text-decoration:none;}
.directory_alphabet a:hover {color:#ffffff; text-decoration:underline;}

.image_viewer td.bg { background-image:url(../images/image_viewer_bg.png); background-repeat: repeat; overflow:hidden;}
.image_viewer td.top {height:5px; background-image:url(../images/image_viewer_top.png); background-repeat: repeat-x; overflow:hidden;}
.image_viewer td.left {width:5px; background-image:url(../images/image_viewer_sides.png); background-position:top left; background-repeat: repeat-y; overflow:hidden;}
.image_viewer td.right {width:5px; background-image:url(../images/image_viewer_sides.png); background-position:top right; background-repeat: repeat-y; overflow:hidden;}
.image_viewer td.corner_1 {width:5px; height:5px; background-image:url(../images/image_viewer_corner.png); background-position: top left; background-repeat:no-repeat; overflow:hidden;}
.image_viewer td.corner_2 {width:5px; height:5px; background-image:url(../images/image_viewer_corner.png); background-position: top right; background-repeat:no-repeat; overflow:hidden;}
.image_viewer td.corner_3 {width:5px; height:5px; background-image:url(../images/image_viewer_corner.png); background-position: bottom left; background-repeat:no-repeat; overflow:hidden;}
.image_viewer td.corner_4 {width:5px; height:5px; background-image:url(../images/image_viewer_corner.png); background-position: bottom right; background-repeat:no-repeat; overflow:hidden;}
.image_viewer td.btm {height:5px; background-image:url(../images/image_viewer_btm.png); background-repeat: repeat-x; overflow:hidden;}

.artist_list td {background-image:url(../images/artist_list_bg.png);}
.artist_list td.blank { background-color:#000000; background-image:none;}
.artist_list td.corner_3 { width:5px; height:5px; background-image:url(../images/artist_list_corner.png); background-position: bottom left; background-repeat:no-repeat; overflow:hidden;}
.artist_list td.corner_4 { width:5px; height:5px; background-image:url(../images/artist_list_corner.png); background-position: bottom right; background-repeat:no-repeat; overflow:hidden;}

/******* GALLERY SEARCH BAR ARTIST LIST PANEL *******/


/**********************************************************************************/
/******************************** HOME PAGE STYLES ********************************/
/**********************************************************************************/







/**********************************************************************************/
/******************************* VIEWING ROOM STYLES ******************************/
/**********************************************************************************/

.gallery_artist_title {font-size:18px; color:#ccb132;}
.gallery_artist_menu_bar {background-color:#515151;}

.vr_art_panel {margin:0; padding:0; width:719px; background-color:#333333; vertical-align:top;} /* height was set to 350px */
.art_main {margin:0; padding:0; border:2px solid #000000;}
.art_title {color:#CCCCCC; font-size:18px; font-weight:normal;}
.art_description {color:#CCCCCC; font-size:12px; font-weight:normal;}

.vr_details_panel {margin:0; padding:0; width:249px; background-color:#1a1a1a; vertical-align:top;}
.vr_details_title {padding:0 5px 0 5px; width:239px; color:#ccc; font-size:18px; font-weight:normal;}

.vr_search_bar {width:975px;}
.vr_search_bar td.body { background-color:#444; width:973px; height:40px;}
.vr_search_bar td.vertical_border {width:1px; background-color:#777;}
.vr_search_title {font-size:18px; color:#FFFFFF; padding:0 5px 0 5px;}
.vr_search {font-size:12px; color:#FFFFFF; padding:0 5px 0 5px;}
.vr_search a, .icon_nav_title a {text-decoration:none;}
.vr_search a:link, .vr_search a:visited, .vr_search_title a:link, .vr_search_title a:visited {color:#FFFFFF;}
.vr_search a:hover, .vr_search_title a:hover {color:#CCCCCC;}

.tn_container {width:975px;}
.tn_container td.body { background-image:url(../images/main_btm_filler.png); background-repeat:repeat; width:973px; height:100px;}
.tn_container td.vertical_border {width:1px; background-color:#777;}
.tn_shelf table {float:left;}
.tn_shelf img {border:solid 1px #000000;}



/**********************************************************************************/
/******************************* VIEWING ROOM STYLES ******************************/
/**********************************************************************************/






/**********************************************************************************/
/************************      Profile Panel         ******************************/
/**********************************************************************************/


.profile_bg { width:766px; background-color:#aaaaaa; vertical-align:top;}

.error {border: #FF0000 1px solid; background-color: #FFFFFF;}
.error_title { font-size:14px; color:#333;}
.error_text {font-size:12px; color:#FF0000;}

.profile_title { font-size:18px; color:#333333;}
.profile_title a:link, .profile_title a:visited {color:#333333; text-decoration:none;}
.profile_title a:hover {color:#333333; text-decoration:underline;}

.profile_content { color:#333333; font-size:12px;}

.event_h1 {color:#333333; font-size:18px;}
.event_h2 {color:#333333; font-weight:bold; font-size:12px;}
.event_h3 {color:#333333; font-size:12px;}
.event_h3 a:link, .event_h3 a:visited {color:#333333; text-decoration:none;}
.event_h3 a:hover {color:#333333; text-decoration:underline;}

.news_chart_title {color:#fff; font-size:18px;}
.news_chart_details { padding:0 0 0 5px; color:#333333; font-size:12px;}
.news_chart td.line { background:#999999;}
.news_chart td.details { background:#f1f1f1;}
/* .news_chart td.details:hover { background-color: #FFFFFF} */
.news_chart_details a:link, .news_chart_details a:visited {color:#333333; font-size:12px; text-decoration:none;}
.news_chart_details a:hover {color:#333333; font-size:12px; text-decoration:underline;}



/**********************************************************************************/
/************************      Profile Panel         ******************************/
/**********************************************************************************/






/**********************************************************************************/
/************************    SHOPPING CART           ******************************/
/**********************************************************************************/

.cart_bg {background-color:#eeeeee;}

.cart_page_title {color:#333333; font-size:20px;}

.cart_title {color:#333333; font-size:14px;}

.cart_detail_title {color:#333333; font-size:12px;}

.cart_art_title {color:#333333; font-size:12px; font-weight:bold;}

.cart_detail {font-size:12px; color:#333;}

.cart_delete a {font-size:18px; color:#FF0000;}
.cart_delete a:link, .cart_delete a:visited { text-decoration:none;}
.cart_delete a:hover { text-decoration: underline;}

.cart_subtotal {font-size:16px; color:#333333;}

/**********************************************************************************/
/************************    SHOPPING CART           ******************************/
/**********************************************************************************/






/**********************************************************************************/
/************************    SHIPPING BILLING        ******************************/
/**********************************************************************************/

.billing_shipping_error { padding:15px; border:1px solid #CC0000; background-color:#ffffff; color:#FF0000; font-size:12px;}
.billing_shipping_error td.title {color:#FF0000; font-size:16px;}


.billing_shipping {background-color:#FFFFFF; border:1px solid #333333;}


.billing_shipping_info td {font-size:14px; color:#222222; padding:2px 0; text-align:left; vertical-align:middle; width:250px;}
.billing_shipping_info td.continue {font-size:14px; color:#222222; padding:5px 0; text-align:center; vertical-align:middle; width:250px;}

.billing_shipping_info td.title {font-size:18px; color:#222222;}
.billing_shipping_info td.title .small {font-size:12px; color:#222222;}

.continue_btn { padding:25px 100px; border:1px solid #999999;}


/**********************************************************************************/
/************************    SHIPPING BILLING        ******************************/
/**********************************************************************************/






/**********************************************************************************/
/************************    ORDER CONFIRMATION      ******************************/
/**********************************************************************************/


.order_confirmation {background-color:#FFFFFF; border:1px solid #333333;}

.artwork_confirmaiton {}
.artwork_confirmaiton th { font-size:12px; color:#333333; font-weight:normal; text-align:center; vertical-align:middle;}
.artwork_confirmaiton td { font-size:12px; color:#333333; font-weight:normal; text-align:center; vertical-align:middle;}
.artwork_confirmaiton td.artist { font-size:18px; color:#333333; font-weight:normal; text-align:left; vertical-align:middle;}
.artwork_confirmaiton td img { padding:10px 0;}

.artwork_confirmaiton td.total { height:40px; font-size:16px; color:#333333; font-weight:normal; text-align:right; vertical-align:middle;}
.artwork_confirmaiton td.total .amount { padding:5px 20px; border:1px solid #666666;}

.info_confirmation {}
.info_confirmation td {font-size:14px; color:#333; padding:2px 0; text-align:left; vertical-align:middle; width:250px;}
.info_confirmation td.confirm {color:#222222; padding:5px 0; text-align:center; vertical-align:middle; width:250px;}

.info_confirmation td.title {font-size:18px; color:#222222;}

.confirm_btn {padding:25px 100px; border:1px solid #999999;}


/**********************************************************************************/
/************************    ORDER CONFIRMATION      ******************************/
/**********************************************************************************/




/******* FOOTER *******/

.footer_body { background-image:url(../images/main_btm_filler.png); background-repeat:repeat; width:973px; height:25px;}
.footer_border {background-color: #888; width:1px;}

.footer_corner_3 {background-image:url(../images/main_btm_3.png); background-position:bottom; background-repeat:no-repeat; width:5px;}
.footer_corner_4 {background-image:url(../images/main_btm_4.png); background-position:bottom; background-repeat:no-repeat; width:5px;}
.footer_btm_edge {background-image: url(../images/main_btm_edge.png); background-position:bottom; background-repeat:repeat-x; width:965px; height:5px;}

#powered_by {font-size:10px; color:#555; padding: 10px 0;}
#powered_by a:link, #powered_by a:visited {color:#555; text-decoration:none}
#powered_by a:hover {color:#555; text-decoration:underline}

/******* FOOTER *******/














/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	cursor: default;
	width: auto;
	
	
	
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 500;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 5px 0px 5px 0px;
	list-style-type: none;
	font-size: 12px;
	position: relative;
	
	text-align: left;
	cursor: pointer;
	width: auto;
	float: left;
}


ul.MenuBarHorizontal li.gallery_artist
{
	margin: 0;
	padding: 9px 0px 9px 0px;
	list-style-type: none;
	font-size: 12px;
	position: relative;
	
	text-align: left;
	cursor: pointer;
	width: auto;
	float: left;
}



/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin:5px 0 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	z-index: 520;
	cursor: default;
	width: 225px;/*15em*/
	position: absolute;
	overflow:hidden;
	left: -1000em;
}
ul.MenuBarHorizontal ul.wider
{
	margin:5px 0 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	z-index: 520;
	cursor: default;
	width: 300px;/*15em*/
	position: absolute;
	overflow:hidden;
	left: -1000em;
}






ul.MenuBarHorizontal ul.gallery_artist
{
	margin:9px 0 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	z-index: 520;
	cursor: default;
	width: 200px;/*15em*/
	position: absolute;
	
	left: -1000em;
}
ul.MenuBarHorizontal ul.gallery_artist_wider
{
	margin:9px 0 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	z-index: 520;
	cursor: default;
	width: 300px;/*15em*/
	position: absolute;
	
	left: -1000em;
}






/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 100%;
	/* THIS FIXED THE BACKGROUND PROBLEM */
	background-color:#dddddd;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: 0 0 0 100%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #333;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	font-family:Arial, Helvetica, sans-serif;
	display: block;
	cursor: pointer;
	
	
	padding: .3em .75em .2em .75em;
	/*padding: 0.5em 0.75em;*/
	/* color: #ccc; */
	text-decoration: none;
}


/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	/*background-color: #b1b1b1;*/
	/* color: #ffffff; */
}

ul.MenuBarHorizontal li a:link.gallery_artist, ul.MenuBarHorizontal li a:visited.gallery_artist {color:#ccc}
ul.MenuBarHorizontal li a:hover.gallery_artist {color:#fff}

ul.MenuBarHorizontal li a:link.main, ul.MenuBarHorizontal li a:visited.main {color:#fff}
ul.MenuBarHorizontal li a:hover.main {color:#ccc}

ul.MenuBarHorizontal li ul a:link, ul.MenuBarHorizontal li ul a:visited {color:#333333}
ul.MenuBarHorizontal li ul a:hover {color:#a53918}



/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	/*background-color: #dddddd;*/
	
}


/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 510;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		
	}
}
















/******* TABBED PANEL CSS ********/

.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 249px; /* 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.
 */
.TabbedPanelsTab1 {
	position: relative;
	width:245px;
	top: 1px;
	float: left;
	padding: 4px 0;
	margin: 0px 1px 0px 1px;
	font: bold 12px sans-serif;
	background-color: #999;
	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;
}

.TabbedPanelsTab2 {
	position: relative;
	width:120px;
	top: 1px;
	float: left;
	padding: 4px 0;
	margin: 0px 1px 0px 1px;
	font: bold 12px sans-serif;
	background-color: #999;
	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;
}

.TabbedPanelsTab3 {
	position: relative;
	width:79px;
	top: 1px;
	float: left;
	padding: 4px 0;
	margin: 0px 1px 0px 1px;
	font: bold 12px sans-serif;
	background-color: #999;
	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: #666;
}

/* 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 {
	margin:0 1px 0 1px;
	width: 245px;
	clear: both;
	height:345px;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
}

/* 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: 10px;
	font-size:12px;
	line-height:18px;
}

.details_title {font-weight:bold;}

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