@charset "UTF-8"

*{
	margin:0;
	padding:0;
	font-family:"Times New Roman",Georgia,Serif;
}


body{
	background-color: #111111;
	overflow:hidden;
}

/*CHAMP VIEW*/

#bg{
	position: absolute;
	background: url(../images/wallpeper.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
	 top:0%;
	 left:0%;
	 width:100%;
	 height:100%;
}

#loading{
	height:100%;
	width:100%;
	position: absolute;
	background-color: #000;
	z-index: 99;
	left:0%;
	top:0%;
	  background: url(../images/Urf_OriginalSkin.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#loadingBar{
	position: relative;
	z-index: 999;
  	width:50%;
  	border-radius: 40px;
  	margin-bottom: 20px;
}
#loadingBar h1{
	position: relative;
	text-align: center;
	box-shadow: 7px 7px 15px rgba(0,200,200,0.2);
	padding:5px;
	padding-top:10px;
	width:100%;
	left:45%;
	font-size: 15px;
	color:rgba(240,240,240,0.6);
	border-radius: 15px;
	background-color: rgba(0,100,100,0.4);
}
#botCenter{
	position: relative;
	top:88%;
	width:100%;
}

#botCenter img{
	width:100%;
	height:25px;
}

.loader{
	position: relative;
	left:45%;
	font-size:14px;
	color:white;
	margin:auto;
}

#loading a{
	position: absolute;
	display:block;
	z-index:9999;
	text-decoration: none;
	color:rgba(210,210,210,0.8);
	height:24px;
	padding:5px 20px 0;
	font-weight:bold;
	-moz-box-shadow: 4px 4px 14px #000; 
 	-webkit-box-shadow: 4px 4px 14px #000; 
 	box-shadow: 4px 4px 14px #000; 
	background-color: rgba(0,200,200,0.4);
}
#loading a:hover{
	background-color: #492919;
}



/*CHAMP VIEW*/
#banner img{
	position: absolute;
	top:3.9%;
	left:89%;
	height:25px;
	width:125px;
	z-index: 99;
}

#contentWrapper{
	/*width:82%;*/
	background-color: #000;
	margin:auto;
}

#statWrapper{
	position: absolute;
	top:6%;
	left:0.5%;
	height:96%;
	width:98.9%;
	background-color: #c1c1c1;
	
	overflow:hidden; 
	-moz-box-shadow: 4px 4px 14px #000; 
 	-webkit-box-shadow: 4px 4px 14px #000; 
 	box-shadow: 10px 10px 14px #000; 
 	display: block;
}


iframe{
	position: absolute;
	height:145%;
	width:120%;
	top:-30%;
	left:-10%;
	background-color: #c1c1c1;
 	border:none;
 	display:block;
 	margin:auto;
}

/*SCROLLBAR*/

::-webkit-scrollbar {
      width: 15px;
} /* this targets the default scrollbar (compulsory) */

::-webkit-scrollbar-track {
      background-color: #442211;
} /* the new scrollbar will have a flat appearance with the set background color */
::-webkit-scrollbar-thumb {
      background-color: rgba(234, 188, 0, 0.5);
} /* this will style the thumb, ignoring the track */
/*::-webkit-scrollbar-button {	
      background-color: #000;
} */
::-webkit-scrollbar-corner {
      background-color: black;
} /* if both the vertical and the horizontal bars appear, then perhaps the ri*/


/*SETUP*/
body{/*padding:20px;*/ font-size:14px; color:#000000; font-family:Arial, Helvetica, sans-serif;}
h2 {font-weight:bold; color:#000099; margin:10px 0px; }
p span {color:#006600; font-weight:bold; }
a, a:link, a:visited {color:#0000FF;}
textarea {width: 100%; padding: 10px; margin: 10px 0 15px 0; font-size: 13px; font-family: Consolas,monospace;}
textarea.html {height: 300px;}
p {margin: 0 0 10px 0;}
code, pre {font-family: Consolas,monospace; color: green;}
ol li {margin: 0 0 0 0;}


/*MENU*/
#cssmenu{
	position: relative;
	z-index: 98;
}

#cssmenu ul {
	padding-left:300px;
	margin-top:-7px;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:50px;
	font-size:1.3em;
	background:url(../images/bg.png) repeat-x top left;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	border:2px solid #000;
    -moz-box-shadow: 4px 4px 14px #000; 
    -webkit-box-shadow: 4px 4px 14px #000; 
    box-shadow: 4px 4px 14px #000; 
    
}

#cssmenu li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	margin-left:60px;
}

#cssmenu li:first-child{
	font-size:12px;
	position: relative;
	margin-left:-300px;
	margin-right:25%;
}

#back{
	color:#A99887;
}

#cssmenu li a {
	float:left;
	color:#A99117;
	text-decoration:none;
	height:24px;
	padding:5px 20px 0;
	font-weight:normal;
}

#cssmenu li a:hover,
#cssmenu .active {
	color:#fff;
	background:url(../images/bg.png) repeat-x top left;
	text-decoration:none;
}

#cssmenu .active a {
	color:#fff;
	font-weight:700;
}

#cssmenu ul{
	/*background-color:#DC4900;*/
}
#cssmenu li a:hover, 
#cssmenu li.active {
/*	background-color:#F46D00;*/
}

/*Quick search*/
#reSearch{
	position: absolute;
	top:60%;
	left:1%;
	width:175px;
	height:0px;
	color:white;
	padding-top:20px;
	padding-left:13px;
	padding-bottom: 15px;
	background-color: black;
	margin:auto;
	border:2px solid white;
}


#reSearch ul{
	position: relative;
	margin-left:0px;
	padding:0;
	background:none;
	border:none;
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
	box-shadow: none;
	z-index:99;
}

#reSearch li{
	margin-left:0px;
	font-size: 12px;

}

#reSearch li:first-child{
	font-size:12px;
	margin-left:0px;
	margin-right:0%;
}


#reSearch a{
	min-width:110px;
	text-align: center;
	margin-left:5px;
/*	padding:0px 0px 0px 0px;*/
}



/*CHAMPSELECT*/

#champSelect{
	position: absolute;
	top:65%;
	left:20%;
	width:175px;
	/*padding:10px;*/
	padding-top:20px;
	padding-left:13px;
	padding-bottom: 15px;
	background-color: black;
	margin:auto;
	border:2px solid white;
}
#champSelect p{
	color:white;
}

label{
	color:white;
	clear:both;
	float:left;
	margin-top:15px;
	border-radius: 15px;
	border:4px solid rgba(30,30,30, 0.1);
	background-color: rgba(10,20,0, 0.2);
}
input{
	float:right;
	width:120px;
	margin-right:25px;
	margin-top:15px;
	background-color: #c1c1c1;
}

input {/*style*/
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:1px solid rgba(0,0,0, 0.2);
}

input:focus {
    box-shadow: 0 0 5px rgba(0,206,209, 1);
    -webkit-box-shadow: 0 0 5px rgba(0,206,209, 1); 
    -moz-box-shadow: 0 0 5px rgba(0,206,209, 1);
    border:1px solid rgba(0,206,209, 0.8); 
}
input[type="submit"]{
	display:block;
	background-color: #888980;
}

input[type="submit"]:hover{
	background-color: teal;
	 box-shadow: 0 0 5px rgba(0,206,209, 1);
    -webkit-box-shadow: 0 0 5px rgba(0,206,209, 1); 
    -moz-box-shadow: 0 0 5px rgba(0,206,209, 1);
}

/*TINYBOX*/
.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}