/**
 * zLotto Common Stylesheet
 * - Sort properties alphabetically
 * - Prefix section headers with _ for easy search
 */

/* _reset and _clear -------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}body{line-height:1}a{outline:none}table{border-collapse:collapse;border-spacing:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}fieldset,img,abbr,acronym{border:0}
.clear:after{clear:both;content:".";display:block;height:0;line-height:0;visibility: hidden}.clear{display:inline-block}html[xmlns] .clear{display: block}* html .clear{height:1%}

/* _base -------------------------------------------------------------------- */

html, body { height: 100%; }
html { font-size: 16px; }
body { background: #d7dcdf url(../images/common/main_bg.jpg) repeat; font: 62.5% "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; }

#page { height: 100%; }
#container { background: transparent url(../images/common/mainBody_bg.png) center top repeat-y; font-size: 1.1em; margin: 0 15px; min-height: 100%; position: relative; width: 995px;  }

.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.last { margin: 0 !important; }

.clear-both { clear: both; }

input[type=text].watermark-input, textarea.watermark-input { color: #bbb; }

#zy-overlay { background: #000; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; filter: alpha(opacity=40); opacity: 0.4; }

#error-tip { display: none; position: absolute; top: 0px; right: 0px; z-index: 100; }
#error-tip-left { background: url(../images/common/error_tip_arrow.png) no-repeat; float: left; height: 28px; width: 15px; }
#error-tip-message { background: url(../images/common/error_tip.png) no-repeat; color: #fff; height: 28px; line-height: 24px; margin-left: 15px; padding: 0 8px 0 0; }

/* _typography -------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { line-height: 1.0em; }
a { color: #009afe; text-decoration: none; cursor: pointer; }
strong { font-weight: bold; }
em { font-style: italic; }

textarea { font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 1.0em; padding: 4px; resize: none; }
input[type=submit].hidden { border: 0; height: 1px; margin: 0; overflow: hidden; padding: 0; width: 1px; }

/* _content ----------------------------------------------------------------- */

#content { padding-bottom: 44px; }

#content > #games { background: url(../images/public/horizontal_bar_shadow.png) center top no-repeat; padding-top: 20px; text-align: center; }
#content > #games img { margin-right: 25px; }

/* _footer ------------------------------------------------------------------ */

#footer { bottom: 0; font-size: 1.1em; padding: 15px 20px; position: absolute; width: 954px; }
#footer a { color: #666; }
#footer a:hover { color: #888; }
#footer ul li { border-right: 1px solid #bbb; float: left; margin-right: 10px; padding-right: 10px; }
#footer ul li.last { border: 0; }
#footer span { color: #888; }

/* _buttons ----------------------------------------------------------------- */

.zy-button { color: #fff; cursor: pointer; display: block; font-weight: bold; line-height: 30px; }
.zy-button:hover { text-decoration: none; }
.zy-button span { display: block; float: left; height: 30px; }
.zy-button.wide .m { padding: 0 20px; }
.zy-button .m { background: url(../images/buttons/medium/bttnOrangeMedium_middle.png) repeat-x; padding: 0 6px; }
.zy-button .l { background: url(../images/buttons/medium/bttnOrangeMedium_left.png) no-repeat; width: 10px; }
.zy-button .r { background: url(../images/buttons/medium/bttnOrangeMedium_right.png) no-repeat; width: 10px; }
.zy-button.green .m { background: url(../images/buttons/medium/bttnGreenMedium_middle.png); }
.zy-button.green .l { background: url(../images/buttons/medium/bttnGreenMedium_left.png); }
.zy-button.green .r { background: url(../images/buttons/medium/bttnGreenMedium_right.png); }
.zy-button.grey .m { background: url(../images/buttons/medium/bttnDeactiveMedium_middle.png); }
.zy-button.grey .l { background: url(../images/buttons/medium/bttnDeactiveMedium_left.png); }
.zy-button.grey .r { background: url(../images/buttons/medium/bttnDeactiveMedium_right.png); }
.zy-button.white .m { background: url(../images/buttons/medium/bttnWhiteMedium_middle.png); }
.zy-button.white .l { background: url(../images/buttons/medium/bttnWhiteMedium_left.png); }
.zy-button.white .r { background: url(../images/buttons/medium/bttnWhiteMedium_right.png); }
.zy-button.white { color: #fe9812; }
.zy-button.grey { color: #464646; cursor: pointer; }
.zy-button:hover .m, .zy-button:hover .l, .zy-button:hover .r { background-position: 0 -30px; }
.zy-button:active .m, .zy-button:active .l, .zy-button:active .r { background-position: 0 -60px; }

.zy-button.small span { font-size: 11px; height: 20px; line-height: 20px; }
.zy-button.small .m { background: url(../images/buttons/small/bttnOrangeSmall_middle.png); }
.zy-button.small .l { background: url(../images/buttons/small/bttnOrangeSmall_left.png); width: 5px; }
.zy-button.small .r { background: url(../images/buttons/small/bttnOrangeSmall_right.png); width: 5px; }
.zy-button.small.green .m { background: url(../images/buttons/small/bttnGreenSmall_middle.png); }
.zy-button.small.green .l { background: url(../images/buttons/small/bttnGreenSmall_left.png); }
.zy-button.small.green .r { background: url(../images/buttons/small/bttnGreenSmall_right.png); }
.zy-button.small.grey .m { background: url(../images/buttons/small/bttnDeactiveSmall_middle.png); }
.zy-button.small.grey .l { background: url(../images/buttons/small/bttnDeactiveSmall_left.png); }
.zy-button.small.grey .r { background: url(../images/buttons/small/bttnDeactiveSmall_right.png); }
.zy-button.small.white .m { background: url(../images/buttons/small/bttnWhiteSmall_middle.png); }
.zy-button.small.white .l { background: url(../images/buttons/small/bttnWhiteSmall_left.png); }
.zy-button.small.white .r { background: url(../images/buttons/small/bttnWhiteSmall_right.png); }
.zy-button.small:hover .m, .zy-button.small:hover .l, .zy-button.small:hover .r { background-position: 0 -20px; }
.zy-button.small:active .m, .zy-button.small:active .l, .zy-button.small:active .r { background-position: 0 -40px; }

.zy-button.large span { font-size: 19px; height: 45px; line-height: 45px; }
.zy-button.large.wide .m { padding: 0 25px; }
.zy-button.large .m { background: url(../images/buttons/large/bttnOrangeLarge_middle.png); }
.zy-button.large .l { background: url(../images/buttons/large/bttnOrangeLarge_left.png); width: 10px; }
.zy-button.large .r { background: url(../images/buttons/large/bttnOrangeLarge_right.png); width: 10px; }
.zy-button.large.green .m { background: url(../images/buttons/large/bttnGreenLarge_middle.png); }
.zy-button.large.green .l { background: url(../images/buttons/large/bttnGreenLarge_left.png); }
.zy-button.large.green .r { background: url(../images/buttons/large/bttnGreenLarge_right.png); }
.zy-button.large.blue .m { background: url(../images/buttons/large/bttnBlueLarge_middle.png); }
.zy-button.large.blue .l { background: url(../images/buttons/large/bttnBlueLarge_left.png); }
.zy-button.large.blue .r { background: url(../images/buttons/large/bttnBlueLarge_right.png); }
.zy-button.large.white .m { background: url(../images/buttons/large/bttnWhiteLarge_middle.png); }
.zy-button.large.white .l { background: url(../images/buttons/large/bttnWhiteLarge_left.png); }
.zy-button.large.white .r { background: url(../images/buttons/large/bttnWhiteLarge_right.png); }
.zy-button.large:hover .m, .zy-button.large:hover .l, .zy-button.large:hover .r { background-position: 0 -45px; }
.zy-button.large:active .m, .zy-button.large:active .l, .zy-button.large:active .r { background-position: 0 -90px; }

/* _dialog ------------------------------------------------------------------ */

.zy-dialog { background: #fff; display: none; left: 50%; margin: -100px 0 0 -240px; padding: 10px; position: absolute; top: 25%; width: 460px; z-index: 200; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.zy-dialog .zy-x-link { background: url(../images/common/icon_close.png) no-repeat; display: block; height: 21px; position: absolute; right: 10px; text-indent: -10000px; top: 10px; width: 21px; }
.zy-dialog .zy-x-link:hover { background-position: 0 -21px; }
.zy-dialog .zy-dialog-head { margin-bottom: 10px; height: 42px; }
.zy-dialog .zy-dialog-head.zy-empty { height: 0; margin: 0; }
.zy-dialog .zy-dialog-head .zy-dialog-icon { background: url(../images/common/sprites_topNav.png) -115px -114px no-repeat; float: left; height: 42px; margin-right: 10px; width: 42px; }
.zy-dialog .zy-dialog-head h2 { color: #808080; font-size: 1.9em; font-style: italic; line-height: 42px; }
.zy-dialog .zy-dialog-body { font-size: 1.2em; padding: 0 10px; }
.zy-dialog .zy-buttons { margin-top: 20px; }
.zy-dialog .zy-buttons.center { left: 50%; position: relative; }
.zy-dialog .zy-buttons .zy-button { float: left; margin-right: 10px; }
.zy-dialog .zy-buttons .zy-button.last { margin: 0; }
.zy-dialog h3 { color: #464646; font-size: 1.5em; font-weight: bold; margin-bottom: 0.4em; }
.zy-dialog p { font-size: 1.2em; }

.zy-dialog .zy-form { margin: 0 20px; }
.zy-dialog .zy-form .zy-form-row { margin-bottom: 15px; }
.zy-dialog .zy-form .zy-form-row.last { margin: 0; }
.zy-dialog .zy-form .zy-form-row p { margin: 0; }
.zy-dialog .zy-form label { color: #464646; float: left; margin-right: 20px; width: 20%; }
.zy-dialog .zy-form label span { font-size: 0.9em; }
.zy-dialog .zy-form input[type=checkbox] { float: left; margin-right: 10px; }
.zy-dialog .zy-form textarea { border: 1px solid #bbb; height: 80px; max-width: 68%; width: 68%; }
.zy-dialog .zy-form .zy-form-row span { display: block; float: left; width: 95%; }
.zy-dialog .zy-form .zy-form-row .zy-form { margin-top: 15px; }
.zy-dialog #report-form, .zy-dialog #report-msg { display: none; }

.zy-dialog .zy-user-label { color: #464646; }
.zy-dialog .zy-user-label p { font-size: 1.7em; margin: 0; }
.zy-dialog .zy-user-label .image-bg { float: left; margin-right: 10px; }

.zy-dialog .zy-loading { margin-top: 20px; }

form.email h2 { text-align: center; }
form#email.email h2 { margin-right: 25px; }
form.email h3 { color: #464646; margin: 0 0 15px 0; }
form.email .center { background: #f0f0f0; border: 1px solid #c1c1c1; margin: 0 auto; padding: 20px 0; width: 360px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
form.email .email-icon { float: left; margin: 0 10px 0 95px; }
form.email .bubble { background: url(../images/public/sheep_bubble.png) no-repeat; height: 43px; margin: 10px auto 0; padding: 7px 6px 35px 100px; text-align: center; width: 256px; }
form.email .bubble p { font-size: 1.2em; margin: 0; }
form.email .bubble h4 { font-size: 1.3em; font-weight: bold; margin: 0; }
.zy-dialog form.email .bubble h4 { font-size: 1.1em; }
.zy-dialog form.email .bubble p { font-size: 1.0em; }