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

.darkblue 
    {border: 1px solid #002266;
    color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    text-shadow: 1px 1px 4px #444;
    background: #3366cc url('./svg/grad-darkblue.svg') 0 0 no-repeat;
    background: -ms-linear-gradient(top, #aabbcc 0%, #3366cc 50%, #1122aa 51%, #aabbcc 100%);
    background: -o-linear-gradient(top, #aabbcc 0%, #3366cc 50%, #1122aa 51%, #aabbcc 100%);
    background: -moz-linear-gradient(top, #aabbcc 0%, #3366cc 50%, #1122aa 51%, #aabbcc 100%);
    background: -webkit-linear-gradient(top, #aabbcc 0%, #3366cc 50%, #1122aa 51%, #aabbcc 100%);
    background: linear-gradient(top, #aabbcc 0%, #3366cc 50%, #1122aa 51%, #aabbcc 100%);
    }

.darkblue:hover
    {color: #ffffff;
    background: #4477dd url('./svg/grad-darkblue-hover.svg') 0 0 no-repeat;
    background: -ms-linear-gradient(top, #bbccdd 0%, #4477dd 50%, #2233bb 51%, #bbccdd 100%);
    background: -o-linear-gradient(top, #bbccdd 0%, #4477dd 50%, #2233bb 51%, #bbccdd 100%);
    background: -moz-linear-gradient(top, #bbccdd 0%, #4477dd 50%, #2233bb 51%, #bbccdd 100%);
    background: -webkit-linear-gradient(top, #bbccdd 0%, #4477dd 50%, #2233bb 51%, #bbccdd 100%);
    background: linear-gradient(top, #bbccdd 0%, #4477dd 50%, #2233bb 51%, #bbccdd 100%);
    -webkit-box-shadow: 0 0 8px #1122aa;
    -moz-box-shadow: 0 0 8px #1122aa;
    box-shadow: 0 0 8px #1122aa; 	
    }
    
.red 
    {border: 1px solid #662200;
    color: #ffffff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    text-shadow: 1px 1px 2px #000;
    background: #aa2206 url('./svg/grad-red.svg') 0 0 no-repeat;
    background: -ms-linear-gradient(top, #cc8844 0%, #aa2206 50%, #882206 51%, #cc8844 100%);
    background: -o-linear-gradient(top, #cc8844 0%, #aa2206 50%, #882206 51%, #cc8844 100%);
    background: -moz-linear-gradient(top, #cc8844 0%, #aa2206 50%, #882206 51%, #cc8844 100%);
    background: -webkit-linear-gradient(top, #cc8844 0%, #aa2206 50%, #882206 51%, #cc8844 100%);
    background: linear-gradient(top, #cc8844 0%, #aa2206 50%, #882206 51%, #cc8844 100%);
    }

.red:hover
    {color: #ffffff;
    background: #bb3311 url('./svg/grad-red-hover.svg') 0 0 no-repeat;
    background: -ms-linear-gradient(top, #dd9955 0%, #bb3311 50%, #993311 51%, #dd9955 100%);
    background: -o-linear-gradient(top, #dd9955 0%, #bb3311 50%, #993311 51%, #dd9955 100%);
    background: -moz-linear-gradient(top, #dd9955 0%, #bb3311 50%, #993311 51%, #dd9955 100%);
    background: -webkit-linear-gradient(top, #dd9955 0%, #bb3311 50%, #993311 51%, #dd9955 100%);
    background: linear-gradient(top, #dd9955 0%, #bb3311 50%, #993311 51%, #dd9955 100%);
    -webkit-box-shadow: 0 0 8px #882206;
    -moz-box-shadow: 0 0 8px #882206;
    box-shadow: 0 0 8px #882206; 	
    }
	    
.button 
    {display: inline-block;
    margin: 2px 2px 2px 2px;
    padding: 4px 5px;
    width: auto; /* IE 7 input button fix */
    overflow: visible; /* IE7 input button fix */
    font: bold 12px Arial;
    text-decoration: none;
    outline: none; 
    cursor: pointer;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    -moz-transition: -moz-box-shadow 0.3s ease-in-out;
    -o-transition:  background-color 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
    }

.button:active 
    {position: relative;
    top: 1px;
    }
	
.LeagueTitle {
	font-family: Arial;
	font-size: 16pt;
	font-weight: bold;
	color: #003399;
	text-shadow: 1px 1px 2px #bbb;
    }

.info 
    {border: 1px solid #cccccc;
    color: #000;
	width:100%;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
	padding:5px 5px 5px 5px;
	margin: 10px 0px 0px 0px;
    text-shadow: 1px 1px 2px #ccc;
    background: #eeeeee  0 0 no-repeat;
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    }
	
.warning 
	{padding:5px;
	width:500px;
	color:#fff;
	text-align:center;
	text-shadow:1px 1px 2px #666666;
	background-color:#cc3333;
	border-radius:5px;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	}