/* CSS definition for lottery24.net
 * Written Stefferson
 * Version 1.00.20050611
 *
 */
.font_red { color: #800000; }
.font1 { color: #800000; }
img { border: 0px; }
FORM { margin: 0; }
table{ table-layout: fixed; }
.welcome {
    float:right;
    margin-top: 20px;
    width:432px;
    height:75px;
    vertical-align:middle;
    text-align:center;
    color: #FFFFFF;
    margin-left:-15px;
    word-spacing:inherit;
}


#WelcomeTT {
    position: absolute;
    visibility: hidden;
    width: 350px;
    top: 115px;
    left: 325px;
    background-color: #FFFFDD;
    border: 1px solid black;
    z-index: 1000;
    font-size: 12px;
    font-family: Verdanna, sans-serif;
}

#CloseWelcome {
    position: absolute;
    visibility: hidden;
    height: 16px;
    width: 16px;
    left: 659px;
    top: 116px;
    cursor: pointer;
    background: url(/images/b_drop.png) #FFFFDD no-repeat;
    z-index: 1010;
}

#WelcomeTitle {
    position: absolute;
    visibility: hidden;
    height: 16px;
    width: 350px;
    left: 325px;
    top: 130px;
    z-index: 1010;
    font-size: 12px;
    font-family: Verdanna, sans-serif;
    text-align: center;
    font-weight: bold;
}

.WelcomeText {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 60px;
    margin-bottom: 10px;
    width: 320px;
    overflow: auto;
}

.SectionHead {
    text-align: center;
    vertical-align: top;
    font-weight: bold;
    font-size: 12px;
    height: 28px;
}

.Spacer { height: 6px; }
.SectionRow { height: 16px;}
.SectionWhite { height: 2px; }
.SectionBottom { height: 8px; }

.cProductView {
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    color: #333333;
}
/* The shopping cart table, has another text color*/
.ShoppingCart {
    font-family:arial;
    font-size: 10px;
    height: 25px;

}
.rShoppingCart {
    font-size: 10px;
    color: #133794;
    text-align: right;
    margin-right: 10px;
}
/*
 * Left Upper Area, visible, when the client logs in
 */
.LoggedInView {
    font-size: 10px;
    color: #333333;
    height: 20px;
}
.LoggedInView a:link {
    text-decoration: none;
    color : #333333;
}
.LoggedInView a:visited {
    text-decoration: none;
    color : #333333;
}
.LoggedInView a:hover {
    text-decoration: none;
    color : #000050;
}
.LoggedInView a:active {
    text-decoration: none;
    color : #333333;
}
.ProductHeading {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-align: center;
}
.lProductHeading {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-align: left;
}
.rProductHeading {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: right;
}
.ProductDetails {
    font-size: 10px;
    color: #FFFFFF;
    font-weight: normal;
    text-align: left;
}
.rProductDetails {
    font-size: 10px;
    color: #FFFFFF;
    font-weight: normal;
    text-align: right;
}
¡
.UserForm {
    width: 80%;
    color: #133794;
    font-size: 10px;
    line-height: 12px;
}
.UserForm td {
    color: #333333;
    text-align: left;
}

.ViewTable {
    border: 1px solid #3389EE;
    font-size: 10px;
    text-align: left;
}
.xViewTable td {
    border-width: 1px;
    border-style: solid;
    border-color: #CFCFCF;
}

.ViewCell {
    font-size: 10px;
    color: #333333;
    height: 8px;
}
.rViewCell {
    font-size: 10px;
    color: #333333;
    height: 8px;
    text-align: right;
}
.ViewTableThin {
    border: 2px solid #F2F2F2;
    font-size: 10px;
    text-align: left;
    border-collapse: collapse;
}
.Links {
    color: red;
    font-size: 10px;
    text-align: left;
    text-decoration: none;
}
.Links a:link {
    text-decoration: none;
    color :red;
}
.Links a:visited {
    text-decoration: none;
    color: red;
}
.Links a:hover {
    text-decoration: none;
    color : #BE0024;
}
.Links a:active {
    text-decoration: none;
    color: red;
}
.TextTopics {
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    text-align: left;
}
.TextPure {
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    text-align: justify;
}
.rTextPure {
    font-size: 10px;
    color: #666666;
    font-weight: normal;
    text-align: right;
}
.lTextPure {
    font-size: 10px;
    color: #666666;
    font-weight: normal;
    text-align: left;
}
.cTextPure {
    font-size: 10px;
    color: #666666;
    font-weight: normal;
    text-align: center;
}
.TableHeader { background-color: #DFDFDF; }
.BlueTable {
    font-size : 11px;
    color : black;
}
.xBlueTable td { vertical-align: top; }
.TextGesamt {
    font-size : 11px;
    color : black;
}
.lTextGesamt {
    font-size : 11px;
    text-align: left;
    color : black;
}

/* Affiliate page styles */
.TableTitle {
    font-size: 14px;
    font-weight: bold;
    text-align: justify;
    border: 1px solid #8FCBED;
    border-collapse: collapse;
}

.BlueTxtTd {
    color: #133794;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #8FCBED;
    border-collapse: collapse;
}

#dhtmltooltip {
    font-family: Verdana;
    font-size: 10px;
    position: absolute;
    left: -300px;
    width: 150px;
    border: 1px solid black;
    padding: 2px;
    background-color: #ffffdd; /*lightyellow;*/
    visibility: hidden;
    z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);;
}

#dhtmlpointer {
    position:absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}

/*S Y N D I C A T E S*/
.s_details1{
    float:left;
    width: 195px;
    border: 1px solid #FFFFFF;
    margin-top:5px;
    margin-left: 1px;
    cursor:pointer;
}
.s_details2{
    float:right;
    padding: 0px;
    width: 285px;
    font-family:verdana;
    font-size: 10px;
    background-color: #F2F2F2;
    border: 0px;
    margin-top:5px;
    margin-right: 2px;
}
.syndicate_ticket {
    position:relative;
    width:490px;
    height: 150px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 2px;
    margin-bottom: 1px;
    background-image: url(/images/grey_design/syndicates_ticket_bg.jpg);
}
.s_pos {
    float:left;
    width:490px;
    margin-left: 1px;
    margin-bottom: 1px;
    background-color: #4C4C4C;
    padding-bottom:5px;
    z-index:500;
}
/*G E N E R I C    T O P    L I N K S*/
.barTop {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:495px;
    height:96px;
    background-image: url(/images/banner_front.gif);
}
.top_logo{
    position:absolute;
    top:5px;
    width: 100px;
    height:63px;
    text-align:right;
    z-index: 1;
}
.barTopLinks {
    float:right;
    height: 18px;
    margin-top:69px;
    text-decoration:none;
}
.bot {
    float:left;
    height: 18px;
    margin-right: 1px;
    cursor:pointer;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-align:center;
}
.bot-txt {
    position:absolute;
    padding-top: 2px;
    width: 118px;
    text-align:center;
}
.barTopL { color: #FFFFFF; cursor:pointer; display: block; }
.barTopLActive { color: #FFCC00; }
.backlink {
    float:left;
    width:99%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align:right;
    font-family: Verdana;
    font-size:9px;
    font-weight: bold;
}
.backlink img { vertical-align:middle; }
a.back_link { color: #000000; text-decoration:none; text-transform: uppercase; }
a.back_link:hover { color: #800000; text-decoration: underline; text-transform: uppercase; }

/*W E B SI TE  F R A M E*/
.main_frame {
    position:relative;
    font-family: Verdana;
    table-layout: fixed;
    width:910px;
    color: #000000;
    font-weight:normal;
    margin-left:auto;
    margin-right:auto;
    filter:alpha(opacity=100);
    background-color: #FFFFFF;
}

/*G E N E R I C   D I V S   F O R    A L L   S I T E */
.gen_absolute { position:absolute; width:492px; z-index:300; }
.gen_relative { position:relative; width:492px; margin-left:auto; margin-right:auto; }
.gen_left { float:left; margin-left: 2px; }
.gen_right{ float:right; margin-right: 2px; }

.gen_topic_box {
    position:relative;
    width: 100%;
    height: 23px;
    margin-left:auto;
    margin-right:auto;
    background-image: url(/images/grey_design/gen_title_bg.jpg);
    background-repeat:no-repeat;
    padding-bottom:3px;
}
h1 {
    font-family: Verdana;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    line-height:normal;
    padding-left:7px;
}
h2 {
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    color:#000000;
    line-height:16px;
    margin-top:0px;
    margin-bottom:0px;
}
.main_top_frame {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width: 100%;
    height:55px;
    background-image: url(/images/grey_design/top_bg.jpg);
}
.main_top_bar {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width: 100%;
    height: 15px;
    background-color: #F2F2F2;
    border-top:3px double #CCCCCC;
    border-bottom:3px double #CCCCCC;
    font-family:verdana;
    font-size: 10px;
    padding-top: 2px;
}
.affiliates_bar {
    float:left;
    width:479px;
    margin-left: 1px;
    height:40px;
    background-color: #F2F2F2;
    border:3px double #CCCCCC;
    padding-left:5px;
    font-family:verdana;
    font-size: 10px;
}
/*C E N T E R*/
.gen_Frame {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width: 100%;
    height: 21px;
    margin-bottom: 1px;
}
.gen_Frame3D {
    float:left;
    border-top:3px solid #000000;
    border-left: 2px solid #00003A;
    border-bottom: 2px solid #D8D8D8;
    border-right: 2px solid #868686;
    background-color: #4C4C4C;
    color: #FFFFFF;
    line-height: 10px;
    padding:5px;
}
/*create borders to simulate a table*/
.gen_boxes {
    float:left;
    height: 18px;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    text-align:center;
}
.gen_grey_box_main {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:470px;
    border: 1px solid #868686;
    padding: 2px;
}
.gen_grey_box {
    float:left;
    width:95%;
    background-color: #F2F2F2;
    font-family: Verdana;
    font-size: 10px;
    padding: 10px;
    border: 2px solid #FFFFFF;
}
.gen_link_Frame {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:99%;
    height: 15px;
    background-color: #F2F2F2;
    text-align:center;
    padding-bottom: 2px;
    margin-top:5px;
    margin-bottom: 20px;
}
.gen_link_box {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:95%;
    padding: 10px;
    text-align:left;
    background-color: #F2F2F2;
}
/*R I G H T   A N D    L E F T */
.main_menu {
    width:99%;
    vertical-align:text-top;
    font-family: Verdana;
}
.login_box {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width: 170px;
    height: 160px;
    color: #FFFFFF;
    text-align:left;
    font-family: Verdana;
    font-size: 10px;
}
.login_box img{  vertical-align:middle; margin-bottom:5px; }
.normal_box {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width: 100%;
    background-repeat:no-repeat;
    color: #000000;
    background-color: #F2F2F2;
    font-family:verdana;
    font-size: 11px;
    font-weight:normal;
}
.title_box {
    float:left;
    width: 100%;
    height: 14px;
    border-top: 1px solid #7CACD3;
    border-bottom: 2px solid #1C3D56;
    background-color: #051630;
    font-weight: bold;
    font-family: Verdana;
    font-size: 10px;
    color: #FFFFFF;
    text-align:center;
}
.title_box2 {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width: 100%;
    height: 14px;
    background-color: #868686;
    color: #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    font-weight: bold;
    text-align:center;
    font-size: 11px;
}
.gen_menu_links {
    float:left;
    width:99%;
    border-top: 1px solid #4D8FC3;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family:arial;
    font-size: 10px;
}
.menu_box {
    float:left;
    color: #FFFFFF;
    width:99%;
}
.menu_cell {
    position:absolute;
    margin-right:auto;
    margin-bottom:auto;
    width: 100%;
    left:5px;
}

.index_jackpot_box {
    position:relative;
    width:97%;
    margin-left:auto;
    margin-right:auto;
    height: 150px;
    text-align:center;
    margin-bottom:50px;
    padding-bottom:5px;
    padding-top:5px;
    background-color: #F2F2F2;
    border:3px double #F2F2F2;
}

.index_jackpot {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width: 151px;
    height: 167px;
    padding-top:5px;
    border:3px double #868686;
    background-image: url(/images/grey_design/new_jackpot.gif);
    font-family: Verdana;
    font-weight: bold;
    color: #CC9933;
}

.gen_center {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:98%;
}
.gen_center_left {
    float:left;
    width:46%;
    background-color: #F2F2F2;
    border:3px double #F2F2F2;
    padding:5px;
}
.gen_center_right {
    float:right;
    width:46%;
    background-color: #F2F2F2;
    border:3px double #F2F2F2;
    padding:5px;
}

/*T E X T  S T Y L E*/
.ProductHeading {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-align: left;
}
.Products {
    font-size: 10px;
    color: #FFFF00;
    font-weight: normal;
    text-align: left;
}
.messages {
    font-family:arial;
    font-size: 18px;
    color: #FFFFFF;
    font-weight:normal;
}
.messages b { text-decoration: underline; }

.jackpot_date {
    font-family:arial;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    font-style:italic;
}
.jackpot_res {
    font-family: Verdana;
    font-size:62px;
    font-weight: bold;
    color: #CC9933;
}

.title {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #4B8ABD;
}
.curr_jackpot {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:94%;
    font-family:Impact;
    font-size:36px;
    font-weight: bold;
    color: #000000;
    text-align:left;
    padding-left:5px;
    margin-top:-12px;
}
.gen_right_res {
    float:left;
    width: 28px;
    height: 28px;
    background-image: url(/images/right_ball_res.gif);
    background-repeat:no-repeat;
    font-weight: bold;
    text-align:center;
}

.menu_topic { font-weight: bold; font-size: 12px; }
.small_txt { color: black; font-size: 10px; }
.normal_txt { color: black; font-size: 11px; font-family: Verdana; }
.white_txt { color: #FFFFFF; font-size: 11px; font-family: Verdana; margin-left:5px; }
.red { color: #FFCC00; font-size: 12px; font-weight: bold; }

/* L I N K S   S T Y L E*/
a.wlink {  font-family:arial; font-size: 11px; color: #FFFFFF; text-decoration:none; font-weight:normal; }
a.wlink:hover {  font-family:arial; font-size: 11px; color: #FFFF00; text-decoration: underline; font-weight:normal; }

a.blink { font-family:arial; font-size: 12px; color: #FFFFFF; text-decoration:none; font-weight: bold; }
a.blink:hover { font-family:arial; font-size: 12px; color: #FFFF00; text-decoration: underline; font-weight: bold; }

a.red_link { font-family:verdana; font-size: 11px; color: #800000; text-decoration:none; font-weight: bold; }
a.red_link:hover { font-family:verdana; font-size: 11px; color: #051630; text-decoration:none; font-weight: bold; }

a.black_link { font-family:verdana; font-size: 10px; color: #000000; text-decoration:none; font-weight: bold; }
a.black_link:hover { font-family:verdana; font-size: 10px; color: #800000; text-decoration:none; font-weight: bold; }

a.wlink_s { font-family:arial; font-size: 10px; color: #FFFFFF; text-decoration:none; font-weight:normal; }
a.wlink_s:hover { font-family:arial; font-size: 10px; color: #FFFFFF; text-decoration: underline; font-weight:normal; }

.active { font-size: 11px; color: #FFFF00; text-decoration:none; font-weight:normal; }

.gen_title {
    font-family: Verdana;
    font-size: 22px;
    width:440px;
    margin-top:8px;
    font-weight: bold;
    color: #FFFFFF;
}
.gen_slogan {
    margin-top:-20px;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFD7;
}
a.slogan_link { text-decoration:none; color: #FFFFD7; }
a.slogan_link:hover { text-decoration:none; color: #FFFF00; }


a.s_linkw { color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size: 10px; }
a.s_linkw:hover { color: #FFFF00; font-family: Verdana; font-weight: bold; font-size: 10px; }

a.s_linkb { color: #000000; font-family: Verdana; font-weight: bold; font-size:9px; }
a.s_linkb:hover { color: #800000; font-family: Verdana; font-weight: bold; font-size:9px; }

a.s_linkbl { color: #000000; font-family: Arial; font-weight:normal; font-size: 11px; text-decoration:none; }
a.s_linkbl:hover { color: #800000; font-family: Arial; font-weight:normal; font-size: 11px; text-decoration: underline; }

a.yellowLink { color: #FFFF00; font-family: Arial; font-weight: bold; font-size: 12px; text-decoration:none; }
a.yellowLink:hover { color: #FFFF00; font-family: Arial; font-weight: bold; font-size: 12px; text-decoration: underline; }

a.redLink { color: #800000; font-family: Verdana; font-size: 10px; font-weight: bold; text-decoration: underline; }
a.redLink:hover { color: #0e3f87; font-family: Verdana; font-size: 10px; font-weight: bold; text-decoration:none; }

a.blueLink { color: #0C0C0C; font-family: Verdana; font-size: 10px; font-weight: bold; text-decoration:none; }
a.blueLink:hover { color: #0C0C0C; font-family: Verdana; font-size: 10px; font-weight: bold; text-decoration: underline; }

.topLinks { color: #0E3F87; font-family: Verdana; font-weight: bold; font-size: 10px; text-decoration:none; text-transform: uppercase; }
a.topLinks:hover { color: #800000; font-family: Verdana; font-weight: bold; font-size: 10px; text-decoration: underline; text-transform: uppercase;  }

.HelpLink { font-size: 10px; color: #051630; text-decoration: none; }
.HelpLink a:link { font-size: 10px; color: #051630; text-decoration: none; }
.HelpLink a:visited { font-size: 10px; color: #051630; text-decoration: none; }
.HelpLink a:hover { font-size: 10px; color: #868686; text-decoration: none; }
.HelpLink a:active { font-size: 10px; color: #051630; text-decoration: none; }

.SiteMapHeading {
    color: #0E3F87;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
}

/* F O R M S    S T Y L E */
.txtfield {
    background-color: #051630;
    border: 0px;
    text-align:center;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}
.logButton {
    font-family: Arial;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #336699;
    border: 1px solid #000033;
    height: 18px;
    margin-left:3px;
}
.topLang {
    border: 1px solid #0042A4;
    background-color: #FFFFFF;
    color: #000000;
    font-family:verdana;
    font-size: 10px;
    width: 100px;
}
.textfield {
    background: url(/images/bakgroung_imput.gif) no-repeat;
    border: 1px solid #3389EE;
    font-family: Arial;
    font-size: 9px;
    text-align: left;
    font-weight: normal;
    color: #333333;
}
.selector {
    border: 1px solid #000000;
    font-family: verdana;
    font-size: 11px;
    text-align: left;
    font-weight: normal;
}
.Button {
    text-align:center;
    font-family:Tahoma;
    font-size:9px;
    color: #000066;
    font-weight: bold;
    height: 20px;
    background-color: #CCDDEA;
    border: 2px outset #D3DCE3;
}
input {
    font-family: Arial;
    font-size: 12px;
    height: 16px;
}

.Field {
    background-color: #FFFFFF;
    border: 1px solid #868686;
    color: #000000;
}