/* css reset */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
	ul, ul li { margin: 0; padding: 0; list-style: none; }
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
	/* remember to highlight inserts somehow! */
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	table {border-collapse: collapse;border-spacing: 0;}
	th { text-align: left; }
	input, textarea, select, option { font-family: Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif; font-size: 100%; vertical-align: middle; }
	/* IE stretched buttons fix */
		input.submit {padding: 0 .25em;width: 0; overflow: visible;cursor: pointer;}
		input.submit[class] {width: auto;}
/* css reset end */

/* elements */
body {line-height: 1.4; font-size: 62.5%; text-align: center; font-family: Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif; }
#body { width: 980px; margin: 0 auto; text-align: left; border: 1px solid red; overflow: hidden; }
h1, h2, h3, h4 { line-height: 1.1  }

/* common classes */
.r { text-align: right !important; }
.c { text-align: center !important; }
.l { text-align: justify !important; }
.j { text-align: center; }
.t { vertical-align: top; }
.imgr { float: right; margin: 0 0 0.5em 20px }
.imgl { float: left; margin: 0 20px 0.5em 0 }
.imp { color: #FF6F02; font-weight: bold;  }
.big { font-size: 150% }
.required{ color:#FF6F02; }
div.table { padding: 12px 0 0 0; margin: 0.5em 0 1.5em 0;}
table.table { width: 100%; margin: 0.5em 0 1.5em 0; border-collapse: separate; }
div.table table.table { margin: 0; }
.table td { text-align: center; padding: 0.3em 0.5em; background: #fff; vertical-align: middle; }
.table th { font-weight: bold; text-align: center; padding: 0.5em  }

table { width: 100%; margin: 0.5em 0 1.5em 0; border-collapse: separate; }
table { margin: 0; }
table td { text-align: center; padding: 0.3em 0.5em; background: #fff; vertical-align: middle; }
table th { font-weight: bold; text-align: center; padding: 0.5em  }

.access { display: none; }
.ippi { position: absolute; top: -2000px; }
.date { color: #FF6F02; font-weight: bold; }
.check { width: auto !important; margin-right: 0.6em; border: 0 !important; }
table.form td { vertical-align: top; }
.captcha { width: 170px; height: 70px;}
.sound { display: block; margin: 0 0 10px 0  }
.clearl { clear: left; }

.page { width:100%; overflow: hidden; }
.page ul { padding: 15px 0 0 0; }
.page li { float: left; margin: 0 3px 0 0; }
.page a { float: left; padding: 2px 7px; text-decoration: none; font-weight: bold; }

/* layout */
.center1, .center2 { width: 980px; margin: 0 auto; text-align: left; position: relative; }
#wrap { width: 700px; float: left; }
#theme { width: 100%; overflow: hidden; min-width: 980px; width: }
#theme { _width: expression(document.body.clientWidth < 985? "980px" : "100%" ); } /* min-width for ie */
/*  .wide #theme { background: red } */

/* header */
#lang { position: absolute; font-size: 110%; right: 12px; top: 45px }
#lang li { float: left; }
#lang a { text-decoration: none; float: left; padding: 2px 8px; color: #D2E0EB;  }
#lang a:hover { color: #fff }
#lang strong a { background: #466CAB }
.season { position: absolute; top: 10px; right: 20px; font-size: 110%; float: left; padding: 0 0 2px 18px }

#logo { float: left; }

#header { width: 710px; float: left;}
#header h1 { font-size: 250%; font-weight: normal; padding: 30px 0 20px 90px; color: #fff; margin: 0 0 0 222px; }

#nav { font-size: 120%; padding: 0 0 0 233px;}
#nav li { float: left; position: relative;  }
#nav #last { background: none}
#nav a { text-decoration: none; color: #fff; float: left; padding: 5px 12px; }
#nav strong { text-decoration: none; color: #fff; float: left; }
#nav strong { background: url(../img/nav-strong.gif) no-repeat right }
#nav a:hover { text-decoration: underline;}

/* nav pull-down menu */
#nav li ul { position: absolute; left: -9999px; top: 25px; font-size: 90%; padding: 15px 0;  }
#nav li { display: expression(isNaN(this.js)?(this.js=1,this.onmouseover=new Function("this.className+=' hover';"),this.onmouseout=new Function("this.className=this.className.replace(' hover','');")):false););}
#nav li:hover ul, #nav li.hover ul { left: 0; display: block;}
.jsok #nav li ul { display: none; }
#nav li.jHover, #nav #last.jHover, #nav li.hover ul, #nav li:hover ul { background: #4067A5; z-index: 999; }
#nav li.jHover ul, #nav li.hover ul, #nav li:hover ul { left: 0; background: transparent url(../img/nav.png) no-repeat bottom left; padding: 5px 10px 15px 5px;}
#nav.ie li.jHover ul, #nav.ie li.hover ul, #nav.ie li:hover ul { background: #4067A5 }
#nav li li, #nav li li a { float: none; border: none; display: block;}
#nav li li { width: 190px; }
#nav li li a { padding: 4px 10px 4px 15px; zoom:1 }
#nav li li a:hover { background: #FF7103 url(../img/subnav-curr.png) repeat-x;  }

/* breadcrumbs */
.path { clear: both; padding: 5px 0 15px 250px; font-size: 110%;  }
.path a { color: #fff; background: url(../img/path.gif) no-repeat right; float: left; padding: 0 12px 0 0; margin: 0 8px 0 0;  }
.path a:hover { color: #00255D  }

/* main content */
#section { width: 450px; float: right; font-size: 110%; line-height: 1.6;}
#section h1 { font-size: 250%; font-weight: normal; padding: 0 0 0.5em 0  }

/* aside */
#aside { width: 220px; float: left; }
#subnav { padding: 15px 4px; font-size: 110%; margin-bottom: 10px; }
#subnav li { width: 100% } /* ie 6 fix */
#subnav li li a { padding: 0 0 0 10px; }
#subnav a { color: #fff; text-decoration: none; display: block; padding: 5px 20px; zoom:1}
#subnav li li a {  padding: 5px 20px 5px 30px; }
#subnav strong a { background: #FF7103 url(../img/subnav-curr.png) repeat-x; font-weight: normal; }
#subnav li li strong a { background: none; font-weight: bold; background: url(../img/path.gif) no-repeat 20px 0.8em !important }
#subnav a:hover { background: url(../img/path.gif) no-repeat 8px 0.8em }

.block { padding: 30px 20px; margin: 0 0 10px 0; font-size: 110%; }
.block h2 { color: #fff; font-size: 150%; font-weight: normal; padding: 0 0 0.3em 0 }

.map { padding-bottom: 170px }
.map a, .map a:hover { color: #fff }

.mail p { padding: 0 0 0.4em 0; color: #fff }
.mail input { width: 140px; margin: 0; padding: 0; border: 0; height: 1.5em; }
.mail .submit { color: #fff; border: 0; margin: 0; padding: 0 5px; height: 1.5em; width: auto;  }

.eshop { background: #FF7003 url(../img/aside-eshop.png) repeat-x; height: 100%; overflow: hidden; padding-right: 10px; color: #333 }
.eshop img { border: 4px solid #FFB834; float: right; margin: 0 0 0 5px }
.eshop a { color: #fff; font-weight: bold; }

/* right column */
#col { width: 250px; float: right; padding: 80px 0 0 0; }
#col .block { padding: 0; }

/* weather */
#col .weather { padding: 0 30px 15px 10px; }
.weather .today img { float: right; margin: -20px 10px 0 0; display: inline; }
.weather .today { font-weight: bold; color: #fff; line-height: 1.2 }
.weather .today strong { display: block; font-size: 200%; font-weight: normal; }
.weather .today strong span { font-size: 75%; vertical-align: top; padding-left: 5px }
.weather .today span { font-weight: normal; }
.weather dl { clear: both; padding: 10px 0; width: 100%; overflow: hidden; }
.weather .day1 { float: left; width: 49%; font-weight: bold; }
.weather .day2 { float: right; width: 49%;  font-weight: bold; }
.weather .day1 strong, .weather .day2  strong { font-weight: normal; font-size: 140%; padding-left: 0.2em }
.weather .forecast { clear: both; }
.weather dt { padding:0.6em 0 0 0; }
.weather dt { width: 120px;float:left; }
.weather dd { font-size: 170%;  }
.weather dd{ float:left;overflow:hidden; }
.weather dd span { font-size: 60% }
.weather dt span { font-size: 95% }
.weather dt.dh {  }
.weather .dh, .weather .lift {  }
.weather dd.dh { padding-right: 15px }
.weather a:hover { color: #FF6F02 }

/* basket */
#col .basket { padding: 0 0 25px 10px }
#col .basket h2 { padding: 20px 0 7px 0; font-size: 200%  }
#col .basket a:hover { color: #FF6F02 }

/* online cam */
#col .cam { padding: 0 0 15px 10px; zoom:1;}
#col .cam h2 { padding: 20px 0 3px 0; font-size: 200%  }
#col .cam .camimg { margin: 10px 0 0 0;  }
#col .cam .camimg ul { height: 174px; overflow: auto; }
.jsok #col .cam .camimg ul { overflow: hidden; }
#col .cam .camimg li { padding: 8px; }
#col .cam a:hover { color: #FF6F02 }

/* news - right column*/
#col .news { padding: 0 0 15px 0 }
#col .news h2 { padding: 0 0 10px 10px;}
#col .news li { padding: 0.8em 10px; }
#col .news .date { font-size: 95%; white-space: nowrap; display: block; padding: 2px 0 0 0; font-weight: normal;}
#col .news a:hover { color: #FF6F02 }

/* poll */
#col .poll { padding: 0 0 10px 10px }
#col .poll h2 { padding: 0 0 10px 0;}
#col .poll p { padding: 0 0 0.5em 0;  }
#col .poll li { padding: 0 0 0.5em 0 }
#col .poll span { display: block; margin: 3px 0 0 0; }
#col .poll span img { height: 9px; display: block; }
#col .poll a:hover { color: #FF6F02 }
#col .poll input{ float:right }
#col .poll .polllink{ text-decoration:underline;cursor: pointer;cursor: hand; }
.jsok #col .poll input{display:none;}

#col .basket { zoom:1; }

/* footer */
#footer { padding: 100px 0 30px 0; text-align: left; width: 100%; overflow: hidden;  }
#footer .print { text-align: right;  }
#footer .print a { color:  #fff; padding: 0 10px;  }
#footer .printButt { border-right: 1px solid #fff }
#footer .bmedia { color: #A9A694; padding: 15px 30px 10px 0; background: url(../img/bmedia.gif) no-repeat right; float: left; }
#footer .bmedia a { color: #A9A694; }
#footer ul { clear: left; padding: 10px 0 15px 0; float: left; width: 100%; }
#footer ul li { float: left; padding: 0 30px 0 0; }

/* articles */
#validity-summary-container { margin-bottom: 1.5em;  }
.article { padding-bottom: 1.5em; width: 100%; overflow: hidden; clear: both; }
.article h2 { font-size: 240%; font-weight: normal; padding: 0 0 0.6em 0; color: #FF6F02;  }
.article h3 { font-size: 170%; font-weight: normal; padding: 0.2em 0 0.6em 0; }
.article h4 { font-size: 150%; font-weight: normal; padding: 0.2em 0 0.6em 0; }
.article p { padding: 0 0 0.6em 0 }
.article a { color: #FF6F02 }
.article .back { clear: both; width: 100%; overflow: hidden; padding: 1em 0;  }
.article .back a { float: left; text-decoration: none; padding: 0.3em 1em 0.3em 30px; color: #fff }
.article .step { float: right; font-size: 40%; font-weight: bold; position: relative; top: 1.3em; }
.article ul { padding: 0.2em 0 0.6em 0; overflow: hidden; zoom:1 }
.article ul li { padding: 0 0 0 20px; background: url(../img/winter/li.gif) no-repeat 7px 50%; height: 100%; }

.total1, .total2 { width: 100%; text-align: right; overflow: hidden; }
.article .total1 { padding: 10px 0 20px 0; margin: 10px 0 0 0; }
.article .total1 { _background: none } /* no PNG for IE6 */
.total1 strong, .total2 strong { float: left;}
.total1 strong { padding: 0 0 0 20px }
.total1 strong span, .total2 strong span { font-size: 100%; font-weight: normal; }
.total1 span, .total2 span { font-size: 160%; font-weight: bold; }
.total1 span { padding: 0 20px 0 0; }

/* photo gallery */
.article .photo { padding: 0; }
.article .photo li { float: left; width:150px; overflow: hidden; position: relative; background: none; padding: 0; }
.article .photo li.video { padding: 1em 0; width: 450px}
.article .photo li.video div { padding: 1px; }
.photo .thumb { border: 0; margin: 13px 9px 12px 11px;  }
.photo .over { position: absolute; left: 0; top: 0; border: 0; }

.gallery .thumb { margin: 13px 9px 5px 11px;   }
.gallery strong, .gallery .text  { display: block; padding: 0 9px 0 11px; }

/* news */
.article ul.news { padding: 0;  }
ul.news { margin-bottom: -20px; }
.article ul.news li { padding: 0 0 12px 0; margin: 0 0 20px 0; background: none }
ul.news li.last { border-bottom: none; padding: 0;}
ul.news h2 { font-size: 160% }
ul.news h2 a:hover { color: #FF6F02 }
ul.news .thumb, .news .thumb { margin: 0 15px 5px 0; float: left; }
ul.news .text, .news .text { padding: 3px 0 0 0; }
.more { width: 100%; overflow: hidden; margin: 0.5em 0 0 0; }
.more a { color: #fff; float: right; text-decoration: none; padding: 0.2em 2em; }
.more a:hover { color: #fff  }

/* catalogue */
.filter { width: 100%; overflow: hidden; padding: 12px 0 0 0; }
.filter p { float: left; width: 50%; padding: 10px 0 10px 0;}
.filter label { padding: 0 0.5em 0 1em; float: left; }
.filter select { width: 120px; padding: 2px }

.price { font-size: 120%; float: left; }
.price strong { font-size: 120% }
.price strong span { font-size: 80% }

.item a:hover, .detail a:hover, .links a:hover { color: #FF6F02 }

/* catalogue - list */
.item { padding: 0 0 20px 0; width: 100%; overflow: hidden; }

.item a.img { position: relative; float: left; }
.item .over { position: absolute; left: 0; top: 0; border: 0; }
.item img { margin: 0 20px 0 0;  }
.item .thumb { border: 0; margin: 13px 19px 12px 11px; }

.item h2 { font-size: 160%; padding-top: 10px; display:block;}
.item ul, .item form { width: 260px; clear: right; float: right;}
.item form { padding: 1em 0 0 0; }
.item input { float: right; background: #FF9902 url(../img/item-buy.png) no-repeat right; border: 0; margin: 0; color: #fff; padding:5px 25px 5px 15px; cursor: pointer;  }

/* catalogue - detail */
.detail a.img { position: relative; float: left; }
.detail .over { position: absolute; left: 0; top: 0; border: 0; }
.detail img { margin: 0 20px 0 0;  }
.detail .thumb { border: 0; margin: 13px 19px 12px 11px; }

.article .detail ul { padding: 40px 0 0.5em 0; }
.article .detail li { padding: 0 0 0.8em 0; background: none }
.detail ul, .detail form { width: 130px; clear: right; float: right; }
.detail .price { padding: 0 0 1em 0; float: none; }
.detail button { border: 0; margin: 0; padding: 0; background: transparent; color: #fff; cursor: pointer; font-size: 140%; font-weight: bold;  }
.detail button span { background: #FF9902 url(../img/detail-buy.png) no-repeat right; padding:5px 30px 5px 20px; float: left;  }
.article .links { padding: 0; }
.article .links li { float: left; padding: 0 1em; display: inline; line-height: 1.4; background: none}
.links li.first { padding: 0 1em 0 0; border: 0; }

/* basket */
.article .basket { width: 100%; overflow: hidden; padding: 12px 0 0 0; }
table.basket { width: 100% }
table.basket th { padding: 0.8em; font-weight: normal; }
table.basket td { text-align: left; padding: 0.8em; vertical-align: middle;}
table.basket input { width: 40px; text-align: right; }
table.basket .price { float: none; text-align:right; white-space: nowrap;}
table.basket .subtotal { text-align: right; font-weight: bold; }
table.basket .subtotal strong { font-size: 140%; padding-left: 1em }
table.basket tfoot td { border: 0; }
table.basket tfoot td { _background: none } /* no PNG for IE6 */
table.basket .trash { float: left; padding: 0.4em 25px 0.4em 1em; text-decoration: none; }
table.basket .recount { float: left; padding: 0.4em 25px 0.4em 1em; width:90px; margin: 0 0 0 5px; text-decoration: none; cursor: pointer; }

.shipping label { font-weight: bold; }
.shipping select { width: 100%; margin: 5px 0; padding: 3px 0;}

/* eshop categories */
.article .categories { padding: 0; }
.article .categories li { float: left; width: 50%; position: relative; text-align: left; padding: 0 0 20px 0; text-align: center; background: none }
.categories img { display: block; }
.categories .thumb { text-align: left; border: 0; margin: 8px 9px 12px 16px; }
.categories .over { position: absolute; left: 10px; top: 0; border: 0; }
.categories a { font-size: 140%; font-weight: bold; }
.categories a:hover { color: #FF6F02 }

/* cams */
#camsnav { padding: 0 }
#camsnav li { float: left; background: none; padding: 0; margin: 0 2px 0 0; }
#camsnav a { text-decoration: none; float: left; padding: 5px 10px 5px 10px; }
#cams { padding: 0;  clear: left;}
#cams li { background: none; padding: 0; height: 340px}
#cams .temp { position: absolute; bottom: 0; right: 0; position: absolute; padding: 10px; font-weight: bold}

/* forms */
fieldset { padding: 0 0 1.5em 0; }
legend { font-weight: bold; padding-bottom: 0.5em }
table.form { width: auto; }
.form td { padding: 0.2em 0.5em; background: transparent; text-align: left; }
.form input { background: #fff; width: 150px; padding: 0.2em }
.form select { background: #fff; width: 150px; }
.form input.submit {padding: 0 .25em;width: 0; overflow: visible;cursor: pointer;}
.form input.submit[class] {width: auto;}

.jsok .company, .jsok .address { display: none; }
#note { vertical-align: top; width: 440px; height: 100px; margin: 5px 0 1em 0 }
.article .order { width: 100%; overflow: hidden; padding: 1em 0 0 0; }
.form .order .submit, .order .submit { float: right; margin: 0; border: 0; padding:5px 30px 5px 20px; color: #fff }
input#firstname, input#surname, input#email, input#company, input#namesurname, input#email, input#oddo, input#osob, select#chata, textarea#msg, input#typ, input#den, input#vykon, input#zapujceni, input#postava, input#attempt, input#narozen, input#vyuka, input#vybkurz, input#address { background: #fff }
input#stravovani { width: auto; }

.article .error { background: #fff; border: 1px solid #c00; padding: 10px }
.article .error li { color: #c00; font-weight: bold; background: url(../img/error.gif) no-repeat left; padding: 0 0 0 20px  }

.day { float: left; width: 2em; text-align: center; padding: 20px 0 0 0; }
.day input { display: block; width: 14px; height: 14px; margin: 0 auto; border: 0\9 !important; background: transparent\9; /* IE hack !!! */ }
.mo { background: url(../img/day-mo.gif) no-repeat top; }
.tu { background: url(../img/day-tu.gif) no-repeat top; }
.we { background: url(../img/day-we.gif) no-repeat top; }
.th { background: url(../img/day-th.gif) no-repeat top; }
.fr { background: url(../img/day-fr.gif) no-repeat top; }
.sa { background: url(../img/day-sa.gif) no-repeat top; }
.su { background: url(../img/day-su.gif) no-repeat top; }

/* homepage */
body.home {line-height: 1.4; font-size: 62.5%; text-align: center; font-family: Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif; }
.home #header { background: none }
.home #theme { width: 100%; overflow: hidden;  }
.home #wrap { width: 710px; }
.home #footer { padding: 90px 0 30px 0;  }
.home #col1, .home #col2 { padding: 15px 0 0 0; font-size: 110%  }
.home #col1 { width: 365px; float: left; }
.home #col2 { width: 320px; float: right; }
.home #col1 h2, .home #col2 h2 { font-size: 160%; color: #fff; padding: 0 0 0.6em 0; font-weight: normal; }

.home-intro { padding: 30px 0 0 0 }
.home-intro img { display: block; }

.home-news { min-height: 250px; _height:250px}
.home-news li { padding: 10px 0; }
.home-news .first { padding-top: 0; width:100%; overflow: hidden; }
.home-news img { float: left; margin: 0 15px 5px 0;}
.home-news .date { display: block; font-weight: normal; float: right; font-size: 95%; }
.home-news .first .date { float: none; font-size: 100%; padding: 0.5em 0  }
.home-news .first a { font-weight: normal; font-size: 160% }
.home-news h3 { padding: 0 0 0.5em 0 }
.home-news a { font-weight: bold; }
.home-news a:hover { color: #FF6F02 }
.home-news .text { position: relative; }
.home-news a.more { position: absolute; top: 0; right: 0; float: right; width: auto; padding: 0.4em 15px; margin: 0; font-size: 100%; text-decoration: none; }
.home-news .more:hover { cursor: pointer; }

.home-map { height: 350px; position: relative; }
.home-map a { position: absolute; top: 5px; right: 0; }
.home-map .bottom, .home-map .top{ padding:3px;font-weight:bold;}
.home-map .bottom{ position:relative; top:170px; left:40px; }
.home-map .top{ position:relative; top:5px; left:120px; }

.home-actions { padding: 0 30px 0 20px; }
.home-actions .date { float: right; font-weight: normal; color: #fff; font-size: 95% }
.home-actions ul {  margin: 5px 0 0 0; }
.home-actions li { padding: 12px 15px 12px 10px; }

/* nyroModal */
div#nyroModalFull, div#nyroModalFull h1 {font-size: 12px;color: #fff; font-family: Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif; font-style: normal;}
div#nyroModalFull div#nyroModalLoading {width: 150px;height: 150px;text-indent: -9999em;background: #fff url(../img/nyroloader.gif) no-repeat;background-position: center;}
div#nyroModalFull div#nyroModalWrapper {background: #fff;padding: 0px}
div#nyroModalFull div#nyroModalWrapper a#closeBut {position: absolute;display: block;top: -15px;right: -15px;width: 15px;height: 15px;text-indent: -9999em;outline: 0;}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {margin: 0;padding: 0;	position: absolute;	top: -22px;	left: 5px;	font-size: 11px;color: #fff; font-weight: normal;}


/* nyroModal - nothing to edit here */
div#nyroModalFull div#nyroModalLoading.error {border: 4px solid #f66;line-height: 20px;padding: 20px;width: 300px;height: 100px;text-indent: 0;background: #fff;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {padding: 5px;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {position: relative;overflow: hidden;text-align: center;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {vertical-align: baseline;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {position: absolute;bottom: 0;left: 0;background: black;padding: 10px;margin: 10px;border: 1px white dotted;overflow: hidden;opacity: 0.2;filter: alpha(opacity=20); display: none;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5;filter: alpha(opacity=50);cursor: help;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a {outline: none;position: absolute;top: 0;height: 100%;cursor: pointer;text-indent: -9999em;background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}

/*
 * Style used by the label output mode.
 * Applied to the error labels that get positioned after an input.
 */
label.error { color:#f00; margin-left:2px; }

/*
 * Styles used by the modal output mode.
 * '.validity-modal-msg' is applied to the modal boxes
 * and '.validity-modal-msg:hover' is applied to suggest
 * to the user that the boxes are clickable.
 */
.validity-modal-msg { position:absolute; z-index:2; background-color:#999; border:solid 1px #000; padding:4px; cursor:pointer; }
.validity-modal-msg:hover { background-color:#aaa; }

/*
 * Styles used by the summary output mode.
 * '#validity-summary-container' is a container on the page that should contain a UL
 * named '#validity-summary-output', which is the actual summary. The container can hold
 * an extra bit of text (or anything really) that explains what the summary is.
 * '.validity-erroneous' is applied to every input that fails.
 */
#validity-summary-container { display:none; }
#validity-summary-output { }
.validity-erroneous { border:solid 2px #f56600 !important; }
.bstats { position: absolute; left: -10px; top: 0; }

.facebook{ text-align:center; margin:20px 15px 0 0; }