@charset "utf-8";
/* CSS Document */

html {
  width: 100%;
}
body, pre {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 14px;
}
pre {text-align: center;}
#container {
	margin:0 auto;
	text-align:left;
	width:1000px;	
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#main_navig {	
	width: 100%;
	padding: 0px 0px;
	background-color: #000000;
	margin: 0 auto;
	text-align: center;
}
#content {width:1000px;}
#header { width:100%; text-align:center; }
#foot_banner3 {margin-left:14px;}
#spacer { width:100%; height:30px; text-align: center; font-style: italic; font-size: 19px; }
.choosyoursport {
    background: url(../img/page4/bg_chooseyoursports.gif) no-repeat;
    text-align:center;
    font-size:17px;
    padding-top:10px;
    margin-top: 10px;    
}
.choosedsport {
    background: url(../img/page4/page4_04.gif) no-repeat; 
    height:10px;
    text-align: center;
    padding-top: 45px;    
    font-size:23px;
}
.btn_choosyoursport {
    background: url(../img/page4/btn_dyscyplina.gif) no-repeat -153px 0;
    width: 153px;
    height: 37px;    
    color: #FFFFFF;
    display: block; 
    text-align: center;
    padding-top: 12px;  
    font-style: normal; 
    text-decoration:none;
    font-size:12px !important;
    font-weight:bold;
    float:left;
}    
.btn_choosyoursport:hover {
    background: url(../img/page4/btn_dyscyplina.gif) no-repeat 0 0;
}
.upcommingevents{
    background: url(../img/page4/upcomingsportevents.gif) no-repeat -461px 0;
    text-align:center;
    font-style: normal; 
    text-decoration:none;
    font-size:12px !important;
    font-weight:bold;
    padding-top:12px;
    display:block;
    width:461px;
    height:37px;
    clear: both;
}
.upcommingevents:hover {
    background: url(../img/page4/upcomingsportevents.gif) no-repeat 0 0;
}
#p4NoSportEventInfo {
    text-align: center;
    color:yellow;
    padding:15px 0 15px 0;
}
#p4NoSportEventInfo a {
    color:yellow;
}
.tab_p2bg {
    background:url(../img/page2/bg_foodmenu.png) no-repeat; 
    width:202px; 
    height:25px;
} 
.tab_p2header {
    text-align:center;
    padding-top:15px;
    font-size:16px;
}
.offerlink { 
    margin-top: 0;
    padding-top: 0;
}
.small-gap-up { 
    margin-top: 5px;
}
.small-gap-down { 
    margin-bottom: 5px;
}
.no-gap-down { 
    margin-bottom: 0px;
}
.no-gap-up { 
    margin-top: 0px;
}
a, a:visited, a:link {color:white; font-size:16px; text-decoration: none;}
#html_menu  a {font-size:20pt;}
#contact_info a, a:visited, a:link { font-size: 14px;}
td {vertical-align: top;}
div .events {    
  overflow:auto;
  height: 660px; 
  width: 460px;    
}
.events_subline, .short_events_sublineline {
  background:#1F1F1F; 
  width:400px; 
  height:22px; 
  text-align:center; 
  font-size:13px; 
  font-weight:bold; 
  margin-top:5px; 
  padding-top:5px;
}
.short_events_sublineline {
  width: 480px;
}

.events_line, .short_events_line {
    border-bottom-color:-moz-use-text-color;
    border-bottom-style:dashed;
    border-bottom-width:1px;
    margin-bottom:10px;
    margin-left:10px;
    margin-right:10px;
    margin-top:2px;
    padding-bottom: 5px;
    width: 400px;
}

.short_events_line {
  width: 460px;
}

.playlist_line {
    border-bottom-color:-moz-use-text-color;
    border-bottom-style:dashed;
    border-bottom-width:1px;
    margin-bottom:10px;
    margin-left:10px;
    margin-right:10px;
    margin-top:2px;
    padding-bottom: 5px;
    width: 300px;
}

/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:675px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../img/overlay/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

<style>
/* some styling for triggers */
#triggers {
    text-align:center;
}

#triggers img {
    cursor:pointer;
    margin:0 5px;
    background-color:#fff;
    border:1px solid #ccc;
    padding:2px;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}



/* styling for elements inside overlay */
.details {
    position:absolute;
    top:15px;
    right:15px;
    font-size:11px;
    color:#fff;
    width:150px;
}

.details h3 {
    color:#aba;
    font-size:15px;
    margin:0 0 -10px 0;
}
</style>