body {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #888;

	background-color: #222;

	margin: 0;

}

table{
    font-size: 12px;
}



a {

	color: #4FAB56;

}



h1 {

	background: url(../img/titleback2.gif) no-repeat;

	height: 45px;

	padding-top: 10px;

	font-size: 20px;

	padding-left: 10px;

	margin-top: 0;

	margin-bottom: 0px;

	font-weight: normal;

	letter-spacing: 0.1px;

}



/* gray

.mainright h2{

  background-color:#4C514B;

  color:#959595;

  font-size:130%;

  padding-bottom:5px;

  padding-top:5px;

  text-align:center;

  margin: 0;

}

*/

.mainright h2 { /** green **/

	font-size: 130%;

	padding-bottom: 5px;

	padding-top: 5px;

	margin: 2px;

	background-color: #629064;

	color: #FFFFFF;

	text-align: center;

}



#thinheader {

	width: 100%;

	height: 20px;

	border-bottom: 1px solid #3F3F3F;

}



#thinheaderin {

	margin: 0 auto;

	width: 700px;

	text-align: right;

	padding-top: 2px;

}



#thinheaderin a {

	color: #D0CDCD;

	text-decoration: none;

}



#container { /*

	margin: 0 auto;

	width: 775px;

	text-align: left;

	background-color:#222;

	*/

	

}



#pagecontainer {

	margin: 0 auto;

	width: 925px;

}



#pageleft {

	width: 775px;

	float: left;

}



#pageright {

	width: 140px;

	float: right;

	margin-left: 10px;

	margin-top: 21px;

}



#footer {

	margin-top: 30px;

	text-align: center;

	font-size: 13px;

	color: #747474;

	margin-bottom: 10px;

}



#header {

	width: 100%;

	margin-top: 2px;

	/* background-image:url(../img/header.jpg); */

	border-bottom: 1px solid #3F3F3F;

}



/* START INDEX */

#indexbody {

	margin: 0px;

	margin-top: 2px;

	background-color: #303030;

	padding: 0px;

	padding-left: 30px;

}



.intro {

	margin: 0px;

	padding-top: 20px;

	padding-left: 0px;

	font-size: 22px;

	font-weight: bold;

	font-family: Arial, sans-serif;

	text-align: center;

	color: #4EA757;

	padding-right: 30px;

}



.intro2 {

	text-align: center;

	margin: 0px;

	padding-top: 10px;

}



.introgreen {

	color: #83A986;

	border-bottom: 1px dashed #83A986;

}



.indexfloatdivleft {

	float: left;

	margin-top: 30px;

	width: 330px;

}



.indexfloatdivright {

	float: left;

	margin-top: 30px;

	margin-left: 30px;

	width: 350px;

}



.vicious {

	text-align: center;

	margin-top: 50px;

	font-size: 14px;

	font-weight: bold;

	color: #626566;

	line-height: 150%;

}



.panelbackground {

	background-image: url(../img/registerpanel.png);

	height: 354px;

	color: #69846B;

}



.panelheader {

	margin: 0px;

	padding-left: 15px;

	padding-top: 7px;

	font-size: 20px;

	color: #4EA757;

}



/** START FORM STUFF **/

.formtable {

	color: #69846B;

}



.formtable label {

	color: #69846B;

}



.formtable input,textarea,select { /*

	background-color:#c0c0c0;

	border:1px solid #4EA757;

	*/ /*background-color:#2D2D2D;

	border:1px solid #3C3C3C;

	color:#969494;

	*/

	font-weight: normal;

	font-size: 14px;

	padding-left: 2px;

	/* font-family: verdana, arial, sans-serif; */

	font-family: "Trebuchet MS", tahoma, arial, verdana, sans-serif;

	border: 1px solid #000;

	color: #FFF;

	background-color: #525252;

}



input.inputgray {

	border: 1px solid #000;

	background-color: #C4CBC7;

}



input.submit {

	border: 1px solid #3A693E;

	background-color: #4EA757;

	color: #fff;

	padding: 4px;

	padding-left: 8px;

	padding-right: 8px;

	font-weight: bold;

}



input.smallsubmit{

	border: 1px solid #3A693E;

	background-color: #4EA757;

	color: #fff;

	padding-left: 8px;

	padding-right: 8px;

	font-weight: bold;

	font-size:10px;

	

	padding-top: 1px;

	padding-bottom: 2px;

	vertical-align: top;	

}





.formcomment{

	font-size: 80%;

	color: #888888;

}

/*** END FORM STUFF **/

.indexerror {

	width: 323px;

	background-color: #C67878;

	color: #fff;

	margin: 0px;

	margin-left: 2px;

	margin-bottom: 2px;

	border: 1px solid #B45151;

	padding: 5px;

	padding-left: 10px;

}



.indexvalid {

	width: 323px;

	background-color: #69BB71;

	color: #fff;

	margin-left: 2px;

	margin-bottom: 2px;

	border: 1px solid #1F6821;

	padding: 5px;

	padding-left: 10px;

}



/*index menu*/

#indexmenu {

	height: 30px;

	width: 100%;

	text-align: left;

	clear: both;

}



#indexmenu ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}



#indexmenu li {

	margin: 0;

	padding: 0;

	float: left;

	background-color: #303030;

	margin-left: 5px;

	height: 30px;

	text-align: center;

}



#indexmenu li a {

	color: #fff;

	text-decoration: none;

	display: block;

	font-size: 12px;

	font-weight: bold;

	background-color: #3A693E;

	padding: 5px;

	border: 1px solid #191919;

	border-bottom: none;

}



#indexmenu li a:hover {

	background-color: #191919;

	font-weight: bold;

	text-decoration: none;

}



/* END INDEX */ /*TOP MENU*/

#topmenu {

	height: 30px;

	

	width: 100%;

	text-align: right;

	padding-top: 5px;

	padding-bottom: 5px;

}



#topmenu ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

	float: left;

}



#topmenu li {

	margin: 0;

	padding: 0;

	float: left;

	background-color: #303030;

	margin-left: 5px;

	margin-bottom:5px;

	height: 30px;

	text-align: center;

}



#topmenu li a {

	color: #959595;

	text-decoration: none;

	display: block;

	font-size: 12px;

	padding: 5px 15px;

	font-weight: bold;

	/* color: #67B35F; */

}



#topmenu li a:hover {

	background-color: #5A5959;

	font-weight: bold;

	text-decoration: none;

}



#topmenu li a.current {

	background-color: #5A5959;

}



.main {

	background-color: #303030;

	padding-top: 30px;

}



.title { /** DEPRECATED, USE h1**/

	background: url(../img/titleback2.gif) no-repeat;

	height: 89px;

	padding-top: 10px;

	font-size: 20px;

	padding-left: 10px;

}



.clear {

	clear: both;

}



/* profile menu*/

.mainleft {

	float: left;

	width: 200px;

	height: 600px;

}



.mainright {

	float: left;

	width: 520px;

	padding-left: 25px;

}



.profilepanel {

	height: +570px;

	margin-left: 10px;

	width: 180px;

	background-color: #222;

}



.profilename {

	width: 100%;

	background-color: #3c3c3c;

	color: #fff;

	padding-top: 5px;

	padding-bottom: 5px;

	text-align: center;

	font-size: 15px;

	font-weight: bold;

	color: #fff;

	text-align: center;

	background-color: #4C514B;

}



#profmenu {

	width: 100%;

	margin: 0 auto;

	clear: both;

}



#profmenu ul {

	margin: 0 auto;

	padding: 0px;

	list-style-type: none;

}



#profmenu li {

	margin: 0 auto;

	margin-top: 1px;

	margin-bottom: 1px;

	background-color: #303030;

	width: 160px;

	height: 30px;

	text-align: center;

}



#profmenu li a {

	color: #67B35F;

	text-decoration: none;

	display: block;

	font-size: 12px;

	padding-top: 5px;

	padding-bottom: 5px;

	font-weight: bold;

	width: 160px;

}



#profmenu li a:hover {

	background-color: #40A749;

	color: #fff;

	font-weight: bold;

	text-decoration: none;

	display: block;

}



#profmenu li a.current {

	background-color: #40A749;

	color: #1E221E;

}



#profdetails {

	width: 100%;

	margin: 0 auto;

	clear: both;

	margin-top: 10px;

	font-size: 13px;

	font-weight: bold;

}



.white {

	color: #fff;

}



#profdetails ul {

	margin: 0 auto;

	padding: 0px;

	list-style-type: none;

}



#profdetails li {

	margin: 0 auto;

	margin-bottom: 3px;

	padding-top: 5px;

	width: 160px;

	text-align: left;

	border-top: 1px solid #3C3C3C;

}



/* end profile menu */ /* END MAIN */ /* PENDING AND CLOSED BETS */

	/* PENDING BETS TABLE */

table.pendingbets {

	

}



table.pendingbets a {

	color: #FFF;

	text-decoration: none;

}



table.pendingbets th { /*

  Green menu

  color:#fff;

  background-color:#629064;

  */

	text-align: center;

	padding: 5px;

	padding-left: 0;

	padding-right: 0;

	border: 1px solid #3C3C3C;

	background-color: #4C514B;

	color: #959595;

}



table.pendingbets td {

	text-align: center;

	border: 1px solid #3C3C3C;

	background-color: #303030;

	color: #AAA;

}



tr.betwon td {

	background-color: #002B00;

}



tr.betlost td {

	background-color: #4E0000;

	background-color: #340000;

}



/* end pending bets */

#betdetails {

	width: 100%;

	margin: 0 auto;

	clear: both;

	margin-top: 10px;

	font-size: 14px;

	color: #fff;

	font-weight: bold;

}



#betdetails ul {

	margin: 0 auto;

	padding: 0px;

	list-style-type: none;

}



#betdetails li {

	background-color: #303030;

	margin: 0 auto;

	padding-top: 5px;

	padding-bottom: 5px;

	margin-bottom: 3px;

	margin-top: 3px;

	width: 95%;

	text-align: center;

}



#betdetails li.left {

	text-align: left;

}



#betdetails a {

	font-weight: 200;

	font-size: 11px;

}



.grey {

	color: #6E6E6E;

	margin-left: 3px;

}



/*END PENDING AND CLOSED BETS*/ /* GAMES */

#games {

	width: 100%;

	margin: 0 auto;

	clear: both;

	margin-top: 10px;

	font-size: 14px;

	color: #fff;

	font-weight: bold;

}



#games ul {

	margin: 0 auto;

	padding: 0px;

	list-style-type: none;

}



#games li {

	background-color: #303030;

	margin: 0 auto;

	padding-top: 5px;

	padding-bottom: 5px;

	margin-bottom: 3px;

	margin-top: 3px;

	width: 95%;

	text-align: left;

	padding-left: 3px;

}



#games li.left {

	text-align: left;

}



#games li.center {

	text-align: center;

}



#games a {

	font-weight: 200;

	font-size: 11px;

}



/* END GAMES */ /* GAME */

#game {

	width: 100%;

	margin: 0 auto;

	clear: both;

	font-size: 14px;

	color: #fff;

	font-weight: bold;

}



#game ul {

	margin: 0 auto;

	padding: 0px;

	list-style-type: none;

}



#game li {

	background-color: #303030;

	margin: 0 auto;

	padding-top: 5px;

	padding-bottom: 5px;

	margin-bottom: 3px;

	margin-top: 3px;

	text-align: left;

	padding-left: 3px;

}



#game li.center {

	text-align: center;

}



#game li.left {

	text-align: left;

}



.bettable th {

	background-color: #629064;

	border: 1px solid #629064;

	padding: 5px;

}



.bettable td {

	border-bottom: 2px solid #303030;

	background-color: #504F4F;

}



.beterror {

	margin: 0 auto;

	background-color: #C67878;

	color: #fff;

	text-align: center;

	border: 1px solid #B45151;

	padding-left: 10px;

}



.betvalid {

	margin: 0 auto;

	background-color: #69BB71;

	color: #fff;

	text-align: center;

	border: 1px solid #1F6821;

	padding-left: 10px;

}



/* game comments */

#comments {

	width: 100%;

	margin: 0 auto;

	clear: both;

	margin-top: 10px;

	font-size: 12px;

	color: #fff;

}



#comments h2 {

	text-align: center;

	font-size: 25px;

	font-weight: 100;

	border-bottom: 1px solid #7F8180;

	width: 95%;

	margin: 0 auto;

	margin-bottom: 10px;

	padding-bottom: 5px;

	background-color: transparent;

	color: #4EA757;

}



#comments ul {

	margin: 0 auto;

	padding: 0px;

	list-style-type: none;

	width: 95%;

	border-bottom: 1px solid #7F8180;

	padding-bottom: 10px;

}



#comments li {

	background-color: #504F4F;

	margin: 0 auto;

	padding-top: 5px;

	padding-bottom: 5px;

	margin-bottom: 3px;

	margin-top: 3px;

	text-align: left;

	padding-left: 10px;

}



.littlegrey {

	color: #6E6E6E;

	font-size: 10px;

}



/*END GAME*/ /* INVITE */

.invitetable {

	font-weight: bold;

}



.invitetable input {

	background-color: #D9F1D5;

	border: 1px solid #3E7433;

	font-weight: bold;

	color: #24581A;

}



.errorbox {

	background-color: #FFDFFD;

	border: 1px solid #FFAFFA;

	padding: 8px;

	padding-left: 25px;

	border-left: 4px solid #F00;

	font-weight: bold;

	background-image: url(../icons/iconerror.gif);

	background-repeat: no-repeat;

	background-position: 2px 6px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 10px;

}





.sucessmessage {

	padding: 8px;

	padding-left: 25px;

	font-weight: bold;

	margin-left: auto;

	margin-right: auto;

	background-color: #f2fff2;

	border: 1px solid #ccffcc;

	background-image: url(../icons/iconsucess.gif);

	background-repeat: no-repeat;

	background-position: 2px 6px;

	border-left: 4px solid #007E00;

	margin-bottom: 10px;

}



.infomessage {

	padding: 8px;

	padding-left: 25px;

	font-weight: bold;

	background-color: #FBF8E0;

	border: 1px solid #F0DD3A;

	background-image: url(../icons/ring.gif);

	background-repeat: no-repeat;

	background-position: 5px 6px;

	border-left: 4px solid #007E00;

	margin-bottom: 10px;

	margin-left: 10px;

}



/* END INVITE */ /* RANKINGS */

.rankingmain {

	margin: 0 auto;

}



.rankingtop {

	border: 1px solid #5c5c5c;

	float: left;

	width: 238px;

}



table.ranking {

	width: 234px;

	margin: 2px;

}



table.ranking th {

	color: #fff;

	text-align: center;

	background-color: #629064;

	font-size: 14px;

	font-weight: bold;

	padding: 10px;

	border-bottom: 1px solid #303030;

}



table.ranking th.subth {

	color: #fff;

	text-align: center;

	font-size: 12px;

	padding: 2px;

	background-color: #504F4F;

}



table.ranking td {

	padding: 5px;

	background-color: #504F4F;

	border-bottom: 1px solid #303030;

}



table.ranking .myranking {

	background-color: #BCCABD;

}



table.ranking a {

	color: #FFF;

	text-decoration: none;

}



table.ranking a:hover {

	color: #FFF;

	text-decoration: underline;

}



.white {

	color: #fff;

}



/* END RANKINGS */ /* ABOUT, TOS, CONTACT */

.maininfo {

	margin: 0px;

	margin-top: 2px;

	background-color: #303030;

	padding: 0px;

	padding-left: 50px;

	padding-right: 30px;

	padding-bottom: 50px;

	padding-top: 30px;

}



/** games table **/

table.games {

	color: #FFF;

	font-weight: bold;

}



table.games {

	

}



table.games a,table.games a:hover,table.games a:visited {

	color: #FFF;

	text-decoration: none;

}



table.games a.green,table.games a.green:visited {

	color: #4FAB56;

	text-decoration: none;

}



table.games a.green:hover {

	color: #FFF;

}



table.games td {

	text-align: left;

	background-color: #303030;

}



table.games .odd {

	float: right;

	font-size: 10px;

	/*color: #888;*/

	color: #AAA;

	font-weight: normal;

}



table.games th {

	color: #959595;

	text-align: center;

	background-color: #4C514B;

	font-size: 130%;

	padding-top: 5px;

	padding-bottom: 5px;

}



table.games th.green {

	color: #fff;

	text-align: center;

	background-color: #629064;

}



table.games .gamecell {

	color: #FFF;

	text-align: left;

}



table.games .greycell {

	font-weight: normal;

	font-size: 10px;

	color: #888;

	text-align: right;

}



table.games .closedbets {

	background-color: #000;

}



/** My LEAGUEs**/

.mylbutton {

	border: 1px solid #3A693E;

	background-color: #4EA757;

	color: #fff;

	padding: 4px;

	padding-left: 8px;

	padding-right: 8px;

	font-weight: bold;

	margin: 5px;

	float: left;

	text-decoration: none;

}



/** GENERAL STUFF **/

.graybackground {

	width: 100%;

	background-color: #3c3c3c;

	margin: 0 auto;

	padding: 5px;

}



/* BONUS */



/*** END FORM STUFF **/

.bonuslost {

	width: 323px;

	background-color: #C67878;

	color: #fff;

	margin: 0px;

	margin-left: 2px;

	margin-bottom: 2px;

	border: 1px solid #B45151;

	padding: 5px;

	padding-left: 10px;

}



.bonuswin {

	width: 323px;

	background-color: #69BB71;

	color: #fff;

	margin-left: 2px;

	margin-bottom: 2px;

	border: 1px solid #1F6821;

	padding: 5px;

	padding-left: 10px;

}



/** Table paging items **/



/*

div.fdtablePaginaterWrap{

    margin-top: 15px;

    margin-bottom: 15px;

}



div.fdtablePaginaterWrap ul {

    margin-left: 0;

    padding-left: 0;

    display: inline;

} 



div.fdtablePaginaterWrap ul li {

    margin-left: 5px;

    padding: 0;

    border: 1px solid #000;

    list-style: none;

    display: inline;

}









div.fdtablePaginaterWrap li a {

        padding-top: 5px;

        color: #fff;

        text-decoration: none;

}





*/



div.fdtablePaginaterWrap{

    margin-top: 15px;

    margin-bottom: 15px;

}



div.fdtablePaginaterWrap a {

	border: 1px solid #000;

    color: #fff;

    text-decoration: none;

    padding: 5px 10px;

    margin-left: 10px;

    background-color: #303030;

}



div.fdtablePaginaterWrap a:hover {

    color: #FFF;

    background-color: #3C3C3C;

}



div.fdtablePaginaterWrap div.first-page, div.fdtablePaginaterWrap div.previous-page, 

        div.fdtablePaginaterWrap div.next-page, div.fdtablePaginaterWrap div.last-page{

    border: 1px solid #000;

    padding: 5px 10px;

    display: inline;

    margin-left: 10px;

    background-color: #3C3C3C;

}



div.fdtablePaginaterWrap ul {

	margin-left: 0;

}



/**

Modal box stuff

**/



#modal_container {  

  padding:5px;  

  background-color:#fff;  

  border:1px solid #46974E;  

  /* overflow:auto; */

  color:#333;  

  text-align:center;  

} 

    

#modal_container h2{

  font-size:100%;

  font-weight: bold;

  padding-bottom: 5px;

}



#modal_overlay {  

  background-color:#000;  

}