@charset "gb2312";

/* CSS Document */
/*a:link {color:none;border:none;text-decoration:none;background-color:none;padding:0px 0px;}
a:visited {color:none;border:none;text-decoration:none;background-color:none;padding:0px 0px;}
a:hover {color:none;border:none;text-decoration:none;background-color:none;padding:0px 0px;}
a:active {color:none;border:none;text-decoration:none;background-color:none;padding:0px 0px;} */
* {margin:0px 0px;padding:0px 0px;}
img{border:0px;}
.body{padding:0px;margin:0px;}
a:link {color:#8f0759;border:#8f0759 0 solid;text-decoration:none;}
a:visited {color:#8f0759;border:#8f0759 0 solid;text-decoration:none;}
a:hover {color:#8f0759;border:#8f0759 0 solid;text-decoration:none;}
a:active {color:#8f0759;border:#8f0759 0 solid;text-decoration:none;} 
.logoimg {width:251px;height:76px;margin:auto;margin-top:50px;}
.main {width:300px;height:30px;margin:auto;margin-top:30px;}
.main p{float:right;font-size:12px;line-height:30px;}
.left {width:80px;height:30px;float:left;font-size:16px;color:#960;font-weight:bold;line-height:30px;}
.right {width:214px;height:28px;float:right;font-size:14px;color:#960;border:solid #963 1px;padding:0px 2px;}
.bottom {width:300px;height:30px;margin:auto;margin-top:30px;}
.main img{float:left;margin-left:5px;margin-top:5px;}
.yzm {width:80px;height:30px;float:left;font-size:13px;color:#960;font-weight:bold;line-height:30px;}
.chdu {width:60px;height:28px;float:left;font-size:14px;color:#960;border:solid #963 1px;padding:0px 2px;}
.jmm {float:left;width:100px;height:20px;font-size:14px;color:#960;line-height:20px;}
.xjmm {font-size:14px;color:#960;line-height:20px;}
.xjmm a:link {color:#960;}
.xjmm a:visited {color:#960;}
.xjmm a:hover {color:#960;}
.xjmm a:active {color:#960;} 
.checkbox {float:left;border:#963 solid 1px;margin-top:4px;}
.wjmm {width:100px;height:28px;float:right;font-size:14px;color:#960;line-height:20px;float:right;text-align:right;}
.dlzhc {width:300px;height:35px;margin:auto;margin-top:30px;}
.xtshi {width:900px;height:100px;margin:auto;margin-top:30px;text-align:center;font-size:16px;color:#000;line-height:20px;}

.xinss {width:630px;height:auto;margin:auto;margin-top:20px;}
.font01 {font-size:16px; color:#963; line-height:30px;}
.font02 {font-size:14px; color:#963; line-height:30px;}
.font03 {font-size:14px; color:#000; line-height:30px;}
/*管理页面头部css*/
.top {width:979px;height:50px;background-image:url(../images/headbg.png);background-repeat:repeat-x;margin:auto;padding:0px 5px;}
.top_left {width:450px;height:50px;font-family:"宋体";font-size:12px;line-height:50px;float:left;}
.top_right {width:500px;height:50px;font-family:"宋体";font-size:12px;float:right;}
.top_up {width:500px;height:14px;font-family:"宋体";font-size:12px;line-height:14px;float:left;margin-top:5px; }
.top_up li {list-style:none;float:left;}
.top_down {width:500px;height:14px;font-family:"宋体";font-size:12px;line-height:14px;float:right;margin-top:10px;}
.top_down li {list-style:none;float:left;}
/*LOGO部分css*/
.logodd {width:979px;height:76px;margin:auto;margin-top:10px;}
.logobb {width:440px;height:30px;float:right;font-family:"宋体";font-size:16px;color:#FFF;line-height:30px;text-align:center;background-color:#6A1A1C;}
.logobb  a:link {color:#FFF;}
.logobb  a:visited{color:#FFF;}
.logobb  a:hover{color:#FFF;}
.logobb  a:active{color:#FFF;}
.logocc {width:440px;height:35px;border-style:solid;border-width:1px;border-color:#E9DAAB;float:right;font-family:"宋体";color:#8B4827;font-size:12px;line-height:35px;margin-top:10px;}
.logocc li {list-style:none;float:left;margin-left:10px;}
/*中间框架css*/
.daoh {width:979px;height:75px;border-style:solid;border-width:1px;border-color:#E9DAAB;margin:auto;margin-top:10px;}
.bg01 {width:100%;height:44px;background-image:url(../images/paabg.png);background-repeat:repeat-x;line-height:44px;font-family:"宋体", Arial;font-size:14px;color:#000;}
.dhh {width:95px;height:43px; font-family:"宋体"; font-size:14px;color:#963; text-align:center; line-height:44px; float:left; }
.dhc {width:95px;height:43px; position:relative; font-family:"宋体"; font-size:14px;color:#963; text-align:center; line-height:44px; float:left; }
.none {display:none;}
.show {width:600px;height:20px;display:block;position:absolute;left:-90px;top:50px; text-align:left; line-height:20px;}
.dhc a:link {color:#960;}
.dhc a:visited{background-color:#eadebf;color:#960;}
.dhc a:hover{background-color:#eadebf;color:#000;}
.dhc a:active{background-color:#eadebf;color:#000;}

/*登陆页面西半部分的css*/
.box01 {width:979px;height:28px;margin:auto;margin-top:20px;background-image:url(../images/pagbg02.png);background-repeat:repeat-x;position:relative;}
.box01 li {line-height:28px;list-style:none;font-family:"宋体";font-size:14px;color:#BB2174;font-weight:bold;float:left;position:absolute;top:0px;left:27px;}
.box02 {width:200px;height:28px;float:right;list-style:none;margin-right:5px;line-height:28px;position:absolute;top:0px;right:0px;}
.box03 {width:979px;height:5px;border-style:solid;border-width:1px;border-color:#E9DAAB;margin:auto;margin-top:10px;}
.box04 {width:979px;height:75px;border-style:solid;border-width:1px;border-color:#E9DAAB;margin:auto;margin-top:10px;font-family:"宋体";font-size:14px;color:#000;
        line-height:19px;padding:1px 1px;}
.box01 a { color:#BB2174; text-decoration: none; }
.box02 a { color:#BB2174; text-decoration: none; }
.box04 a { color:#000; text-decoration: none; }
.box05 {width:979px;height:30px;margin:auto;margin-top:5px;font-family:"宋体";font-size:16px;color:#000;text-align:center;line-height:30px;}
.box06 {width:979px;height:50px;margin:auto;margin-top:5px;font-family:"宋体";font-size:20px;color:#D62E2E;text-align:center;line-height:50px;font-weight:bolder;}
.box05 a { color:#000; text-decoration: none; }
.box07 {width:600px;height:30px;margin:auto;margin-top:5px;text-align:center;line-height:30px;}
.box08 {width:979px;height:250px;margin:auto;margin-top:5px;font-family:"宋体";font-size:14px;color:#000;text-align:center;line-height:30px;}
.box08 a { color:#000; text-decoration: none; }
.box09 {width:420px;height:55px;margin:auto;margin-top:30px;}
.box09 img { width:127px; height:50px; float:left; margin-left:5px;}
.box10 {width:20px;height:20px;margin:auto;margin-top:10px;margin-bottom:10px;}
/*中间css*/
.center {width:979px;height:auto;margin:auto;margin-top:0px;overflow:hidden;}
.center_left {width:300px;height:auto;float:left;}
.center_a {width:300px;height:auto;border:solid #E9DAAB 1px;float:left;margin-top:10px;}
.center_a01 {width:300px;height:856px;;border:solid #E9DAAB 1px;float:left;margin-top:10px; overflow:hidden;}
.inner_top {width:100%;height:28px;margin-top:1px;background-image:url(../images/pagbg02.png);background-repeat:repeat-x;font-size:14px;color:#960;line-height:14px;}
.inner_nr {width:140px;height:140px;/*float:left;*/margin:auto;margin-top:10px; border:solid 1px #960;}
.inner_nr_pb {width:100%;height:100px;/*float:left;*/margin:auto;margin-top:10px;margin-bottom:10px;font-size:14px;color:#963;text-align:center;}
.soudd {width:290px;height:30px;/*float:left;*/margin-top:30px;margin:auto;font-size:14px;color:#963;text-align:center;}
.nrii {width:250px;height:30px;margin:auto;margin-top:10px;font-size:14px;color:#963;line-height:30px; text-align:center;}
.nrssd {width:260px;height:60px;margin:auto;margin-top:10px;font-size:14px;color:#963;line-height:30px;border:solid 1px #960;text-align:center;}
.tpfd {width:120px;height:50px;float:left;margin-left:18px;text-align:center;margin-top:6px;margin-bottom:5px;border:1px solid #960;}
.center_right {width:670px;height:auto;float:right;margin-top:10px;margin-right:2px;overflow:hidden;}
.whfir{width:668px;height:auto;border:solid #E9DAAB 1px;float:left;}
/*.message_box {width:100%;height:300px;margin:auto;margin-top:10px;margin-bottom:10px;overflow:hidden;}*/
.inner_right {width:100%;height:28px;margin-top:1px;background-image:url(../images/pagbg02.png);background-repeat:repeat-x;font-size:14px;color:#960;line-height:14px;}
.inner_right p {float:left;line-height:28px;color:#963; font-weight:bold;}
.hsihi {width:450px;height:28px;float:left;line-height:28px;color:#963; font-weight:bold;}
.huu {width:100px;height:28px;float:right;}
.message {width:550px;height:auto;float:left;margin-left:10px;margin-top:10px;margin-bottom:5px;}
/*.message_sdf {width:550px;height:60px;float:left;margin-left:10px;margin-top:10px;margin-bottom:5px;overflow:hidden;}*/
/*.message01 {width:630px;height:60px;margin:auto;margin-top:5px;margin-bottom:5px;}*/
.message01 img {float:left;margin-top:10px;}
.message p { font-size:14px;color:#963; line-height:20px;}
/*.huifu { width:550px;haight:30px;font-size:12px;line-height:20px;text-decoration:underline;color:#000;}*/
.huifu01 { font-size:12px;color:#900; line-height:20px;text-decoration:underline;}
.allproducts {width:100%;height:380px;overflow:hidden;}
.products {width:150px;height:180px;float:left;margin-left:14px;margin-top:10px;}
.products01 {width:150px;height:150px;margin:auto;text-align:center;}
.products02 {width:150px;height:30px;margin:auto;font-size:14px;color:#000;line-height:30px; text-align:center;}
.shopadd {width:100%;height:290px;overflow:hidden;}
.shopadd ul {width:280px;height:100px;float:left;padding-left:40px;padding-top:10px;}
.shopadd li {width:300px;height:20px;font-size:12px;line-height:20px;list-style:disc;}
.zhanhui {width:100%;height:390px;overflow:hidden;}
.zhanhui01 {width:630px;height:20px;margin:auto;border-bottom:dashed 1px #963;margin-top:10px;}
.zhanhui01 li {width:200px;height:20px;list-style:none;line-height:20px;font-size:14px;color:#000;float:left;font-weight:bold;margin-left:3px;}
.zhanhui02 {width:630px;height:20px;margin:auto;border-bottom:dashed 1px #963;}
.zhanhui02 li {width:200px;height:20px;list-style:none;line-height:20px;font-size:12px;color:#000;float:left;overflow:hidden;margin-left:3px;}
.zhanhui02 li a:link {color:#000;}
.zhanhui02 li a:visited{color:#000;}
.zhanhui02 li a:hover{color:#000;}
.zhanhui02 li a:active{color:#000;}
.shopadd li a:link {color:#000;}
.shopadd li a:visited{color:#000;}
.shopadd li a:hover{color:#000;}
.shopadd li a:active{color:#000;}
/*.sffg {margin: 0 auto;background-color: #ffffff;WIDTH: 100%;LINE-HEIGHT: 30px;height: 40px;BORDER-BOTTOM: #dddddd 1px solid;padding: 0px;color: #333333;position: fixed;
_position: absolute;_top: expression(eval(document.documentElement.scrollTop));z-index: 10000;left: 0;top: 0;}*/
/*右侧留言部分*/
.font{font-size:14px;color:#963; line-height:20px;}
.liuyan{width:668px;height:auto;_height:500px;border:solid #E9DAAB 1px; /*position:relative; */overflow:hidden;}
.bottom_m {width:670px;;height:30px; border-top:1px #E9DAAB solid;/* position:absolute;*/bottom:0px; background-color:#FFF; po }
.bottom_m ul {float:right;margin-right:10px;}
.bottom_m li {list-style:none;float:left;margin-left:10px;font-size:14px; color:#000;line-height:30px;text-align:right;}
.choice {width:100%;height:1000px; position:absolute;background-color:#FFF;display:block;opacity:0.5;z-index:100;}
.chooice_1 {width:300px;height:300px;position:absolute;border:1px #963 solid;top:300px;left:500px;z-index:110;background: #fff;text-align:center;}

.xiangxizil{width:auto;height:auto;overflow:hidden;font-size:12px;line-height:30px;padding:5px;}
.jbzil{width:668px;height:1502px;border:solid #E9DAAB 1px;overflow:hidden;font-size:14px;line-height:30px;}
.xqah li{width:100px;height:30px;list-style:none;float:left;line-height:30px;}
.yyan li{width:100px;height:30px;list-style:none;float:left;line-height:30px;}
.pdhead {width:100%;height:50px;line-height:50px;}
.ztdx {font-size:12px;}
.brand{width:670px;height:4000px;border:solid #E9DAAB 1px;float:left; position:relative; overflow:hidden;font-size:14px;line-height:30px;}
.center_brand {width:979px;height:4020px;margin:auto;margin-top:0px;}


.rencai {width:979px;height:auto;margin:auto;margin-top:5px;margin-bottom:5px;border:1px solid #E9DAAB;}
.bg {width:979px;height:30px;background-color:#f7ebc5; border-bottom:1px solid #963; font-size:16px;color:#960; text-align:center; line-height:30px;}
.rencai td {height:50px;padding-left:20px;font-size:20px;color:#960;}
.text_box {width:150px;height:30px;border:1px #E9DAAB solid;font-size:14px;color:#960;padding-left:4px;line-height:30px;}
.text_box6 {width:100%;height:100px;border:1px #E9DAAB solid;font-size:14px;color:#960;padding-left:4px;}
.text_box5 {width:100px;height:30px;border:1px #E9DAAB solid;font-size:14px;color:#960;padding-left:4px;line-height:30px;}
.text_box4 {width:160px;height:30px;border:1px #E9DAAB solid;font-size:14px;color:#960;padding-left:4px;line-height:30px;}
.text_box3 {width:332px;height:30px;border:1px #E9DAAB solid;font-size:14px;color:#960;line-height:30px;}
.text_box2 {width:326px;height:30px;border:1px #E9DAAB solid;font-size:14px;color:#960;padding-left:4px;line-height:30px;}
.text_box1 {width:157px;height:30px;border:1px #E9DAAB solid;font-size:14px;color:#960;line-height:30px;}
.chbox {width:30px;height:30px;border:1px #E9DAAB solid;}
.mncss {width:100px;height:43px;border:1px #E9DAAB solid;line-height:43px; background-image:url(../images/pagbg04.png); background-repeat:repeat-x;text-align:center;float:left;}
.mncss1 {width:100px;height:43px;border:1px #E9DAAB solid;line-height:43px; background-image:url(../images/pagbg04.png); background-repeat:repeat-x;text-align:center;float:left;margin-left:30px;}
.pthy {width:600px;height:auto;margin:auto;margin-top:10px;margin-bottom:30px;border:1px #E9DAAB solid;font-size:14px;color:#963;}
.pthy1 {width:100%;height:30px;background-color:#f7ebc5;font-size:18px;color:#963;line-height:30px;text-align:center;border-bottom:1px #E9DAAB solid;}
.pthy2 {width:100%;height:auto;text-align:center;border-top:1px #E9DAAB solid;}
.pthy p {padding:5px;}
.hysji {margin: 10px auto;width:80px;height:30px;background-color:#6A1A1C;color:#FFF;text-align:center;}
.hysji a:link {color:#FFF;}
.hysji a:visited{color:#FFF;}
.hysji a:hover{color:#FFF;}
.hysji a:active{color:#FFF;}
.xgshch button {width:50px;height:20px;margin: 10px 10px 10px 20px;;float:left; border:solid 1px #E9DAAB;}

.bitchd a:link {color:#FFF;}
.bitchd a:visited{color:#FFF;}
.bitchd a:hover{color:#FFF;}
.bitchd a:active{color:#FFF;}

/*新增css*/
.bingbox{width:668px;height:auto;float:left;}
.bingbox01{width:330px;height:349px;border:solid #E9DAAB 1px;float:left;overflow:hidden;}
.bingbox02{width:330px;height:349px;border:solid #E9DAAB 1px;float:right;}
.bingbox03{width:330px;height:312px;overflow:auto;}

.bingbox03 a:link {color:#960;border:#8F8F8F 0 solid;text-decoration:underline;}
.bingbox03 a:visited {color:#960;border:#8F8F8F 0 solid;text-decoration:underline;}
.bingbox03 a:hover {color:#960;border:#8F8F8F 0 solid;text-decoration:underline;}
.bingbox03 a:active {color:#960;border:#8F8F8F 0 solid;text-decoration:underline;} 

.bingbox04{width:330px;height:310px;overflow:auto;}
.message_box {width:100%;height:auto;margin:auto;overflow:hidden;}
.huifu { width:100%;haight:auto;font-size:12px;line-height:20px;text-decoration:underline;color:#000;}
.message_sdf {width:320px;;height:auto;float:left;margin:5px;overflow:hidden;}



/*即时通css*/
.gdtall {
	width:auto;
	height:370px;
	background-color:#FFF;
	border: 1px solid #8F8F8F;
    position: fixed;/*这里一下是固定某一框架不运动*/
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));
    z-index: 10000;
    right: 0;
    bottom: 0;
}
.scrbtn{background: url(../images/serchmo2.jpg) no-repeat;
border: 0px;
width: 26px;
height: 21px;
vertical-align: bottom;}
.csii {
	width:100px;
	height:30px;
	text-align:center;
	line-height:30px;
	color:#FFF;
	background-color:#D0C59F;
	border:1px solid #960;
    position: fixed;/*这里一下是固定某一框架不运动*/
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));
    z-index: 10000;
    right: 0;
    bottom: 300px;
}
.shuh {
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	float:right;
	margin-right:5px;
	margin-top:2px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px #a8a8a8 solid;
	font-size:10px;
}
.textliaot {
	width:310px;
	height:81px;
	float:left;
	border:1px  #B4B4B4 solid;
	margin-top:8px;
	margin-left:10px;
}
.ehuse {
	width:300px;
	height:193px;
	float:left;
	border:1px  #B4B4B4 solid;
	font-size:12px;
	padding:5px;
	margin-top:10px;
	margin-left:10px;
	overflow:auto;
}
.dsge {
	width:300px;
	height:30px;
	float:left;
	font-size:8px;
	float:left;
	padding:5px;
	margin-top:0px;
	margin-left:10px;
}
.shue {
	border:1px solid #960;
	background-color:#FFF;
	margin-top:0px;
	/*margin-left:10px;*/
	float:right;
	font-size:12px;
}
.shier {width:100%;height:28px;margin-top:1px; background-repeat:repeat-x;font-size:14px;color:#585858;line-height:14px; border-bottom:1px solid #585858;}
.dwag {border:1px solid #B1C9E9; font-size:12px;background:#fff;padding: 2px 3px;border: 1px solid #838383;}
#SendMessage{background:#3266C2;color:#fff;border: 0px;
height: 20px;
width: 78px;}
.fright {width:280px;height:326px;float:right;margin-top:10px;margin-right:10px;}
.fleft {
	width:332px;
	height:250px;
	float:left;
}
#shiefe {width: 280px;height:250px;overflow:auto;background-color:#DDEDFB;float:left;padding:none;}
#shiefe li {list-style:none;font-size:10px;}

/* SpryTabbedPanels.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* 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 {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	clear: none;
	width: 100%; /* 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 {
	height: 15px;
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	list-style: none;
	-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 {
	 
	border-bottom: 1px solid #ff0000;
}

/* 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;
}

/* 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 {
	overflow: hidden;
	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".
 */

.VTabbedPanels {
	overflow: hidden;
	zoom: 1;
}

/* 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;
}

/* 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;
}

/* Styles for Printing */
@media print {
.TabbedPanels {
	overflow: visible !important;
}
.TabbedPanelsContentGroup {
	display: block !important;
	overflow: visible !important;
	height: auto !important;
}
.TabbedPanelsContent {
	overflow: visible !important;
	display: block !important;
	clear:both !important;
}
.TabbedPanelsTab {
	 overflow: visible !important;
	 display: block !important;
	 clear:both !important;
}
}

.dg_qr_text li {list-style:none; padding:5px 20px;}
.jste li {list-style:none;}