/* 
   Salcombe Website v1.0 Styles
*/
@font-face {
 font-family: swatchit;
 src: url('fonts/SWATRG__.eot'); /* EOT file for IE */
}
@font-face {  
	  font-family: swatchit;  
	  src: url('fonts/SWATRG__.TTF') format('truetype');  
	} 
h1 {font-family:swatchit,arial,sans-serif;color:#B10706;font-size:28px;margin:9px 0 9px 0;}
h1.h1home {margin-left:80px;margin-top:5px;}
h1.h1homeleft {margin-left:10px;margin-top:5px;}
h2 {font-family:swatchit,arial,sans-serif;color:#B10706;font-size:20px;margin:9px 0 9px 0;}
h2.h2homeleft {margin-left:10px;margin-top:5px;}
img {border:0;}
a:active, a:hover {outline:none;}
a, a:link, a:visited {color:#dddddd;text-decoration:none;}
a:hover {text-decoration:underline;}
body {font-family:arial,sans-serif;font-size:12px;background-color:#121212;color:#8A8A8A;margin:0;}
#foundation {width:690px;margin:0 auto 0 auto;color:inherit;}
#toolsmenu {position:relative;padding:5px 40px 0 0;text-align:right;background:#393939;color:#5e5e5e;line-height:14px;}
#header {position:relative;background: #393939 url('images/header.png') 12px 0 no-repeat;width:690px;height:271px;}
#content {margin:0;padding:0;}

#map {margin: 10px auto 20px auto;}
#sidebar_map {display:none;}

#topleft,
#topright,
#bottomleft, 
#bottomright {position:relative;float:left;width:329px;padding:5px;height:172px;}
#topleft {background: url('images/tl-bg.png') top left no-repeat;width:329px;}
#topleft .logo {position:relative;float:left;top:0;left:0;width:71px;}
#topleft img.findus, #bottomleft img.leaguetable {position:relative;float:left;margin:5px 0 10px 5px;}
#topright {background: url('images/tr-bg.png') top right no-repeat;width:339px;margin-left:2px;}
#topright img.logo{position:relative;float:left;}
#topright img.latestnews {position:relative;float:left;margin:5px 40px 10px 28px}
ul.newshome {margin-left:20px;list-style-type:none;margin:10px 0 10px 0px}
ul.newshome a, ul.newshome a:link, #footer a:visited {color:#aaaaaa;text-decoration:none;}
ul.newshome a:hover {text-decoration:underline;}

.rightbox {position:relative; margin:0 0px 10px 10px;float:right; width:180px; background:#393939;border:1px solid #677445; }
.rightbox ul {list-style-type:none;padding-left:10px;}

img.dropshadow {display:block;-moz-box-shadow: 2px 2px 10px #000; -webkit-box-shadow: 2px 2px 10px #000;}

#bottomleft {height:auto;}
#bottomright {height:192px;width:337px;}
#footer {position:relative;background: #393939;width:670px;height:51px;padding:10px;margin-bottom:0;text-align: center;}

div.findusleft {position:relative;margin:10px 0 0 40px;width:110px;}
div.findusright {position:relative;float:right;margin:10px 10px 0 0;}
p.findusbottom {position:relative;margin:5px 0 0 40px;}

#rightcol {position:relative;float:right; margin:0 10px 10px 20px;width:220px;}
#rightcol .top {background:transparent url('images/right-col-top.png') left top no-repeat;height:43px;}
#rightcol .middle {background:transparent url('images/right-col-middle.png') left top repeat-y;}
#rightcol .bottom {background:transparent url('images/right-col-bottom.png') left top no-repeat;height:17px;}
div#newsaccordion .ui-accordion-content {padding-top:5px;padding-bottom:5px;}
ul.newsaccordion {margin:0 5px 0 0;padding-left:0;}
ul.newsaccordion a,
ul.newsaccordion a:link,
ul.newsaccordion a:visited {color:#8A8A8A;text-decoration:none;}
ul.newsaccordion a:hover,
ul.newsaccordion a:active {text-decoration:underline;}

.article h3 {margin-bottom:5px;}
.articlebyline {font-size:9px;}

#footer a, #footer a:link, #footer a:visited {color:#aaaaaa;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer ul {list-style: none;margin:0 0 0 140px;padding:0;}
#footer ul li {float:left;margin:0 20px 0 0;padding: 0;}
.fline {line-height:22px;}

#rssoptions  {position: relative;width:180px;float:right;}
.rssicon {display:block;float:left;height:16px;width:16px;margin-right:4px;background: url('images/newrssxmlfeedicon.png');}
.icalicon {display:block;float:left;height:16px;width:16px;margin-right:4px;background: url('images/busycal_icon.png');}

#archiveoptions  {position: relative;width:180px;float:right;}
.archiveicon {display:block;float:left;height:16px;width:16px;margin-right:4px;background: url('images/newspaper_16.png');}

/* Fixtures */
h4.fixturesaccordion{margin:0 0 4px 0;border-bottom:1px solid #FFFFFF;}
table.fixturesaccordion {margin-bottom:10px;}
img.fixturesaccordion{display:block;margin-left:auto;margin-right:auto;}

/* jquery UI over-rides */
.ui-widget-content {color:#8A8A8A;}
/****** FG Tools Section **********************************
*  Support for the various FG tools we're using goes here *
***********************************************************/
.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
.fg-button { clear:left; margin:0 5px 5px 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left;  }
button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }
/****** END OF FG Tools Section *******************/


/******* Pop Out Ad ******/
/* Define the space for the popout. */
#popout {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 200px;
	left: 0;
	width: 320px;
	height: 350px;
	z-index: 100;
	overflow: hidden; 
	/* Allows us to hide the ad with a negative margin. */ }

/* Basic formatting within the ad space. */
#popout a, #popout a img {text-decoration: none;border: 0;outline: 0; }
#popout a span {display: none; }
#popout #cap {width: 20px;height: 350px;position: relative;left: 0;z-index: 102; }
#popout a#close {position: absolute;background: transparent url('images/popout/transparent.gif');top: 0;left: 240px;height: 20px;width: 60px; }
#popout #adbox {position: absolute;top: 10px;left: 20px;margin-left: -300px;z-index: 101; }

/******* End Pop Out Ad ******/

/* Awesome buttons */
.awesome, .awesome:visited {
	border:0;
	background: #222222 url('images/super-awesome-alert-overlay.png') repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #ffffff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
	.awesome:hover							 { background-color: #7A3D3C; color: #fff; }
	.awesome:active							 { top: 1px; }
	.small.awesome, .small.awesome:visited   { font-size: 11px;}
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1;}
	.large.awesome, .large.awesome:visited 	 { font-size: 14px; padding: 8px 14px 9px; }
	
	.red.awesome, .red.awesome:visited		 { background-color: #b10706; }
	.red.awesome:hover						 { background-color: #7A3D3C; }
/* End Awesome buttons */


/* Menu System */
.navt {padding:0 0 0 10px; margin:0; list-style:none; height:31px; background:url('images/menu/back.gif') repeat-x; font-size:12px;}
.navt li {float:left; height:31px;}
.navt li a {display:block; height:31px; width:124px; float:left; line-height:27px; color:#FFFFFF; text-decoration:none; text-align:center;}
.navt li a:hover {position:relative; visibility:visible; line-height:25px; z-index:50;}
.navt li a:hover b {display:block; width:124px; height:21px; background:url('images/menu/toptab_shadow.png');}
.navt li a:hover span {display:block; width:124px; height:31px; position:absolute; left:0; top:0; cursor:pointer;}
.navt li ul, .navt li div  {position:absolute; left:-9999px;}
.navt li:hover {position:relative;}
.navt li:hover > a {line-height:25px; color:#FFFFFF;font-weight:bold;}
.navt li:hover > a b {display:block; width:124px; height:31px; background:url(images/menu/toptab_shadow.png);}
.navt li:hover > a span {display:block; width:124px; height:31px; position:absolute; left:0; top:0; cursor:pointer;}

.navt table {border-collapse:collapse; margin:-1px;}

.navt :hover div {left:0; top:27px; width:200px; height:144px; padding:10px 0; background:url(images/menu/sub_back.png); z-index:100;}

.navt :hover ul {padding:0; margin:0; list-style:none; left:0; top:27px; width:200px; height:144px; padding:10px 0; z-index:120;}
.navt :hover ul li {height:27px;}
.navt :hover ul li a {height:27px; line-height:27px; color:#fff; width:196px; text-align:left; text-indent:20px;}
.navt :hover ul li.fly a {background:url(images/menu/arrow.gif) no-repeat 150px center;}
.navt :hover ul li a:hover {background: url(images/menu/subtab_over.png); color:#FFFFFF;}
.navt :hover ul li:hover > a {background: url(images/menu/subtab_over.png); color:#FFFFFF;}

.navt :hover ul ul, .navt :hover ul div {position:absolute; left:-9999px;}
.navt :hover ul :hover {z-index:200;}
.navt :hover ul :hover div {left:150px; top:-4px; width:200px; height:144px; padding:10px 0; background:url(images/menu/sub_back.png); z-index:200;}
.navt :hover ul :hover ul {padding:0; margin:0; list-style:none; left:150px; top:-4px; width:200px; height:144px; padding:10px 0; z-index:250;}
.navt :hover ul :hover ul li a {background:transparent;}
.navt :hover ul :hover ul li a:hover {background: url(images/menu/subtab_over.png); color:#FFFFFF;}

/* js-disabled class - set image sizes so they all fit in the viewer */
.js-disabled img { width:100px; height:100px; display:block; float:left; margin:30px 0 0; }
#outerContainer { width:542px; height:202px; margin:auto; position:relative; margin-bottom:20px;}
#imageScroller { width:542px; height:202px; position:relative; background:url('images/imageScrollerBG.png') no-repeat; }
#viewer { width:522px; height:182px; overflow:hidden; margin:auto; position:relative; top:10px; }
.wrapper img {margin-right:5px;}
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }
#controls { width:534px; height:47px; background:url('images/controlsBG.png') no-repeat; position:absolute; top:4px; left:4px; z-index:10;	}
#controls a { width:37px; height:35px; position:absolute; top:3px; }
#controls a:active, #controls a:visited { color:#0d0d0d; }
#title { color:#ffffff; font-family:arial; font-size:100%; font-weight:bold; width:100%; text-align:center; margin-top:10px; }
#rtl { background:url(images/rtl.png) no-repeat; left:100px; }
#rtl:hover { background:url(images/rtl_over.png) no-repeat; left:99px; }
#ltr { background:url(images/ltr.png) no-repeat; right:100px; }
#ltr:hover { background:url(images/ltr_over.png) no-repeat; }

/*facebook integration */
.fbtable {background:transparent;}
.fbtitle {background: #3B5998;color:#FFFFFF;font-weight:bold;}
.fbbody {padding:5px 10px 5px 10px;color:#333333;background:#F2F2F2;}
.fbbody a, .fbbody a:visited {color:#333333;}