@charset "utf-8";
body {
	margin: 0px;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D7D7D7;
}

a{
	outline:none;
}


form {
	margin: 0px;
	padding: 0px;
}

#wrapper {
	background-image: url(../images/r2i_football_lp04.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 169px;
	position: relative;
	width: 391px;
	padding-left: 15px;
}

.white-txt {
	color: #FFFFFF;
	text-decoration: none;
}
.white-txt2 {
	color: #FFFFFF;
	text-decoration: none;
}
#wrapper #login #startBtn {
	cursor: pointer;
}
#wrapper  #login {
	position: absolute;
	padding-top: 0px;
	display: block;
	left: 20px;
	top: -2px;
}

#wrapper #predict-winner {
	display: none;
	position: absolute;
	top: 0px;
}
#wrapper #thnk-u {
	display: none;
	position: absolute;
	top: 0px;
	padding-top: 50px;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	width: 370px;
	text-align: center;
}
#wrapper #alertBox {
	display: none;
	position: absolute;
	top: 0px;
	padding-top: 50px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	width: 370px;
	text-align: center;
	line-height: 22px;
}
#wrapper #write {
	display: none;
	position: absolute;
	top: 0px;
	padding-top: 0px;
	font-size: 11px;
	color: #FFFFFF;
	width: 370px;
	padding-left: 15px;
}





.txt-13 {
	font-size: 13px;
}
.txt16 {
	font-size: 15px;
}

.txt17 {
	font-size: 17px;
}
.txt-12 {
	font-size: 12px;
}
.txt-19 {
	font-size: 19px;
}




.h1 {
	font-size: 19px;
	color: #eeae38;
	line-height: 25px;
	margin-right: 5px;
}
.h2 {
	font-size: 30px;
	color: #b0642c;
}
.h3 {
	font-size: 19px;
	color: #eeae38;
}
.matchNo {
	font-size: 11px;
	color: #704421;
}

.border-btm {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #372c12;
}
.border-btm2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}


.gold-txt {
	color: #eeae38;
}

.input01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px solid #a4612c;
	width: 215px;
	line-height: 14px;
	height: 15px;
}
.textarea01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 340px;
	border: 1px solid #a4612c;
	height: 75px;
}


/*Class to set the width for the whole Carousel. You can set the width and height as you want */
.widget {
	width:289px;
	position: relative;
	margin-left: 125px;
}
/*Class to set the styling option for the previous button on the Carousel */
.widget a.previous{
	float:left;
	display:block;
	width:10px;
	height:15px;
	margin-top:2px;
	margin-right:2px;
	background-image: url(../images/prev.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
/*Class to set the styling option for the next button on the Carousel */
.widget a.next{
	float:right;
	display:block;
	width:10px;
	height:15px;
	margin-top:2px;
	background-image: url(../images/nextFb.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
/*Class to set the styling option for the scroller part of the Carousel */
.widget_style {
text-align:left;
padding:0px 0px 0px 0px;
}
.widget_style ul {
margin:0;
padding:0;
}
/*Class to set the image background and the size of it, do note that it's not the size of the scrolling images, it sets the size of the background image that I've used for every actual image that will be scrolling*/
.widget_style li {
	height:15px;
	width:19px;
	background:url(../images/imgbg.jpg) left top no-repeat;
	list-style:none;
	margin:0;
	padding:10px 0px 0px 10px;
	display: inline;
}
/*This here actually sets the size of the scrolling images */
.widget_style img {
width:19px;
height:13px;
}
.goldLink {
	color: #eeae38;
}
.goldLink:hover {
	text-decoration: none;
}
#tab-wrapper {
	display: block;
	position: relative;
	float: left;
	width: 570px;
}
#tabs {
	display: block;
	float: left;
	height: 30px;
	width: 570px;
}
#tab-wrapper #tabBody {
	background-color: #3c3b3b;
	display: block;
	float: left;
	width: 570px;
	border: 1px solid #444444;
	position: relative;
	z-index: 10;
}
#tabBody .tabContent01 {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

#tabBody .tabContent02 {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	min-height:170px;
	height:auto !important;
	height:170px;
	display:none;
}

#tabs ul {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 1px;
	z-index: 50;
}
#tabs  ul li {
	display: inline;
	line-height: 30px;
	padding-right: 30px;
	padding-left: 30px;
	background-color: #514f4f;
	float: left;
	cursor: pointer;
}
#tab-wrapper #tabs li.active {
	background-color: #3c3b3b;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #444444;
	border-right-color: #444444;
	border-left-color: #444444;
}



#footer a {
	color: #eeae38;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


#winner-list {
	position: absolute;
	display: block;
	width: 480px;
	height: 190px;
	background-image: url(../images/r2i_football_gradiantBg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#winner-list div{
	/*overflow-x: hidden;
	overflow-y: auto;
	display: block;
	height: 160px;*/
	width: 480px;
	font-size: 11px;
}

#pane1 {
	height: 135px;
	overflow-x:hidden;
	overflow-y:auto;
}
.border-btm3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #2D2715;
}
.gold-txt2 {
	color: #AF9850;
	}