/* CSS definition for newComfort section
* Written by Stefferson
*/


/* B G     B O X    F O R    T I C K E T S  */
.bgbox {
    position:relative;
    background-color:#4C4C4C;
    margin-left:auto;
    margin-right:auto;
    width:488px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
	margin-bottom:2px;
}

.mover {
    position:absolute;
    border:4px double #333333;
    width:72px;
    height:92px;
}

/* S U B S C R I P T I O N    T O O L T I P */
.tooltip
{
    position:absolute;
    top:140px;
    left:133px;
    width:300px;
    border:1px solid black;
    padding:5px;
    background-color:#ffffdd; /*lightyellow;*/
    font-size: 10px;
    z-index:200;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);;
}


/* L A R G E    T I C K E T  D I V*/
.main {
    position:relative;
    width:475px;
    height:200px;
    margin-left:auto;
    margin-right:auto;
	margin-bottom:-5px;
    z-index:100;
}
/*S M A L L   B O X */
.small_box {
    position:absolute;
    background-image:url(/images/comfort/ticketbg3.gif);
    width:292px;
    height:276px;
    top:10px;
    left:100px;
    margin-top:1px;
    z-index:150;
}
.small_box A { color:#000000; font-size:10px; text-decoration:none; }
.small_box A:hover { color:#FF0000; font-size:10px; text-decoration:none; }
.small_box A:visited { color:#000000; font-size:10px; text-decoration:none; }

.hide {
    display:none;
}

/*T O P   N U M B E R S*/
.top_num {
    position:absolute;
    top:5px;
    left:20px;
    width:252px;
}
.top_num_left {    float:left; width:160px; margin-right:10px; }
.top_num_left span { font-weight:bold; font-size:11px; }
.top_num_right { float:left; }
.top_num_right span { font-weight:bold; font-size:11px; color:#FF0000; }

/*T I C K E T   N A M E */
.ticket_name {
    position:absolute;
    width:88px;
    left:185px;
    top:38px;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    text-align:center;
}

/*A C T I O N    B U T T O N S*/
.action_left {
    position:absolute;
    width:140px;
    height:30px;
    top:180px;
    font-size:9px;
    left:18px;
}
.action_left img { vertical-align:middle; padding-bottom:3px; }
.action_left span { padding-left:3px; }

.action_right {
    position:absolute;
    width:100px;
    height:30px;
    top:180px;
    font-size:9px;
    left:147px;
}
.action_right img { vertical-align:middle; padding-bottom:3px; }
.action_right span { padding-left:3px; }

/*N E X T   B U T T O N*/
.next_button {
    position:absolute;
    height:26px;
    width:240px;
    text-align:center;
    top:235px;
    left:20px;
}
.next_button span { color:#666666; font-size:9px; }
.next_button img { vertical-align:middle; margin-left:5px; }
.next_button input {
    font-family:Tahoma;
    font-size:9px;
    color:#990000;
    font-weight:bold;
    width:85px;
    height:18px;
    text-align:center;
    background-color:#FFCC00;
    border:2px outset #FFCC00;
}
A.next { font-size:10px; text-decoration:none; }
A.next:hover { font-size:10px; text-decoration:none; color:#000000; }
A.next:visited { text-decoration:none; }


/* S Y S T E M    T I C K E T    F I E L D S */
.system {
    position:absolute;
    top:93px;
    left:0px;
    width:475px;
    z-index:100;
    padding-left:2px;
}
.system_ticket {
    float:left;
    width:75px;
    height:100px;
    background-color:#E8E8E8;
    border:1px solid #999999;
    margin-right:2px;
    font-family:Verdana;
    font-size:9px;
    text-align:center;
}
.system_ticket_res {
    float:left;
    width:73px;
    height:12px;
    padding-top:1px;
}
.system_ticket_res input { width:12px; height:12px; border:1px solid #666666;}

.system_logo {
    position:absolute;
    top:4px;
    left:380px;
    width:92px;
    height:75px;
    background-image:url(/images/comfort/system_logo.gif);
    background-repeat:no-repeat;
    z-index:100;
}

/* W H I T E    B O X   B E L L O W    T I C K E T S   L I S T*/
.whitebox {
    position:relative;
    width:469px;
    height:75px;
    margin-left:auto;
    margin-right:auto;
    background-color:#FFFFFF;
	border-left:3px double #FFFFFF;
	border-right:3px double #FFFFFF;
	border-bottom:3px double #FFFFFF;
}

.whiteb1 {
    float:left;
    width:468px;
    font-family:Verdana;
}
.whiteb2 {
    float:left;
    width:468px;
    font-family:Verdana;
}
/*F O R M S*/
.draw {
    float:left;
	width:290px;
    height:40px;
    margin-left:5px;
    margin-top:5px;
    font-size:10px;
}
.draw img{
    margin-left:-14px;
    margin-right:3px;
    vertical-align:middle;
}
.draw select {
    height:18px;
    font-size:10px;
    vertical-align:middle;
    width:45px;
    height:16px;
}
.draw input {
    height:15px;
    vertical-align:middle;
    margin-right:10px;
}

/* LI N K S*/
a.smallred { font-family:Arial; font-size:10px; color:#000000; font-weight:normal; text-decoration:none; }
a.smallred:hover { font-family:Arial; font-size:10px; font-weight:normal; color:#C0000B; text-decoration:none; }

a.largered { font-family:Arial; font-size:11px; color:#0E3F87; font-weight:normal; text-decoration:none; }
a.largered:hover { font-family:Arial; font-size:11px; font-weight:normal; color:#800000; text-decoration:none; }

a.smallblue { font-family:Arial; font-size:10px; color:#000000; font-weight:normal; text-decoration:none; }
a.smallblue:hover { font-family:Arial; font-size:10px; font-weight:normal; color:#0000FF; text-decoration:none; }


.goto {
	position:absolute;
	width:178px;
    font-family:Arial;
    font-size:10px;
    text-align:right;
	top:5px;
	left:288px;
}
.goto img { vertical-align:middle; }
.goto span { color:#666666; font-weight:bold; }


/* R A N D O M    B U T T O N S */
.random_pick {
    float:left;
    margin-left:5px;
    margin-right:8px;
	margin-top:3px;
    font-size:10px;
    font-weight:bold;
    z-index:100;
}
.random_pick img { margin-right:3px; margin-top:3px; }


/* D E L E T E   A L L   T I C K E T S */
.deleteall {
    float:right;
    margin-top:5px;
    margin-right:3px;
}
.deleteall img { vertical-align:middle; }

.gotobut {
    font-family:Tahoma;
    font-size:9px;
    font-weight:bold;
    color:#333333;
    width:85px;
    height:18px;
    text-align:center;
    background-color:#FFFFC2;
    border:2px outset #FFFFD7;
}
/* F O R M S */
.forms {
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#006699;
    width:150px;
    top:300px;
    margin-top:1px;
}
.forms input { font-family:Arial, Helvetica, sans-serif; font-size:10px; width:120px; height:12px; }

/* L I G H T   B L U E   B O X */
.overview {
    position:relative;
    /*background-image:url(/images/comfort/overview_bg.gif);
    background-repeat:no-repeat;*/
    margin-left:auto;
    margin-right:auto;
    font-family:Verdana;
    font-size:9px;
	color:#FFFFFF;
    width:473px;
    height:70px;
    margin-top:3px;
}
.overview_txt {
    float:left;
    margin-left:20px;
    margin-top:5px;
    width:400px;
}

.date {
    float:left;
    margin-right:3px;
}
.overview_check {
    float:right;
    width:165px;
    margin-right:-45px;
    margin-top:-37px;
    text-align:right;
}


.largebox {
    width:475px;
    height:200px;
    border:0px;
}

.t_load {
    position:absolute;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    width:9px;
    height:9px;
}
.s_load {
    position:absolute;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    width:9px;
    height:9px;
}
/*C H E C K M A R K S*/
.ck_m_pop {
    position:absolute;
    font-family:Verdana;
    font-size:22px;
    font-weight:bold;
    color:#FF0000;
    width:17px;
    height:18px;
    z-index:300;
}
.ck_m_gordo {
    position:absolute;
    background-image:url(/images/comfort/unchecked.gif);
    background-repeat:no-repeat;
    width:9px;
    height:9px;
}
.ck_m_gordo2 {
    position:absolute;
    background-image:url(/images/comfort/unchecked2.gif);
    background-repeat:no-repeat;
    width:9px;
    height:9px;
}
/* HIDE STARS */
.h_stars {
    position:absolute;
    background: url(/images/comfort/hide.gif);
    background-color:#E8E8E8;
    width:450px;
    height:29px;
}
.h_stars1 {
    position:absolute;
    background: url(/images/comfort/hide0.gif);
    width:450px;
    height:29px;
}
.h_stars2 {
    position:absolute;
    background-color:#E0E0E0;
    width:450px;
    height:29px;
}

/*HIDE NUMBERS FOR AUSTRIAN LOTTERY*/
.aus45a {
    position:absolute;
    width:9px;
    height:35px;
    background-color:#E0E0E0;
}
.aus45b {
    position:absolute;
    width:20px;
    height:70px;
    background-color:#FFFFFF;
}

/*HIDE NUMBER 50 FOR BONOLOTO AND LAPRIMITIVA*/
.num50a {
    position:absolute;
    background-color:#E8E8E8;
    width:8px;
    height:15px;
}
.num50b {
    position:absolute;
    background-color:#FFFFFF;
    width:20px;
    height:20px;
}