/* 
========================================================================================================================
Title:				She Knows The Rules
Author URI: 		www.viocorp.com
--
Description:		Reset, basic layout and presentation for screen media
--
Updated:			04.08.2009
========================================================================================================================

COLOURS
--
Purple dark:		#771955
Pink dark:			#b85da4	
Pink mid:			#da91c0
Pink pale:			#ead0e4
Pink Palest:		#f4e5f0
--
Grey dark:			#333333
Grey mid:			#666666
Grey pale:			#cccccc
Grey paler:			#ededed
Grey palest:		#f6f6f6
--
Pale yellow:		#FFFCDE
Pale green:			#EAF8E8
========================================================================================================================
*/
/* 
========================================================================================================================
RESET & BASIC SETUP - LEVELS PLAYING FIELD ACROSS BROWSERS
========================================================================================================================
*/
html, body, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }
li, dd, blockquote { margin-left: 1.8em; }
a, button, label { cursor: pointer; }
img { vertical-align: middle; }
input, select, textarea, th, td { font-size: 1em; font-family: inherit; }
fieldset { border: none; }
q:before, q:after { content:''; }

/* 
========================================================================================================================
TOOLBOX - USEFUL CLASSES 
========================================================================================================================
*/
/* GENERIC */
.hide { display:none; }
.show { display:block; }
.float_left { float: left; }
.float_right { float: right; }
.float_none { float: none; }
.align_left { text-align: left; }
.align_center { text-align: center; }
.align_right { text-align: right; }
.clear { clear: both; }

/* CLEARFIX */
.clearfix:after {content: " "; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
.clearfix {display: inline-block;}
/* Start Holly Hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */

/* ACCESSIBILITY */
#skip {
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: -9000px;
}

/* IE6> SPACE BETWEEN li FIX */
* html ul li { height: 1%; }

/* 
========================================================================================================================
BASIC ELEMENTS 
========================================================================================================================
*/
* { 
}
html {
}
body {
	margin: 0;
	padding: 0;
	background: #000000 url(../img/bg.jpg) top center repeat-x;
	color: #333333;
	font-family: "Trebuchet MS" , Helvetica, Arial, sans-serif;
	font-size: 75%;					/* Font sizing in ems beyond this point. Original default 76%. 62.5% makes 1em=10px. 68.75% makes 1em=11px. 75% makes 1em=12px */
	line-height: 1.667em; 			/* 20px - General line-height and also acts as IE 6 Peekaboo bug hack */
	text-align: center;				/* IE6> centering - reset to align left in container */
}

/*
------------------------------------------------------------------------------------------------------------------------
LINKS
------------------------------------------------------------------------------------------------------------------------
*/
a {
	color: #771955;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #771955;
}
a:active {
}
a:focus {
	outline: none;
}

/*
------------------------------------------------------------------------------------------------------------------------
HEADINGS
------------------------------------------------------------------------------------------------------------------------
*/
h1 {
	font-size: 1.5em;			/* 18px (1.5emx12px) */
	margin: 0.5em 0 0.5em 0;
	padding: 0 0 0.5em 0;
	letter-spacing: -0.07em;
	font-weight: normal;
	border-bottom: 1px dotted #CCCCCC;
}
h2 {
	font-size: 1.333em;			/* 16px (1.5emx12px) */
	margin: 0.5em 0 0.5em 0;
	padding: 0 0 0.5em 0;
	letter-spacing: -0.05em;
	font-weight: normal;
	border-bottom: 1px dotted #CCCCCC;
}
h3 {
	font-size: 1.167em;			/* 14px (1.167emx12px) */
	margin: 0.5em 0em 0.5em 0em;
	padding: 0;
	letter-spacing: -0.05em;
	font-weight: normal;
}
h4, h5, h6 {
	font-size: 1em;
	font-weight: bold;
	margin: 0.5em 0em 0.5em 0em;
	padding: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
PARAGRAPHS, QUOTES & TEXT
------------------------------------------------------------------------------------------------------------------------
*/
p {
	margin: 0.5em 0 1em 0;
}
blockquote {
}
cite {
}
blockquote cite {
}
q {
}
address {
	font-style: normal;
}
strong {
}
em {
}
b {
}
i {
}
ins {
	text-decoration: none;
	background-color: #3f9c35;
}
del {
	text-decoration: line-through;
}

/*
------------------------------------------------------------------------------------------------------------------------
LISTS
------------------------------------------------------------------------------------------------------------------------
*/
ol {
}
ul {
}
ol li {
}
ul li {
}
ul ul, ul ol, ol ol, ol ul { margin: 0; }
dl {
}
dt {
	font-weight: bold;
}
dd {
}

/*
------------------------------------------------------------------------------------------------------------------------
IMAGES
------------------------------------------------------------------------------------------------------------------------
*/
img {
	border: none;
}
a img {
	border: none;
	text-decoration: none;
}

/*
------------------------------------------------------------------------------------------------------------------------
OTHER ELEMENTS
------------------------------------------------------------------------------------------------------------------------
*/
/* HR */
hr {
	border: none;
	height: 1px;
	border-top: 1px dotted #CCCCCC;
	clear: both;
}

/* CODE */
pre, code, samp, kbd {
	font-size: 1.2em;
	border: 1px solid #CCCCCC;
	background-color: #ededed;
	padding: 2px;
}

/*
------------------------------------------------------------------------------------------------------------------------
TABLES
------------------------------------------------------------------------------------------------------------------------
*/
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 2px solid #771955;
	border-bottom: 2px solid #771955;
	font-size: 1em;
	text-align: left;
}
caption {
	font-style: italic;
	color: #666666;
}
/* ------------------------------------ */
/* tbody */
tbody {
}
tr {
	padding-bottom: 1px;
	background-position: bottom left;
	background-repeat: repeat-x;
	border-bottom: 1px dotted #CCCCCC;
}
tr.alt {
	background-color: #f6f6f6;
}
th {
	color: #771955;
	padding: 0.5em;
	vertical-align: top;
	font-weight: normal;
}
td {
	padding: 0.5em;
	vertical-align: top;
}
/* ------------------------------------ */
/* thead */
thead {
	color: #771955;
	text-align: left;
}
thead tr {
	background-color: #f4e5f0;
	border-bottom: 1px solid #771955;
}
thead th, thead td {
}
/* ------------------------------------ */
/* tfoot */
tfoot {
	color: #771955;
	text-align: left;
}
tfoot tr {
	background-color: #f4e5f0;
	border-top: 1px solid #771955;
}
tfoot th, tfoot td {
}

/*
------------------------------------------------------------------------------------------------------------------------
FORMS
------------------------------------------------------------------------------------------------------------------------
*/
form {
}
fieldset {
	padding: 5px 0;
	border-top: 1px dotted #CCCCCC;
}
legend {
	padding: 0 4px 0 0;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: -0.05em;
	font-weight: normal;
	background-color: #FFF;
}
* html legend { margin-left: -8px; margin-bottom: 0.5em; }
*:first-child+html legend { margin-left: -8px; margin-bottom: 0.5em; }
form p, fieldset p {
	margin: 0;
	padding: 5px 0;
	width: 100%;
	overflow: hidden;
}
label {
	font-weight: bold;
	color: #771955;
}
label a {
	font-weight: bold;
	text-decoration: underline;
}
input, textarea, select {
}
optgroup {
}
option {
}

/* ------------------------------------ */
/* CHECKBOXES AND RADIO BUTTONS AND CLASS BASED OVERRIDES */
.check, .radio {
	border: none;
	padding: 0;
	margin: 0;
	width: auto;
	background-color: transparent;
	background-image: none;
}
.radio_label, .check_label {
	clear: none;
	display: inline;
	float: none;
	width: auto;
	font-weight: normal;
}
.text, .textarea, .file {
	padding: 2px;
	border: 1px solid #CCCCCC;
	background-color: #ededed;
}
/* GENERAL FOCUS */
.text:focus, .textarea:focus, .file:focus, .text:active, .textarea:active, .file:focus {
	background-color: #FFFCDE;
}


/* ------------------------------------ */
/* BUTTONS */
button, .button, .submit {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	letter-spacing: -0.05em;
	margin-left: 0;
	margin-right: 2px;
	padding: 2px 5px 1px 5px;
	border: 1px solid #70164e;
	color: #FFFFFF;
	background: #9a2a70 url(../img/button_bg.gif) top left repeat-x;
	cursor: pointer;
}
button:hover, .button:hover, .submit:hover, button:focus, .button:focus, .submit:focus {
	color: #ead0e4;
	border: 1px solid #6c2754;
	outline: none;
	background-position: 0 -5px;
}
button:active, .button:active, .submit:active {
	color: #FFFFFF;
	border: 1px solid #ead0e4;
}
.disabled, .disabled:hover, .disabled:focus, .disabled:active {
	color: #999999;
	border: 1px solid #666666;
	background-color: #CCCCCC;
	background-image: none;
}


/*
---------------------------------------
GENERIC STYLED FORM
--------------------------------------- */
.styled_form {
}
.styled_form fieldset {
}
.styled_form p {
	margin: 0;
	padding: 5px 0;
}
.styled_form label {
	display: block;
	float: left;
	clear: left;
	width: 35%;
}
.styled_form .radio, .styled_form .check {
	width: auto;
	padding: 0;
}
.styled_form label.radio_label, .styled_form label.check_label {
	clear: none;
	display: inline;
	float: none;
	width: auto;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.styled_form .text, .styled_form .textarea, .styled_form .file {
	width: 62%;
}
.styled_form button, .styled_form .button, .styled_form .submit {
	width: auto;	
}
.styled_form .indent { /* used to move elements over to the right edge of the labels column */
}

/*
---------------------------------------
LOGIN FORM
--------------------------------------- */
.loginform_container {
	width: 100%;
	overflow: hidden;
}
.login_form {
}
.login_form fieldset {
	border: none;
	padding: 0;
	margin-top: 0;
}
.login_form fieldset p {
	margin: 0;
	padding: 5px 0;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #CCCCCC;
}
.login_form label.label {
	display: block;
	float: left;
	clear: left;
	width: 70px;
}
.login_form input.text {
	width: 200px;
}
.panel .login_form .button {
	float: right;
}
.login_form .check {
}
.login_form .check-label {
}
.login_form p.indent {
	text-indent: 65px;
}

/*
---------------------------------------
FORGOT PASSWORD FORM
--------------------------------------- */
.forgotpassword_container {
	width: 100%;
	overflow: hidden;
}
.fp_form fieldset {
	border: none;
	padding: 0;
	margin-top: 0;
}
.fp_form fieldset p {
	margin: 0;
	padding: 5px 0;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #CCCCCC;
}
.fp_form label.label {
	display: block;
	float: left;
	clear: left;
	width: 70px;
}
.fp_form label.label {
	display: block;
	float: left;
	clear: left;
	width: 60px;
}
.fp_form input.text {
	width: 200px;
}
.panel .fp_form .button {
	float: right;
}
.fp_form p.indent {
	text-indent: 65px;
}

/* 
========================================================================================================================
LAYOUT 
========================================================================================================================
*/
#container { 
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 960px;
}

/*
------------------------------------------------------------------------------------------------------------------------
MASTHEAD
------------------------------------------------------------------------------------------------------------------------
*/
#masthead {
	position: relative;
	height: 100px;
	padding-top: 40px;
	color: #FFF;
}
* html #masthead { height: 140px; he\ight: 100px; }

/*
------------------------------------------------------------------------------------------------------------------------
NAVIGATION
------------------------------------------------------------------------------------------------------------------------
*/
#nav {
	color: #FFF;
	height: 35px;
	line-height: 35px;
	font-size: 1.167em;	/* 14px (1.167emx12px) */
	background: #000000 url(../img/nav_bg.gif) top left repeat-x;
}
/* Single level nav - uncomment if not using dhtml_menu.css*/
/*
#nav ul.main_nav {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #000000 url(../img/nav_bg.gif) top left repeat-x;
}
#nav ul.main_nav li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	border-right: 1px solid #000000;
}
#nav ul.main_nav li a {
	display:block;
	padding: 0 18px;
	text-transform: capitalize;
	color: #FFFFFF;
	border-right: 1px solid #303030;
}
#nav ul.main_nav li a:hover {
	color: #da91c0;
	background-color: #000000;
	text-decoration: none;
}
#nav ul.main_nav li a.selected {
	color: #da91c0;
}
*/
/* sport select dropdown
#nav ul.main_nav li a#sportselect {
	padding: 0 10px;
	width: 191px;
	background: transparent url(../img/nav_sportselect.gif) top left no-repeat;
}
#nav ul.main_nav li a#sportselect:hover {
	background-position: 0 -35px;
	color: #FFFFFF;
}
*/

/*
------------------------------------------------------------------------------------------------------------------------
UTILITY NAV
------------------------------------------------------------------------------------------------------------------------
*/
#utility_nav {
	position: absolute;
	top: 0;
	right: 280px;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	font-size: 0.917em;		/* 11px(0.917x12) */
}

#utility_nav ul.utility_nav {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0 10px 0 0;
}
#utility_nav ul.utility_nav li {
	float: left;
	margin: 0;
	padding: 0 15px;
}
#utility_nav ul.utility_nav li a {
	color: #FFFFFF;
}
#utility_nav ul.utility_nav li a:hover {
	color: #da91c0;
	text-decoration: none;
}

/*
------------------------------------------------------------------------------------------------------------------------
SEARCH
------------------------------------------------------------------------------------------------------------------------
*/
#search {
	position: absolute;
	top: 0;
	right: 0;
	width: 260px;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	font-size: 0.917em;		/* 11px(0.917x12) */
}
#search fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
#search label {
	overflow: hidden;
	position: absolute;
	top: -9000px;
}
input.search_query {
	margin: 0;
	padding: 3px 5px;
	height: 15px;
	width: 193px;
	overflow: hidden;
	color: #FFFFFF;
	border: none;
	background: transparent url(../img/search_field.gif) 0 0 no-repeat;
}
input.search_query:focus, input.search_query:active, input.search_query_on { /* 'on' class set via js onclick, so the field stays highlighted even if it loses focus */
	margin: 0;
	padding: 3px 5px;
	height: 15px;
	width: 193px;
	overflow: hidden;
	color: #FFFFFF;
	border: none;
	background: transparent url(../img/search_field.gif) 0 0 no-repeat;
	background-position: 0 -21px;
}
.search_button {
	position: relative;
	top: -3px;
	width: 18px;
	height: 18px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0px;
	line-height: 0px;
	text-indent: 50px;
	overflow: hidden;
	background: transparent url(../img/button_search.gif) 0 0 no-repeat;
}
.search_button:hover, .search_button:focus, .search_button:active {
	border: none;
	background-position: 0 -18px;
}




/*
------------------------------------------------------------------------------------------------------------------------
CONTENT AREA
------------------------------------------------------------------------------------------------------------------------
*/
#content {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 0;
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/* CONTENT COLUMNS */
#local {
	position: relative;
	display: none;
	/*background: #FFC;*/
	float: left;
	width: 150px;
	margin-right: 20px;
	display: inline; /* IE6 double float margin */
}
#main {
	position: relative;
	width: 100%;
	/*background: #CFF;*/
	padding: 10px 0;
	min-height:500px;
}
#sidebar {
	position: relative;
	display: none;
	/*background: #CFC;*/
	float: left;
	width: 300px;
	padding: 10px 0;
	margin-left: 20px;
	margin-right: 10px;
	display: inline; /* IE6 double float margin */
}

/* 1 COLUMN LAYOUT */
body#layout_1col #content {
	background-image: none;
}
body#layout_1col #local {
	display: none;
}
body#layout_1col #main {
	width: 920px;
	margin: 0 20px;
}
body#layout_1col #sidebar {
	display: none;
}
/* hide irrelevant skip links */
body#layout_1col #skip .skip_content_local, body#layout_1col #skip .skip_content_sidebar { display: none; }

/* 2 COLUMN LAYOUT */
body#layout_2col #content{
	background: transparent url(../img/content_2col.gif) 0 1px repeat-y;
}
body#layout_2col #local {
	display: none;
}
body#layout_2col #main {
	float: left;
	width: 620px;
	margin: 0 0 0 10px;
	display: inline; /* IE6 double float margin */
}
body#layout_2col #sidebar {
	display: block;
}
/* hide irrelevant skip links */
body#layout_2col #skip .skip_content_local { display: none; }

/* 3 COLUMN LAYOUT */
body#layout_3col #content{
	background: transparent url(../img/content_3col.gif) 0 1px repeat-y;
}
body#layout_3col #local {
	display: block;
}
body#layout_3col #main {
	float: left;
	width: 450px;
	margin-right: 10px;
	display: inline; /* IE6 double float margin */
}
body#layout_3col #sidebar {
	display: block;
}

/* 2 COL BREAKDOWN INSIDE MAIN */
#main .two_col_container {
	/* !! REQUIRES CLEARFIX CLASS !! */
	position: relative;
	padding-left: 240px;
}
#main .two_col_container .left {
	position: relative;
	float: left;
	width: 220px;
	margin-right: 0;							/* Critical!!! - need to explicitly set, even if to 0 */
	margin-left: -240px;						/* position outside the containers padding zone */
	display: inline;							/* fixes IE double-float margin bug */

}
#main .two_col_container .right {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
}

/*
------------------------------------------------------------------------------------------------------------------------
SECTION HEADER (inside content but above columns)
------------------------------------------------------------------------------------------------------------------------
*/

div.section_header {
	height: 90px;
	overflow: hidden;
	background: #CCCCCC url(../img/panel_header_bg.gif) 0 0 repeat;
}
div.section_header h2 {
	border: none;
	margin: 0;
	padding: 0;
	line-height: 90px;
	text-indent: 20px;
}

/* IMAGES */
div.section_header.cricket {
	background: transparent url(../img/sectionheader_cricket.jpg) 0 0 no-repeat;
}
div.section_header.surfing {
	background: transparent url(../img/sectionheader_surfing.jpg) 0 0 no-repeat;
} 
div.section_header.afl {
	background: transparent url(../img/sectionheader_afl.jpg) 0 0 no-repeat;
}
div.section_header.rugbyleague {
	background: transparent url(../img/sectionheader_rugbyleague.jpg) 0 0 no-repeat;
}
div.section_header.soccer {
	background: transparent url(../img/sectionheader_soccer.jpg) 0 0 no-repeat;
}
div.section_header.rugbyunion {
	background: transparent url(../img/sectionheader_rugbyunion.jpg) 0 0 no-repeat;
}
div.section_header.video_portal {
	background: #CCCCCC url(../img/panel_header_bg.gif) 0 0 repeat;
}
/* HIDE TEXT WHEN USING IMAGE HEADER */
div.section_header.cricket h2,
div.section_header.surfing h2,
div.section_header.afl {
	border: none;
	margin: 0;
	padding: 0;
	font-size: 0px;
	text-indent: 900px;
	overflow: hidden;
}

/*
------------------------------------------------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------------------------------------------------
*/
#footer {
	font-size: 0.917em;		/* 11px(0.917x12) */	
	min-height: 15px;							/* min-height hack for IE6 */
	height: auto !important;					/* ... */
	height: 15px;								/* min-height hack for IE6 */
	padding: 5px 10px 50px 10px;
	color: #CCCCCC;
	background-color: #000000;
}
#footer a {
	color: #FFFFFF;
}
#footer p.copyright {
	float: left;
	margin: 0;
	padding: 0;
}

#footer ul.footer_menu {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px;
}
#footer ul.footer_menu li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
}
#footer ul.footer_menu li a {
}
#footer ul.additional, #footer ul.additional li {
	float: right;
	padding: 0 0 0 15px;
}

/* 
========================================================================================================================
ELEMENTS 
========================================================================================================================
*/

/*
------------------------------------------------------------------------------------------------------------------------
LOCAL NAV
------------------------------------------------------------------------------------------------------------------------
*/
ul.local_nav {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	line-height: 1.2em;
}
ul.local_nav li {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #CCCCCC;
}
ul.local_nav li a {
	display: block;
	padding: 10px 5px 10px 10px;
	text-transform: capitalize;
}
* html ul.local_nav li a { height: 1%; } /* IE6> needs a set dimension to get rid of the extra space bug */
ul.local_nav li a:hover {
	background-color: #FFFFFF;
	text-decoration: none;
}
ul.local_nav li a.selected, ul.local_nav li a.selected:hover {
	background-color: #FFFFFF;
}

/*
------------------------------------------------------------------------------------------------------------------------
BREADCRUMBS
------------------------------------------------------------------------------------------------------------------------
*/
div.breadcrumb_nav {
	font-size: 0.833em;			/* 10px(0.833x12) */
	line-height: 0.833em;
	text-transform: uppercase;
	padding: 3px 0 10px 0;
	border-bottom: 1px dotted #CCCCCC;
}
div.breadcrumb_nav h3 { /* used to describe this section */
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: -9000px;
}
div.breadcrumb_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	overflow: hidden;
}
div.breadcrumb_nav ul li {
	margin: 0;
	padding: 0;
	float: left;
	padding-right: 12px;
	margin-right: 4px;
	background: transparent url(../img/icon_raquo.gif) center right no-repeat;
}
div.breadcrumb_nav ul li a {
}

/*
------------------------------------------------------------------------------------------------------------------------
ARTICLE / GALLERY MENU
------------------------------------------------------------------------------------------------------------------------
*/

/*
---------------------------------------
ARTICLE FILTER FORM
--------------------------------------- */
.article_filter {
	position: relative;
	display: block;
	background: #000000 url(../img/bg.jpg) 0 0 repeat-x;
}
form.article_filter_form {
	width: 100%;
	overflow: hidden;
}
form.article_filter_form fieldset {
	border: none;
	float: left;
	padding: 5px;
	margin: 0 165px 0 0;
}
form.article_filter_form p.row {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	width: auto;
}
form.article_filter_form label {
	font-weight: normal;
	display: block;
	color: #FFFFFF;
}
form.article_filter_form select {
	width: 110px;
	overflow: hidden;
}
.article_filter fieldset.filter_search {
	border: none;
	width: 160px;
	padding-left: 5px;
	margin: 0 0 0 -165px;
	float: right;
}
.article_filter fieldset.filter_search input.search_query {
	/* builds on normal search_query */
	background-image: url(../img/search_field_short.gif);
	width: 130px;
	margin-right: 0;
}
.article_filter fieldset.filter_search input.search_query:focus, .article_filter fieldset.filter_search input.search_query:active, .article_filter fieldset.filter_search input.search_query_on {
	background-image: url(../img/search_field_short.gif);
	width: 140px;
}
.article_filter fieldset.filter_search .search_button {
	/* builds on normal search_button */
}

/*
---------------------------------------
RESULTS MENU CONTROLS (PAGINATION ETC)
--------------------------------------- */
.results_menu_controls {
	width: 100%;
	overflow: hidden;
	background-color: #FFF;
	font-size: 0.833em;			/* 10px(0.833x12) */
	text-transform: uppercase;
	margin: 5px 0;
}

/* SORT OPTIONS */
.menu_sort {
	float: left;
	padding: 0;
}
.menu_sort p {
	margin: 0;
	float: left;
}
.menu_sort ul {
	margin: 0 8px;
	padding: 0;
	list-style: none;
	float: left;
	border-left: 1px dotted #CCCCCC;
	border-right: 0px solid #FFF;
}
.menu_sort ul li {
	margin: 0;
	padding: 0 5px;
	float: left;
	border-left: 0px solid #FFF;
	border-right: 1px dotted #CCCCCC;
}
.menu_sort ul li a.sort_descend  {
	font-weight: bold;
	padding-right: 16px;
	background: transparent url(../img/bullet_arrow_down.gif) center right no-repeat;
}
.menu_sort ul li a.sort_ascend  {
	font-weight: bold;
	padding-right: 16px;
	background: transparent url(../img/bullet_arrow_up.gif) center right no-repeat;
}

/* VIEW OPTIONS */
.menu_view {
	float: right;
	padding: 0;
}
.menu_view p {
	display: none;
}
.menu_view ul {
	margin: 0 0 0 5px;
	padding: 0;
	list-style: none;
	float: left;
}
.menu_view ul li {
	margin: 0;
	padding: 0 5px;
	float: left;
	border-left: 1px dotted #CCCCCC;
}
a.view_list {
	display: block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-indent: -9000px;
	overflow: hidden;
	color: #FFF;
	border: 1px solid #DFA7D3;
	background: #DFA7D3 url(../img/icon_view_list.gif) 0 -16px no-repeat;
}
a.view_grid {
	display: block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-indent: -9000px;
	overflow: hidden;
	color: #FFF;
	border: 1px solid #DFA7D3;
	background: #DFA7D3 url(../img/icon_view_grid.gif) 0 -16px no-repeat;
}
a.view_list.selected, a.view_grid.selected, a.view_list.selected:hover, a.view_grid.selected:hover, a.view_list.selected:active, a.view_grid.selected:active {
	border: 1px solid #771955;
	background-color: #771955;
	background-position: 0 0;
}
a.view_list:hover, a.view_grid:hover {
	border: 1px solid #771955;
	background-color: #771955;
}
a.view_list:active, a.view_grid:active {
	border: 1px solid #FFFFFF;
}


/* PAGINATION */
.pagination {
	float: right;
	padding: 0;
}
.pagination p {
	margin: 0;
	float: left;
	font-style: italic;
}
.pagination .pagination_total {
	font-weight: bold;
}
.pagination ul {
	list-style: none;
	float: left;
	margin: 0 0 0 8px;
	padding: 0;
}
.pagination ul li {
	float: left;
	margin: 0;
	padding: 0 2px;
}
.pagination ul li a {
	display: block;
	float: left;
	line-height: 16px;
	padding: 0 3px;
	color: #b85da4;
	border: 1px solid #ead0e4;
	background-color: #f4e5f0;
}
.pagination ul li a:hover {
	background-color: #ead0e4;
}
.pagination ul li a:active {
	border-color: #FFFFFF;
	background-color: #ead0e4;
}
.pagination ul li a.pag_selected, .pagination ul li a.pag_selected:hover {
	font-weight: bold;
	color: #FFFFFF;
	border-color: #771955;
	background-color: #771955;
}
.pagination ul li.first a {
	width: 16px;
	padding: 0;
	background-image: url(../img/icon_first.gif);
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9000px;
}
.pagination ul li.previous a {
	width: 16px;
	padding: 0;
	background-image: url(../img/icon_prev.gif);
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9000px;
	overflow: hidden;
}
.pagination ul li.next a {
	width: 16px;
	padding: 0;
	background-image: url(../img/icon_next.gif);
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9000px;
	overflow: hidden;
}
.pagination ul li.last a {
	width: 16px;
	padding: 0;
	background-image: url(../img/icon_last.gif);
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9000px;
	overflow: hidden;
}
/*
---------------------------------------
RESULTS MENU
--------------------------------------- */
ul.results_menu {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 0px dotted #CCCCCC;
}
ul.results_menu li {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #CCCCCC;
}
ul.results_menu li.alt {
	background-color: #f6f6f6;
}



ul.results_menu_titles {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 0px dotted #CCCCCC;
}
ul.results_menu_titles li {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	padding-bottom:5px;
}





/* ARTICLE ITEM */

.article_content {
	min-height:200px;	
}
.article_container {
	position: relative;
	padding-left: 80px;
	margin: 5px;
	float: left;
	/*width: 100%;
	overflow: hidden;*/
}
.article_container_no_image {
	padding-left: 0px;
	margin: 5px;
	float: left;
	/*width: 100%;
	overflow: hidden;*/
}

.article_container img.article_image {
	float: left;
	margin-right: 10px;
	width: 60px;
	height: 60px;
	margin-left: -80px;
}

.article_container img.article_image_thumb {
	float: left;
	margin-right: 10px;
	margin-left: -80px;
}

.article_container a:hover .article_image  {
}
.article_container .article_heading, .article_container .article_heading a {
	margin: 0;
	font-size: 1em; /* 12px(1x12) */
	font-weight: bold;
}
.article_container .article_heading_no_link, .article_container .article_heading_no_link a {
	margin: 0;
	font-size: 1.2em; /* 12px(1x12) */
	color:#333333;
}
.article_container.large_heading, .article_container.large_heading a {
	margin: 0;
	font-size: 1.2em; /* 12px(1x12) */
}
.article_summary {
}	
a.article_link {
	position: absolute;
	top: 0px;
	right: 0px;
	padding-right: 12px;
	background: transparent url(../img/bullet_arrow.gif) center right no-repeat;
}
dl.article_info {
	float: left;
	font-size: 0.833em;			/* 10px(0.833x12) */
	text-transform: uppercase;
}
dl.article_info dt {
	position: relative;
	float: left;
	margin: 0 4px 0 0;
}
dl.article_info dd {
	float: left;
	margin: 0;
	margin: 0 8px 0 0;
}

/* also uses dl article_info list */

/*
------------------------------------------------------------------------------------------------------------------------
ARTICLE CONTENT
------------------------------------------------------------------------------------------------------------------------
*/

/*
---------------------------------------
INFO
--------------------------------------- */
div.article_info_container {
	margin: -0.5em 0em 1em 0em;
	padding: 3px 0 8px 0;
	border-bottom: 1px dotted #CCCCCC;
	width: 100%;
	overflow: hidden;
	text-transform: uppercase;
}
/* INFO SPANS */
div.article_info_container .author {
	float: left;
	font-size: 0.833em;
}
div.article_info_container .date {
	float: right;
	font-style: italic;
	font-size: 0.833em;
}
/* INFO LIST */
dl.article_info {
	width: 100%
	overflow: hidden;
	font-size: 0.833em;			/* 10px(0.833x12) */
	text-transform: uppercase;
	margin: 0;
}
dl.article_info dt {
	/*position: relative;
	float: left;*/
	display: inline;
	margin: 0 4px 0 0;
}
dl.article_info dd {
	/*float: left;
	margin: 0;*/
	display: inline;
	margin: 0 8px 0 0;
}


/*
---------------------------------------
IMAGE
--------------------------------------- */
div.article_image {
	float: left;
	margin-right: 10px;
	margin-bottom: 1em;
}
div.article_image img {
	border: 5px solid #ededed;
}
div.article_image .article_image_caption {
	padding: 5px;
	color: #666666;
	font-style: italic;
	width:270px;
}

/*
---------------------------------------
ATTACHED FILES
--------------------------------------- */
div.article_attachment {
	position: relative;
	clear: both;
	margin: 1em 0;
	padding: 10px 10px 10px 30px;
	background-color: #f6f6f6;
}
div.article_attachment .attached_file {
	font-weight: bold;
}
div.article_attachment .attached_file img {
	position: absolute;
	left: 7px;
}
* html div.article_attachment .attached_file img { left: -23px; } /* IE6 */

div.article_attachment .file_info {	
	display: block;
	font-size: 0.833em;			/* 10px(0.833x12) */
	text-transform: uppercase;
}
div.article_attachment .file_info .author {
}
div.article_attachment .file_info .date {
	font-weight: bold;
}
div.article_attachment p.version_notes {
	clear: both;
	margin: 0;
	padding: 5px 5px 0 0;
}

/*
---------------------------------------
VERSION HISTORY
--------------------------------------- */
div.version_history {
	clear: both;
	margin: 1em 0;
	padding: 0;
	background-color: #f6f6f6;
	border-top: 2px solid #771955;
	border-bottom: 1px solid #FFF;
}
div.version_history h2 {
	position: relative;
	margin: 0;
	padding: 10px 5px 10px 5px;
	border-bottom: 1px dotted #CCCCCC;
}
div.version_history ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.version_history ul li {
	position: relative;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #CCCCCC;
}
div.version_history ul li .article_attachment {
	margin: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
MENU LIST
------------------------------------------------------------------------------------------------------------------------
*/
ul.menu {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
	line-height: 1.2em;
}
ul.menu li {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #CCCCCC;
}
ul.menu li a {
	display: block;
	padding: 5px 3px 5px 15px;
	background: transparent url(../img/bullet_arrow.gif) 3px 0.667em no-repeat;
}
ul.menu li a:hover {
	background-color: #f6f6f6;
}
.panel ul.menu {
	margin: 0;	
}
.panel ul.menu li {
	border-bottom: 1px dotted #CCCCCC;
}


/*
------------------------------------------------------------------------------------------------------------------------
USER PROFILE
------------------------------------------------------------------------------------------------------------------------
*/
div.user_profile_container {
	position: relative;
	padding-left: 240px;
	padding-bottom: 5px;
	overflow: hidden;
}
div.user_profile_container div.user_profile_image {
	float: left;
	width: 220px;
	margin-right: 0px;							/* Need to explicitly set, even if to 0 */
	margin-left: -240px;						/* position outside the containers padding zone */
	display: inline;							/* fixes IE double-float margin bug */
}
div.user_profile_container div.user_profile_image img.avatar {
	width: 210px;
	height: 210px;
	border: 5px solid #ededed;
	margin-bottom: 1em;
}
div.user_profile_container div.user_profile_content {
	float: left;
	width: 100%;
}

dl.user_profile_info {
	width: 100%;
	overflow: hidden;
	padding: 0 0 10px 0;
	margin-top: 0;
	border-bottom: 1px dotted #CCCCCC;
}
dl.user_profile_info dt {
	float: left;
	clear: left;
	font-weight: bold;
	padding: 5px 0;
	margin: 0;
	width: 80px;
}
dl.user_profile_info dd {
	float: left;
	padding: 5px 0;
	margin: 0;
}
* html dl.user_profile_info dd { float: none; margin-left: 80px; } /* IE6 just places all these on a single line if they're floated */
*:first-child+html dl.user_profile_info dd { float: none; margin-left: 80px; } /* IE7 does too */

div.user_profile_container address {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #f6f6f6;
	margin: 5px 0;
	padding: 5px 10px;
}


/*
------------------------------------------------------------------------------------------------------------------------
COMMENTS
------------------------------------------------------------------------------------------------------------------------
*/
.comment_list_container {
	position: relative;
	clear: both;
	margin: 1em 0;
	padding: 0;
	background-color: #f6f6f6;
	border-top: 2px solid #771955;
	border-bottom: 1px solid #FFF;
}
/* exception if in a tab - shouldn't be, but anyway */
.panel .comment_list_container {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border-top: none;
	border-bottom: none;
}	
.comment_list_container h2 {
	margin: 0;
	padding: 10px 5px;
}
.comment_list_container .rss_feed, .rss_feed {
	position: absolute;
	right: 8px;
	top: 8px;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
	width: 16px;
	height: 16px;
	background: transparent url(../img/icon_feed.gif) center center no-repeat;
}

/* Ordered list of all comments */
ol.comment_list {
	margin: 5px;
	padding: 0;
	list-style: none;
	background-color: #FFFFFF;
}
ol.comment_list li {
	display: block;
	margin: 0;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
	border-bottom: 1px dotted #CCCCCC;
}
ol.comment_list li.alt {
	background-color: #f6f6f6;	
}
ol.comment_list .comment_container {
	position: relative;
/*	padding: 5px 5px 5px 60px; */
	padding: 5px 5px 5px 5px;
	height: auto !important;
	min-height: 45px;
	height: 45px;
}
ol.comment_list .comment_container .comment_header {
	padding: 5px 0;
	color: #999999;
}
ol.comment_list .comment_container .comment_header img.avatar {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 45px;
	height: 45px;
}
ol.comment_list .comment_container .comment_header .author {
	font-weight: bold;
}
ol.comment_list .comment_container .comment_header .date {
	font-style: italic;
}
ol.comment_list .comment_container .comment_body {
}

/* misc bits */
.comment_report {
	float: left;
	margin-top: 3px;
}
.comment_rate {
}
.comment_rate .result {
	line-height: 16px;
	width: 16px;
	font-size: 10px;
	font-weight: bold;
	color: #771955;
	border: 1px solid #ead0e4;
	background-color: #f4e5f0;
	padding: 0 3px;
	margin: 0;
}


/*
------------------------------------------------------------------------------------------------------------------------
COMMENT FORM
------------------------------------------------------------------------------------------------------------------------
*/
.comment_form_container {
	position: relative;
	clear: both;
	padding: 0;
	background-color: #f6f6f6;
	border-top: 2px solid #771955;
	border-bottom: 2px solid #771955;
}
/* exception if in a tab - shouldn't be, but anyway */
.panel .comment_form_container {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border-top: none;
	border-bottom: none;
}
.comment_form_container h2 {
	margin: 0;
	padding: 10px 5px;
}
form.comment_form {
	margin: 5px 5px 5px 5px;
	padding: 5px;
	background-color: #FFF;
}
form.comment_form fieldset {
	border-top: none;
	border-bottom: 1px dotted #CCCCCC;
}
form.comment_form fieldset p {
}
form.comment_form fieldset p label.label {
	display: block;
	float: left;
	clear: left;
	width: 38%;
}
form.comment_form fieldset .text {
	width: 60%;
}
form.comment_form fieldset p textarea.text {
	display: block;
	width: 98%;
}


/*
------------------------------------------------------------------------------------------------------------------------
COMMENTS MENU (USED IN PANELS eg MOST RECENT COMMENTS)
------------------------------------------------------------------------------------------------------------------------
*/
ul.comments_menu {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.2em;
	border-top: 1px dotted #CCCCCC;
}
ul.comments_menu li {
	margin: 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #CCCCCC;
}
ul.comments_menu li .single_comment {
}
ul.comments_menu li .single_comment .comment_header {
	padding: 5px;
	background-color: #f6f6f6;
}
ul.comments_menu li .single_comment .comment_header img.avatar {
	width: 24px;
	height: 24px;
}
ul.comments_menu li .single_comment .comment_header a {
}
ul.comments_menu li .single_comment .comment_body {
	padding: 5px;
}
ul.comments_menu li .single_comment .comment_body a {
}


/*
------------------------------------------------------------------------------------------------------------------------
PANELS
------------------------------------------------------------------------------------------------------------------------
*/

/*
---------------------------------------
PANEL NORMAL
--------------------------------------- */
.panel {
	position: relative;
	margin-bottom: 10px;
	background: #dbdbdb url(../img/panel_bg.gif) bottom left repeat-x;
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
}
/* PANEL HEADER */
.panel_header {
	padding: 5px 5px;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -0.05em;
	background: #CCCCCC url(../img/panel_header_bg.gif) top left repeat;
	border-bottom: 1px solid #ededed;
}
.panel_header h1, .panel_header h2, .panel_header h3, .panel_header h4, .panel_header h5, .panel_header h6 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -0.05em;
}

/* PANEL BODY */
.panel_body {
	background-color: #FFF;
	padding: 5px;
	margin: 5px;
}
/* CLEARFIX */
.panel_body:after {content: " "; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
.panel_body {display: inline-block;}
/* Start Holly Hack \*/
* html .panel_body {height: 1%;}
.panel_body {display: block;}
/* End Holly Hack */

/* PANEL FOOTER */
.panel_footer {
	text-align: right;
	padding: 0px 5px 3px 5px;
}
.panel_footer .more_link {
	padding-right: 12px;
	background: transparent url(../img/bullet_arrow_grey.gif) center right no-repeat;
}

/*
---------------------------------------
PANEL TABS
--------------------------------------- */
.panel.tabs {
}
.panel.tabs .panel_header {
	padding: 0;
	width: 100%;
	overflow: hidden;
}
ul.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.2em;
	width: 100%;
	overflow: hidden;
}
ul.tabs li {
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	border-right: 1px solid #ededed;
}
ul.tabs li a {
	display: block;
	padding: 6px 8px;
	color: #333333;
	background: transparent url(../img/tab_bg.gif) bottom left repeat-x;
}
ul.tabs li a.active {
	color: #666666;
	background-image: none;
	background-color: #dbdbdb;
}
ul.tabs li a:hover, ul.tabs li a.active:hover {
	text-decoration: none;
	background-position: 0 0;
}

/*
---------------------------------------
PANEL POLLS
--------------------------------------- */
.panel.poll {
}
.poll_form {
}
.poll_form .poll_question {
	border: none;
	margin-top: 0;
	padding-top: 0;
}
.poll_form fieldset {
	border: none;
	background-image: none;
	padding: 0;
}
.poll_form p {
	margin: 0;
	padding: 3px 0;
	border-top: 1px dotted #CCCCCC;
}
.poll_form p.poll_option {
	color: #771955;
}
.poll_form .radio_label {
}
.poll_form .radio {
	margin-right: 5px;
}
.poll_form .button {
	float: right;
}

/*
---------------------------------------
PANEL TAGS
--------------------------------------- */
.panel.tags {
}
.panel.tags .panel_body a {
	color: #da91c0;
}
.panel.tags form.add_tag_form {
	margin-top: 10px;
}
.panel.tags form.add_tag_form input.text {
	width: 215px;	
}
.panel.tags form.add_tag_form button {
	margin-left: 2px;
}

/*
------------------------------------------------------------------------------------------------------------------------
HOME INTRO FEATURES AREA
------------------------------------------------------------------------------------------------------------------------
*/
.home_feature {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
}
.intro_caption {
	position: absolute;
	background-color: #000;
	width: 600px;
	bottom: 5px;
	left: 0;
	padding: 0 10px; 			/* vert pad needs to be 0 so it's not visible if none entered */
	color: #FFF;
	font-size: 1.167em;			/* 14px (1.167emx12px) */
	overflow: hidden;
	/* opacity - yeah, not valid css, but if a browser ignores it that's fine too */
	opacity: .75; 														/* all browsers */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";	/* IE8 */
	filter: alpha(opacity=75);											/* Ie5-7 */
}

.intro_caption p{
	padding:0;
	margin:0;
}

/*
------------------------------------------------------------------------------------------------------------------------
HOME: CATEGORY MENUS
------------------------------------------------------------------------------------------------------------------------
*/
ul.category_menu {
	display: block;
	list-style: none;
	position: relative;
	margin-right: -20px;
	padding-bottom: 10px;
	margin-top: 0;
}
ul.category_menu li.category_menu_item {
	display: -moz-inline-box;				/* Moz - FF2 doesn't support inline-block (doh, this invalidates css) */
											/* Be careful to specify '-moz-inline-box' NOT '-moz-inline-block', which renders differently */
	display: inline-block;					/* Op, Saf, IE (<=IE7 needs display: inline below) \*/
	vertical-align: top;
	width: 194px;
	margin: 0 16px 10px 0;
	padding: 0;
}
/* HACK FOR INLINE BLOCK <= IE7 */
*:first-child+html ul.category_menu li.category_menu_item { display: inline; margin: 0 19px 10px 0; } * html ul.category_menu li.category_menu_item { display: inline; margin: 0 19px 10px 0; }
/*END HACK */

/* HEADER */
.category_header {
}
.category_header a {
	color: #333333;
}
.category_header a:hover {
	color: #771955;
	text-decoration: none;
}
/* FEATURE ARTICLE */
.category_feature_article {
	padding: 0px 0 10px 0;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #CCCCCC;
}
.category_feature_article .feature_image {
	width: 100%;
	overflow: hidden;
}
.category_feature_article a:hover .feature_image  {
}
.category_feature_article .feature_heading, .category_feature_article .feature_heading a {
	margin-top: 5px;
	margin-bottom: 0;
}
.category_feature_article .feature_summary {
	display: inline;
	margin: 0;
	padding: 0;
}
.category_feature_article .feature_link {
	display: inline;
	padding-right: 12px;
	background: transparent url(../img/bullet_arrow.gif) right center no-repeat;
}

/* MORE LINK */
.category_menu_item a.more_link {
	float: right;
}

/*
------------------------------------------------------------------------------------------------------------------------
HOME: PARTNER NEWS
------------------------------------------------------------------------------------------------------------------------
*/
div.partner_news {
	display: block;
	width: auto;
	position: relative;
	margin-right: -20px;
	padding-bottom: 10px;
}
div.partner_news .partner {
	display: -moz-inline-box;				/* Moz - FF2 doesn't support inline-block (doh, this invalidates css) */
											/* Be careful to specify '-moz-inline-box' NOT '-moz-inline-block', which renders differently */
	display: inline-block;					/* Op, Saf, IE (<=IE7 needs display: inline below) \*/
	vertical-align: top;
	width: 300px;
	margin: 0 16px 10px 0;
	padding: 0;
}
/* HACK FOR INLINE BLOCK <= IE7 */
*:first-child+html div.partner_news .partner { display: inline; margin: 0 20px 10px 0; } * html div.partner_news .partner { display: inline; margin: 0 20px 10px 0; }
/*END HACK */

/* HEADERS */
div.partner_news .partner .partner_header {
	margin: 0;
	height: 105px;
	text-indent: -2000px;
	font-size: 0px;
	overflow: hidden;
	background: #CCCCCC url(../img/panel_header_bg.gif) top left repeat;
}
div.partner_news .partner .partner_header.cricketaustralia {
	background: url(../img/partner_news_cricket.jpg) 0 0 no-repeat;
}
div.partner_news .partner .partner_header.flossie {
	background: url(../img/partner_news_flossie.jpg) 0 0 no-repeat;
}

/* FEATURE ARTICLE */
div.partner_news .partner .feature_article {
	padding: 0px 0 10px 0;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #CCCCCC;
}
div.partner_news .partner .feature_article .feature_heading {
	margin-top: 5px;
	margin-bottom: 0;
}
div.partner_news .partner .feature_article .feature_summary {
	display: inline;
	margin: 0;
	padding: 0;
}
div.partner_news .partner .feature_article .feature_link {
	display: inline;
	padding-right: 12px;
	background: transparent url(../img/bullet_arrow.gif) right center no-repeat;
}


/* MORE LINK */
div.partner_news .partner a.more_link {
	float: right;
}


/*
------------------------------------------------------------------------------------------------------------------------
PHOTO GALLERY
------------------------------------------------------------------------------------------------------------------------
*/

/*
---------------------------------------
GALLERY MENU
--------------------------------------- */
ul.gallery_menu {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
}
ul.gallery_menu li {
	display: -moz-inline-box;				/* Moz - FF2 doesn't support inline-block (doh, this invalidates css) */
											/* Be careful to specify '-moz-inline-box' NOT '-moz-inline-block', which renders differently */
	display: inline-block;					/* Op, Saf, IE (<=IE7 needs display: inline below) \*/
	vertical-align: top;
	width: 162px;
	margin: 10px 5px 10px 5px;
	padding: 0;
}
/* HACK FOR INLINE BLOCK <= IE7 */
*:first-child+html ul.gallery_menu li { display: inline; } * html ul.gallery_menu li { display: inline; }
/*END HACK */

.gallery_container {
	position: relative;
	padding: 5px;
	text-align: center;
	background-color: #f6f6f6;
	border: 1px solid #ededed;
}
.gallery_container img.gallery_image {
	width: 150px;
}
.gallery_container .gallery_heading {
	margin: 0 0 5px 0;
	padding: 5px 0;
	text-align: center;
	border-bottom: 1px dotted #CCCCCC;
}
.gallery_container .gallery_heading a {
}
.gallery_container dl.gallery_info {
	margin: 0;
	padding: 0;
	font-size: 0.833em;			/* 10px(0.833x12) */
	text-transform: uppercase;
	background-image: none;
	border: none;
}
.gallery_container dl.gallery_info dt {
	display: none;
}
.gallery_container dl.gallery_info dd {
	display: inline;
	float: none;
	margin: 0 4px;
}

a.gallery_link {
	position: absolute;
	top: -1px;
	left: -1px;
	border: 1px solid #ededed;
	width: 100%;
	height: 100%;
	color: #FFF;
	text-transform: uppercase;
	line-height: 65px;
	text-indent: -9000px;
	overflow: hidden;
}
a.gallery_link:hover {
	border: 1px solid #666666;
	text-decoration: none;
	text-indent: 0;
	background: transparent url(../img/nav_bg.gif) 0 15px repeat-x;
}
/* IE6 just craps out completely, probably cos we're in transitional doctype */
/* So screw it, they can just get a normal link */
* html a.gallery_link {
	position: relative;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	text-indent: 0;
	color: #3f9c35;
	display: block;
	border: none;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	line-height: 1.2em;
	text-transform: none;
	border-top: 1px dotted #CCCCCC;
}
* html a.gallery_link:hover {
	border: none;
	border-top: 1px dotted #CCCCCC;
}

/*
---------------------------------------
GALLERY PAGE
--------------------------------------- */

dl.gallery_info {	
	margin: -0.5em 0em 1em 0em;
	padding: 3px 0 8px 0;
	border-bottom: 1px dotted #CCCCCC;
	width: 100%;
	overflow: hidden;
	color: #666666;
	font-size: 0.833em;			/* 10px(0.833x12) */
	text-transform: uppercase;
}
dl.gallery_info dt {
	position: relative;
	float: left;
	margin: 0 4px 0 0;
}
dl.gallery_info dd {
	float: left;
	margin: 0 8px 0 0;
}

/*
---------------------------------------
GALLERY
--------------------------------------- */
.gallery_slideshow_container {
	position: relative;
	background-color: #f6f6f6;
	padding: 5px;
	margin: 0 0 1em 0;
	border-bottom: 2px solid #CCCCCC;
	text-align: center;
	overflow: hidden;
}

* html .gallery_slideshow_container { padding: 0; } /* cos IE6 can't handle the extra width */

.gallery_slideshow_container .lightbox {
}

/* Gallery thumbs scroller thing */
.gallery {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 5px;
	border: 0px solid green;
}
.gallery .gallery_next {
	float: right;
	width: 20px;
	line-height: 67px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	background: #cccccc;
	text-align: center;
	cursor: pointer;
}
.gallery .gallery_previous {
	float:left;
	width:20px;
	line-height: 67px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	background:#cccccc;
	text-align:center;
	cursor:pointer;
}
.gallery a.gallery_next:hover, .gallery a.gallery_previous:hover {
	text-decoration: none;
	color: #FFFFFF;
	background: #da91c0;
}
.gallery .scroller {
	border: 0px solid red;
	overflow: hidden;
}
* html .gallery .scroller { width: 560px; float: left;  } /* IE6 needs an exact dimension */

.gallery .scroller .scrollpane {
	border: 0px solid blue;
	width: 12000px;
	overflow: hidden;
}
.gallery .scroller .scrollpane .section {
	border: 0px solid yellow;
	width: 584px;
	overflow:hidden;
	float:left;
	padding: 0 8px;
}
.gallery .scroller .scrollpane .section .image {
	/* images constrained to 80px by backend */
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
}
.gallery .scroller .scrollpane .section .image a {
	display: block;
	float: left;
	border:  1px solid #ededed;
	background-color: #FFF;
	padding: 3px;
}
.gallery .scroller .scrollpane .section .image a:hover {
	border: 1px solid #da91c0;
}



/* 
========================================================================================================================
VIDEO FEATURE PANEL
========================================================================================================================
*/

/*
---------------------------------------
VIDEO FEATURE PANEL (used to display video and small menu)
--------------------------------------- */
.video_feature_panel {
	padding-left: 320px;
}

.video_feature_panel .video_container { /* left */
	position: relative;
	float: left;
	width: 300px;
	margin-left: -320px;
	margin-right: 0;
	display: inline; /* IE6 double float margin fix */
}

.video_feature_panel .video_info_container { /* right */
	position: relative;
	float: left;
	width: 100%;
}

/*
---------------------------------------
VIDEO DIV (targeted by embed code)
--------------------------------------- */
.video {
	text-align: center;
}

/*
---------------------------------------
VIDEO MENU
--------------------------------------- */
div.video_menu_container {
}

ul.video_menu {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px dotted #CCCCCC;
}
ul.video_menu li {	 		/* ??? CHECK: NOTE FROM VIOTV: IE6-7 white space bg appears here. CSS fixes don't work.*/
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #CCCCCC;
}
ul.video_menu li.alt {
	background-color: #f6f6f6;
}

/* VIDEO MENU IN FEATURE PANEL */
.video_feature_panel .video_info_container div.video_menu_container { /* hello IE6! */
	position: relative;
	height: 200px;
	overflow: auto;
	background-color: #f4e5f0;
}
.video_feature_panel .video_info_container div.video_menu_container ul.video_menu {
	border: none;
}
.video_feature_panel .video_info_container div.video_menu_container ul.video_menu li {
	border-bottom: 1px solid #FFFFFF;
}

/*
---------------------------------------
VIOSTREAM OBJECT INSIDE VIDEO MENU
--------------------------------------- */
/* VS CONTAINER */
ul.video_menu li .vs-container {
	position: relative;
	padding: 5px 5px 5px 95px;
	min-height: 45px;							/* min-height hack for IE6 */
	height:auto !important;						/* ... */
	height: 45px;								/* min-height hack for IE6 */
}
ul.video_menu li .vs-container:hover {
	/*background-color: #ead0e4;*/
}
/* IF ITS THE CURRENTLY PLAYING ONE */
ul.video_menu li div.vs-container.vs-nowplaying {
	background-color: #ead0e4;
}
/* THUMBS */
ul.video_menu li .vs-thumb {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 80px;
	height: 45px;
	border: 1px solid #FFFFFF;
}
/* NAME & DURATION */
ul.video_menu li .vs-name {
	padding: 0;
	margin: 0;
}
ul.video_menu li .vs-duration {
}
/* INFO */
dl.vs-info {
	width: 100%;
	overflow: hidden;
	font-size: 0.833em;			/* 10px(0.833x12) */
	text-transform: uppercase;
	margin: 0;
}
dl.vs-info dt {
	position: relative;
	float: left;
	margin: 0 4px 0 0;
}
dl.vs-info dd {
	float: left;
	padding: 0;
	margin: 0 8px 0 0;
}
/* html ul.video_menu li  dl.vs-info dd { float: none; } /* IE6 just places all these on a single line if they're floated */
/*:first-child+html ul.video_menu li  dl.vs-info dd { float: none; } /* IE7 does too */

/* DESCRIPTION */
ul.video_menu li .vs-description {
}
/* PLAY NOW */
ul.video_menu li .vs-playnow {
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 80px;
	height: 45px;
	text-indent: -9000px;
	overflow: hidden;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	background: transparent url(../img/empty.gif) 0 0 repeat-x;
	/*background: transparent url(../images/interface/play_now.png) center -300px no-repeat;*/
}
ul.video_menu li a.vs-playnow:hover {
	border: 1px solid #da91c0;
	/*background-position: center center;*/
}
/* NOW PLAYING INDICATOR */
ul.video_menu li .now-playing-indicator {
	position: absolute;
	top: 10px;
	left: 2px;
	display: block;
	width: 63px;
	height: 15px;
	text-indent: -9000px;
	overflow: hidden;
	background: transparent url(../img/banner_nowplaying.gif) 0 0 no-repeat;
}

/* 
========================================================================================================================
VIDEO PORTAL LAYOUT
========================================================================================================================
*/
/*
---------------------------------------
Portal layout - video on left in main col (at 600px wide)
--------------------------------------- */
.video_portal_twocol {
	padding-left: 620px; /* requires clearfix */
}
.video_portal_twocol .left {
	position: relative;
	float: left;
	width: 600px;
	margin-left: -620px;
	margin-right: 0;
	display: inline; /* IE6 double float margin fix */
}
.video_portal_twocol .right {
	position: relative;
	float: left;
	width: 100%;
}

.video_container {
	margin-bottom: 20px;
}
.video_info_container {
	margin-bottom: 20px;
}

/*
------------------------------------------------------------------------------------------------------------------------
CHANNEL MEDIA: MEDIA MENU LIST VIEW
------------------------------------------------------------------------------------------------------------------------
*/
ul.media-menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px dotted #CCCCCC;
	margin-bottom: -1px; 						/* hide bottom border of last list item - don't do overflow:hidden as IE7 stuffs the grid view */
}
ul.media-menu-list li.menu-item { 				/* IE6-7 white space bg appears here. CSS fixes don't work. Time wasted - 4 hours. */
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #CCCCCC;
}
/* VS CONTAINER */
ul.media-menu-list li.menu-item div.vs-container {
	position: relative;
	padding: 10px 5px 10px 133px;
	min-height: 75px;							/* min-height hack for IE6 */
	height:auto !important;						/* ... */
	height: 75px;								/* min-height hack for IE6 */
}
ul.media-menu-list li.menu-item div.vs-container:hover {
	background-color: #f6f6f6;
}
/* NAME */
ul.media-menu-list li.menu-item .vs-name {
	margin-top: 0;
}
/* THUMBS */
ul.media-menu-list li.menu-item .vs-thumb {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 112px;
	height: 63px;
}
/* INFO */
ul.media-menu-list li.menu-item dl.vs-info {
	/* as set above */
}
/* DESCRIPTION */
ul.media-menu-list li.menu-item .vs-description {
	position: relative;
	clear: both;
	margin: 0;
}
/* ADD TO PLAYLIST */
ul.media-menu-list li.menu-item a.vs-addtoplaylist {
	position: absolute;
	top: 13px;
	left: 105px;
}
/* REMOVE FROM PLAYLIST */
ul.media-menu-list li.menu-item a.vs-removefromplaylist {
	position: absolute;
	top: 13px;
	left: 105px;
}
/* PLAY NOW */
ul.media-menu-list li.menu-item .vs-playnow {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 110px;
	height: 61px;
	text-indent: -9000px;
	overflow: hidden;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	background: transparent url(../img/empty.gif) 0 0 repeat-x;
}
ul.media-menu-list li.menu-item .vs-playnow:hover {
	border: 1px solid #da91c0;
}
/* NOW PLAYING INDICATOR */
ul.media-menu-list li.menu-item .now-playing-indicator {
	position: absolute;
	top: 15px;
	left: 6px;
	display: block;
	width: 63px;
	height: 15px;
	text-indent: -9000px;
	overflow: hidden;
	background: transparent url(../img/banner_nowplaying.gif) 0 0 no-repeat;
}

/*
------------------------------------------------------------------------------------------------------------------------
CHANNEL MEDIA: MEDIA MENU GRID VIEW
------------------------------------------------------------------------------------------------------------------------
*/
ul.media-menu-grid {
	list-style: none;
	margin: 0;
	padding: 10px 0;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
}
ul.media-menu-grid li.menu-item { 			/* have to be specific here, as blanket targeting of all lis breaks the rating star display, which is a nested list */
	display: -moz-inline-box;				/* Moz - FF2 doesn't support inline-block (doh, this invalidates css) */
											/* Be careful to specify '-moz-inline-box' NOT '-moz-inline-block', which renders differently */
	display: inline-block;					/* Op, Saf, IE (<=IE7 needs HasLayout set from hack below) \*/
	vertical-align: top;
	width: 110px;
	margin: 0 10px 10px 5px;
	padding: 0;
}
/* HACK FOR INLINE BLOCK <= IE7 */
*:first-child+html ul.media-menu-grid li.menu-item { display: inline; } * html ul.media-menu-grid li.menu-item { display: inline; }

/* VS CONTAINER */
ul.media-menu-grid li.menu-item div.vs-container {
	position: relative;	
	width: 98px;
	float: left;
	padding: 5px;
	background-color: #F2F2F2;
	border: 1px solid #E5E5E5;
}
ul.media-menu-grid li.menu-item div.vs-container:hover {
	background-color: #E5E5E5;
	border: 1px solid #D9D9D9;
}
/* NAME */
ul.media-menu-grid li.menu-item .vs-name {
	font-size: 1em;
	line-height: 1.5em;
}
/* THUMB */
ul.media-menu-grid li.menu-item .vs-thumb {
	width: 96px;
	height: 54px;
}
/* INFO */
ul.media-menu-grid li.menu-item dl.vs-info {
}
ul.media-menu-grid li.menu-item .vs-info dt {
}
ul.media-menu-grid li.menu-item .vs-info dd {
}
/* DESCRIPTION */
ul.media-menu-grid li.menu-item .vs-description {
	display: none;
}
/* ADD TO PLAYLIST */
ul.media-menu-grid li.menu-item a.vs-addtoplaylist {
	position: absolute;
	top: 8px;
	left: 84px;
}
/* REMOVE FROM PLAYLIST */
ul.media-menu-grid li.menu-item a.vs-removefromplaylist {
	position: absolute;
	top: 8px;
	left: 84px;
}	
/* PLAY NOW */
ul.media-menu-grid li.menu-item .vs-playnow {
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 94px;
	height: 52px;
	text-indent: -9000px;
	overflow: hidden;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	background: transparent url(../img/empty.gif) 0 0 repeat-x;
}
ul.media-menu-grid li.menu-item .vs-playnow:hover {
	border: 1px solid #da91c0;
}
/* NOW PLAYING INDICATOR */
ul.media-menu-grid li.menu-item .now-playing-indicator {
	position: absolute;
	top: 10px;
	left: -4px;
	display: block;
	width: 63px;
	height: 15px;
	text-indent: -9000px;
	overflow: hidden;
	background: transparent url(../img/banner_nowplaying.gif) 0 0 no-repeat;
}


/* 
========================================================================================================================
ICONS AND RANDOM 
========================================================================================================================
*/

/*
---------------------------------------
AD CONTAINER
--------------------------------------- */
.ad_container {
	
}
.ad_container h4 {
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
#sidebar .ad_container {
	display: block;
	position: relative;
	padding: 10px 0;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	line-height: 1em;
}
#sidebar .ad_container img {
}



/*
---------------------------------------
STARS RATING
--------------------------------------- */
.article_rating {
	float: right;
	color: #9a9b9c;
	font-size: 1.2em;
	height: 30px; /* gets height from stars image container - set in stars.js */
	line-height: 30px;
	font-weight: bold;
}

/*
---------------------------------------
OTHER
--------------------------------------- */
.instructions { /* used on forms where instructions are needed */
	font-style: italic;
}

.intro { /* used optionally to render page/content summary */
	font-weight: bold;
}

.more_link { /* link with bullet arrow icon */
	padding-right: 12px;
	background: transparent url(../img/bullet_arrow.gif) center right no-repeat;
}
.toggle { /* link with plus icon */
	padding-right: 12px;
	background: transparent url(../img/bullet_arrow_down.gif) center right no-repeat;
}
.toggle_down {
	padding-right: 12px;
	background-image: url(../img/bullet_arrow_up.gif);
}
.user { /* icon of user */
	display: block;
	padding-left: 20px;
	background: transparent url(../img/icon_status_online.gif) center left no-repeat;
}
.rss {
	padding-left: 16px;
	background: transparent url(../img/icon_rss.gif) center left no-repeat;
}
.addthis {
	padding-left: 16px;
	background: transparent url(../img/icon_addthis.gif) center left no-repeat;
}
.form_terms_panel {
	display: block;
	height: 200px;
	overflow: auto;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #F6F6F6;
}
.error {
	border: 1px solid #FAEBAB;
	background: #FFFCDE;
	padding: 5px;
	margin: 10px 0;
}
.error p {
	margin: 5px 0;
}

a.email_link {
	padding-left: 22px !important;
	background: transparent url(../img/icon_email.gif) center left no-repeat !important;
}
a.print_link {
	padding-left: 22px !important;
	background: transparent url(../img/icon_print.gif) center left no-repeat !important;
}
a.plaintext_link {
	padding-left: 22px !important;
	background: transparent url(../img/icon_plaintext.gif) center left no-repeat !important;
}




/* APeyton */
p.fast_fact {
	font-size:1.0em;
}



ul.registration_reasons {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 0px dotted #CCCCCC;
}
ul.registration_reasons li {
	margin: 0;
	padding: 5px 0px;
	padding-left:10px;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #CCCCCC;
	background: transparent url(../img/bullet_arrow_grey.gif) 0 0.8em no-repeat;
		
}