body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, tt, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:								0;
	padding:							0;
	border:								0;
	outline:							0;
	font-size:							100%;
	vertical-align:						baseline;
	background:							transparent;
	font-family:						Arial, Helvetica, sans-serif;
}

body {
	line-height: 						1;
}

ol, ul {
	list-style: 						none;
}

blockquote, q {
	quotes: 							none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: 							'';
}

/* remember to define focus styles! */
:focus {
	outline: 							0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: 					none;
}
del {
	text-decoration: 					line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: 					collapse;
	border-spacing: 					0;
}

/* correct way to clear floats without using extra markup.  zoom setting is in ie conditional comment.*/
.clearfix:after {
	content: 							".";
	display: 							block;
	height: 							0;
	clear: 								both;
	visibility: 						hidden;
}

/*
COLOUR SWATCH:
----------------

#666			- dark grey
#1f1c1d			- dark grey
#999			- grey
#ef5012			- orange
#077e37			- green
#ffd800			- yellow

*/

body {
	background:							#000;
}

p, input[type="text"], a, select {
	font-size:							1em;
	color:								#666;
}

input[type="text"], select {
	padding:							2px;
	font-size:							0.7em;
}

#content {
	border-top:							2px solid #fff;
	background:							#fff;
}

#ads-top {
	width:								978px;
	margin:								3px auto 0 auto;
}

#ads-top * {
	float:								left;
}

#ads-top *:first-child {
	margin-right:						5px;
}

#logo-sml {
	margin:								0 0 10px 25px;
}

#crumbs {
	margin:								0;
	font-size:							0.7em;
}

#crumbs a {
	color:								#ef5012;
	text-decoration:					underline;
	font-weight:						bold;
}

#crumbs a:hover {
	text-decoration:					none;
}

#icons-social {
	margin-top: 5px;
}

/*** TEMPLATES / HEADER.TPL *******************************************************************************/

#container {
	width:								980px;
	margin:								10px auto 0 auto;
}

#header {
	width:								976px;
	height:								85px;
	border-left:						2px solid #1f1c1d;
	border-right:						2px solid #1f1c1d;
}

#header img {
	margin:								5px 0 0 8px;
	float:								left;
}

#search {
	float:								right;
	margin:								25px 8px 0 0;
}

#search fieldset > * {
	float:								right;
	margin-left:						10px;
}

#search a {
	color:								#fff;
	font:								normal 1.10em Tahoma, Geneva, sans-serif;
	text-decoration:					none;
}

#search a:hover,
#search a.current {
	color:								#ffd800;
}

#menu {
	width:								980px;
	background:							#077e37;
}

#menu li {
	float:								left;
}

#menu li.end {
	float:								right;
	
	font-weight:						bold;
	font-size:							0.7em;
	line-height:						40px;
	color:								#fff;
}

#menu a,
#menu a:hover {
	line-height:						40px;
	padding:							0 15px;
	font-family:						Tahoma, Geneva, sans-serif;
	font-size:							1.10em;
	font-weight:						normal;
	color:								#fff;
	text-decoration:					none;
}

#menu a:hover,
#menu a.current {
	color:								#ffd800;
}

/*** TEMPLATES / MENU-RIGHT.TPL *******************************************************************************/

#menu-right {
	float:								right;
	margin:								5px 0 10px 0;
	width:								121px;
}

#icons-social a {
	float:								right;
	margin:								0 0 2px 2px;
	zoom:								1;
}

#icons-social a:first-child {
	margin-right:						2px;
}

#friends {
	border-top:							1px solid #5f5f5f;
	width:								121px;
	margin:								0 0 0 0;
}

#friends li,
#friends ul li {
	border-top:							1px solid #8e8e8e;
	border-bottom:						1px solid #303030;
	background:							#5f5f5f;
	color:								#fff;
	margin:								0;
	zoom:								1;
}

#friends li {
	font-size:							0.75em;
}

#friends ul li {
	line-height:						20px;
	padding:							0 0 0 8px;
	cursor:								pointer;
}

#friends li.drop-zone {
	border:								1px dotted #339933;
	background:							#d5f0d5;
	color:								#339933;
	font-weight:						bold;
	cursor:								auto;
	padding:							0 0 0 8px;
	line-height:						20px;
	font-size:							0.70em;
}

#friends li.drop-zone-over {
	border:								1px dashed #f16530;
	line-height:						20px;
	font-size:							0.70em;
}

#friends li.add {
	text-transform:						uppercase;
	font-weight:						bold;
	line-height:						25px;
	padding:							0 0 0 8px;
	border-bottom:						none;
}

#friends li.submit {
	border-top:							none;
	padding:							8px;
	background:							#434343;
}

#friends input[type="text"] {
	font-size:							0.9em;
	width:								96px;
}

#friends input[type="image"] {
	float:								right;
	margin:								8px 0 0 0;
}

#friends li a,
#friends li a:hover {
	line-height:						20px;
	display:							block;
	background:							inherit;
	color:								#fff;
	text-decoration:					none;
}

#friends li a:hover,
#friends li a.current {
	background:							#6a6a6a;
	color:								#ffd800;
}

#friends img {
	margin:								5px 0;
}

#friends .section {
	border-top:							none;
	line-height:						27px;
	background:							#212121 url(../../images/icons/arrow-white-right.gif) 8px 10px no-repeat;
	font-weight:						bold;
	padding:							0 0 0 18px;
}

#friends .friends-list {
	border-top:							none;
	border-bottom:						none;
}

#friends-sortable li {
	font-size:							0.95em;
}

#friends-sortable li.ph-active {
	height:								20px;
	border:								1px dotted #339933;
	background:							#d5f0d5;
	width:								111px;
	display:							block;
	padding:							0 0 0 8px;
}

#friends-sortable li.missing {
	border-top:							1px solid #b4b4b4;
	border-bottom:						1px solid #858585;
	background:							#f4f4f4;
	color:								#9b9b9b;
}

/*** TEMPLATES / FOOTER.TPL *******************************************************************************/

#footer {
	width:								940px;
	padding:							10px 20px;
	border-top:							5px solid #077e37;
	margin:								0 0 30px 0;
}

#footer li,
#footer li.last {
	float:								left;
	color:								#999;
	border-right:						1px solid #666;
	line-height:						12px;
	padding:							0 5px;
}

#footer li.last {
	border-right:						none;
}

#footer li.end {
	float:								right;
	font-size:							0.7em;
	border-right:						none;
}

#footer a,
#footer a:hover {
	font-size:							0.7em;
	color:								#999;
	text-decoration:					none;
	font-weight:						normal;
}

#footer a:hover,
#footer a.current {
	color:								#ffd800;
}

#changeFontSizeContainer {
	float: right;
	position: relative;
	top: 9px;
	margin-right: 5px;
}
#changeFontSizeContainer img {
	margin-right: 5px;
	width: 44px;
}
#changeFontSizeContainer a, #changeFontSizeContainer a:hover {
	padding: 0px;
}


/*** CSS FOR JQUERY VALIDATE ERRORS *******************************************************************************/

label.error {
	font-style:							italic;
	font-size:							0.75em;
	padding:							3px;
	background:							#faebe7;
	color:								#df280a;
    border:								1px solid #df280a;
    margin:								5px 0 0 0;
    display:							block;
    line-height:						12px;
}

/*** TEMPLATES / NEWS.TPL *******************************************************************************

COLOUR SWATCH:
----------------

#ef5012			- orange
#e0e0e0			- light grey
#077e37			- scorepage green

*/

a {
	text-decoration:					underline;
	color: 								#2957EA;
	
}

a:hover {
	text-decoration:					none;
}

h1 {
	font-size:							1.9em;
	color:								#ef5012;
}

h6 {
	font-size:							0.75em;
	font-weight:						normal;
	color:								#fff;
	line-height: 							30px;
}
p, input[type="text"], select {

	color:								#666666;
}
#back-to-top {
	color: #666666;
}
#main {
	float:								left;
	width:								726px;
	border-top:							2px solid #077e37;
	margin:								5px 0 0 0;
}

#main p {
	font-size:							0.7em;
	line-height:						20px;
}

#header-updated {
	border-top:							2px solid #424242;
	border-bottom:						1px solid #424242;
	background:							#5e5e5e;
	line-height:						20px;
	text-align:							right;
	padding-right:						3px;
}

#main #header-updated p {
	color:								#fff;
	font-size:							0.7em;
	font-weight:						bold;
}

.header-time {
	background:							#077e37;
	line-height:						20px;
	text-align:							left;
	padding-left:						15px;
	margin-bottom:						0px;
}

.highlight {
	background-color:  #D0F2D0 !important;
	cursor: pointer;
}

div.line {
	height:								1px;
	width:								722px;
	margin:								20px 0 10px 0;
	background:							#e0e0e0;
}

.pagination {
	border-top:							1px solid #e0e0e0;
	border-bottom:						1px solid #e0e0e0;
	font-size:							1.05em;
	width:								722px;
	padding-top:						10px;
	margin:								20px 0 10px 0;
}

.pagination > p {
	float:								left;
	margin-bottom:						12px;
}

.pagination > p.right {
	float:								right;
}

.pagination a {
	font-weight:						bold;
}

.keywords {
	color:								#ef5012;
	font-weight:						bold;
}

.brief,
.brief-end {
	width:								711px;
	color:								#666666;
	margin:								0px;
	padding:							6px 0px 5px 14px;
	border-bottom:						1px solid #e0e0e0;
}

.brief-end {
	margin:								0;
	border-bottom:						none;

}
.dark-row {
	background:							#eaeaea;
}

#main .brief p,
#main .brief-end p {
	margin-bottom:						5px;
}

#main .brief p.head,
#main .brief-end p.head {
	font-weight:						bold;
	font-size:							0.85em;
}

#back-to-top {
	background:							url(../../images/icons/back-to-top.gif) right no-repeat;
	padding:							0 10px 0 0;
	font-size:							0.75em;
	font-weight:						bold;
	margin:								20px auto 20px auto;
	display:							block;
	width:								75px;
	text-align:							center;
}

#no-news {
	font-size:							1em;
	font-weight:						bold;
	margin:								20px auto 20px auto;
	display:							block;
	width:								300px;
	text-align:							center;
}

.header-time h6 {
	display: inline;
}
.header-time img {
	position: relative;
	top: 5px;
	margin-right: 9px;
}
.brief, .brief-end {
	width: 712px;
}

/*** TEMPLATES / MENU-LEFT.TPL *******************************************************************************

COLOUR SWATCH:
----------------

#5f5f5f			- dark grey
#303030			- dark grey
#212121			- dark grey
#8e8e8e			- grey
#6a6a6a			- grey
#ffd800			- yellow

*/

#menu-left-refresh {
	float:								left;
	width:								121px;
	margin:								5px 6px 0 0;
}

#menu-left {
	border-top:							1px solid #5f5f5f;
}

/* IE7 fix.  Need to move this to a separate file so can validate. */
#menu-left li {
	zoom:								1;
}

#menu-left ul li {
	border-top:							1px solid #8e8e8e;
	border-bottom:						1px solid #303030;
	font-size:							0.7em;
	background:							#5f5f5f;
	line-height:						20px;
	color:								#fff;
	cursor:								pointer;
}

#menu-left ul li.section {
	border-top:							none;
	line-height:						27px;
	background:							#212121 url(../../images/icons/arrow-white-right.gif) 8px 10px no-repeat;
	font-weight:						bold;
	padding:							0 0 0 18px;
	position:							relative;
	display:							block;
	cursor:								auto;
	font-size:							0.75em;
}

#menu-left ul li a,
#menu-left ul li a:hover {
	line-height:						20px;
	display:							block;
	background:							inherit;
	color:								#fff;
	font-size:							0.95em;
	text-decoration:					none;
	padding:							0 0 0 8px;
}

#menu-left ul li a:hover,
#menu-left ul li a.current {
	background:							#6a6a6a;
	color:								#ffd800;
}

#menu-left img {
	margin:								5px 0;
}