.black { color:#000;}
#logoWorld { background-image: url(http://i.dir.bg/corner/images/worldcup/logo_world.png); height: 84px; width: 201px; margin-top: 6px; }
#rightGal { padding-left:5px;}
#rightGal li { float:left; padding: 5px; }
.rightGrupi { text-align:center; color:#666; font-weight:bold; width:69px; font-size:16px; float:left; margin: 2px 2px 10px 2px; }
.rightGrupi ul { text-align:left;}
.rightGrupi img { border:1px solid #999;}
.rightOtbori li { display:inline;}
.rightOtbori li a { display:block; background-color:#FFF; padding:2px; color: #000; font-weight: normal; border-bottom: 1px dotted #ccc; font-size: 12px; }
.rightOtbori li a:hover { background-color:#FFC }

/* root element for tabs  */
.tabsGrupi { list-style:none; margin:0 !important; padding:0; height:19px; position:relative; top:-4px;
}

/* single tab */
.tabsGrupi li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabsGrupi a { background-image: url(http://i.dir.bg/corner/images/list_tab_small.png); width: 100px; height: 27px; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#444; font-size:10px; display:block; line-height:27px; text-align:center; text-decoration:none; color:#000; padding:0px; margin:0px; position:relative; top:1px; font-weight: bold; 
}

.tabsGrupi a:active {
	outline:none;
	background-image: url(http://i.dir.bg/corner/images/list_tab_hover_small.png); background-repeat: no-repeat;	
}

/* when mouse enters the tab move the background image */
.tabsGrupi a:hover {
	background-image: url(http://i.dir.bg/corner/images/list_tab_hover_small.png); background-repeat: no-repeat;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabsGrupi .current, .tabsGrupi .current:hover, .tabsGrupi li.current a {		
	background-image: url(http://i.dir.bg/corner/images/list_tab_hover_small.png); background-repeat: no-repeat;
	cursor:default !important; 
	color:#000 !important;
}

/* single tab */

.tabsAnketa li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 0 0 -1px !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
.tabsAnketa a { background-image: url(http://i.dir.bg/corner/images/list_tab_small.png); width: 100px; height: 27px; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#444; font-size:10px; display:block; line-height:27px; text-align:center; text-decoration:none; color:#000; padding:0px; margin:0px; position:relative; top:1px; font-weight: bold; 
}

.tabsAnketa a:active {
	outline:none;
	background-image: url(http://i.dir.bg/corner/images/list_tab_hover_small.png); background-repeat: no-repeat;	
}

/* when mouse enters the tab move the background image */
.tabsAnketa a:hover {
	background-image: url(http://i.dir.bg/corner/images/list_tab_hover_small.png); background-repeat: no-repeat;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabsAnketa .current, .tabsAnketa .current:hover, .tabsAnketa li.current a {		
	background-image: url(http://i.dir.bg/corner/images/list_tab_hover_small.png); background-repeat: no-repeat;
	cursor:default !important; 
	color:#000 !important;
}

.klasiraneGrupi { padding:10px 0 5px 0 }
.klasiraneGrupi li { display:inline}
.klasiraneGrupi li a { display:block; padding:5px 0; border-bottom: 1px dotted #ccc; }
.klasiraneGrupi li a:hover { background-color:#FFC; color:#000;}

.rezultsGrupi { padding:10px 0 5px 0 }
.rezultsGrupi li { display:inline}
.rezultsGrupi li a { display:block; padding:5px 0; border-bottom: 1px dotted #ccc; }
.rezultsGrupi li a:hover { background-color:#FFC; color:#000;}

.futureGrupi li { padding:5px 0; border-bottom: 1px dotted #ccc;}
.futureGrupi td { padding-bottom:4px}

.sastavi li { padding:5px 0; border-bottom: 1px dotted #ccc;}
.programa td { border-bottom:1px dotted #ccc}
.programa a { font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.stadionThumbs { width: 190px; float: left; text-align: center; margin-right: 8px; overflow: hidden; margin-bottom: 15px; }
.panesAnketa { padding-top:15px;}

.submit { border:1px solid #999; color:#900; width:80px; height:25px; background-color: #EEE; font-size: 11px; font-weight: bold; cursor: pointer; }
.calData { text-align:center; font-weight:bold; color:#000; font-size:13px}
.calSreshta { padding: 5px 0; border-bottom: 1px dotted #ccc; }
.calSreshta li { float:left; font-size:11px; width: 25px; }
table.border2 { background-color:#ccc; }
.border2 td { background-color:#FFF; background-image:url(http://i.dir.bg/worldcup/images/cal-backgr.png); background-repeat:repeat-x; background-position:top }
.border2 img { border:1px solid #ccc}