/*
### CSS Swisslos ###
version 0.22 - 19.09.2011
*/
body.swisslos {
    background: #FFF url(../../../media/global/images/bg/bg_swisslos.png) repeat-y;
}

/* Main Columns START */
.swisslos #leftCol,
    .swisslos #rowTop, .swisslos .canvasBackground {
    background: #DF0029;
}

/* Main Columns END */

/* NavigationLeft START */
.swisslos #navigationLeft a,
    .swisslos #navigationLeft a:link,
    .swisslos #navigationLeft a:visited {
    background: #DF0029;
}

.swisslos #navigationLeft a:hover,
    .swisslos #navigationLeft a:focus,
    .swisslos #navigationLeft a:active {
    background-color: #000000;
}

.swisslos #navigationLeft .selected a,
    .swisslos #navigationLeft .selected a:link,
    .swisslos #navigationLeft .selected a:visited,
    .swisslos #navigationLeft .selected a:hover,
    .swisslos #navigationLeft .selected a:focus,
    .swisslos #navigationLeft .selected a:active {
    background-color: #000000;
}

.swisslos #navigationLeft .selected a.selected,
    .swisslos #navigationLeft .selected a.selected:link,
    .swisslos #navigationLeft .selected a.selected:visited,
    .swisslos #navigationLeft .selected a.selected:hover,
    .swisslos #navigationLeft .selected a.selected:focus,
    .swisslos #navigationLeft .selected a.selected:active {
    color: #DF0029;
}

.swisslos #navigationLeft .selected ul a,
    .swisslos #navigationLeft .selected ul a:link,
    .swisslos #navigationLeft .selected ul a:visited {
    color: #000000;
    background: url(../../../media/global/images/bg/nav_bg_swisslos.png) repeat-y #ffffff;
}

.swisslos #navigationLeft .selected ul a:hover,
    .swisslos #navigationLeft .selected ul a:focus,
    .swisslos #navigationLeft .selected ul a:active {
    color: #DF0029;
}

/* NavigationLeft END */

/* ActualNumbers START */
.swisslos #actualNumbers .number {
    background: url(../../../media/global/images/statistiken/actual_bgball_s_swisslos.gif) no-repeat;
}

.swisslos #actualNumbers .numberLarge {
    background: url(../../../media/global/images/statistiken/actual_bgball_l_swisslos.gif) no-repeat;
}

.swisslos #actualNumbers .star {
    background: url(../../../media/global/images/statistiken/actual_bgstar_swisslos.gif) no-repeat;
}
/*furtner 13.10.2010*/
.swisslos #actualNumbers .superstar {
    background: url(../../../media/global/images/statistiken/actual_bgsuperstar_swisslos.gif) no-repeat;
}

.swisslos #actualNumbers .numberLargeEuromillion {
    background: url(../../../media/global/images/statistiken/actual_bgball_le_swisslos.gif) no-repeat;
}

.swisslos #actualNumbers .pageHeadBox .submitButton .submit {
    background-image: url(../../../media/global/images/icons/loginbox_swisslos_lo.gif);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.swisslos #actualNumbers .pageHeadBox .submitButton .submit:hover {
    background-image: url(../../../media/global/images/icons/loginbox_swisslos_hi.gif);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 15px;
}

/* ActualNumbers END */

/* LoginBox START */
.swisslos #loginBox .linkBox a.box, .swisslos #loginBoxSuisseId .linkBox a.box {
    background-image: url(../../../media/global/images/icons/loginbox_swisslos_lo.gif);
    background-position: 100% top;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.swisslos #loginBox .linkBox a.box:hover, .swisslos #loginBoxSuisseId .linkBox a.box:hover {
    background-image: url(../../../media/global/images/icons/loginbox_swisslos_hi.gif);
    background-position: 100% top;
    background-repeat: no-repeat;
    padding-right: 15px;
    background-repeat: no-repeat;
    cursor: hand;


}

/* LoginBox END */

/* logged in START */
.swisslos #loginBox .linkBoxLoggedIn a.box {
    background-image: url(../../../media/global/images/icons/loginbox_swisslos_lo.gif);
    background-position: 100% top;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.swisslos #loginBox .linkBoxLoggedIn a.box:hover {
    background-image: url(../../../media/global/images/icons/loginbox_swisslos_hi.gif);
    background-position: 100% top;
    background-repeat: no-repeat;
    padding-right: 15px;
}

/* logged in START */

/* logged in START */
.swisslos #loginBoxLoggedIn .linkBoxLoggedIn a.box {
    background-image: url(../../../media/global/images/icons/loginbox_swisslos_lo.gif);
    background-position: 100% top;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.swisslos #loginBoxLoggedIn .linkBoxLoggedIn a.box:hover {
    background-image: url(../../../media/global/images/icons/loginbox_swisslos_hi.gif);
    background-position: 100% top;
    background-repeat: no-repeat;
    padding-right: 15px;
}

/* logged in START */

/* logged in END */

/*
version 1.0 - 04.02.2008
*/

div.choose img#lg_swisslos {
    margin-top: 20px;																			/*  Assai, 2.10.2008: Logo-Darstellung Spielguthaben */
}
div.choose input.spielguthaben#swisslos {
    margin-top: 22px;																		/*  Assai, 2.10.2008: Logo-Darstellung Spielguthaben */
}

img#swisslos_image {
    margin-top: 12px;
}

/*
### CSS Content Modules ###
version 1.09 - 04.06.2008
*/

/* Content Column START */

/* Text and headline elements inside a "whitebox" START */

.swisslos .popupView  #contentCol  h1 {
  color: #DF0029;
}

.swisslos #contentCol .whiteBox p,
    .swisslos #infoCol {
    color: #000000;
}

.swisslos #contentCol  h2 {
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    color: #DF0029;
    text-transform: uppercase;
    padding-top: 10px;
}

.swisslos #contentCol .downloadBox h5 {
    color: #DF0029 !important;
}

.swisslos #contentCol .whiteBox a.lose,
    .swisslos #contentCol .whiteBox a.lose:link,
    .swisslos #contentCol .whiteBox a.lose:visited
.swisslos #contentCol .whiteBox a.lose:hover,
    .swisslos #contentCol .whiteBox a.lose:focus,
    .swisslos #contentCol .whiteBox a.lose:active {
    font-family: arial;
    font-size: 17px;
    font-weight: bold;
    color: #DF0029;
    text-transform: uppercase;
    padding-top: 10px;
}


.swisslos #contentCol .transLink  a, .swisslos #contentCol .transLink  a:link, .swisslos #contentCol .transLink  a:visited {
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    width: 380px;
    text-decoration: none;
    text-transform: uppercase;
    background-image: url(../../../media/global/images/icons/link_arrows_right_swisslos_white.png);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.swisslos #contentCol .transLink  a:hover, .swisslos #contentCol .transLink  a:focus, .swisslos #contentCol .transLink  a:active {
    background-image: url(../../../media/global/images/icons/link_arrows_right_swisslos_lo.gif);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.swisslos .textLink a, .swisslos .textLink a:link, .swisslos .textLink a:visited {
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    color: #df0029;
    text-decoration: none;
    text-transform: uppercase;
    background-image: url(../../../media/global/images/icons/link_arrows_right_swisslos_lo.gif);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.swisslos .textLink a:hover, .swisslos .textLink a:focus, .swisslos .textLink a:active {
    background-image: url(../../../media/global/images/icons/link_arrows_right_swisslos_hi.gif);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.swisslos #contentCol .textLink a, .swisslos #contentCol .textLink a:link, .swisslos #contentCol .textLink a:visited {
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    color: #df0029;
    text-decoration: none;
    text-transform: uppercase;
    background-image: url(../../../media/global/images/icons/link_arrows_right_swisslos_lo.gif);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.swisslos #contentCol .textLink a:hover, .swisslos #contentCol .textLink a:focus, .swisslos #contentCol .textLink a:active {
    background-image: url(../../../media/global/images/icons/link_arrows_right_swisslos_hi.gif);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.swisslos #contentCol .textLinkActive a, .swisslos #contentCol .textLinkActive a:link, .swisslos #contentCol .textLinkActive a:visited {
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    color: #df0029;
    text-decoration: none;
    text-transform: uppercase;
    background-image: url(../../../media/global/images/icons/link_arrows_right_swisslos_lo.gif);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 15px;
    margin-right:15px;
    float: left;
}

.swisslos #contentCol .textLinkActive a:hover, .swisslos #contentCol .textLinkActive a:focus, .swisslos #contentCol .textLinkActive a:active {
    background-image: url(../../../media/global/images/icons/link_arrows_right_swisslos_hi.gif);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 15px;
}



.swisslos #contentCol .textLink input, .swisslos #contentCol .textLink input:link, .swisslos #contentCol .textLink input:visited {
    background: none;
    border: none;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    color: #df0029;
    text-decoration: none;
    text-align: left;
    margin-left: -5px;
    text-align: left;
    text-transform: uppercase;
    background-image: url(../../../media/global/images/icons/link_arrows_right_swisslos_lo.gif);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 14px;
    cursor: pointer;
    cursor: hand;
    width: auto;
    overflow: visible;
}

.swisslos #contentCol .textLink input:hover, .swisslos #contentCol .textLink input:focus, .swisslos #contentCol .textLink input:active {
    background-image: url(../../../media/global/images/icons/link_arrows_right_swisslos_hi.gif);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 14px;
}

.swisslos #contentCol .textButton input {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    background-image: url(../../../media/global/images/bg/buttons/bg_but_swisslos.gif);
    background-repeat: repeat-x;
    padding: 3px 8px 4px 8px;
    border: none;
    height: 22px;
    margin-top: 10px;
    cursor: pointer;
    cursor: hand;
    width: auto;
    overflow: visible;
}

.swisslos #contentCol .textButtonHigh input, .swisslos #contentCol .textButtonHigh button {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    background-image: url(../../../media/global/images/bg/buttons/bg_but_swisslottoHigh.gif);
    background-repeat: repeat-x;
    padding: 1px 8px 4px 8px;
    border: none;
    height: 35px;
    margin: 10px 20px 0 0;
    cursor: hand;
    width: 230px;
	float:left;
    overflow: visible;
}

/* Text and headline elements inside a "whitebox" END */

/* Teaser elements inside the info column START */
.swisslos #infoCol .teaserBorder {
    background: url(../../../media/global/images/bg/info_border_swisslos.png) no-repeat #DF0029;
}

.swisslos #infoCol .teaserContent {
    border-left: 1px solid #DF0029;
}

.swisslos #contentCol .teaserRow .button {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    background-image: url(../../../media/global/images/bg/buttons/bg_but_swisslos.gif);
    background-repeat: repeat-x;
    padding: 2px 4px 2px 4px;
    border: 1px solid #ffffff;
    margin: 8px 0 8px 0;
}

/* Teaser elements inside the info column END */

/* Content Column END */

/* MARGINAL TEASER COLUMN START */

.swisslos .teaserContent h6 {
    color: #DF0029;
}

.swisslos  .teaserContent .teaserLink a, .swisslos  .teaserContent .teaserLink a:link, .swisslos  .teaserContent .teaserLink a:visited {
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    color: #DF0029;
    text-transform: uppercase;
    text-decoration: none;
    background-image: url(../../../media/global/images/icons/link_arrows_right_swisslos_lo.gif);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.swisslos  .teaserContent .teaserLink a:hover, .swisslos  .teaserContent .teaserLink a:focus, .swisslos  .teaserContent .teaserLink a:active {
    background-image: url(../../../media/global/images/icons/link_arrows_right_swisslos_hi.gif);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.swisslos  .teaserContent .teaserLink a.white:hover, .swisslos  .teaserContent .teaserLink a.white:focus, .swisslos  .teaserContent .teaserLink a.white:active {
    background-image: url(../../../media/global/images/icons/link_arrows_right_swisslos_teaser.png) !important;
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 16px;
}

*html .swisslos  .teaserContent .teaserLink a.white:hover,*html .swisslos  .teaserContent .teaserLink a.white:focus,*html .swisslos  .teaserContent .teaserLink a.white:active {
    background-image: url(../../../media/global/images/icons/link_arrows_right_swisslos_teaser2.gif)  !important;
}


/* MARGINAL TEASER COLUMN END */

/* Normale ULs mit Auszaehlungszeichen START */
.swisslos .whiteBox ul li {
    background: url(../../../media/global/images/icons/list_dot_swisslos.gif) no-repeat;
}

/* Normale ULs mit Auszaehlungszeichen END */

.swisslos #contentCol .whiteBox a,
    .swisslos #contentCol .whiteBox a:link,
    .swisslos #contentCol .whiteBox a:visited
.swisslos #contentCol .whiteBox a:hover,
    .swisslos #contentCol .whiteBox a:focus,
    .swisslos #contentCol .whiteBox a:active,
    .swisslos #contentCol table a,
    .swisslos #contentCol table a:link,
    .swisslos #contentCol table a:visited
.swisslos #contentCol table a:hover,
    .swisslos #contentCol table a:focus,
    .swisslos #contentCol table a:active {
    color: #DF0029;
}

.swisslos #contentCol .whiteBox .textLink a, .swisslos #contentCol .whiteBox .textLink a:link, .swisslos #contentCol .whiteBox .textLink a:visited {
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    color: #df0029;
    text-decoration: none;
    text-transform: uppercase;
    background-image: url(../../../media/global/images/icons/link_arrows_right_swisslos_lo.gif);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.swisslos #contentCol .whiteBox .textLink a:hover, .swisslos #contentCol .whiteBox .textLink a:focus, .swisslos #contentCol .whiteBox .textLink a:active {
    background-image: url(../../../media/global/images/icons/link_arrows_right_swisslos_hi.gif);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 15px;
}



.swisslos .textButton a, .swisslos .textButton a:link, .swisslos .textButton a:visited, .swisslos .textButton a:hover, .swisslos .textButton a:focus, .swisslos .textButton a:active ,
.swisslos #contentCol .textButton a, .swisslos #contentCol .textButton a:link, .swisslos #contentCol .textButton a:visited, .swisslos #contentCol .textButton a:hover, .swisslos #contentCol .textButton a:focus, .swisslos #contentCol .textButton a:active,
.swisslos #contentCol .whiteBox .textButton a, .swisslos #contentCol .whiteBox .textButton a:link, .swisslos #contentCol .whiteBox .textButton a:visited, .swisslos #contentCol .whiteBox .textButton a:hover, .swisslos #contentCol .whiteBox .textButton a:focus, .swisslos #contentCol .whiteBox .textButton a:active {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    background-image: url(../../../media/global/images/bg/buttons/bg_but_swisslos.gif);
    background-repeat: repeat-x;
    padding: 3px 9px 3px 9px;
    border: 1px solid #ffffff;
    margin: 8px 0 8px 0;
}

.swisslos #contentCol img.withBorder,
    .swisslos #contentCol .downloadBox,
    .swisslos #contentCol .downloadBoxVST {
    border: 1px solid #DF0029;
}

.swisslos .dividingRule {
    background: #DF0029;
}

/* White Box Table START */
.swisslos .whiteBoxTable .seperator {
    background: url(../../../media/global/images/bg/bg_table_swisslos.png) no-repeat #FFF;
}

/* White Box Table END */

/* Receipt Overview Table START */
.swisslos tr.even {
    background: #BFBFBF;
}

/* Receipt Overview Table END */

/* Sortable Table START */
.swisslos th.order1 a {
    background: url(../../../media/global/images/icons/icon_sort_up_swisslos.gif) no-repeat top right;
}

.swisslos th.order2 a {
    background: url(../../../media/global/images/icons/icon_sort_down_swisslos.gif) no-repeat top right;
}

/* Sortable Table END */

/* Search Result Table START */
.swisslos #contentCol #searchResult .searchResChannel,
    .swisslos #contentCol #searchResult .searchResChannel * {
    color: #DF0029;
}

/* Search Result Table END */

/* Sitemap START */
#contentCol .swisslos .sitemap ul li {
    background: #DF0029;
}

#contentCol .swisslos .sitemap ul li ul li {
    background: #EF7F94;
    font-weight: normal;
}

/* Sitemap END */

/* Palette Navigation START */

.swisslos .paletteNavi .stepAhead {
    color: #000000;
    background: #F9CCD4;
}

.swisslos .paletteNavi .stepActual {
    color: #FFFFFF;
    background: #DF0029;
}

.swisslos .paletteNavi .stepComplete {
    color: #000000;
    background: #DF0029;
}

/* Palette Navigation END */

/*
### Swisslos2 ###
*/
/* version 1.01 - 14.02.2008 */
/* geaenderte Stylesheet am Ende aufgrund von CMS-Einschraenkungen */
.swisslos #contentCol .downloadBox_42 {
    border: 1px solid #DF0029;
}

/* geaenderte Stylesheet am Ende aufgrund von CMS-Einschraenkungen END */

/*
### CSS Cal ###
*/

/* The main calendar widget.  DIV containing a table. START */
/* Swisslos */
.swisslos .calendar table,
.swisslos .calendar thead .active,
.swisslos .calendar tbody .daysrow,
.swisslos .calendar tbody .rowhilite td,
.swisslos .calendar .combo						{ background: #df0029; }

.swisslos .calendar thead .title,
.swisslos .calendar tfoot .ttip,
.swisslos .calendar .combo .active,
.swisslos .calendar .combo .hilite				{ background: #000; }

.swisslos .calendar thead .name,
.swisslos .calendar thead .hilite,
.swisslos .calendar table .wn,
.swisslos .calendar tbody td.hilite,
.swisslos .calendar tbody .rowhilite td.wn		{ background-color: #f9ccd4; }

/* .swisslos .calendar tbody td.selected,
.swisslos .calendar tbody td.today, */
.swisslos .calendar thead .hilite				{ color: #00499e; }

.swisslos .calendar .combo .active,
.swisslos .calendar .combo .hilite,
.swisslos .calendar tfoot .footrow *			{ color:#FFF; }

.swisslos .calendar tbody td.hilite				{ color:#000; }

.swisslos .calendar tbody td.weekend			{ color:#FFF; }

/* The main calendar widget.  DIV containing a table. END */


/* Assai: 3.12.2008 - Green Box Quick Tipp */
/* Totogoal-Gifts-Forms Start */
.swisslos div.contentBoxGreen {
	width:325px;
	background-color:#8bb81b;
	border:2px solid #000000;
	padding-bottom:10px;
}
.swisslos div.contentBoxGreen h2 {
	padding-left:11px!important;
	font-size:1.7em!important;
	font-weight:bold!important;
	color:#000000!important;
	text-transform:none!important;
}
.swisslos div.contentBoxGreen p {
	color:#000000!important;
	margin-bottom:20px!important;
}
.swisslos div.contentBoxGreen div.logoRight {
	float:right;
	margin: 13px 8px 0 0;
}
.swisslos form.quicktip {
	width:325px;
}
.swisslos form.quicktip fieldset {
	width:300px;
	margin:0 0 0 11px;
	height:31px;
}
.swisslos form.quicktip label {
	width:185px;
	display:block;
	float:left;
}
.swisslos form.quicktip select {
	width:91px;
	font-weight:bold!important;
}
.swisslos form.quicktip input#pool {
	width:87px;
	height:16px;
	float:left;
	background-color:#666666;
	border:none;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:4px!important;
}
*html .swisslos form.quicktip input#pool	{
	margin-left:3px;
}

.swisslos #quicktipButtons .textLink input,
    .swisslos #quicktipButtons .textLink input:link
    .swisslos #quicktipButtons .textLink input:hover,
    .swisslos #quicktipButtons .textLink input:focus,
    .swisslos #quicktipButtons .textLink input:active
{
    background: none;
    color:#000000!important;
    float:left;
    margin-top:14px;
    width:175px;
    font-weight: normal;
}

.swisslos #quicktipButtons .textLink a,
    .swisslos #quicktipButtons .textLink a:link,
    .swisslos #quicktipButtons .textLink a:visited,
    .swisslos #quicktipButtons .textLink a:hover,
    .swisslos #quicktipButtons .textLink a:focus,
    .swisslos #quicktipButtons .textLink a:active
{
    background: none;
    color:#000000!important;
    float:left;
    margin-top:14px;
    width:175px;
    font-weight: normal;
    padding-right: 0px;
}


.swisslos #quicktipButtons .textButton input {
	font-family: arial;
	text-decoration: none;
	background-image: url(../../../media/global/images/bg/buttons/bg_but_totogoal_more.jpg);
	background-repeat: repeat-x;
	margin-top: 10px;
    height: 24px;
    cursor: hand;
	overflow: visible;
    width:120px;
    display:block;
    padding: 2px 9px;
    text-transform: uppercase;
    text-align:center;
    font-weight: bold;
    font-size:14px;
    text-decoration: none;
    color: #ffffff;
    border:1px solid #000000;
    float:right;
}


/* Totogoal-Gifts-Forms End */


/* Changes for CR 305 */
#swisslos.buttonright {
    height: 22px;
    width: 610px;
    background-repeat: repeat-y;
    background-position: 0 6px;
    clear: left;
    margin-left: -10px;
    margin-bottom: -6px;
    margin-top: -1px;
    padding-top:0px;
}