body {
    text-align: center;
    font-family: Trebuchet MS, Verdana, Arial;
    font-size: 13px;
    margin: 5px 0 0 0;
    background-color: #eee;
}

a:link          {color:#68a; text-decoration:none;}
a:visited       {color:#68a; text-decoration:none;}
a:active        {color:#68a; text-decoration:none;}
a:hover         {color:#469; text-decoration:underline;}

a.red:link          {color:#68a; text-decoration:none;}
a.red:visited       {color:#68a; text-decoration:none;}
a.red:active        {color:#68a; text-decoration:none;}
a.red:hover         {color:Red; text-decoration:none;}

a.black:link        {color:#000; text-decoration:none;}
a.black:visited     {color:#000; text-decoration:none;}
a.black:active      {color:#000; text-decoration:none;}
a.black:hover       {color:#000; text-decoration:underline;}

a.redA:link         {color:Red; text-decoration:none;}
a.redA:visited      {color:Red; text-decoration:none;}
a.redA:active       {color:Red; text-decoration:none;}
a.redA:hover        {color:Red; text-decoration:underline;}

a.linkBtn:link      {color:#634500; font-weight: bold; background-color:Lime; text-decoration:none;}
a.linkBtn:visited   {color:#634500; font-weight: bold; background-color:Lime; text-decoration:none;}
a.linkBtn:active    {color:#634500; font-weight: bold; background-color:Lime; text-decoration:none;}
a.linkBtn:hover     {color:#634500; font-weight: bold; background-color:Lime; text-decoration:underline;}

a.big:link          {color:#68a; text-decoration:none;  margin:5px;}
a.big:visited       {color:#68a; text-decoration:none;  margin:5px;}
a.big:active        {color:White; text-decoration:none; background-color:#469; margin:5px; }
a.big:hover         {color:White; text-decoration:none; background-color:#469; margin:5px; }

a.light:link	{color: Gray; text-decoration: none;}
a.light:visited	{color: Gray; text-decoration: none;}
a.light:active	{color: Gray; text-decoration: none;}
a.light:hover	{color: #555; text-decoration: underline;}

a.disabled:link	    {color: Gray; text-decoration: none;}
a.disabled:visited	{color: Gray; text-decoration: none;}
a.disabled:active	{color: Gray; text-decoration: none;}
a.disabled:hover	{color: Gray; text-decoration: none;}

.h0 { font-size:26px; font-weight:bold; color: #5D7B9D; margin:5px; }
.h1 { font-size:20px; font-weight:bold; color: #5D7B9D; margin:4px; }
.h2 { font-size:18px; font-weight:bold; color: #5D7B9D; margin:4px; }
.h3 { font-size:16px; font-weight:bold; color: #5D7B9D; margin:4px; }
.h4 { font-size:14px; font-weight:bold; color: #5D7B9D; margin:4px; }

.light { color: Gray; }

.text		{ font-size:13px; }

.text_15	{ font-size: 15px; }
.text_13	{ font-size: 13px; }
.text_11	{ font-size: 11px; }
.text_9		{ font-size: 9px; }

.text_button{ font-size: 13px;
         	  padding-top: 0px;
         	  padding-bottom: 0px;
         	  padding-left: 1px;
         	  padding-right: 1px; }

.text_pager { font-size: 13px; }

.title {                  /* ??? */
    font-size: 20px;
    font-weight: bold;
    color: #5D7B9D;
}

.center {
	text-align:center;
}


/* ----   DIV, FLOATER, POPUP WINDOW ---- */

.container {
    margin: 0 auto;
    text-align: center;
    border: 0px solid #000;
    /*background-color: #eee;*/
}

/* OLD begin */

#container250, #container400, #container500, #container550, #container600, #container650, #container700, #container750,
#container800, #container900, #container1000, #container1050, #container1100, #container1150, #container1200, #containerClubs, #containerCompetitions {
    margin: 0 auto;
    text-align: center;
    border: 0px solid #000;
    /*background-color: #eee;*/
}
#container250 { width: 250px; }
#container400 { width: 400px; }
#container500 { width: 500px; }
#container550 { width: 550px; }
#container600 { width: 600px; }
#container650 { width: 650px; }
#container700 { width: 700px; }
#container750 { width: 750px; }
#container800 { width: 800px; }
#container900 { width: 900px; }
#container1000 { width: 1000px; }
#container1050 { width: 1050px; }
#container1100 { width: 1100px; }
#container1150 { width: 1150px; }
#container1200 { width: 1200px; }
#containerClubs { width: 1350px; }
#containerCompetitions { width: 1390px; }

/* OLD end */

.floater, .floater-g, .floater-y, floater-i, floater-ig {
    border: solid 1px #5D7B9D;
    padding: 15px;
    font-size: 12px;
    text-align: center;
    border-radius: 8px;
    box-shadow: 2px 2px 10px #aaa;
}

.floater {
    background-color: #fff;
}
.floater-g {
	background-color: #e7e7e7;
}
.floater-y {
	background-color: #F3F0E0;
}
.floater-i {
    background-color: #fff;
    border: solid 1px #5D7B9D;	
	padding: 4px;
	font-size: 12px;
    text-align: center;
	border-radius: 8px;
    box-shadow: 2px 2px 10px #aaa;
}

.floater-ig {
    background-color: #fff;
    border: solid 3px #aaa;	
	padding: 4px;
	font-size: 12px;
    text-align: center;
	border-radius: 8px;
    box-shadow: 2px 2px 10px #aaa;
}
.floater-ig:link       { border-color: #469; }
.floater-ig:visited    { border-color: #aaa; }
.floater-ig:active     { border-color: #469; }
.floater-ig:hover      { border-color: #469; }

.floaterIndex {
    border: solid 3px #5D7B9D;
    padding: 6px;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 10px #999;
    width: 280px;
}

.popupWindow {
    position: absolute;
    text-align: left;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    border: solid 2px black;
    background-color: #eee;
    font-size: 13px;
    display: none;
}

.popupAddClub {
    text-align: left;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    border: solid 2px black;
    background-color: #eee;
    font-size: 13px;
}

.imageBorder {
    border: 3px solid #aaa;
    border-radius:6px;
    padding: 0px;
}
.imageBorder:link       { border-color: #469; }
.imageBorder:visited    { border-color: #aaa; }
.imageBorder:active     { border-color: #469; }
.imageBorder:hover      { border-color: #469; }


/* ----   REPEATER - PRIJAVA - begin   ---- */

.rpCompetitionNormal, .rpCompetitionAlter {
	font-family: Trebuchet MS, Verdana, Arial;
    border: dashed 1px #5D7B9D;
    padding: 10px;
    font-size: 14px;
    border-radius: 8px;
    box-shadow: 2px 2px 10px #aaa;
}

.rpCompetitionNormal {
	background-color: #fff;
}
.rpCompetitionAlter {
    background-color: #f5f5ff;
}

.rpDetailsLeft {
    text-align: left;
}

.rpDetailsRight {
    text-align: right;
    float: right;
}

.rpTitle {
	font-size: 18px;
    font-weight: bold;
    color: #5D7B9D;
    padding-bottom: 5px;
}

.rpCompetitionLogo, .rpCompetitionLogoLink {
    border: dashed 1px #5D7B9D;
    padding: 10px;
    background-color: White;
    border-radius: 8px;
    box-shadow: 2px 2px 10px #aaa;
}

.rpCompetitionLogoLink:link       { border: solid 1px #5D7B9D; box-shadow: 2px 2px 10px #888; }
.rpCompetitionLogoLink:active     { border: solid 1px #5D7B9D; box-shadow: 2px 2px 10px #888; }
.rpCompetitionLogoLink:hover      { border: solid 1px #5D7B9D; box-shadow: 2px 2px 10px #888; }

.rpTable {
	margin-left: auto;
	margin-right: auto;
	border-spacing: 10px;
}

/* ----   REPEATER - PRIJAVA - end   ---- */

/* ----   KONTROLE   ---- */

.ddlBig {
    font-size: 17px;
    padding: 3px;
}

.ddlNormal {
    font-family: Trebuchet MS, Verdana, Arial;
    font-size: 14px;
    padding: 2px;
}

.checkBox {
    margin: 0 auto;
    border: solid 1px silver;
    text-align: left;
    font-size: 14px;
    padding: 4px;
}

.texbox {
    font-family: Trebuchet MS, Verdana, Arial;
}


/* ----   TABELA   ---- */

.header {
    text-align: center;
    color: White;
    background-color: #5D7B9D;
    font-weight: bold;
    font-size: 16px;
}
.header td, .header th {
	border-color: #fff;
}

.headerSmall {
    text-align: center;
    color: White;
    background-color: #5D7B9D;
    font-weight: bold;
    font-size: 13px;
}

.grid {
    margin: 0 auto;
    margin-top: 5px;
    border: solid 2px #bbb;
    font-size: 13px;
}
.grid td, .grid th {
    padding: 4px;
    border: solid 1px #aaa;
}

.gridButton {
    margin: 0 auto;
    margin-top: 5px;
    border: solid 2px #bbb;
    font-size: 13px;
}
.gridButton td, .gridButton th {
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border: solid 1px #aaa;
}

.gridSmall {
    margin: 0 auto;
    margin-top: 5px;
    border: solid 2px #bbb;
    font-size: 11px;
}
.gridSmall td, .gridSmall th {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 1px;
    padding-right: 1px;
    border: solid 1px #aaa;
}

.gridS {
    font-family: Verdana, Tahoma, Courier, monospace;
    margin: 0 auto;
    margin-top: 5px;
    border: solid 2px #bbb;
}
.gridS td {
	font-size: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 1px;
    padding-right: 1px;
    border: solid 1px #aaa;
}
.headerS {
    text-align: center;
    color: White;
    background-color: #5D7B9D;
    font-weight: bold;
    font-size: 11px;
    text-transform:uppercase;
}

.row {
    color: #333;
    background-color: #E5E5FF;
}

.alternating {
    color: #284775;
    background-color: White;
}

.rowEdit {
    padding: 1px;
    color: #000;
    background-color: #8f8;
}

/* ----   TABELA - BROWN   ---- */

.gridButtonBrown {
    margin: 0 auto;
    margin-top: 5px;
    border: solid 2px #aaa;
    font-size: 13px;
}
.gridButtonBrown td, .gridButtonBrown th {
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border: solid 1px #999;
}

.headerBrown {
    text-align: center;
    color: White;
    background-color: #836700;
    font-weight: bold;
    font-size: 16px;
}
.headerBrown td, .headerBrown th {
	border-color: #fff;
}

.rowBrown {
    color: #441;
    background-color: #D8D1A7;
}

.alternatingBrown {
    color: #550;
    background-color: #F3F0E0;
}

.rowEditBrown {
    padding: 1px;
    color: #fff;
    background-color: #836700;
}

.BrownBCK {
	background-color:#D8D1A7;
}

.brown { color: #634500; }

/*-- Aplication: prijava --*/

.application {
	border: solid 2px #bbb;
	border-collapse: collapse;
}

.application td {
	border: solid 0px #bbb;
}

.applicationAll {
/*	border: solid 2px #bbb;*/
	border-collapse: collapse;
	text-align: left;
	margin: 0 auto;
}

.applicationAll td {
/*	border: solid 1px #bbb;*/
}

.uploadBorder {
	border: 1px dashed #999;
	padding: 5px;
	background-color:#dfdfff;
}

.grayBCK {
	background-color:#dfdfff;
}

.gdvTexboxL, .gdvTexboxL11, .gdvTexboxL9, .gdvTexboxC, .gdvTexboxC11, .gdvTexboxC9 {
    font-family: Trebuchet MS, Verdana, Arial;
    border: 0px;
}
.gdvTexboxL		{ text-align: left; font-size: 13px; }
.gdvTexboxL11	{ text-align: left; font-size: 11px; }
.gdvTexboxL9	{ text-align: left; font-size: 9px; }
.gdvTexboxC		{ text-align: center; font-size: 13px; }
.gdvTexboxC11	{ text-align: center; font-size: 11px; }
.gdvTexboxC9	{ text-align: center; font-size: 9px; }

.verdana {
    font-family: Verdana, Tahoma, Courier, monospace;
}

/* DetailsView format */

.detailsView {
	margin: 0 auto;
    margin-top: 5px;
	border: solid 3px #bbb;
	text-align: left;
	font-size: 14px;
}
.detailsView td, .detailsView th {
    padding-left: 6px;
    padding-right: 6px;
}

.dvHeaderRow {
    color: White;
    background-color: #5D7B9D;
    text-align: right;
    font-weight: bold;
    height: 30px;
}
.dvHeaderAlternating {
    color: White;
    background-color: #7D9BBD;
    text-align: right;
    font-weight: bold;
    height:30px;
}

.dvRow {
    color: #284775;
    background-color: #f8f8f8;
}
.dvAlternating {
    color: #333;
    background-color: #efefff;
}

.dvRowEdit {
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 14px;
	border: solid 1px #f99;
	width: 220px;
	margin-left: -2px;
}

.dvFooter {
	text-align: center;
	background-color:#ccc;
}

/* ----   FOOTER   ----  */

.footer_margin {
    clear: both;
    padding: 10px;
}

.footer {
    clear: both;
    margin: 0 auto;
    padding: 5px;
    width: 435px;
    border-top: solid 1px #aaa;
    font-size: 13px;
    color: Gray;
}


/* ----   POZICIONIRANJE   ---- */

.w120 { width: 120px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w255 { width: 255px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w360 { width: 360px; }
.w400 { width: 400px; }
.w500 { width: 500px; }
.w550 { width: 550px; }
.w600 { width: 600px; }
.w650 { width: 650px; }
.w700 { width: 700px; }
.w750 { width: 750px; }
.w900 { width: 900px; }
.w1000 { width: 1000px; }
.w1050 { width: 1000px; }
.w1100 { width: 1100px; }
.w1200 { width: 1200px; }

.top250 { top: 250px; }
.top275 { top: 275px; }
.top310 { top: 310px; }


/* ----   BOJE   ---- */

.black { color: Black; }
.red { color: Red; }

/* ---- SHORT & IMPORTANT ---- */

.bold { font-weight: bold; }
.left { text-align: left; }
.upercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.noUnderline { text-decoration: none; }
.underline { text-decoration: underline; }
.margin0 { 	margin: 0 auto; }
.noBG {}


/* ---- myButton - for index.aspx ---- */

.myButton_Prijava {
	display: block;
	width: 280px;
	height: 206px;
	background: url('/images/Applications_lang1.jpg') 0 0;
	background-position: -280px 0px;
	text-indent: -9999px;
}
.myButton_Prijava:hover {
	background-position: 0px 0px;
	color:#eee; text-decoration:none; background-color:#469;
}

.myButton_Pregled {
	display: block;
	width: 280px;
	height: 206px;
	background: url('/images/Applications-All_lang1.jpg') 0 0;
	background-position: -280px 0px;
	text-indent: -9999px;
}
.myButton_Pregled:hover {
	background-position: 0px 0px;
	color:#eee; text-decoration:none; background-color:#469;
}

.myButton_Application {
	display: block;
	width: 280px;
	height: 206px;
	background: url('/images/Applications_lang2.jpg') 0 0;
	background-position: -280px 0px;
	text-indent: -9999px;
}
.myButton_Application:hover {
	background-position: 0px 0px;
	color:#eee; text-decoration:none; background-color:#469;
}

.myButton_ApplicationsOverview {
	display: block;
	width: 280px;
	height: 206px;
	background: url('/images/Applications-All_lang2.jpg') 0 0;
	background-position: -280px 0px;
	text-indent: -9999px;
}
.myButton_ApplicationsOverview:hover {
	background-position: 0px 0px;
	color:#eee; text-decoration:none; background-color:#469;
}

/*---- GRADIENT BUTTONS ---- begin ----*/ 

.gradientbuttons ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 13px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.gradientbuttons li{
display: inline;
margin: 0;
}

.gradientbuttons li a{
text-decoration: none;
padding: 5px 7px;
margin-right: 5px;
border: 1px solid #778;
color: white;
border:1px solid gray;
background: #3282c2;
border-radius: 8px; /*w3c border radius*/
box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */
-moz-border-radius: 8px; /* mozilla border radius */
-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* mozilla box shadow */
background: -moz-linear-gradient(center top, #a4ccec, #72a6d4 25%, #3282c2 45%, #357cbd 85%, #72a6d4); /* mozilla gradient background */
-webkit-border-radius: 8px; /* webkit border radius */
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* webkit box shadow */
background: -webkit-gradient(linear, center top, center bottom, from(#a4ccec), color-stop(25%, #72a6d4), color-stop(45%, #3282c2), color-stop(85%, #357cbd), to(#72a6d4)); /* webkit gradient background */
}

.gradientbuttons li a:hover{
color: lightyellow;
}

.redtheme li a{
font-size:18px;
background: darkred;
background: -moz-linear-gradient(center top, #f5795d, #e55e3f 25%, #d02700 45%, #e55e3f 85%, #f5795d);
background: -webkit-gradient(linear, center top, center bottom, from(#f5795d), color-stop(25%, #e55e3f), color-stop(45%, #d02700), color-stop(85%, #e55e3f), to(#f5795d)); 
}

.greentheme li a{
font-size:12px;
background: green;
background: -moz-linear-gradient(center top, #7ad690, #3ec05c 25%, #298a40 45%, #3ec05c 85%, #7ad690);
background: -webkit-gradient(linear, center top, center bottom, from(#7ad690), color-stop(25%, #3ec05c), color-stop(45%, #298a40), color-stop(85%, #3ec05c), to(#7ad690)); 
}

.blacktheme li a{
font-size:16px;
background: black;
background: -moz-linear-gradient(center top, #9f9f9f, #686868 25%, #2a2a2a 45%, #686868 85%, #9f9f9f);
background: -webkit-gradient(linear, center top, center bottom, from(#9f9f9f), color-stop(25%, #686868), color-stop(45%, #2a2a2a), color-stop(85%, #686868), to(#9f9f9f)); 
}

.orangetheme li a{
font-size:14px;
background: #e55e3f;
background: -moz-linear-gradient(center top, #ecad9a, #e5937c 25%, #cf4c2a 45%, #e5937c 85%, #ecad9a);
background: -webkit-gradient(linear, center top, center bottom, from(#ecad9a), color-stop(25%, #e5937c), color-stop(45%, #cf4c2a), color-stop(85%, #e5937c), to(#ecad9a)); 
}


.groovybutton
{
   font-size:12px;
   font-weight:bold;
   color:#333;
   width:100px;
   background-color:#f7f7f7;
   border-style:solid;
   border-color:#bbb;
   border-width:2px;
   padding:3px;
   margin:4px;
}

.groovybutton:hover
{
	color:#000;
	border-color:#000;
	border-width:2px;
	text-decoration: none;
}