body
{
	background:url('../../images/pro2010_bgd_tile.gif');
	background-repeat:repeat;
	background-color: #242221;
	margin: 0px;
	font-family: arial;
	font-size: 12px;
	color: #dbd7cc;
}
#mainContent{white-space: normal; position: relative; top: 0px; z-index: 500px}
.contentBg{
	background: url('../../Images/Front/pro_front_bg.png'); width: 998px; height: 369px;
	background-repeat: no-repeat;
	/*background-color:#242221;*/
}
.text{width: 410px; overflow: auto;}
img.photosOver
{
    filter:alpha(opacity=30);
    opacity:0.3; 
    border: solid 2px #fff;
    margin:0;
    padding:0;
}
img.photosOut
{
    border: solid 2px transparent;
    margin:0;
    padding:0;
}
.pnlNewsletter{background: #231f20; width: 350px; height: auto; border: solid 1px #fff; position: absolute;visibility: visible;}
.modalPopup{background-color:#000;filter:alpha(opacity=70);opacity:0.7;}
.pnlDownload{background: #231f20; width: 70px; height: 50px; border: solid 1px #413a3c; padding: 10px; position: absolute; visibility:hidden; margin-top:15px;}
.imgBorder{font-size: 0px;}
.menuBg{background: url('../../images/menus/2009_pro_menu_ddown.jpg'); width: 506px; height: 28px; border-right: solid 1px #413a3c; background-repeat: no-repeat; background-position:bottom right;}
.leftTag
{
    padding: 0 3px 15px 15px; 
    background: url('../../images/front/side_bar_tile.png'); 
    background-repeat: repeat-y; 
    width: 355px; 
    height: 100%;
    position:relative;
    z-index:99;
}
.eventStatus{border: solid 1px #413a3c; width: 240px; padding: 12px;}
.weatherForecast{border: solid 1px #413a3c; width: 240px; padding: 12px;}
.hotLine{border: solid 1px #413a3c; width: 240px; border-top: none; padding: 12px 0px 12px 0px;}
.blueF{color: #00afaa; line-height: 18px;}
.grayF{color: #939598; line-height: 18px}
.whiteF{color: #fff; line-height: 18px}
.graySmallHeading{color: #939598; font-size: 13px; text-transform: uppercase;}
.blueHeading{color: #00afaa; font-weight: bold; font-size: 14px; text-transform: uppercase; text-decoration: none;}
.whiteHeader{color: #fff; font-weight: bold;}
.whiteHeading{color: #fff; font-weight: bold; font-size: 16px; text-transform: uppercase; text-decoration: none;}
.whiteHeading1{color: #fff; font-weight: bold; font-size: 16px; text-transform: capitalize; text-decoration: none;}
.heading{color: #00afaa; font-size: 13px; text-transform: uppercase; font-weight:bold;}
.darktext {color:#242221; font-size:15px; font-weight:bold;}
.rightContent
{
    background: url('../../images/front/main_bar_tile.png'); 
    background-repeat: repeat-y; 
    padding: 0 10px 15px 15px; 
    width: 613px; 
    height:100%;
    position:relative;
    z-index:99;
}
.mainContent{width: 580px;}
.transPxlW10{width: 10px;}
a.whiteu{color: White; text-decoration: underline;}
a:hover.whiteu{color: White; text-decoration: none;}
.imgWhiteBorder{border: solid 5px #fff;}
.imgWhiteBorder2{border: solid 2px #fff;}
.iframePhotos
{
    width: 600px; 
    height: 480px; 
    background: #231f20;
}
.pnlPhotos
{
    background: #231f20; 
    width: 600px; 
    height: 510px; 
    border: solid 1px #413a3c; 
    position: absolute;
    visibility: visible;
    z-index:99999;
}
.purpleHeader{color: #a54399; font-size: 20px;}
.purple{color: #a54399; font-size: 14px;}
.blueHeader{color: #00afaa; font-size: 20px;}
.purpleHeading{color: #00afaa; font-size: 20px; font-weight: bold; text-transform: uppercase;}
hr{border: solid 1px #413a3c; font-size: 1px; color: #454142;}
a.readMore{color: #00afaa; text-decoration: underline;font-weight: bold;}
a:hover.readMore{color: #00afaa; text-decoration: none; font-weight: bold;}
a.menu{color: #a54399; text-decoration: none; font-size: 12px; text-transform: uppercase;}
a:hover.menu{color: #fff; text-decoration: none; font-size: 12px; text-transform: uppercase;}
.grayHeader{color: #939598; font-size: 16px; font-weight: bold; text-transform: uppercase; }
a{color: White; text-decoration: underline;}
a:hover{color: White; text-decoration: none;}
.extIframe{background-color:#242221;}
.tickerBg{background: url('../../images/tickerBg.gif'); background-repeat: no-repeat; background-position: top; height: 47px;}
.pnlTicker{position:absolute; width: 350px; height:280px; border: solid 1px #fff;background: #231f20;}
.gray12{font-size: 12px;}
.red12{font-size: 12px; color: Red;}
.textBox{width: 320px; overflow: auto; font-size: 11px; font-family:Arial;}
.downloads{width: 580px;}
.newsImgBorder{border: solid 2px #fff;}
ul{margin-left:15px;}
.paddingleft{padding-left:20px;}

.popupControl
{
	visibility: hidden;
	position:absolute;
	padding: 5px;
}

#banner
{
    position: relative; 
    height: 200px; 
    border: none;
    z-index:99;
}

/* Tooltip */ 
#tooltip {   
    position:absolute;   
    z-index:9999;   
    color:#fff;   
    font-size:10px;   
    width:10%;
    }
 
#tooltip .tipHeader {   
    height:8px;   
    background:url(images/tipHeader.gif) no-repeat;   
}   

#scoresvideo
{
    width:997px;
    text-align:center;
    margin-top:10px;
}
  
/* IE hack */  
*html #tooltip .tipHeader {margin-bottom:6px;}  
 
#tooltip .tipBody {   
    background-color:#000;   
    border: solid 3px #fff;
    padding:5px;   
}  
 
#tooltip .tipFooter {   
    height:8px;   
    background:url(images/tipFooter.gif) no-repeat;   
}

 #carousel {
        margin: 0 auto;
        width: 400px;
        height: 390px;
        padding: 0;
        overflow: scroll;
        z-index:9999;
        /*border: 2px solid #999;*/
    }
    #carousel ul {
        list-style: none;
        width: 1500px;
        margin: 0;
        padding: 0;
        position: relative;
    }
    #carousel li {
        display: inline;
        float: left;
    }
    
     #carousel_videos {
        margin: 0 auto;
        width: 550px;
        height: 200px;
        padding: 0;
        overflow: scroll;
        z-index:999;
        /*border: 2px solid #999;*/
    }
    #carousel_videos ul {
        list-style: none;
        width: 1500px;
        margin: 0;
        padding: 0;
        position: relative;
    }
    #carousel_videos li 
    {
        display: inline;
        float: left;
    }

     #carousel_photos {
        margin: 0 auto;
        width: 550px;
        height: 200px;
        padding: 0;
        overflow: scroll;
        z-index:999;
        /*border: 2px solid #999;*/
    }
    #carousel_photos ul {
        list-style: none;
        width: 1500px;
        margin: 0;
        padding: 0;
        position: relative;
    }
    #carousel_photos li 
    {
        display: inline;
        float: left;
    }

    .textholder {
        text-align: left;
        font-size: small;
        padding: 6px;
        -moz-border-radius: 6px 6px 0 0;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
    }
    /** carousel **/
   .jcarousel-control {    margin-bottom: 10px;    text-align: center;}
   .jcarousel-control a {    font-size: 75%;    
                             text-decoration: none;    
                             padding: 0 5px;    
                             margin: 0 0 5px 0;    
                             border: 1px solid #fff;    
                             color: #eee;    
                             background-color: #4088b8;    
                             font-weight: bold;
                             }
   .jcarousel-control a:focus, .jcarousel-control a:active {    outline: none;}
   .jcarousel-scroll {    margin-top: 10px;    text-align: center;}
   .jcarousel-scroll form {    margin: 0;    padding: 0;}
   .jcarousel-scroll select {    font-size: 75%;}
   #mycarousel-next,   #mycarousel-prev {    cursor: pointer;    
                                             margin-bottom: -10px;    
                                             text-decoration: underline;    
                                             font-size: 11px;}

#slider ul {
	padding: 0 6px 0 0;
	float: left;
	z-index:99999;
	height:150px;
} 

#slider ul li {
	padding: 0 6px 10px 0;
	list-style: none;
	display: inline;
}
	
#slider ul li.first 
{
	border-left: none;
	list-style: none;
	display: inline;
}
	
#lfNav
{
    position: absolute; 
    top: 37%; 
    left: 2px;
    z-index: 100;
}

#rtNav
{
    position: absolute; 
    top: 37%; 
    right: 6px;
    z-index: 100;
}

.next{border: none; cursor: hand;}
.prev{border: none; cursor: hand;}

.leftArea{background: #000; border: solid 1px #463e40; padding-top: 10px; padding-bottom: 10px; width:320px; }

#myZindex{z-index: 10000;position :absolute;}

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
	white-space: nowrap;
}
	
.simply-scroll-list li img {
	border: none;
	white-space: nowrap;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 830px;
	height: 20px;
	margin-bottom: 1em;
	white-space: nowrap;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	height: 20px;
	white-space: nowrap;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	height: 20px;
	white-space: nowrap;
}

#livevideo
{
    text-align:right;
    vertical-align:top;
    padding:10px;
    background-color:#242221;
    border-right: 2px solid #1f1d1c;
    border-top: 2px solid #1f1d1c;
    border-bottom: 2px solid #1f1d1c;
    margin-top:20px;
}

#livescoring
{
    text-align:left;
    vertical-align:top;
    padding:10px;
    background-color:#242221;
    border-left: 2px solid #1f1d1c;
    border-top: 2px solid #1f1d1c;
    border-bottom: 2px solid #1f1d1c;
    margin-top:20px;
}

/* mobile */
#mobile
{
    width:90%;
    min-height:320px;
    margin-left:auto;
    margin-right:auto;
    background: #242221;
    text-align:center;
    border:2px solid #1f1d1c;
    margin-top:10px;
}

#mobLeft
{
    float:left;
    height:100%;
    background: url('../images/left_img.png') repeat-y;
    width:10px;
}

#mobRight
{
    background: url('../images/right_img.png') repeat-y;
    float:right;
    height:100%;
    width:10px;
}

.mobilebg
{
    width: 90%; 
    vertical-align:top;
    margin-top:10px;
    margin-bottom:10px;   
}

#mobilenav
{
    max-width:90%;
    padding:5px;
    text-align:center;
}

#mobilenav ul
{
    text-align:center;
    max-width:90%;
    list-style:none;
}

#mobilenav li
{
    padding-right:5px;
    display: inline;
    max-width:90%;
}

#mobile_logo
{
    text-align:center;
}

#mobilefooter
{
    width:90%;
}

.mobileextIframe
{
    border-color: #333333; 
    background-color:#231f20;
    max-width:90%;
    height:500px;
    text-align:center;
    vertical-align:middle;
}

.mobile_map
{
    z-index: 9999; 
    max-width: 90%; 
    min-height: 350px; 
    text-align: center;
}

#mobile_news
{
    max-width:90%;
    text-align:center;
}

.floatRight
{
    float:right;
}

.floatLeft
{
    float:left;
}