/* CSS Document */

html, body { background:#ffffff;background-image:url(/images/bg.gif); margin: 0; padding: 0; display:block; }

.hidden {display: none;}

#page-container { width:780px; border-color:#ece9d8; border:0px; margin: 0 auto; position:relative; text-align:center; vertical-align:top; }

#page-title { height:28px; margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center;}


.style1 {font-size: small}
.style2 {color: #666666}
.style3 {font-size: xx-small}
.style4 {
	color: #666666;
	font-size: xx-small;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: x-small;
}
.style6 {font-size: x-small}
.style7 {
	font-size: large;
	font-weight: bold;
	font-style: italic;
}
.style8 {
	font-size: large;
	font-weight: bold;
}
.style9 {font-size: medium}
.style11 {font-size: medium; font-family: Arial, Helvetica, sans-serif; }





/*##############  Header  ############## */

#header { background:url(/images/topbg.gif); height:105px; vertical-align:top; position:relative; margin:0; }

#main-nav{ width:585px; float:left; height:21px; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-top:5px; vertical-align:bottom; }
#main-nav ul {padding:0; margin:0; float:left}
#main-nav li {display:inline; list-style-type:none; padding-right:20px;}
#main-nav li a {color:#000000; padding-left:10px; background-image:url(/images/arrow2.gif); background-repeat:no-repeat; font-weight:bold; text-decoration:none;}

.main-nav-logo{ left:125px; background-image:url(/images/poweredby.jpg); background-repeat:no-repeat; position:absolute; width:450px; margin:0; color:#1e90ff; font-style:italic; font-size:large; font-weight:700; font-weight:bold; top:35px; font-family:Arial, Helvetica, sans-serif;}	

#ticket-hotline{width:179px; float:left; height:84px; position:relative; margin:0; }


/*##############  Content  ############## */
#content {width:451px; margin:0 auto;}
#content-wrapper {background-image: url(/images/contentbg.gif); width:754px; padding:13px; margin: 0; }

#content-wrapper, #content, #right-column, #seprator{ float:left; position:relative; }

#intro-box {background-color:#FFFFFF; text-align:left; border:1px solid #000000; padding:5px; margin:0px auto; margin-top:5px; font-family:Arial, Helvetica, sans-serif;}
#intro-box h1 {font-weight:bold; font-size: large;}
#intro-box h2 {font-weight:bold; font-size: medium;}

#intro-box ul {margin-top:10px; margin-left:0px;}
#intro-box li {display:block; list-style-type:none; padding-right:20px;}
#intro-box li a {color:#000000; padding-left:10px; background-image:url(/images/arrow.jpg); background-repeat:no-repeat; font-weight:bold; text-decoration:none;font-size:13px; font-style:italic;}

.inner-content {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.intro-content a {font-weight:bold; text-decoration:none; color:#000000;}

#intro-box-content {position:relative; text-align:left; vertical-align:top; padding:0; margin-left:5px; margin-top:10px;}
#intro-box-content a {font-weight:bold; font-size:10px;}
#intro-box-content p {font-size:10px;}


.match-img {float:left; margin-right:10px;}

.content {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; position:relative;}
.content a {text-decoration:none; }
.content span {font-size:18px; margin: 0 auto;}

.orangestripe {background-image:url(/images/orangestripe.gif); height:3px;}

.intro-box-title, .content-box-title{color:#1e90ff; font-family:Arial, Helvetica, sans-serif; font-size:small; text-align:left; font-weight:bold; margin:5px; font-size:14px;}

.content-box-title {color:#000000; }

.week-popular {background-color:#FFFFCC; font-size:13px;}
.week-popular a {font-weight:bold;font-weight:bold; text-decoration:none; color:#000000;}
.week-popular-header {background-color:#FFFF99; font-weight:bold; font-size:13px;}

.buy-tickets {font-size:13px;}
.buy-tickets a {font-weight:bold;font-weight:bold; text-decoration:none; color:#000000;}
.buy-tickets-header {font-weight:bold; font-size:13px;}

.hot-title {font-size:12px; padding-top:30px;}


.StepInfo { font-family:Verdana; font-weight:bold; font-size:10px; color:#666666; text-align:left; padding-left:0px; padding-bottom:20px}
#MatchInfo { font-family:Verdana; font-weight:bold; font-size:14px; color:#666666; background-color:#EEEEEE; text-align:left; padding:5px; margin-bottom:10px;}
#MatchInfo p {margin: 2px; font-size:12px; font-weight:normal; }
/* .buybutton { background-image:url(/images/buybutton.jpg); background-repeat:no-repeat; margin-top:25px; margin-left:95px; padding-top:18px; width:230px; float:left; height:60px; text-align:center; text-decoration:none; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:19px;}*/

#StepInfo {background-image:url(/images/StepBack.gif);height:49px; position:relative; text-align:left;}
#StepInfo span {position:absolute; margin:15px 0 0 5px; color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold;}

.ShowHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	height:16px;
	background-color:#666666;
	margin:5px;
	text-align:left;
}


.ShowHeader td {padding:5px;}
.ShowHeader a {color: #FFFFFF;}

.ShowContent {
	font-weight: normal;
	color:#000000;
	height:16px;
	background-color:#FFFFFF;
}

.ShowContent a {font-weight:bold; color:#666666;}

.ShowContentAlt {
	background-color:#E0E0E0;
}

.Required {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: Red;
	margin-left:5px;
}


#seprator {width:13px; border-color:#ece9d8;}


/*##############  Right Column  ############## */
#right-column {width:289px; border-color:#ece9d8; margin-top:10px;}
#search-box {height:90px; text-align:left; margin:0; font-weight:lighter}

#right-box {text-align:left; position:relative; min-height:150px; border-color:#000000; background-color:#FFFFFF; border:1px solid #000000; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; }
#right-box .listing-title{color:#1e90ff; font-family:Arial, Helvetica, sans-serif; font-size:small; text-align:left; font-weight:bold; padding:5px 0px 0px 10px; margin:0px; font-size:16px;}
#right-box .listing-title1{color:#1e90ff; font-family:Arial, Helvetica, sans-serif; font-size:small; text-align:left; font-weight:bold; padding:5px 0px 0px 10px; margin:0px; font-size:14px;}

#right-box ul {padding:5 10px 10px 10px; margin:0; padding-left:10px;}
#right-box li {display:block; list-style-type:none; }
#right-box li a {color:#000000; padding-left:10px; background-image:url(/images/arrow.jpg); background-repeat:no-repeat; font-size:10px; text-decoration:none;}

#right-box ol {padding:5px 10px 10px 10px; margin:0;}
#right-box ol li {display:block; padding-right:5px; }
#right-box ol li {color:#000000; padding-left:10px; background-image:url(/images/arrow.jpg); background-repeat:no-repeat; font-size:10px; text-decoration:none;}


#footer { background-image: url(/images/contentbg.gif); vertical-align:middle; text-align:center; font-size:10px; font-family:Arial, Helvetica, sans-serif; padding-bottom:10px; border-bottom:#000000; border-bottom-style:solid; border-width:1px;}
.footer-topbar { background-image:url(/images/orangebar.gif); height: 10px; width:774px;padding: 0px 3px 0px 3px; }

