body
{
	font-size: 14px;
	font-family: verdana, arial, Franklin, calibri;
	color: #401f15;
}

.likeA,
a
{
	color:#ff4b4b;
	text-decoration:underline;
    vertical-align: baseline;
}

a:hover
{
    text-decoration:none;
}

a.no
{
    color:auto;
    text-decoration:none;
}

img
{
    border:none;
}

a.noa
{
    text-decoration:inherit;
    color:inherit;
}

.cmd
{
    cursor: pointer;
}

.float {
	float: left;
}

.floatr {
	float: right;
}	

.clr {
	clear: both;
	height:1px;
	overflow:hidden;
}

.error {
	
	background-color:red;
	color:yellow;
	padding:5px 10px 5px 10px;
}

.warning
{
    background-color: #00a000;
    color: #fff;
    font-size: 1.5em;
    padding: 5px 10px;
}

.red
{
    color:red;
}

.bad,
input[type=text].bad,
input[type=email].bad,
input[type=password].bad,
input.bad,
textarea.bad
{
    border:1px dotted red;
}

@font-face
{
    font-family: cuprum;
    src: url('font/cuprum.otf?v=2');
}

@font-face
{
    font-family: mtcorsva;
    src: url('font/mtcorsva.ttf?v=2');
}

@font-face
{
    font-family: mtcorsvo;
    src: url('font/mtcorsvo.ttf?v=2');
}

@font-face
{
    font-family: Franklin;
    src: url('font/Franklin.ttf?v=2');
}


.hideH1 .H1orHide
{
    display: none;
}

h1
{
	color:#bb2000;
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 25px;
	margin-top: 20px;
}

h2.h1
{
	color:#bb2000;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px;
}

h2.h1.nopad
{
    padding: 0px;
}

h2 {
	color:#330000;
	margin-bottom: 15px;
	padding: 10px 0px;
}

h2.border
{
	border-bottom: 1px solid #e1e1e1;
}

h2.subtitle
{
    color:#542f20;
    font-size:22px;
    font-weight:normal;
}

#thepage
{
	margin: auto;
	/*overflow: hidden;*/
	border-top: 1px solid #dedede;
	position: relative;
}

#toppage
{
    position:relative;
    z-index:1000000;
}

#topref
{
    position:relative;
	height: 20px;
	border-bottom: 1px solid #c8c8c8;
	font-size: 12px;
	padding-top: 3px;
}

#logo
{
	width: 220px;
    position:relative;
}

.rightHolder
{
    height: 80px;
    position:relative;
}

#phone
{
    z-index:10;
    white-space:nowrap;
}

#phone,
#phone a
{
	color: #bb2000;
	font-size: 16px;
    text-decoration:none;
}

#topmenuul
{
	position: relative;
	padding: 0px;
	margin: 0px;
	float: left;
	top: 14px;
}


#topmenuul .litop
{
	position: relative;
	list-style: none;
	height: 30px;
}

#topmenuul .litop:first-child
{
}

#topmenuul  a
{
	color: #30180e;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
    display:block;
}

#topmenuul  li.act>a
{
	color: #bb0000;
}

.podmenu,
.podmenuI
{
	position: absolute;
	background-color: #fff;
	z-index: 50;
	top: 20px;
	left: 0px;
	margin: 0px;
	padding: 5px 10px 0px;
	border: 1px solid #ddd;
	display: none;
	min-width: 110px;
}

.litop:hover .podmenu,
.litop.expanded .podmenuI
{
	display: block;
}

.podmenuI li,
.podmenu li
{
	list-style: none;
	border-bottom: 1px solid #ddd;
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.podmenuI li:last-child,
.podmenu li:last-child
{
	border: none;
}

#topmenuul a.poda
{
	color: #30180e;
	line-height: 25px;
	white-space: nowrap;
	text-transform: uppercase;
}

/*
#cakemenu ul
{
	position: relative;
	float: left;
	left: 50%;
	padding: 3px 0px 0px;
	margin: 0px;
}

#cakemenu ul li
{
	position: relative;
	float: left;
	right: 50%;
	list-style: none;
	padding: 0px 8px;
}

#cakemenu ul li a
{
	color: #3c1f11;
	font-size: 16px;
	text-decoration: none;
}
*/

#slideshow, .slider_page, .commonSlideShow
{
    position:relative;
    padding: 5px 0px 25px 0px;
    overflow:hidden;
	border-bottom: 1px solid #dedede;
}


#slideshow .ssPanel,
.commonSlideshow .ssPanel
{
    position:absolute;
    left:0px;
    bottom:1px;
    width:100%;
    height:20px;
    background:white;
    z-index:99999;
}

#slideshow .kLeft,
.commonSlideshow .kLeft
{
    position:absolute;
    left:0px;
    top:0px;
    width:20px;
    height:20px;
    color:#d90000;
    line-height:20px;
    font-size:16px;
    text-align:left;
    font-weight:bold;
    cursor:pointer;
}

#slideshow .kLeft:after,
.commonSlideshow .kLeft:after
{
    content: "<";
}

#slideshow .kRight,
.commonSlideshow .kRight
{
    position:absolute;
    right:0px;
    top:0px;
    width:20px;
    height:20px;
    color:#d90000;
    line-height:20px;
    font-size:16px;
    text-align:right;
    font-weight:bold;
    cursor:pointer;
}

#slideshow .kRight:after,
.commonSlideshow .kRight:after
{
    content: ">";
}

#slideshow .pager,
.commonSlideshow .pager
{
    text-align:center;
}

#slideshow .pager a,
.commonSlideshow .pager a
{
    display:inline-block;
    width:11px;
    height:11px;
    border:1px solid #d0d0d0;
    border-radius:6px;
    margin:4px;
    background-color:#fff;
    overflow:hidden;
    text-indent:-10000px;
    outline:0px;
}

#slideshow .pager a.activeSlide,
.commonSlideshow .pager a.activeSlide
{
    border-color:#8c070d;
    background-color:#d90000;
}

#slideshow img,
.commonSlideshow img
{
    width:100%;
	height: auto;
}

#slideslim
{
	padding: 0px 20px 0px;
	height: 340px;
    width:1180px;
    overflow:hidden;
}

#mainWindow,
#mainWindow2
{
	position: relative;
	z-index: 10;
}

#mainWindow img,
#mainWindow2 img,
.slider_page img
{
    margin-bottom:20px; /* to hide next slide before slide-show init */
}

#startgall
{
	height: 140px;
	padding: 3px 0px;
}

#startgallvn
{
	overflow: hidden;
	height: 140px;
	width: 840px;
	padding: 0px 5px;
}

#left, #right
{
	width: 47px;
}

#startgallvn .ul
{
	margin: 0px;
	padding: 0px;
	height: 140px;
	width: 2000;
}

#startgallvn .ul .li
{
	float: left;
	list-style: none;
	text-align: center;
	padding-top: 21px;
    width:168px;
}


#annonsGall
{
    width:300px;
    height:160px;
    overflow:hidden;
}




#btpage
{
	/*height: 115px;*/
	min-height: 45px;
	color: #341d19;
	border-top: 1px solid #dedede;
	padding-top: 12px;
    padding-bottom:12px;
	font-size: 11px;
	line-height: 30px;
}

#btpage .float
{
	line-height: 13px;
}

#btpage .floatr
{
	font-size: 14px;
	/*font-family: HelveticalNeueCyr;*/
	text-decoration: underline;
}

#btpage a, #btpagenew a
{
	color: #341d19;
}

#intext
{
	padding-top: 10px;
}

table
{
 width: 100%;
 text-align: left;
}

input[type=text],
input[type=email],
input[type=password]
{
	height: 25px;
	border: 1px solid #ccc;
	padding: 2px;
}

textarea
{
	width: 300px;
	min-height: 25px;
	border: 1px solid #ccc;
	padding: 2px;
}

.theform input[type=text],
.theform input[type=email],
.theform input[type=password],
.theform textarea
{
	width: 300px;
}

.form input, .form textarea
{
    width:300px;
}

.form input.captcha
{
    width:110px;
}

.theform table
{
 color: #6e6e6e;
}

th
{
	font-weight: normal;
}

input.captcha
{
	width: 110px;
	height: 22px;
	border: 1px solid #ccc;
	padding: 2px;
}

img.captcha
{
	position: relative;
	bottom: -20px;
	color: #6e6e6e;
}

img.refresh
{
	position: relative;
	bottom: -5px;
	margin-left: 20px;
}

.otzyv
{
	padding-bottom: 20px;
	padding-top: 20px;
	color: #3c1b10;
	border-bottom: 1px solid #dedede;
}

.otzyv .resp
{
	color: #cc0000;
}

#otzyva
{
	position: absolute;
	right: 0px;
	top: 20px;
}

.news, .news1, .blog
{
	margin-bottom: 25px;
	font-size: 14px;
	padding-bottom: 25px;
}

.news1 {
	border-bottom: 1px solid #dedede;
}

.blog
{
	padding-right: 50px;
}

.newsa
{
	display: block;
	width: 124px;
	height: 104px;
	padding-top: 20px;
	border: 1px solid #d4d4d4;
	text-align: center;
}

.newstext
{
	margin-left: 135px;
}

.news1 .newstext
{
	margin: 0px;
}

.news h3, .news1 h3, .blog h3
{
	font-weight: normal;
	margin: 0px 0px 8px;
	color: #bb0000;
}

span.newsdata, span.blogdata
{
	color: #bb0000;
}

 .more
 {
	color: #bb0000;
}

.paginate ul
{
	text-align: center;
}

.paginate li
{
	display: inline;
	list-style: none;
	padding: 5px;
	font-size: 13px;
}

.paginate li.act
{
	position: relative;
	top: 1px;
}

.w190
{
	width: 198px;
	margin-bottom: 15px;
	overflow: hidden;
	height: 240px;
}

.w190 .top
{
	border: 2px solid #e1e1e1;
	padding: 10px;
	width: 145px;
	height: 180px;
}

.w190 img
{
	width: 145px;
	height: 180px;
}

.w190 center
{
	width: 160px;
}

.w200
{
	width: 199px;
	height: 290px;
	overflow: hidden;
	margin-bottom: 15px;
}

.w200 .top
{
	border: 3px solid #e1e1e1;
	height: 180px;
	padding: 4px 6px;
	width: 145px;
	margin-bottom: 7px;
	border-radius: 5px;
	position: relative;
}

.w200 .bottom, .w200 .bottom1
{
	height: 68px;
	width: 154px;
	padding: 6px 5px 0px;
	position: relative;
	text-align: center;
	font-size: 13px;
	line-height: 14px;
}

.w200 .bottom
{
	background: url('images/writing.png') left bottom no-repeat;
}

.w200 .bottom1
{
	background: url('images/writing1.png') left bottom no-repeat;
	line-height: 20px;
}
	
.order {
	position: absolute;
	bottom: 6px;
	color: #b92702;
	left: 51px;
	font-family: verdana;
	font-size: 13px;
}

.to {
	position: absolute;
	bottom: 0;
	}

.toorder {
	color: #b92702;
	font-family: verdana;
	position: relative;
	top: 7px;
	left: 12px;
}

#onecake {
	padding-top: 20px;
	padding-bottom: 25px;
	position: relative;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 20px;
	}
	
#leftcake {
	float: left;
	width: 490px;
	margin-right: 20px;
	position: relative;
	}

.theslider
{
	width: 490px;
	height: 345px;
	border: 1px solid #ccc;
}

.Xcakegall,
#cakegall
{
	height: 102px;
	margin-top: 5px;
}

#cakegall_
{
	height: 130px;
}

.Xcakegall .Xgallery,
#cakegall #gallery
{
	overflow: hidden;
	height: 106px;
}

#cakegall_ #gallery2
{
	overflow: hidden;
	height: 130px;
}

.Xcakegall .Xgallery,
#cakegall #gallery
{
	width: 430px;
	overflow:hidden;
}

#cakegall_ #gallery2
{
	width: 852px;
    overflow:hidden;
}

.Xcakegall .Xgallery ul,
#cakegall #gallery ul,
#cakegall_ #gallery2 ul
{
	width: 2000;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.Xcakegall .Xgallery ul li,
#cakegall #gallery ul li
{
	float: left;
	margin: 0px;
    padding:0px;
	list-style: none;
	height: 100px;
	overflow: hidden;
	text-align: center;
}

.Xcakegall .Xgallery ul li.swiper-slide div,
#cakegall #gallery ul li.swiper-slide div
{
	border: 1px solid #ccc;
    margin:0px 5px 0px 6px;
}


#cakegall_ #gallery2 li
{
	float: left;
	margin: 0px;
    padding:0px;
	list-style: none;
	height: 130px;
	overflow: hidden;
	text-align: center;
}

.Xcakegall .Xgallery ul img,
#cakegall #gallery ul img
{
	width: 130px;
	height: 100px;
}

#cakegall_ #gallery2 ul img
{
	width: 160px;
	height: 130px;
}

.Xgallery img,
#gallery img
{
    opacity:0.4;
}

.Xgallery img.act,
#gallery img.act
{
    opacity:1;
}

.arr
{
	width: 30px;
	height: 102px;
}

#cakegall_ .arr
{
	width: 46px;
	height: 130px;
}

#bigleft, #bigright
{
	position: absolute;
	top: 400px;
	z-index: 15;
}

#bigleft
{
	left: -65px;
}

#bigright
{
	right: -65px;
}

#rightcake {
	float: left;
	width: 434px;
	}
	
#rightcake h2{
 margin-top: 0px;
 }
	
.continue
{
	right: 0px;
	top: 30px;
	position: absolute;
	text-transform: uppercase;
	text-decoration: none;
}

div.h3
{
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	color: #333;
	padding: 0px;
	font-size: 22px;
	margin: 10px 0px;
	padding: 5px 0px;
}

.pollRes
{
    padding:10px;
}

.opros
{
	padding: 10px 0px 20px;
	border-bottom: 1px solid #ccc;
	width: 900px;
}

.nameOpros, .proc
{
	color: #bb2000;
}

.nameOpros
{
	width: 680px;
}

.fixWidth
{
	width: 720px;
}

.fixWidth div.progress
{
	background-color: #dbd4d2;
	height: 22px;
	position:relative;
	width: 1px;
}

.proc
{
	position:absolute;
	right: -70px;
	width: 60px;
    line-height: 22px;
}

#rama_inside
{
    margin-right:10px;
}

#inside div.h3
{
	border-top: none;
}

#sprice
{
	margin: 10px 0px;
	color: #ff4b4b;
}

#inside
{
	color: #7d7d7d;
}

.fancybox
{
	margin-right:10px;
}

.itog
{
	background-color: #f5f5f5;
	height: 33px;
	margin: 10px 0px;
	line-height: 30px;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 7px;
	font-size: 16px;
}

#figure,
#figure2,
#figure a,
#figure2 a
{
	padding: 0px;
	font-size: 16px;
    color:gray;
    text-decoration:none;
}

.sendbutton
{
    width:145px;
    height:26px;
    background:url('images/send.png') left top no-repeat;
    cursor:pointer;
    overflow:hidden;
    border:none;
    text-indent:-100000;
    margin:20px 0px 0px 10px;
}

.bigsend
{
    padding: 10px 5px;
    color:#fff;
    background-color:#542f20;
    border:none;
    font-size:20px;
}

.bigsend[disabled]
{
    background-color:#ccc;
}

.inForm
{
    padding:10px;
}

.inForm input[type=text],
.inForm input[type=email],
.inForm input[type=password],
.inForm textarea
{
    width:100%;
}

.form .disabled a
{
    color:#000;
    text-decoration:none;
}

.form .disabled a:hover,
#figure a:hover,
#figure2 a:hover
{
    text-decoration:underline;
}

#figure td,
#figure2 td
{
	padding: 1px 0px;
}

#figure td.td,
#figure2 td.td
{
	text-align: center;
}

.forminput
{
	border: 1px solid #e1e1e1;
	height: 40px;
	width: 680px;
}

#ccform
{
	font-size: 15px;
}

#ccform input
{
	margin-bottom: 10px;
	margin-top: 5px;
}

#yarus
{
	position: absolute;
	right: 10px;
	top: 25px;
	text-align: right;
	height: 16px;
}

#fibot #yarus
{
	top: 14px;
	right: 40px;
}

#yarus div
{
	padding: 3px 6px;
	height: 16px;
	margin-left: 10px;
	text-align: center;
}

#yarus div.act
{
	background-color: #aeaeae;
	border-radius: 7px;
}

#yarus div.act a
{
	color: #fff;
}

#yarus a
{
	color: #000;
	text-decoration: none;
}

.common
{
	font-size: 23px;
}

.common_price
{
	color: #ff0202;
}

.return
{
	position: absolute;
	right: 0px;
	top: 30px;
	color: #ff0202;
	text-decoration: none;
    cursor:pointer;
}


/* =====================  ui  ====================== */
	
.km_uii {
    height: 31px;
    position: relative;
    width: 72px;
}

.km_uii .km_left {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("images/minus.gif");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 38px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 18px;
}

.km_uii .km_right {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("images/plus.gif");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 38px;
    position: absolute;
    right: 0;
    top: -2px;
    width: 20px;
}

.km_uii .km_value {
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    height: 18px;
    margin-left: 20px;
    position: relative;
    text-align: center;
    top: 10px;
    width: 30px;
}

.sqArrows .km_uii {
    width: 92px;
}

.sqArrows .km_uii .km_left {
    background-image: url("images/minusw.jpg");
    width: 27px;
}

.sqArrows .km_uii .km_right {
    background-image: url("images/plusw.jpg");
    width: 27px;
}

.sqArrows .km_uii .km_value {
	border: none;
    color: #ff4b4b;
    font-size: 22px;
    margin-left: 30px;
    line-height:16px;
}

.sqArrows.td .km_uii .km_value {
    color: #7d7d7d;
    font-size:16px;
    font-weight:normal;
}

#form_order .form th
{
	text-align: left;
	width: 160px;
}

#form_order .form td input
{
	width: 770px;
	padding: 0px 10px;
	height: 26px;
	border: 1px solid #e1e1e1;
}

#form_order .form td input.captcha
{
	width: 100px;
}

#form_order .form td textarea
{
	width: 770px;
	padding: 0px 10px;
	border: 1px solid #e1e1e1;
}

#form_order
{
	margin-left: 200px;
}

.disabled
{
    border:1px solid #e1e1e1;
    padding:0px 10px;
    background-color:#ddd;
}

.resp
{
	font-size: 14px;
	font-style: italic;
	color: blue;
	margin-top: 6px;
}

.mycake
{
	margin-left: 90px;
	font-size: 18px;
	color: #333;
}

.mycake .date, .mycake .who, .mycake .name
{
	color: #ff4242;
}

.mySign
{
	color: #ff4242;
    text-align:right;
    margin-top:10px;
}

.mycake .date
{
	font-size: 16px;
	font-weight: bold;
}

div.form th
{
	width: 110px;
}

#deliveryInfo
{
    font-size:12px;
    color:#c00;
}

#uploadButton
{
    color:#c00;
    text-decoration:underline;
    cursor:pointer;
}

#uploadButton:hover
{
    text-decoration:none;
}

#uploadButton .qq-upload-list
{
    display:none;
}

.gb-form
{
margin-top:0px;
padding-top: 1px;
}

.gbTable
{
    width:100%;
}

div.form .gbTable th,
.gbTable th
{
    width:200px;
}

.biTitle
{
    width:100%;
    border:1px solid black;
}

.biIntro
{
    width:100%;
    height:60px;
}

.biText
{
    width:100%;
}

.biDate
{
    width:200px;
    border:1px solid black;
}

.button
{
    width:188px;
    height:27px;
    line-height:27px;
    overflow:hidden;
    color:white;
    font-size:18px;
    background:url('images/btbg.png');
    text-align:center;
    margin-bottom:10px;
    cursor:pointer;
}

.bt
{
    display: inline-block;
    color:white;
    font-size:18px;
    background-color: #333;
    border-radius:6px;
    margin-right: 10px;
    padding: 5px 10px;
    white-space:nowrap;
}

.rTool .bt
{
    margin-right: 0px;
    margin-left: 10px;
}

.bt.white
{
    color:#d42222;
    background-color:#fff;
}

.bt.red
{
    background-color:#d42222;
}

.bt.agreeBT
{
    background-color:#999;
}

.bt.agreeBT.cmd
{
    background-color:#d42222;
}

.bt.brown
{
    background-color:#3c1c11;
}

.bt.light
{
    background-color:#7b625b;
}

.paginate li.act a
{
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
}

.bAdmin span
{
    cursor:pointer;
}

.startInfo
{
    margin-top:20px;
    font-size:12px;
    color:#333;
}

.bigMy
{
    width: 360px;
    float: left;
    margin-bottom: 10px;
}

.overflow33
{
	height: 33px; 
	overflow: hidden; 
	text-overflow: ellipsis;
}

.max
{
	width: 300px;
}

.mini
{
	width: 60px;
}

#cakeform tr td:first-child
{
	padding-left: 5px;
}

#cakeform tr td.divitog
{
	padding: 0px;
}

#myCake input[type=submit]
{
    width:188px;
    height:27px;
    background:url('images/mysubmit.png') left top no-repeat;
    margin:auto;
    border:none;
    text-indent:-100000px;
    cursor:pointer;
}

#cakelist
{
}

.cakelist
{
	width: 220px;
    height:230px;
	margin-bottom: 24px;
	border: 1px solid #ccc;
    overflow:hidden;
}

.cakelist img
{
}

.nameCake
{
	text-align: center;
	color: #30180e;
	text-transform: uppercase;
	padding: 0px 15px;
    height:64px;
    overflow:hidden
}

#buy
{
	width: 976px;
	position: relative;
	left: -16px;
}

#buy a
{
	position: relative;
	overflow: hidden;
}

#buy td
{
	vertical-align: middle;
	width: 170px;
	height: 70px;
	padding: 0px;
	border: 1px solid #ccc;
	text-align: center;
}

#buy td.nob
{
    border:0px;
}

.vacansion
{
	padding-bottom: 25px;
	border-bottom: 1px solid #ccc;
}

.nameVacantion
{
	color: #bb2000;
	font-weight: bold;
}

#anons
{
	margin-bottom: 15px;
}

.anons
{
	padding-bottom: 30px;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	position: relative;
}

.anons h2
{
	margin: 0px;
	padding: 0px 0px 0px 8px;
	line-height: 30px;
	background-color:#f8f8f8;
	color: #30180e;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: normal;
	height: 34px;
    margin: 1px 0px 8px 0px
}


a .oneNews
{
    text-decoration:none;
	margin: 0px;
	padding-left: 8px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 4px;
	background-color:#f8f8f8;
	font-size: 13px;
	line-height: 14px;
}

a .oneNews .data
{
	color: #990000;
}

a .textNews
{
	padding-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #401f15;
}


#mainPoll
{
}

#nameTest
{
	font-size: 12px;
}

.alla
{
	display: block;
	color: #990000;
	font-weight: bold;
	font-size: 11px;
    margin-top: 5px;
}

#nameTest
{
	color: #990000;
	font-weight: bold;
}

.anons img
{
	margin: auto;
}

.anons form 
{
	font-size: 11px;
}

.anons form input
{
	margin-left: 30px;
}

h2.thanks
{
	font-size: 14px;
}


.gbIcon
{
    float: left;
    width: 120px;
    height: 100px;
    border: 1px solid rgb(204, 204, 204);
    text-align: center;
    padding-top: 20px;
    margin-right: 20px;
}

.uform th
{
    white-space:nowrap;
    padding-right:20px;
}

.sep
{
    margin-top:10px;
    border-top: 1px solid #dedede;
    height: 10px;
    overflow:hidden;
}

.nowrap
{
    white-space:nowrap;
}

.xLeft
{
    float: left;
}

.xRight
{
    float:right;
}

.zTable
{
    width: 100%;
    border-collapse:collapse;
}

.zTable th,
.zTable td
{
    border: 1px solid #333;
    padding: 5px 10px;
    height: 32px;
    text-align:center;
}

.zTable th
{
    text-align:center;
    font-style: italic;
}

.zTable td.t01,
.zTable td.t03,
.zTable td.t11,
.zTable td.t11b,
.zTable td.t12
{
    text-align:left;
}

.zTable td.t11b
{
    font-weight: bold;
}

.zTable .hovered:hover
{
    background-color: #dedede;
}


.zTable .t13,
.zTable .t14
{
    width: 160px;
}

.zTable input[type=text]
{
    width: 150px;
}


.zTable td.dis
{
    background-color:#f9dfde;
    color:#c4050d;
    font-size:12px;
}

.zTools.down
{
    margin-top:10px;
}

.rTool
{
    text-align: right;
}

.zfWarning
{
    width:200px;
    position:absolute;
    padding-top: 20px;
    background: url('images/tip.png') center top no-repeat;
}

.zfWarning .txt
{
    padding:10px;
    color: #fff;
    background-color:#f5003e;
    font-size: 18px;
}

.ddInline
{
    display:inline-block;
   /* height: 32px; */
    line-height:25px;
    white-space:nowrap;
}

.ddInline.err
{
    color: #d80000;
}

.ddInline>*
{
    vertical-align:middle;
    background:transparent;
    border:0px;
}

.ddInline .text
{
    font-size:22px;
    color:#300;
}

.ddInline .ddValue
{
    font-size:20px;
    text-align:center;
    margin-left:10px;
}

.boxGallery
{
    width: 490px;
    height: 455px;
}

.weightSelector
{
    margin-bottom: 10px;
}

.weightLink
{
    margin-left:10px;
    text-decoration: underline;
}

.weightLink.act
{
    text-decoration: none;
}


.editLink
{
    margin-left: 50px;
    font-size: 0.8em;
}

.cabData
{
    margin-top: 10px;
    font-size: 1.2em;
}

.mid32
{
    line-height:32px;
}

.rect32
{
    display: inline-block;
    width:32px;
    height: 32px;
    margin-right: 10px;
    vertical-align: bottom;
}

.dataEditBox
{
    line-height: 32px;
}

form.form32
{
    display: inline;
}

.form32 input[type=text],
.form32 input[type=password],
.form32 input[type=email]
{
    border: 1px solid #dedede;
    padding: 0px 5px 0px 5px;
    margin: 0px;
    color: #333;
    line-height: 32px;
    height: 32px;
    width: 200px;
    vertical-align: bottom;
    font-size: 24px;
}

.but32
{
    display: inline-block;
    border: 1px solid transparent;
    width: 32px;
    height: 32px;
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
    line-height: 32px;
    font-size: 24px;
    text-align:center;
}

.but32:hover
{
    border: 1px solid #dedede;
}

.but32.save
{
    color: #0293CC;
}

.but32.cancel
{
    color: #c32967;
}

.but32 .fa
{
    vertical-align: baseline;
}

.tabform th
{
    width:10px;
    white-space: nowrap;
    padding-right: 20px;
}

.tabform.v32 th
{
    line-height: 32px;
}

.tabform input.color
{
    width: 100px;
}


.bigTab
{
    width: 100%;
    border-collapse:collapse;
}

.bigTab th
{
    white-space:nowrap;
    font-weight:bold;
}

.bigTab th,
.bigTab td
{
    padding: 5px 10px;
}

.bigTab.uTab td
{
    font-size:0.8em;
}

.bigTab .t01
{
    width: 100px;
}

.bigTab .t03
{
    width: 450px;
}

.bigTab .t04
{
    width: 150px;
}

.bigTab .t05
{
    line-height: 32px;
}

tr.hl1
{
    background-color: #f9f9f9;
}


#ppOverlay
{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.2);
}

#ppOverlay .message
{
    position: absolute;
    left: 50%;
    top: 200px;
    width: 600px;
    margin-left: -300px;
    min-height: 100px;
    background-color:#fddcd7;
    color: #333;
    text-align:center;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 20px #dedede;
}

#ppOverlay .close
{
    position: absolute;
    right:0px;
    top:0px;
    width:32px;
    height: 32px;
    line-height: 32px;
    font-size: 24px;
    text-align:center;
    cursor: pointer;
}

#ppOverlay .title
{
    font-size: 1.4em;
    padding: 20px 20px 0px 20px;
}

#ppOverlay .text
{
    font-size: 1.2em;
    padding: 20px;
}

#ppOverlay .close,
#ppOverlay .title
{
    color: #d21f1b
}

#ppOverlay .message .km_uic
{
    text-align:center;
    cursor:pointer;
}

#ppOverlay .message .km_uic .km_value
{
    color: #d82222;
    display: inline-block;
    white-space:nowrap;
    padding-left: 40px;
    line-height: 27px;
    font-size: 16px;
    background:url('images/cb0.png') left top no-repeat;
}

#ppOverlay .message .km_uic .km_value.km_act
{
    background-image:url('images/cb1.png');
}

.bigRed
{
    color:#d82222;
    font-size: 20px;
}

.fakeCB
{
    margin-top:10px;
    padding-left: 40px;
    line-height: 27px;
    font-size: 16px;
    background:url('images/cb1.png') left top no-repeat;
}

.topWarning
{
    padding: 10px 20px;
    background-color:#c83500;
    color: white;
    font-size: 24px;
}

.topWarning > table .right
{
    width: 10px;
    padding-left:20px;
}

.topWarning h1,
.topWarning h2,
.topWarning h3,
.topWarning h4,
.topWarning h5,
.topWarning h6
{
    color:#fff;
}

.topWarning a
{
    color:yellow;
}

#uSearch
{
    width: 700px;
}

#uSearch.changed
{
    color: #d80000;
}

.zSpoller
{
    margin-bottom: 20px;
}

.zSpoller > .title
{
    height: 40px;
    line-height: 40px;
    background-color:#e2e2e2;
    font-size:20px;
    padding: 0px 10px;
    border-bottom: 1px solid #a0a0a0;
}

.zSpoller.opened > .title
{
    border-bottom: 0px;
}

.zSpoller > .title table
{
    width: 100%;
}

.zSpoller > .title .sw
{
    font-size:12px;
}


.zSpoller.opened > .title .sw .s0
{
    display:none;
}

.zSpoller.opened > .title .sw .s1
{
    display:inline;
}

.zSpoller > .title .sw .s1
{
    display:none;
}

.zSpoller > .inner
{
    padding-top:20px;
    display: none;
}

.zSpoller.opened > .inner
{
    display: block;
}


.toolTab
{
    width: 100%;
    border-collapse:collapse;
}

.toolTab td
{
    padding: 5px 0px;
    white-space: nowrap;
}

.toolTab td.left
{
    padding-right: 5px;
    text-align: left;
}

.toolTab td.right
{
    padding-left: 5px;
    text-align: right;
}

.toolTab .toolB
{
    display: inline-block;
    margin-left: 6px;
    padding: 2px 4px;
    border: 1px solid #fff;
}

.toolTab .toolB.act
{
    text-decoration: underline;
    font-weight:bold;
}

.toolTab .toolB.c0
{
    border: 1px solid #333;
}

.zFilterBox.show0 .zTable .zRow.c1,
.zFilterBox.show0 .zTable .zRow.c2,
.zFilterBox.show0 .zTable .zRow.c3
{
    display: none;
}

.zFilterBox.show1 .zTable .zRow.c0,
.zFilterBox.show1 .zTable .zRow.c2,
.zFilterBox.show1 .zTable .zRow.c3
{
    display: none;
}

.zFilterBox.show2 .zTable .zRow.c1,
.zFilterBox.show2 .zTable .zRow.c0,
.zFilterBox.show2 .zTable .zRow.c3
{
    display: none;
}

.zFilterBox.show3 .zTable .zRow.c1,
.zFilterBox.show3 .zTable .zRow.c2,
.zFilterBox.show3 .zTable .zRow.c0
{
    display: none;
}

.regAgree
{
    line-height: 32px;
}

.regAgree .radio
{
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 2px solid #ccc;
    line-height: 30px;
    font-size:24px;
    text-align: center;
    vertical-align:bottom;
    margin-right:10px;
    cursor:pointer;
    color: #d80000;
}

.regAgree .radio .fa-check
{
    display:none;
}

.regAgree.act .radio .fa-check
{
    display:inline;
}


#goup
{
    position: fixed;
    left: calc(50% - 560px);
    bottom: 40px;
    font-size: 20px;
    width: 40px;
    height: 40px;
    color:#d80000;
    border: 2px solid #d80000;
    border-radius:22px;
    cursor:pointer;
}

#goup .icon
{
    position: absolute;
    left:15px;
    top:15px;
    width: 10px;
    height: 10px;
    border-right:2px solid #d80000;
    border-top:2px solid #d80000;
    transform:rotate(-45deg);
}

.zTimeInfo
{
    color:#f00000;
    width: 380px;
    min-height: 60px;
    position: relative;
    padding-left : 70px;
    padding-top:10px;
    font-size: 18px;
}

.infoHolder
{
    position: relative;
}

.infoHolder .zTimeInfo
{
    position: absolute;
    white-space:nowrap;
    width: auto;
    right:20px;
    top: -10px;
}

.zTimeInfo .icon
{
    position: absolute;
    left: 5px;
    top: 5px;
    width:44px;
    height:44px;
    border: 4px solid #f00000;
    border-radius:26px;
    line-height: 44px;
    white-space: nowrap;
    overflow:hidden;
    text-align:center;
    font-size: 40px;
}

.infoGroup
{
    padding: 5px;
}

.infoGroup .info
{
    padding: 10px;
}

.infoGroup .info.info2,
.infoGroup .info.info3
{
    background-color:#f9dfde;
}

/*
.zRow.trWarning,
.zRow.trWarning.c1,
.zRow.trWarning.c2,
.zRow.trWarning.c3
{
    position:relative;
}

.zRow.trWarning:after
{
    content: "!";
    position: absolute;
    right: -12px;
    top: 6px;
    font-size:30px;
    font-weight: bold;
    color:#f8003b;
}
*/

.bigRedWarning
{
    background-color:#f8003b;
    color:#fff;
    line-height: 50px;
    font-size: 22px;
    text-align:center;
}


.smallRed
{
    font-size: 0.9em;
    color: #d80000;
}


#uw2 a
{
	color:#bb2000;
}

#uw1, #uw2
{
    white-space: nowrap;
    display:inline-block;
    padding:0px;
}

.preText
{
    margin-bottom: 20px;
}

.preText img
{
    max-width: 100%;
    height: auto !important;
}

#ss_left,
#ss_right
{
    cursor: pointer;
}