﻿html, body
{
    height: 100%;
    margin:0; 
    padding:0;
}
.clearer {clear:both}
body {
	font-size:12px;
	font-family:arial, helvetica, sans-serif;
	color:#ABABAB;
	background:url(../Images/website-bg.jpg) no-repeat top center #000000;
}
#site-container {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}
#wrapper
{
	clear: both;
}
#wrapper2
{
	clear: both;
}
#col-small {
    float:left;
    width: 196px;
}
#col-big {
    float:left;
    width: 804px;
}
#col-big-bkg
{
    /**/
}
.separator
{
    clear:both;
    width:100%;
    height:20px;
}
.clearer
{
    clear:both;
    width:100%;
}

/*-----------  TEXT STYLING START  ----------- */
a
{
    font-family:Arial, Sans-Serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration:none;
}
a:hover
{
    text-decoration:underline;
}
h1
{
    margin: 0px 0px 7px 0px;
}
h1 a
{
    font-family:Arial, Sans-Serif;
    font-size: 18px;
    color: #FFFFFF;
    font-weight:normal;
    text-decoration:none;
}
h1 a:hover
{
    text-decoration:underline;
}
h1.article-header
{
    font-family:Arial, Sans-Serif;
    font-size: 24px;
    color: #FFFFFF;
    font-weight:bold;
    width:440px;
    margin: 0px 0px 15px 0px;
}
h2.tournament-date
{
	font-family:Arial, Sans-Serif;
	font-size: 16px;
	color: #00ADC4;
	font-weight: bold;
}
h2
{
    margin: 0px 0px 7px 0px;
}
h2 a
{
    font-family:Arial, Sans-Serif;
    font-size: 20px;
    color: #FFFFFF;
    font-weight:normal;
    text-decoration:none;
}
h2 a:hover
{
    text-decoration:underline;
}
h3
{
    margin: 0px 0px 1px 0px;
}
h3 a
{
    font-family:Arial, Sans-Serif;
    font-size: 18px;
    color: #FFFFFF;
    font-weight:normal;
    text-decoration:none;
}
h3 a:hover
{
    text-decoration:underline;
}
p
{
    margin: 0px;
    padding:0px;
    font-family:Arial, Verdana;
    font-size: 12px;
    color:#ABABAB;
}
.blue
{
    color:#ABABAB !important;
    font-family: Arial,Verdana;
    font-size: 11px;
    text-decoration: none;
}
.blue:hover
{
    text-decoration:underline;
}
.blue12
{
    color:#ABABAB !important;
    font-family: Arial,Verdana;
    font-size: 12px;
    text-decoration: none;
}
.blue12:hover
{
    text-decoration:underline;
}
.date
{
    background-color:#000000 !important;
    color:#FFFFFF !important;
    height: 17px !important;
    padding: 2px 0 0 6px !important;
	border-top: 1px solid #333333;
}


/*-----------  TEXT STYLING END  ----------- */




/*-----------  HEADER START  ----------- */

#logo {
    float:left;
    width: 196px;
}
#logo a 
{
    text-decoration:none;
    width:196px;
    height:110px;
    display:block;
}
#header {
    float:left;
    width: 804px;
    padding:0px 0px 1px 0px;
	background:url(../Images/header-border.jpg) no-repeat bottom center;
}
#head-row3
{
    height: 22px;
    width:804px;
    padding:0px 0px 8px 0px;
}
#ticker
{
    display:none;
}
#emptyticker
{
    display:none;
}
#ticker-text
{
    display:none;
}


#crumb-container
{
    width: 780px;
    height: 20px;
    clear: both;
    color: #999999;
    background-position:0px 10px;
    margin-left: 10px;
    padding-top: 10px;
    font-size:11px;
}
#left-end
{
	/*background-image: url(../Images/crumbLeft.gif);*/
    background-repeat: no-repeat;
    width: 6px;
    height: 20px;
    float: left;
}
#right-end
{
	/*background-image: url(../Images/crumbRight.gif);*/
    background-repeat: no-repeat;
    width: 6px;
    height: 20px;
    float: left;
}
#crumb-text
{
    width: 464px;
    height: 18px;
    margin: 2px 0 0 5px;
    float: left;
    font-family:Arial, sans-serif, Verdana, Helvetica;
	font-size: 11px;	
}
#crumb-container a
{
    color: #999999;
    font-size:11px;
    text-decoration: none;
}
#crumb-container a:hover
{
    color: #666666;
    font-size:11px;
    text-decoration: underline;
}
#date-text
{
    width: 279px;
    height: 18px;
    margin: 2px 0px 0 0px;
    float: left;
    text-align: right;
    font-family:Arial, sans-serif, Verdana, Helvetica;
	font-size: 11px;
}
#rss-icon
{
    width: 18px;
    height: 17px;
    margin: 3px 0px 0 0;
    float: left;
    text-align: right;
    padding-right:2px;
}

/*-----------  HEADER  ----------- */

/*-----------  MENU START  ----------- */
#nav
{
    height: 40px;
    clear: both;
    width: 804px;
    margin:55px 0 0 0;
}
#nav ul
{
	padding: 0px;
	margin:0px;
    height: 40px;
}
#nav li
{
	padding: 0px;
	margin:0px;
    float: left;
    height: 40px;
    text-align:center;
    list-style:none;
    line-height:0px;
    white-space: nowrap;
    overflow:hidden;
}
#nav li img
{
    height:40px !important;
}
#nav li a
{
    display:block;
    white-space: nowrap;
    overflow:hidden;
}
#nav li a:hover, #nav li a.active
{
    background-position:0 -40px;
}
#menu-home
{
    background: url(../Images/menu-home.jpg);
}
#menu-home img
{
    width:61px !important;
}
#menu-news
{
    background: url(../Images/menu-news.jpg);
}
#menu-news img
{
    width:65px !important;
}
#menu-tournaments
{
    background: url(../Images/menu-tournaments.jpg);
}
#menu-tournaments img
{
    width:132px !important;
}
#menu-profiles
{
    background: url(../Images/menu-profiles.jpg);
}
#menu-profiles img
{
    width:89px !important;
}
#menu-tips
{
    background: url(../Images/menu-tactics.jpg);
}
#menu-tips img
{
    width:135px !important;
}
#menu-photogallery
{
    background: url(../Images/menu-photogallery.jpg);
}
#menu-photogallery img
{
    width:90px !important;
}
#menu-results
{
    background: url(../Images/menu-results.jpg);
}
#menu-results img
{
    width:89px !important;
}
#menu-information
{
    background: url(../Images/menu-information.jpg);
}
#menu-information img
{
    width:123px !important;
}

#sub-menu-normal, #sub-menu-tournaments, #sub-upcoming, #sub-calendar, #sub-previous,
#sub-register, #sub-menu-players, #sub-profiles, #sub-celebs, #sub-int, #sub-menu-information,
#sub-contact, #sub-faqs, #sub-legals, #sub-tc, #sub-how, #sub-about
{
    white-space:nowrap;
    height:22px;
    width:804px;
    clear:both; 
    text-align:center;
    font-family: Arial, Sans-Serif;
    /*color:#0f214f;*/
    line-height:20px;
    text-transform:uppercase;
    font-size:10px;
}

/*-----------  MENU END  ----------- */



/*-----------  LEFT COL  ----------- */
#left-col-logo
{
    width:196px;
    height:100px;
}
#left-col-logo a, #left-col-logo a:hover
{
    width:200px;
    height:100px;
    display:block;
    text-decoration:none;
}
.fb-like
{
    width:196px;
    padding:20px 0px 20px 0px;
}
#shield-trophy, #shield-tournament
{
    width: 200px;
    height: 62px;
}
#left-col-starcity
{
    width: 200px;
    height: 86px;
}
#left-col-appt
{
    width: 200px;
    height: 76px;
}
#left-col-ps
{
    width: 200px;
    height: 70px;
}
#news-alerts
{
    padding-top:83px;
    width:200px;
    height:33px;
    background:url(../Images/news-alerts-bg.jpg) no-repeat;
    text-align:center;
}
.go-butt
{
    background:url(../Images/go-butt.gif) no-repeat;
    width:23px;
    height:18px;
    border:0px;
    cursor:pointer;
}
/*-----------  LEFT COL END  ----------- */






/*-----------  MAIN CONTENT START  ----------- */


/*-----------  PROMO BOX  ----------- */
#promo
{
    width:804px;
    /*height:200px;*/
    background: url(../Images/header-border.jpg) no-repeat bottom left;
    padding:0px 0px 1px 0px;
}
#bgp-image
{
    width:245px;
    height:220px;
    float:left;
}
#promo-box
{
    width:555px;
    height:220px;
    text-align:center;
    float:left;
    background:URL(../Images/promo-btn.gif) no-repeat top left;
}
#promo-text
{
    width:460px;
    height: 38px;
	text-align:center;
	padding: 100px 0px 0px 32px;
	font-family:Arial, Sans-Serif;
	font-size:13px;
	margin: 0px;
	color:#c4bdae;
}
#promo-text a
{
	font-family:Arial, Sans-Serif;
	font-size:13px;
	color:#ffffff;
	text-decoration: underline;
}
#promo-text a:hover
{
	font-family:Arial, Sans-Serif;
	font-size:13px;
	color:#ffffff;
	text-decoration: underline;
}
#sponsors
{
    width:555px;
	height:77px;
	background:URL(../Images/sponsors-bg.jpg) repeat-x;
	padding-top:5px;
}
/*-----------  PROMO BOX END  ----------- */

.col780
{
    width:780px;
    padding:10px 5px 0px 10px;
    float:left;
}
.col470
{
    width:470px;
    padding:10px 5px 0px 10px;
    float:left;
    background:url(../Images/right-col-bg.jpg) no-repeat top right;
}
.col300
{
    width:300px;
    padding:10px 5px 0px 5px;
    float:left;
}
.col470 img, .col300 img, .col780 img
{
    border:0;
}
.box780
{
    width:750px;
    padding:15px;
    /*background-color:#FFFFFF;*/
}
* html .box470
{
    width:440px;
    padding:15px 15px 15px 15px;
    /*background-color:#FFFFFF;*/
}
.box470
{
    width:440px;
    padding:15px;
    /*background-color:#FFFFFF;*/
}
.box300
{
    width:282px;
    padding:9px;
    /*background-color:#FFFFFF;*/
}
.header780
{
    width:780px;
    height:40px;
}
.header470
{
    width:470px;
    height:40px;
}
.header300
{
    width:300px;
    height:40px;
}
.base780
{
    width:750px;
    padding-left:15px;
    padding-right:15px;
    height:15px;
}
.base470
{
    width:440px;
    padding-left:15px;
    padding-right:15px;
    height:15px;
}
.base300
{
    width:272px;
    padding-left:15px;
    padding-right:15px;
    height:15px;
}
.news-list
{
    margin: 0px;
    padding: 2px 0px 2px 20px;
}
.news-list li
{
    font-family:arial;
    font-size: 10px;
    color:#ABABAB;
}
.news-list li a
{
    font-family:Arial, Verdana;
    font-size: 12px;
    color:#ABABAB;
    text-decoration:none;
}
.news-list li a:hover
{
    text-decoration:underline;
}
.news-img
{
    /*width:174px;*/
    border:0px;
}
.boxout
{
	font-family:Arial, Verdana;
	font-size: 12px;
	/*background-color: #EEEEEE;*/
	margin-top:2px;
}

.boxout .heading
{
	background-color: #333333;
	text-transform: uppercase;
	color: #ffffff;
	margin-top:6px;
	padding: 2px 2px 2px 10px;
	font-weight:bold;
}

.boxout .content
{
	padding: 5px 10px 5px 10px;
}

/*-----------  MAIN CONTENT END  ----------- */

/*-----------  FOOTER START  ----------- */

#footer
{
    height: 88px;
    width: 804px;
    clear:both;
    margin:0px 0px 0px 196px;
}
#footer-container
{
    height: 69px;
    width: 768px;
    padding: 20px 18px 0px 18px;
    background: url(../Images/header-border.jpg) no-repeat top left;
}
#footer-logos
{
	width:257px;
	padding:0px;
	float:left;
}
#footer-links
{
	width:480px;
	padding-left:31px;
	float:left;
	color:#666666;
	font-family: Arial, Verdana;
	font-size:11px;
}
#footer-links p
{
    font-family: Arial, Verdana;
	font-size:10px;
	color:#888888;
	margin: 5px 0px 0px 0px;
}
#footer-links a
{
    color:#dddddd;
	text-decoration:none;
}
#footer-links a:hover
{
    color:#dddddd;
	text-decoration:underline;
}

/*-----------  FOOTER END  ----------- */

/*-----------  TOURNAMENTS START  ----------- */

#calendar_container
{
	margin-top: 10px;
	margin-bottom: 20px;
}

#calendar_container .title
{
	background: url(../Images/header-tournaments-large.gif) no-repeat;
	height: 40px;
	text-align: right;
	width: 778px;
	margin: 0 auto;
	vertical-align: bottom;
}

#calendar_container .title .text
{
	color: #ffffff;
	padding-top: 18px;
	text-transform: uppercase;
	font-weight: bold;
	float:left;
	width: 725px;
}

#calendar_container .title .buttons
{
	float:left;
	width: 45px;
	padding-top: 18px;
	margin-right: 5px;
}

#calendar_container .calendar
{	
	width: 780px;
	margin: 0 auto;
}
#calendar_container .calendar table
{	
	background-color: #000000 !important;
    border-color: #333333 !important;
}
#calendar_container .calendar th, #calendar_container .calendar td
{	
    border-color: #333333 !important;
}
#calendar_container .dayHeader
{	
	background-color: #000000;
	height: 29px;
	text-transform: uppercase;
	color: #666666;
	font-size: 10pt;
}

#calendar_container .day
{
	background-color: #222222;
	color: #FFFFFF;
	padding: 2px 2px 2px 4px;
	font-weight: bold;
}

#calendar_container .dayContents
{
	padding: 4px;
}

#calendar_container .footer
{
	height: 37px;
	margin-left: 9px;
	text-align: center;
	font-size: 8pt;
	color: #999999;
	padding-top: 10px;
}

#calendar_container a, #calendar_container a:visited, #calendar_container a:hover
{
	font-family: Arial, Sans-Serif;
	color:#FFFFFF;
	text-decoration: none;
}

#calendar_container a:hover
{
    text-decoration:underline;
}

#calendar_container .separator, #calendar_container .separatorOther
{
    clear:both;
    width:90%;
    height: 1px;
    margin: 0 auto;
}

#calendar_container .separator
{
	border-top: 1px dotted #cccccc;
}

#calendar_container .separatorOther
{
	border-top: 1px dotted #ffffff;
}

#tournament p
{
	font-size: 12px;
}

#tournament .notes, #tournament .notes p
{
	font-size: 11px;
}

#tournament .notes ul
{
	font-family:Arial, Verdana;
	margin: 0;
	padding-left: 15px;
}

#tournament .boxout
{
	font-family:Arial, Verdana;
	font-size: 13px;
	margin-top:2px;
}

#tournament .boxout .heading
{
	background-color: #333333;
	text-transform: uppercase;
	color: #ffffff;
	margin-top:6px;
	padding: 2px 2px 2px 10px;
	font-weight:bold
}

#tournament .boxout .content
{
	padding: 5px 10px 5px 10px;
}

#tournament a, #tournament a:visited, #tournament a:hover
{
	color:#FFFFFF;
	text-decoration: none;
}

#tournament a:hover
{
    text-decoration:underline;
}

#tournament .footer
{
	text-align: center;
	font-size: 8pt;
	color: #666666;
	padding-top: 20px;
}

/*-----------  TOURNAMENTS END  ----------- */


/*-----------  GALLERIES START ----------- */

#gallery h3 a
{
	font-family:Arial, Verdana;
	font-size: 20px;
	font-weight:normal;
}

#gallery .date, #gallery .date a, #gallery .date a:hover, #gallery .date a:visited, .galleryDate
{
	color: #999999;
	font-size: 11px;
	/*font-weight: bold;*/
	text-decoration: none;
	padding-bottom: 8px;
	margin:4px 0 0 0;
}

#gallery .date a:hover
{
	text-decoration: underline;
}

.Thumbnails
{
	border: solid 1px #333333;
	width: 97px;
	height: 90px;
	text-align: center;
	line-height: 90px;
	font-size: 55px;
	margin: 3px;
	background-color: #222222;
}

*>.Thumbnails
{
	font-size:12px;
}

/*-----------  GALLERIES END ----------- */
.topstory-carousel
{
    padding: 10px 0px 10px 2px !important;
}
.selected_0, .selected_1, .selected_2, .selected_3, 
.selected_4,
.unselected_0, .unselected_1, .unselected_2, .unselected_3, 
.unselected_4,
.nextselected_1,.nextselected_2,.nextselected_3,.nextselected_4
{ margin:0px }
.unselected_0, .selected_0 { background: url(../Images/Chip-1.jpg) no-repeat; width:35px; height:36px; float:left; }
.unselected_1, .selected_1,.nextselected_1 { background: url(../Images/Chip-2.jpg) no-repeat; width:34px; height:36px; float:left; }
.unselected_2, .selected_2,.nextselected_2 { background: url(../Images/Chip-3.jpg) no-repeat; width:34px; height:36px; float:left; }
.unselected_3, .selected_3,.nextselected_3 { background: url(../Images/Chip-4.jpg) no-repeat; width:34px; height:36px; float:left; }
.unselected_4, .selected_4,.nextselected_4 { background: url(../Images/Chip-5.jpg) no-repeat; width:35px; height:36px; float:left; }
.hiddenListText { display: block; width: 20px; height: 65px; font-size:12px; font-weight:bold;padding-top:3px }
.unselected_0 { background-position: 0px 0px; }
.unselected_1 { background-position: 0px 0px; }
.unselected_2 { background-position: 0px 0px; }
.unselected_3 { background-position: 0px 0px; }
.unselected_4 { background-position: 0px 0px; }
.selected_0 { background-position: 0px -36px; }
.selected_1 { background-position: 0px -36px; }
.selected_2 { background-position: 0px -36px; }
.selected_3 { background-position: 0px -36px; }
.selected_4 { background-position: 0px -36px; }
.nextselected_1 { background-position: 0px 0px; }
.nextselected_2 { background-position: 0px 0px; }
.nextselected_3 { background-position: 0px 0px; }
.nextselected_4 { background-position: 0px 0px; }

