/* -----------------------------------------------------------------------


 LottoTeam CSS v1.0
 http://www.lottox.eu


   * Begin: 19.04.2010
   * End: 
   * Status: 
   * File: screen.css
   * Author: V. ֖zdemir | v.oezdemir@infrag.de

----------------------------------------------------------------------- */



/* Basic Selectors
--------------------------------------------------------------------------------------- */

body{ background: #fff url(../images/layout/bg.jpg) repeat-x top left; font:0.75em/1.5em Arial, Helvetica, sans-serif; color:#474747 }
.wrapper{ width:990px; margin:0 auto; position:relative }
.scraper{ position:absolute; right:-120px; top:165px; width:120px }
.scraper.box{ padding:0; margin:0 }
.scraper.box p{ margin:0 }

.content-wrapper{display: table; padding:15px }
.content-wrapper h3{margin-bottom: 0}
.content-wrapper ul{margin: 0 0 0 20px}
.content-wrapper strong{margin: 5px 0 10px; display: block}
img.left{margin: 0 10px 10px 0}

.box p{margin: 0}
p img.left{margin: 0 10px 0 0}
.disp-table{ display:table; }
.relative{ position:relative }
.absolute{ position:absolute }


/* Header
--------------------------------------------------------------------------------------- */

#header{ height:98px; position:relative; border-bottom:2px solid #b1140f }
#header #logo{ position:absolute; left:-13px }
#header #logo a{ float:left; background: url(../images/logos/lottox.png) no-repeat; height:81px; width:263px; text-indent:-5000px; margin:7px 0 }
#header #logo span{ font-size: 14px; font-family: Verdana, Arial; color: #454b52; line-height: 67px; margin-left: 10px }

.bg-header{ background:url(../images/content/header-bg.jpg) no-repeat left bottom }


/* Navis
--------------------------------------------------------------------------------------- */

#nav-main{ padding:0; height:65px; position:relative; top:0 }
#nav-main ul{ position:absolute; right:0; top:60px; margin:0; list-style: none; }
#nav-main li{ float:left; position:relative; height:30px; margin-left:10px; background:url(../images/layout/main-nav-bg.jpg) repeat-x; border:1px solid #a9d2e3; -moz-border-radius:6px; -webkit-border-radius:6px }
#nav-main li a{ float:left; padding:5px 15px; line-height:22px; color:#666; text-transform:uppercase; text-decoration:none; display:block }
#nav-main li a i{ font-style:normal; font-size:11px; font-variant:normal; font-weight:normal; color:#888 }
#nav-main li.current{ background:url(../images/layout/main-nav-current-bg.jpg) repeat-x; height:36px; border:2px solid #b1140f; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0; -webkit-border-radius-topleft:6px; -webkit-border-radius-topright:6px; -webkit-border-radius-bottomright:0; -webkit-border-radius-bottomleft:0; }
#nav-main li.current a.active{ color:#fff; line-height:26px; padding:5px 30px; font-size:14px; }
#nav-main li a:hover{ text-decoration: none; color:#000 }

#nav-top{ background-color:#555; color:#fff; position:absolute; top:3px; right:0; -moz-border-radius-bottomright:6px; -moz-border-radius-bottomleft:6px; -webkit-border-radius-bottomright:6px; -webkit-border-radius-bottomleft:6px; float:left; width:310px }
#nav-top span{ float:left; font-size:11px }
#nav-top ul{ float:right; margin:0 -10px 0 0; padding:5px 10px; list-style:none }
#nav-top li{ float:left; margin-right:6px }
#nav-top li a{ float:left; font-size:12px; color:#fff; margin-right:5px; text-decoration:none }
#nav-top a.active{ font-weight:bold }

#breadcrumb{ background-color:#fff; padding:10px 15px; position:relative }
#breadcrumb ul{ list-style:none; margin:0; background-color:#f2f2f2; height:29px; border:1px solid #ddd; border-left:none; }
#breadcrumb ul li{ float:left; color:#777; line-height:29px; font-size:12px; margin-right:4px; background:url(../images/layout/breadcrumb-arrow-right.jpg) no-repeat; padding:0 5px 0 15px }
#breadcrumb ul li#first{ background:url(../images/layout/breadcrumb-first.jpg) no-repeat; padding-left:15px }
#breadcrumb ul li b{ font-size:12px }
#breadcrumb ul li a{ color:#777; font-size:12px }
#breadcrumb ul li a:hover{ text-decoration:underline }
#breadcrumb ul span{ float:left; margin-right:10px }
#breadcrumb strong{ float:left; margin:0 0 0 20px; line-height:28px }
#breadcrumb ul#ticker{ margin:0 0 0 90px }
#breadcrumb #bookmarks{ float:right; position:absolute; right:22px; top:17px }
#breadcrumb #bookmarks a{ line-height:normal }



/* Content
--------------------------------------------------------------------------------------- */

#content{ background:#fff; padding-bottom:15px; float:left }
.content-header-bg{ background:url(../images/content/header-bg.jpg) no-repeat; width:930px }
.sub-content{margin-left: 10px;}
.featured-lottery{ top:30px; list-style:none; margin:0 0 0 1px }
.featured-lottery li{ float:left; width:126px; height:119px; margin:0 14px }
.featured-lottery .popup{ color:#fff }
/*.featured-lottery li.first .bubbleInfo .popup{ display:block !important; opacity:1 !important }*/

.category-title{ display:none; position:relative; width:954px; clear:both; background:url(../images/layout/headline-first.png) no-repeat; margin:15px 0 9px -24px; height:43px }
.category-title h2,
.category-title h3{ background-color:#c50c0c; color:#fff; margin:0; clear:right; height:37px; line-height:37px; float:left; }
.category-title h2{ margin-left:9px; padding:0 15px }
.category-title h3{ padding-right:24px }

.title{clear:both; background: url(../images/layout/title-bg.gif) repeat-x; height:33px; line-height:33px; margin-bottom:0; padding:0 10px }
.title a{ color:inherit; text-decoration:none; }

.header-home{ background:url(../images/layout/header-box-bg.jpg) repeat-x; overflow:hidden; height:277px; margin-bottom:15px }


/* Main Content
--------------------------------------------------------------------------------------- */

#main{ display:block; float:left; margin-top:0px; position:relative;}
#main .main-bg{ border:1px solid #cee0e4; border-top:none }

.box-out{ margin-left:0; margin-right:0; margin-bottom:15px }
.box{ border:1px solid #cee0e4; margin-bottom:15px; padding-bottom:15px; overflow:hidden }

.inner{ padding:15px }
.inner.home p{ clear:both }
.inner.home strong{ float:left }

#homepage div.lotto-numbers{ background:url(../images/layout/box-bg-blue.jpg) repeat-x left bottom; padding:15px 0 }
#homepage span#home-winfonds{ color:#4A768B; float:left; font-size:14px; height:53px; left:0; line-height:22px; margin-top:9px; padding-left:15px; position:absolute; width:197px }
#homepage #home-winfonds-img{ position:relative; top:0; left:-15px; float:left; padding-bottom:15px }
#homepage #home-btn-teaser{ position:relative; top:18px; right:15px; }
#homepage .home-support-img{ background:url(../images/content/home-support-person.png) no-repeat right bottom; float:right; position:relative; bottom:-10px; right:-10px; width:258px; height:164px }
#homepage .home-support h4{ width:434px !important }
#homepage .home-support .social-icons{ margin-top:15px }
#homepage .home-support .social-icons a{ margin-left:10px }
#homepage #video{ margin-bottom:11px; width:930px; height:371px; cursor:pointer; float:left; background:url(../images/layout/home-header-video.jpg) no-repeat; position:relative }

ul li.border-r{ padding-right:30px; border-color:#ddd;}
ul hr{ margin:0.8em 0; }

.border{border: 1px solid #E4E3D8;}

.cat-img{background-repeat: no-repeat; background-position: bottom right; overflow:hidden}

#dialog{ display:none; }

/* Zebraliste */
.list-bg{ height:47px; padding:15px; clear:both }
.list-bg.odd, #lottojackpots .odd, .box-out.odd{ background-color:#F0F9FF; }
.list-bg.even, .box-out.even{ background-color:#fff }
.list-bg div{ margin:0 }
.box-out.odd .box, .box-out.even .box{ border:none !important }


/* Recent */
.lotto-footer, .recent-post{ background-color:#e8f6fc; padding-left:30px; margin:15px 0 30px 0; float:left; width:660px }
.lotto-footer li, .recent-post li{ margin:0; float:left; list-style-image:url(../images/icons/arrow_blue.gif); }
.lotto-footer li a, .recent-post li a{ color:#31596b; padding:5px 0; margin-right:40px; display:block; font-size:12px; font-weight:bold; text-decoration:none }
.recent-post li{ clear:both }
.recent-post li a{ margin-right:0 }
.lotto-footer li a:hover, .recent-post li a:hover{ text-decoration:underline }

.nextarticle{ background-color:#E1E1D6; bottom:-15px; float:left; height:38px; left:-15px; line-height:38px; padding:0 15px; position:relative; width:658px; }

/* Title */
.lottodetail .detail-title{ height:68px }
.detail-title{ background:url(../images/layout/box-bg-blue.jpg) repeat-x left bottom; border-bottom:1px solid #ddd; float:left; width:688px }
.detail-title h2{ float:left; clear:none; margin:0; margin-top:8px; line-height:30px }
.detail-title img{ float:left; margin-right:15px; margin-top:15px }
.detail-title span{ float:left; clear:both }
.detail-title p.inner{ margin-bottom:0 }
.home-h3 h3{ background:url(../images/layout/title-bg.jpg) repeat-x; height:29px; border:1px solid #a9d2e3; padding:0 15px; line-height:27px }
.home-h3 h3 a{ font-size:16px }

#slider_bar{ left:15px; position:absolute; top:10px; z-index:100;}
#slider_bar #slide_nav a{ background-color:#efefef; border:1px solid #e4e3d8; float:left; height:8px; width:8px; margin-right:5px; text-indent:-9999px }
#slider_bar #slide_nav .activeSlide{ background-color:#A70C0C; border:none; width:10px; height:10px }

.arrow-right-txt{ clear:both; position:relative; padding:10px; background: url(../../../files/arrow-right-clean.png) no-repeat top left; height:49px; width:550px; line-height:16px; font-size:11px; }
.arrow-right-txt span{ position:absolute; float:right; right:-31px; top:13px }


/* Sidebar
--------------------------------------------------------------------------------------- */

#sidebar{margin-top:15px}
#sidebar ul{ list-style:none; margin:0 }

#nav-sub{ padding:0 !important }
#nav-sub ul li{ margin-bottom:0 !important }
#nav-sub.box{ border-bottom:none; }
#categories_menu{ padding-bottom:0 }
#nav-sub ul,#categories_menu ul{ list-style: none; margin: 0}
#nav-sub li,#categories_menu li{ clear:both; background:url(../images/layout/subnav-bg.gif) repeat-x; border-bottom:1px solid #e4e3d8; border-top:none; }
#nav-sub li a,#categories_menu li a{color:#4a4036; font-size:12px; display:block; text-decoration: none; height:35px; line-height:35px; padding:0 10px; }
#nav-sub li a.active, #nav-sub li a.active:hover, #categories_menu li.current-cat a, #categories_menu li.current-cat a:hover{ text-decoration:none; font-weight:bold; background-color:#b6b6b6 }
#nav-sub li a:hover, #categories_menu li a:hover{ background-color:#dbdbdb }

#nav-sub ul li.current ul{ float:left; width:192px; margin:5px 15px; }
#nav-sub ul li.current ul li { border:none; border-bottom:1px dotted #ccc; background:none; display:block; }
#nav-sub ul li.current ul li a:hover{ background:none; color:#333; }
#nav-sub ul li.current ul li a.active{ background: url(../images/layout/nav-blueBox.png) no-repeat right 0; color: #fff; }
#nav-sub ul li.current ul li a.active span { background: url(../images/layout/nav-blueBox.png) no-repeat left 0; }

#nav-sub ul li.current ul li ul { width:177px; }
#nav-sub ul li.current ul li ul li a.active{ background:none; font-weight:bold; color:#333; }
#nav-sub ul li.current ul li ul li a.active span { background:none; }

#nav-sub .subnav-img, #lottojackpots ul li img{ margin-top:10px; padding-right:10px; float:left }
#nav-sub .subnav-text, #lottojackpots ul li span{ float:left }
#lottojackpots{ float:left; width:100%}
#lottojackpots ul li{ float:left; padding:5px 10px; width:90%; margin-bottom:0 !important }
#lottojackpots ul li img{ height:16px }
#lottojackpots ul li a{ }


/* Support */
.box.phone{ background-color:#e8f6fc; position:relative; margin-bottom:0; padding:10px; }
.box.phone h4{ background-color:#aad4e7; color:#1d292d; font-weight:normal; font-variant: small-caps; position:absolute; top:0; left:0; width:188px; height:18px; padding:5px 10px }
.box.phone #img-phone{ position:absolute; top:0; right:0 }
.box.phone p{ padding-top:30px; line-height:20px; margin-bottom:0 }
.box.phone .hotline{ font-size:16px }

/* Jackpot-Info */
.jackpot-info{ background:url(../images/layout/jackpot-info.jpg) no-repeat; height:123px; padding:10px; text-align:center; color:#fff }
.jackpot-info .headline{ display:block; text-align:center; width:188px; font-size:16px; line-height:16px; padding:0px 0 10px 0 }
.jackpot-info .headline .date{ font-size:12px; line-height:20px }
.jackpot-info .jackpot{ display:block; text-align:center; width:188px; line-height:21px }
.jackpot-info .jackpot strong{ font-size:30px; text-transform:none; font-variant:normal; line-height:22px }



/* Pagination
------------------------------------------------------------------------------------------------ */

.wp-pagenavi #pagesof{ float:left }
.wp-pagenavi #pagenumbers{ float:right }
.wp-pagenavi, .ngg-navigation{clear:both; float:left; width:100%; display:block; padding: 15px 0; margin-top: 24px; border-top:1px solid #E4E3D8 }
.wp-pagenavi a, .wp-pagenavi span.current, .ngg-navigation a, .ngg-navigation span{ border:1px solid #999; background:none; padding:2px 6px; text-decoration:none; font-size:11px;}
.wp-pagenavi a, .ngg-navigation a{ margin: 2px; text-decoration:none; border-color:#E4E3D8; color:#666; background:url(../images/layout/bg-pagenavi.gif) repeat-x; }
.wp-pagenavi span.extend, .wp-pagenavi .pages{ border:none; background:none }
.wp-pagenavi a:hover {border: 1px solid #666; color:#333; background-color:#dbdbdb;}
.wp-pagenavi span.pages { padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #777;}
.wp-pagenavi a.current, .ngg-navigation span {background:#DFDFDF none repeat scroll 0 0; font-weight: bold; border-color:#E3E3E3;}



/* Buttons / Links
--------------------------------------------------------------------------------------- */
a.link,
a.url{ text-decoration:none; color:#A70B0C; padding-right:16px; line-height:17px; height:17px }

a.link{ background:url(../images/icons/arrows.png) no-repeat right -2px }
a.url{ background:url(../images/icons/link-ext.png) no-repeat right -2px }

a.link:hover,
a.url:hover{ background-position:right -19px; text-decoration:underline }

.btn-teaser{ background:url(../images/buttons/btn-teaser.png) no-repeat left top; width:188px; height:43px;  line-height:40px; font-size:18px !important; background-color:transparent !important; -moz-box-shadow: none !important; }
.btn-teaser-small{ background:url(../images/buttons/btn-teaser-small.png) no-repeat left top; width:139px; height:25px; line-height:25px; font-size:12px !important }
.btn-teaser,.btn-teaser-small{ color:#fff !important; text-shadow:1px 1px 0 #033F90, -2px -2px 0 #033F90; text-align:center; cursor:pointer; border:none !important; float:left; text-decoration:none }
a.btn-teaser,a.btn-teaser-small{ letter-spacing:1px }
input.btn-teaser{ padding:0 0 6px !important; }
input.btn-teaser-small{ padding:0 0 2px !important; }
.btn-teaser:hover,.btn-teaser-small:hover{ border:0 !important; color:#fff; text-shadow:1px 1px 0 #033F90, 2px 2px 0 #033F90; text-decoration:none }
.btn-teaser:hover{ background-position: left -43px }
.btn-teaser-small:hover{ background-position: left -25px }



/* Listen
--------------------------------------------------------------------------------------- */
ul.plus{ list-style-image:url(../images/icons/plus.png); line-height:22px }
ul.bullet{ list-style-image:url(../images/icons/disc-red.png); }
ul.cat-teaser{ margin:0 }
ul.cat-teaser li{ list-style:none; margin:0; }

/* Tabs */
ul.tab{ margin:0; padding:0; float:left; width:100%; border-bottom:3px solid #b10e0e }
ul.tab li{ background:url(../images/layout/main-nav-bg.jpg) repeat-x; list-style:none; border:1px solid #d0d0d0; float:left; height:25px; line-height:25px; margin:0 5px }
ul.tab li a{ font-size:14px; display:block; padding:0 15px; color:#777 }
ul.tab li.current{ background:url(../images/layout/tab-lottodetails.gif) repeat-x; border:none; height:34px; line-height:34px }
ul.tab li.current a{ color:#fff }
ul.tab li.first{ margin-left:0 }



/* Images
--------------------------------------------------------------------------------------- */



/* Icons
--------------------------------------------------------------------------------------- */

.new{position: absolute; top:12px; right:2px; background: url(../images/icons/new.gif) no-repeat; width: 33px; height: 42px; text-indent: -9999px; z-index: 10 }
.soon{position: absolute; top:12px; right:2px; background: url(../images/icons/soon.png) no-repeat; width: 56px; height: 79px; text-indent: -9999px; z-index: 10 }
.ico{padding-right: 15px; }
.ico-sitemap{background: url(../images/icons/ico_sitemap.gif) no-repeat right center;}


/* Forms
--------------------------------------------------------------------------------------- */


form{ position: relative; clear:both; display: block; }
.xform input[type="submit"]{ float:right; right:0}
.xform{ float:left; width:100%; margin-bottom:15px }
.xform p.formsubmit{ margin-bottom:0 !important }

input,
textarea, select{border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #aaa; border-top:1px solid #aaa; padding:3px;}

input[type="text"]{ width:250px }
textarea{ width:250px; margin-bottom:4px }

p.radio{ clear:none !important; float:none !important }
p.radio .formradio{ float:left; margin:0 2px 0 -2px; position:relative }
p.radio label.radio{ width:inherit; color:inherit; margin-bottom:2px; padding-right:20px; clear:none }
input[type="radio"]{ width:13px; float:left; margin:8px 5px 0 0 }

p.formcheckbox label{ padding-left:5px; width:630px !important; font-weight:normal; float:right; line-height:18px; font-size:12px }
p.formcheckbox input.checkbox{ width:13px; margin-left:-1px }

form fieldset{border:1px solid #E5E3DD; background: #F7F7F7; margin: 0 0 12px 0; padding: 6px 12px 12px 24px; overflow:hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; clear: both; width: 100% }
form fieldset legend{font-size: 1.2em; font-weight:bold; color: #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; display: block; float: left}
form p{position:relative; float:left; clear:both; margin:2px 0 !important; display: block; width: 100%}
form label{ clear:both; float:left; line-height:27px; width:140px; font-weight:bold; font-size:1.1em; cursor:pointer }
form select{padding:1px 2px; font-size:0.9em;}
form select option{border-right:2px solid #fff;}
form .formcaptcha img{ cursor:pointer }
form .formcaptcha input{ clear:both; float:left; width:112px; margin:8px 0 0 140px; }
form .captcha-repeat{ margin-left:140px !important; font-size:10px; width:300px }

input.submit,
a.btn-link{ background:url(../images/layout/bg-submit.jpg) repeat-x; color:#666; font-size:12px; border:1px solid #bbb; -moz-box-shadow:0px 0px 6px #888; padding:4px 15px; cursor:pointer; text-decoration:none }
input.submit:hover,
a.btn-link:hover{ -moz-box-shadow:0px 0px 6px #222; text-decoration:none }

input[type="text"]:hover,
input[type="text"]:focus,
textarea:hover,
textarea:focus{ border:1px solid #B10E0E }

ul.form_warning{ /*background-color:#FFEBEB; border:1px solid #C70000;*/ color:#C70000; margin:0 0 15px 0; padding:0px 15px;}
label.form_warning,
.formradio.form_warning label{ color:#c70000 }
input[type="text"].form_warning{ border-color:#c70000 }

.submit.btn-green {
color: #fff; font-size: 20px; background:url(../../../files/green-button.png) no-repeat; height: 57px; width: 218px; text-align: center; border: none; cursor: pointer; padding: 0 0 5px; box-shadow: none;
}

.submit.btn-green:hover {
box-shadow: none;
}

.box-bg-top {
background:url(../../../files/form-box-bg-top.jpg) repeat-x; overflow: hidden;
}

.box-bg-bottom {
background: url(../../../files/form-box-bg-bottom.jpg) left bottom repeat-x; overflow: hidden;
}

.gratis-lotto-checkbox p.formcheckbox label {
width: 435px !important;
}

.gratis-lotto-premium { position: absolute; bottom: 229px; left: 24px; }
.gratis-lotto-premium input[type="radio"] { margin-right: 10px; }
.gratis-lotto-premium #el_3_2 { margin-left: 90px; }

#el_36_3 { margin-left: 140px; }

/* Tables
--------------------------------------------------------------------------------------- */

.table-wrapper { clear:both; font-size: 11px; border-bottom:1px solid #E4E3D8; border-top:1px solid #E4E3D8 }
.table-wrapper thead th{ background:url(../images/layout/tab-bg.gif) repeat-x; height:38px; line-height:38px }
.table-wrapper th { font-weight:bold; font-size:12px }
.table-wrapper th a { color:#1f476f; display:block; display:inline-block; background-repeat:no-repeat; background-position:right center; padding:0 15px 0 0 }
.table-wrapper td,
.table-wrapper th { text-align:left; padding:0 15px; line-height:32px; }
.table-wrapper td { background-color:#F0F9FF }

.v-align-top{vertical-align:top;}
.v-align-bottom{vertical-align:bottom;}
.v-align-middle{vertical-align:middle;}



/* Footer
--------------------------------------------------------------------------------------- */

#footer{ margin:0 0 15px 15px; }
#footer p{ margin:0; font-size:11px }
#footer ul{ list-style:none; margin:0 }
#footer ul li a{ color:#0696ba; font-size:11px }
#footer ul li a.active{ color:#666 }
#footer .links, #footer .nav-foot{ width:894px; background-color:#f3f9fd; border:1px solid #cee0e4; -moz-border-radius:6px; -webkit-border-radiu:6px; float:left; padding:10px 15px }
#footer .nav-foot{ margin-top:15px }
#footer .nav-foot ul li{ float:left; margin-left:5px; color:#666 }
#footer .nav-foot ul li a{ color:#666; margin-right:5px; font-size:12px }

#disqus_thread{ clear:both; }