/* 
========================================================================================================================
Title:				Give Us a Go
Author URI: 		www.viocorp.com
--
Description:		Reset, basic layout and presentation for screen media
--
Updated:			13.08.2009
========================================================================================================================

COLOURS
--
Green darkest:		#4f8e1e
Green dark:			#85b423	
Green mid:			#a5cf4e
Green pale:			#d2e7a6
Green palest:		#edf5dc
--
Blue dark:			#0089d0
Blue mid:			#bfd8e9
Blue pale:			#e5f3fa
--
Yellow dark:		#f4d00d
Yellow mid:			#f9e472
Yellow pale:		#fcf1b8
--
Grey dark:			#333333
Grey mid:			#666666
Grey pale:			#cccccc
Grey paler:			#e5e5e5
Grey palest:		#f3f3f3

FONTS
--
Base font size working off 16px as common to browsers
13px = 81.25% = 1em
--
26px = 2em
18px = 1.385em
15px = 1.154em
13px = 1em
11px = 0.846em
========================================================================================================================
*/
/* 
========================================================================================================================
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 {
	background-color: #0089d0;
	min-width: 960px;
}
body {
	margin: 0;
	padding: 0;
	background: #fafafa url(../img/bg.gif) top center repeat-x;
	color: #333333;
	font-family: "Trebuchet MS" , Helvetica, Arial, sans-serif;
	font-size: 81.25%;					/* Font sizing in ems beyond this point. 81.25% > 1em = 13px. Original default 76%. 62.5% makes 1em=10px. 68.75% makes 1em=11px. 75% makes 1em=12px.  */
	line-height: 1.538em; 				/* 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: #0089d0;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
}
a:active {
}
a:focus {
	outline: none;
}


/*
------------------------------------------------------------------------------------------------------------------------
HEADINGS
------------------------------------------------------------------------------------------------------------------------
*/
h1 {
	font-size: 2em;				/* 26px (2emx13px) */
	padding: 1em 0;
	margin: 0;
	letter-spacing: -0.07em;
	font-weight: normal;
	color: #85b423;
	background: transparent url(../img/divider_grey.gif) left bottom repeat-x;
}
h2 {
	font-size: 1.385em;			/* 18px */
	letter-spacing: -0.05em;
	font-weight: normal;
	color: #85b423;
}
h3 {
	font-size: 16px;			/* 15px */
	/*letter-spacing: -0.05em;*/
	font-weight: bold;
	color: #85b423;
}
h4, h5, h6 {
	font-size: 1em;
	font-weight: bold;
	color: #85b423;
}

h2 a {
color: #85b423;
}
/*
------------------------------------------------------------------------------------------------------------------------
PARAGRAPHS, QUOTES & TEXT
------------------------------------------------------------------------------------------------------------------------
*/
p {
}
blockquote {
}
cite {
}
blockquote cite {
}
q {
}
address {
	font-style: normal;
}
strong {
}
em {
}
b {
}
i {
}
ins {
	text-decoration: overline;
}
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;
	vertical-align: middle;
}
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: 1em;
	border: 1px solid #CCCCCC;
	background-color: #e5e5e5;
	padding: 2px;
}

/*
------------------------------------------------------------------------------------------------------------------------
TABLES
------------------------------------------------------------------------------------------------------------------------
*/
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	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: #f3f3f3;
}
th {
	color: #85b423;
	padding: 0.5em;
	vertical-align: top;
}
td {
	padding: 0.5em;
	vertical-align: top;
}
/* ------------------------------------ */
/* thead */
thead {
	color: #85b423;
	text-align: left;
}
thead tr {
	background-color: #f3f3f3;
	border-bottom: 1px solid #cccccc;
}
thead th, thead td {
}
/* ------------------------------------ */
/* tfoot */
tfoot {
	color: #85b423;
	text-align: left;
}
tfoot tr {
	background-color: #f3f3f3;
	border-top: 1px solid #cccccc;
}
tfoot th, tfoot td {
}

/*
------------------------------------------------------------------------------------------------------------------------
FORMS
------------------------------------------------------------------------------------------------------------------------
*/
form {
}
fieldset {
}
legend {
	padding: 10px 4px 10px 0;
	font-weight: bold;
	font-size: 1.154em;			/* 15px */ 
	letter-spacing: -0.05em;
	font-weight: normal;
	color: #85b423;
}
* html legend { margin-left: -8px; margin-bottom: 0.5em; }
*:first-child+html legend { margin-left: -8px; margin-bottom: 0.5em; }

form p {
	margin: 0;
	padding: 5px 0;
	width: 100%;
	overflow: hidden;
	background: transparent url(../img/divider_grey.gif) 0 0 repeat-x;
}
form p.indent { /* used to move elements over to the right edge of the labels column */
	padding-left: 33%;
	width: 67%;
}

label {
	padding: 3px 0; /* cos text fields etc have 2px pad plus 1px border */
	display: block;
	float: left;
	clear: left;
	width: 33%;
	font-weight: bold;
	color: #0089d0;
}
label a {
	font-weight: bold;
	text-decoration: underline;
}
input, textarea, select {
}
optgroup {
}
option {
}

/*
---------------------------------------
CHECKBOXES, 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;
	margin: 0;
	padding: 0;
}
.text, .textarea, .file {
	padding: 4px;
	border: 1px solid #e5e5e5;
	background-color: #FFFFFF;
	width: 62%;
}
.label {
}
/* GENERAL FOCUS */
.text:focus, .textarea:focus, .file:focus, .text:active, .textarea:active, .file:focus {
	border: 1px solid #cccccc;
}


/*
---------------------------------------
BUTTONS
--------------------------------------- */
button, .button, .submit {
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	letter-spacing: -0.07em;
	margin-left: 0;
	margin-right: 2px;
	padding: 2px 5px 1px 5px;
	border: 1px solid #76aad0;
	border-bottom-color: #3fa6d3;
	border-right-color: #3fa6d3;
	color: #FFFFFF;
	background: #76aad0 url(../img/button_bg.gif) bottom left repeat-x;
	cursor: pointer;
}
button:hover, .button:hover, .submit:hover, button:focus, .button:focus, .submit:focus {
	color: #FFFFFF;
	border: 1px solid #3fa6d3;
	outline: none;
	background-position: 0 -5px;
}
button:active, .button:active, .submit:active {
	color: #FFFFFF;
	border: 1px solid #9bc7d0;
}
/* SECONDARY BUTTON (eg'reset' or 'cancel') */
.button.secondary {
	color: #e5f3fa;
	border: 1px solid #9bc7d0;
}
.button.secondary:hover, .button.secondary:focus, .button.secondary:active {
	border: 1px solid #9bc7d0;
} 
/* DISABLED BUTTON */
.disabled, .disabled:hover, .disabled:focus, .disabled:active {
	color: #cccccc;
	border: 1px solid #cccccc;
	background-color: #e5e5e5;
	background-image: none;
}

/*
---------------------------------------
GENERIC STYLED FORM
--------------------------------------- */
.styled_form {
}
.styled_form fieldset {
}
.styled_form p {
}
.styled_form label, .styled_form .label {
}
.styled_form .radio, .styled_form .check {
}
.styled_form label.radio_label, .styled_form label.check_label {
}
.styled_form .text, .styled_form .textarea, .styled_form .file {
}
.styled_form button, .styled_form .button, .styled_form .submit {
}
.styled_form p.indent {
}


/* 
========================================================================================================================
LAYOUT 
========================================================================================================================
*/
#container { 
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 940px;
	padding: 0 10px;
}
* html #container { width: 960px; w\idth: 940px; }

/*
------------------------------------------------------------------------------------------------------------------------
MASTHEAD
------------------------------------------------------------------------------------------------------------------------
*/
#masthead {
	position: relative;
	height: 175px;
	padding-top: 35px;
	background: transparent url(../img/masthead_bg.jpg) right top no-repeat;
	overflow: hidden;
}
* html #masthead { height: 210px; he\ight: 175px; }

#masthead p.logo {
	position: absolute;
	top: 75px;
	left: 0px;
	height: 95px;
	width: 260px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: none;
}
#masthead p.strapline {
	position: absolute;
	top: 80px;
	left: 310px;
	height: 80px;
	width: 290px;
	margin: 0;
	padding: 0;
	color: #0089d0;
	font-size: 1.077em; /* 14px (1.077emx13px) */
	overflow: hidden;
}

/*
------------------------------------------------------------------------------------------------------------------------
NAVIGATION
------------------------------------------------------------------------------------------------------------------------
*/
#nav {
	color: #FFFFFF;
	height: 40px;
	line-height: 40px;
	font-size: 1.154em;	/* 15px */
	padding-right: 115px;
	background: #a5cf4e url(../img/nav_bg.gif) 0 0 no-repeat;
}

#nav a.rss {
	position: absolute;
	margin-top: -32px;
	/*top: 9px;*/
	right: 10px;
	width: 22px;
	height: 23px;
	font-size: 1px;
	text-indent: 3000px;
	overflow: hidden;
	background: transparent url(../img/icon_rss.gif) 0	0 no-repeat;
}
#nav a.addthis {
	position: absolute;
	margin-top: -32px;
	/*top: 9px;*/
	right: 35px;
	width: 22px;
	height: 23px;
	font-size: 1px;
	text-indent: 3000px;
	overflow: hidden;
	background: transparent url(../img/icon_addthis.gif) center left no-repeat;
}
/* Single level nav - uncomment if not using dhtml_menu.css */
/*#nav ul.main_nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav ul.main_nav li {
	margin: 0 1px 0 0;
	padding: 0;
	display: block;
	float: left;
}
#nav ul.main_nav li a {
	display:block;
	padding: 0 15px;
	text-transform: capitalize;
	font-weight: bold;
	letter-spacing: -0.05em;
	color: #FFFFFF;
	background: transparent url(../img/nav_hover.gif) 0 -40px repeat-x;
}
#nav ul.main_nav li a:hover, #nav ul.main_nav li:hover a  {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #b5d66f;
	background-position: 0 0;
}
#nav ul.main_nav li a.selected {
	background: #95c3d0 url(../img/nav_selected.gif) 0 0 repeat-x;
}*/

/*
------------------------------------------------------------------------------------------------------------------------
UTILITY NAV
------------------------------------------------------------------------------------------------------------------------
*/
#utility_nav {
	position: absolute;
	top: 0;
	right: 160px;
	height: 35px;
	line-height: 35px;
	color: #FFF;
	font-size: 0.923em; /* 12px (0.923emx13px) */
}

#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;
	font-weight: bold;
}
#utility_nav ul.utility_nav li a:hover {
	color: #f4d00d;
	text-decoration: none;
}

/*
------------------------------------------------------------------------------------------------------------------------
CONTENT AREA
------------------------------------------------------------------------------------------------------------------------
*/
#content {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 0;
}

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

/* 1 COLUMN LAYOUT */
body#layout_1col #content{
	background-image: none;
}
body#layout_1col #local {
	display: none;
}
body#layout_1col #main {
	width: 940px;
	margin: 0;
}
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{
}
body#layout_2col #local {
	display: none;
}
body#layout_2col #main {
	float: left;
	width: 620px;
	margin: 0;
}
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{
}
body#layout_3col #local {
	display: block;
}
body#layout_3col #main {
	float: left;
	width: 450px;
}
body#layout_3col #sidebar {
	display: block;
}

/* 2 COL BREAKDOWN INSIDE MAIN */
#main .two_col_container {
	/* !! REQUIRES CLEARFIX CLASS !! */
	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%;
}

/*
------------------------------------------------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------------------------------------------------
*/
#footer { /* full width container outside the #container div */
	width: 100%;
	overflow: hidden;
	background: #0089d0 url(../img/footer_bg.gif) center top repeat-x;
	padding: 50px 0 20px 0;
	color: #e5f3fa;
}
#footer a {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:hover {
	color: #c3de8f;
	text-decoration: underline;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
	color: #f4d00d;
	border: none;
	padding: none;
}

/* content areas in the footer - fixed width */
#footer_content,
#footer_legal {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 960px;
	padding: 10px 0 20px 0;
	overflow: hidden;
}

/* content footer */
#footer_content {
	border-bottom: 1px solid #006091;
}
#footer_content .col {
	width: 23%;
	margin: 0 0.9%;
	padding: 0;
	float: left;
}
* html #footer_content .col {width: ;}

/* form in content footer */
#footer_content form p {
	background-image: none;
}
#footer_content form input.text {
	width: 95%;
	color: #999999;
	background-color: #e5f3fa;
	border: 1px solid #77abd0;
}
#footer_content form input.text:focus, #footer_content form input.text:active {
	color: #333333;
	background-color: #FFFFFF;
}

/* legal footer */
#footer_legal {
	border-top: 1px solid #4dadde;
}
#footer_legal p.copyright {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
}
#footer_legal ul.footer_menu {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px;
}
#footer_legal ul.footer_menu li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
}
#footer_legal ul.footer_menu li a {
}
#footer_legal ul.additional, #footer_legal ul.additional li {
	float: right;
	padding: 0 0 0 15px;
}
*/

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

/*
------------------------------------------------------------------------------------------------------------------------
LOCAL NAV
------------------------------------------------------------------------------------------------------------------------
*/
ul.local_nav { } /* weird nesting bug? need to decalre this here, for the following to be applied - naming issue? */
ul.local_nav {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #e5e5e5;
}
ul.local_nav li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #e5e5e5;
}
ul.local_nav li a {
	display: block;
	padding: 5px 3px 5px 20px;
	background: transparent url(../img/bullet_arrow.gif) 3px 0.6em no-repeat;
}
* 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: #f3f3f3;
}
ul.local_nav li a.selected, ul.local_nav li a.selected:hover {
	background-color: #f3f3f3;
}

/*
------------------------------------------------------------------------------------------------------------------------
BREADCRUMBS
------------------------------------------------------------------------------------------------------------------------
*/
div.breadcrumb_nav {
	padding: 2px 0 0 0; /* to compensate for the 2px height that menu lists have from the top borders, so this lines up with the share links in the right col */
	border-bottom: 1px solid #FFFFFF;
}
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;
	list-style: none;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
}
div.breadcrumb_nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	padding-right: 18px;
	margin-right: 8px;
	background: transparent url(../img/bullet_arrow.gif) center right no-repeat;
}
div.breadcrumb_nav ul li a {
	display: block;
	padding: 5px 0 5px 0;
}

div.breadcrumb_nav ul li span {
	display: block;
	padding: 5px 0 5px 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
MENU LIST
------------------------------------------------------------------------------------------------------------------------
*/
ul.menu {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #e5e5e5;
}
ul.menu li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #e5e5e5;
}
ul.menu li a {
	display: inline-block;
	padding: 5px 3px 5px 20px;
	background: transparent url(../img/bullet_arrow.gif) 3px 0.6em no-repeat;
}
ul.menu li a:hover {
	background-color: #f3f3f3;
}
/* mods for green panel */
.panel ul.menu {
	margin: 0;	
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #d2e7a6;
}
.panel ul.menu li {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #d2e7a6;
}
.panel ul.menu li a:hover {
	background-color: #dfecc2;
}

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

/*
---------------------------------------
PANEL NORMAL
--------------------------------------- */
.panel {
	position: relative;
	margin-bottom: 20px;
	color: #85b423;
	background: #edf5dc url(../img/panel_bg_green.gif) top left repeat-x;
	border: 1px solid #d2e7a6;
}

/* PANEL HEADER */
.panel_header {
	padding: 10px 15px 0 15px;
	font-size: 1.231em;	/* 16px */
	font-weight: bold;
	letter-spacing: -0.05em;
}
.panel_header h1, .panel_header h2, .panel_header h3, .panel_header h4, .panel_header h5, .panel_header h6 {
	margin: 0;
	padding: 0;
	font-size: 1em;	/* 15px inherited */
	font-weight: bold;
	letter-spacing: -0.05em;
}

/* PANEL BODY */
.panel_body {
	position: relative;
	padding: 10px 15px;
}
/* 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: 5px 5px;
	background: #c3de8f url(../img/tab_bg_green.gif) top left repeat-x;
}
.panel_footer a.more_link {
	padding-left: 16px;
	background-image: url(../img/bullet_arrow_white.gif)
}

/*
---------------------------------------
GENERAL FORMS IN PANELS
--------------------------------------- */
.panel form p {
	background: transparent url(../img/divider_green.gif) top left repeat-x;
	border: none;
	padding-bottom: 3px; /*lose 2px from bottom padding to compensate for using a bg image instead of border */
}
.panel .text, .panel .textarea, .panel .file {
	border: 1px solid #d2e7a6;
	background-color: #FFFFFF;
}
.panel .text:focus, .panel .textarea:focus, .panel .file:focus, .panel .text:active, .panel .textarea:active, .panel .file:focus {
	border: 1px solid #a5cf4e;
}
.panel_footer form p, .panel_footer fieldset p {
	background-image: none;
	padding: 0;
}

/*
---------------------------------------
PANEL TABS
--------------------------------------- */
.panel.tabs {
}
.panel.tabs .panel_header {
	padding: 0;
	width: 100%;
	overflow: hidden;
}
ul.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	overflow: hidden;
	background: #c3de8f url(../img/tab_bg_green.gif) top left repeat-x;
}
ul.tabs li {
	margin: 0;
	padding: 0;
	float: left;
	border-right: 1px solid #edf5dc;
}
ul.tabs li a {
	display: block;
	padding: 6px 15px;
	color: #85b423;
	background: #c3de8f url(../img/tab_bg_green.gif) top left repeat-x;
}
ul.tabs li a:hover {
	text-decoration: none;
	color: #4f8e1e;
	background-position: 0 -10px;
}
ul.tabs li a.active, ul.tabs li a.active:hover {
	background: #edf5dc url(../img/panel_bg_green.gif) top left repeat-x;
}


/*
------------------------------------------------------------------------------------------------------------------------
HOME INTRO FEATURES AREA
------------------------------------------------------------------------------------------------------------------------
*/
.home_feature {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.intro_caption {
	position: relative;
	/*background-color: #fff;*/
	width: 600px;
	bottom: 0px;
	left: 0;
	padding: 0 10px; 			/* vert pad needs to be 0 so it's not visible if none entered */
	padding-top:0px;
	margin-top:0px;
	color: #000;
	font-size: 1.1em;			/* 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:3px;
	margin:0;
}


/*


/*
---------------------------------------
PANEL SEARCH
--------------------------------------- */
.panel.search {
	background: #fcf1b8 url(../img/panel_bg_yellow.gif) top left repeat-x;
	border: 1px solid #f9e472;
}

.search_form {
}
.search_form fieldset {
	height: 25px;
	line-height: 25px;
	overflow: hidden;
}
.search_form label {
	display: none;
}
.search_form input.text {
	font-size: 1.154em;
	color: #85b423;
	padding: 2px;
	border: 1px solid #f9e472;
	height: 19px; /* 19px + 2px pad (x2) + 1px border (x2) = 25px */
	width: 230px;
	background-color: #FFFFFF;
}
.search_form input.text:focus, .search_form input.text:active  {
	color: #333333;
	border: 1px solid #f4d00d;
	outline: none;
}
.search_button {
	width: 25px;
	height: 25px;
	margin: 0;
	padding: 0;
	border: none;
	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 -25px;
}


/*
---------------------------------------
PANEL LOGIN FORM
--------------------------------------- */
.panel.login {
}
.loginform_container {
	width: 100%;
	overflow: hidden;
}
.login_form {
}
.forgotpassword_container {
	width: 100%;
	overflow: hidden;
}
.fp_form {
}

/*
---------------------------------------
PANEL POLL
--------------------------------------- */
.panel.poll {
}
.poll_form {
}
.poll_form .poll_question {
	background-image: none;
	margin-top: 0;
	padding-top : 0;
	padding-bottom: 10px;
}
.poll_form fieldset {
}
.poll_form p {
}
.poll_form p.poll_option {
}
.poll_form .radio_label {
	padding-left: 25px;
	display: block;
}
.poll_form .radio {
	margin-left: -25px;
	margin-right: 12px;
}
.poll_form .button {
}
.poll_form .more_link {
}

/*
---------------------------------------
PANEL TAGS
--------------------------------------- */
.panel.tags {
}
.panel.tags .panel_body a {
}
.tag_form {
	text-align: left;
}
.tag_form fieldset {
}
.tag_form label {
}
.tag_form input {
	width: 40%
}
.tag_form button {
	margin-left: 2px;
}

/*
---------------------------------------
PANEL PETITION
--------------------------------------- */
.panel.petition {
}
.petition_form {
	position: relative;
	background: transparent url(../img/divider_green.gif) top left repeat-x;
	padding-top: 1px;
}
.petition_form h2 {
	background-color: aqua
	margin: 0;
}
a.view_petition {
	position: absolute;
	top: 1.385em;
	right: 0;
	display: block;
	padding-left: 16px;
	background: transparent url(../img/bullet_arrow.gif) center left no-repeat;
}

/*
---------------------------------------
STARS RATING
--------------------------------------- */
panel.rating { /* stars have css classes applied by stars.js */
}
.article_rating {
	float: right;
	color: #a5cf4e;
	font-size: 1.385em;
	height: 30px; /* gets height from stars image container - set in stars.js */
	line-height: 30px;
	font-weight: bold;
}

/*
---------------------------------------
SHARE LINKS
--------------------------------------- */
ul.share_links { /* also has .menu applied, so inherits from that */
}
ul.share_links li a {
	padding-left: 5px;
}
ul.share_links li a:hover {
	background-color: #F3F3F3 !important;
}
a.email_link {
	padding-left: 30px !important;
	background: transparent url(../img/icon_email.gif) 5px center no-repeat !important;
}
a.print_link {
	padding-left: 30px !important;
	background: transparent url(../img/icon_print.gif) 5px center no-repeat !important;
}
a.plaintext_link {
	padding-left: 30px !important;
	background: transparent url(../img/icon_plaintext.gif) 5px center no-repeat !important;
}

ul.share_links .styled_form {
}
ul.share_links .styled_form fieldset {
	background-color: #f3f3f3;
}
ul.share_links .styled_form fieldset label {
	text-indent: 5px;
}

/*
---------------------------------------
REGISTER FORM
--------------------------------------- */
.register_form {
}

.form_terms_panel { /* used to depict terms and conditions via javascript */
	display: block;
	position: relative;
	height: 200px;
	overflow: scroll;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #F6F6F6;
}
.form_terms_panel p {
	background-image: none;
}


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

/*
---------------------------------------
ARTICLE FILTER FORM
--------------------------------------- */
.article_filter {
	position: relative;
	display: block;
	background: #e5f3fa url(../img/panel_bg_blue.gif) 0 0 repeat-x;
	border: 1px solid #bfd8e9;
}
form.article_filter_form {
	width: 100%;
	overflow: hidden;
}
form.article_filter_form fieldset {
	border: none;
	float: left;
	padding: 5px 15px;
	margin: 0 200px 0 0;
}
form.article_filter_form p.row {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: auto;
	background-image: none;
}
form.article_filter_form label {
	font-weight: normal;
	display: block;
	width: auto;
	float: none;
}
form.article_filter_form select {
	width: 120px;
}
.article_filter fieldset.filter_search {
	background: #fcf1b8 url(../img/panel_bg_yellow.gif) top left repeat-x;
	border: 1px solid #f9e472;
	width: 190px;
	padding-left: 10px;
	margin: 0 0 0 -200px;
	float: right;
}
.article_filter fieldset.filter_search input.search_query {
	/* builds on normal search_query */
	color: #85b423;
	padding: 2px;
	border: 1px solid #f9e472;
	height: 19px; /* 19px + 2px pad (x2) + 1px border (x2) = 25px */
	width: 155px;
	background-color: #FFFFFF;
}
.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 {
	color: #333333;
	border: 1px solid #f4d00d;
	outline: none;
}
.article_filter fieldset.filter_search .search_button {
	/* builds on normal search_button */
	float: right;
}

/*
---------------------------------------
RESULTS MENU CONTROLS (PAGINATION ETC)
--------------------------------------- */
.results_menu_controls {
	width: 100%;
	overflow: hidden;
}

/* SORT OPTIONS */
.menu_sort {
	float: left;
	padding: 5px 0;
}
.menu_sort p {
	margin: 0;
	float: left;
}
.menu_sort ul {
	margin: 0 8px;
	padding: 0;
	list-style: none;
	float: left;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #FFFFFF;
}
.menu_sort ul li {
	margin: 0;
	padding: 0 5px;
	float: left;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #e5e5e5;
}
.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;
}

/* PAGINATION */
.pagination {
	float: right;
	padding: 5px 0;
	color: #666666;
}
.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 {
	margin: 0;
	padding: 0 0 0 3px;
	float: left;
}
.pagination ul li a {
	display: block;
	float: left;
	padding: 0 5px;
	font-weight: bold;
	color: #FFFFFF !important;
	border: 1px solid #76aad0;
	border-bottom-color: #3fa6d3;
	border-right-color: #3fa6d3;
	background: #76aad0 url(../img/button_bg.gif) bottom left repeat-x;
}
.pagination ul li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	border: 1px solid #3fa6d3;
	outline: none;
	background-position: 0 -5px;
}
.pagination ul li a:active {
	border-color: #9bc7d0;
}
.pagination ul li a.pag_selected, .pagination ul li a.pag_selected:hover {
	border-color: #0089d0;
	background-color: #0089d0;
	background-position: 0 -50px;
}
.pagination ul li.first a {
	width: 16px;
	padding: 0;
	border-color: #0089d0;
	background-color: #0089d0;
	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;
	border-color: #0089d0;
	background-color: #0089d0;
	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;
	border-color: #0089d0;
	background-color: #0089d0;
	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;
	border-color: #0089d0;
	background-color: #0089d0;
	background-image: url(../img/icon_last.gif);
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9000px;
	overflow: hidden;
}

.pagination ul li.first a:hover, .pagination ul li.previous a:hover, .pagination ul li.next a:hover, .pagination ul li.last a:hover {
	background-position: center center;
}

/*
---------------------------------------
RESULTS MENU
--------------------------------------- */
ul.results_menu {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #FFFFFF;
}
ul.results_menu li {
	margin: 0;
	padding: 10px 0;
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #e5e5e5;
}
ul.results_menu li.alt {
}

ul.results_menu li.first {
	border-top: 0px solid #e5e5e5;
}

/* ARTICLE ITEM */
.article_container {
	position: relative;
	padding-left: 90px;
	float: left;
	/*width: 100%;
	overflow: hidden;*/
}
.article_container img.article_image {
	float: left;
	margin-right: 20px;
	width: 60px;
	height: 60px;
	margin-left: -90px;
	border: 5px solid #FFFFFF;
}
.article_container a:hover .article_image  {
	border: 5px solid #bfd8e9;
}
.article_container .article_heading {
	margin: 5px 0 10px 0;
}
.article_container .article_heading a {
}
.article_container .article_heading a:hover {
	text-decoration: none;
}
.article_summary {
}	
a.article_link {
	position: absolute;
	top: 5px;
	right: 0px;
	padding-left: 16px;
	background: transparent url(../img/bullet_arrow.gif) left center no-repeat;
}
dl.article_info {
	float: left;
	color: #999999;
	font-style: italic;
	font-size: 0.846em;	
}
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;
}


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

/*
---------------------------------------
GALLERY MENU
--------------------------------------- */
ul.gallery_menu {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
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: 172px;
	margin: 15px;
	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;
	border: 1px solid #bfd8e9;
	background: #e5f3fa url(../img/panel_bg_blue.gif) 0 0 repeat-x;
}
.gallery_container img.gallery_image {
	width: 150px;
	border: 5px solid #FFFFFF
}
.gallery_container .gallery_heading {
	margin: 0 0 5px 0;
	padding: 5px 0;
	text-align: center;
	border-bottom: 1px dotted #bfd8e9;
}
.gallery_container .gallery_heading a {
}
.gallery_container dl.gallery_info {
	margin: 0;
	padding: 0;
	font-size: 0.846em;			/* 11px */
	text-transform: uppercase;
	background-image: none;
	border: none;
	color: #0089d0;
}
.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 #bfd8e9;
	width: 100%;
	height: 100%;
	color: #FFF;
	text-transform: uppercase;
	line-height: 65px;
	text-indent: -9000px;
	overflow: hidden;
}
a.gallery_link:hover {
	border: 1px solid #3fa6d3;
	text-decoration: none;
	/*text-indent: 0;
	color: #0089d0;
	background: transparent url(../img/panel_bg_blue.gif) 0 18px 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: #0089d0;
	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 #bfd8e9;
}
* html a.gallery_link:hover {
	border: none;
	border-top: 1px dotted #bfd8e9;
}

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

dl.gallery_info {	
	margin:  0 0 1em 0em;
	padding: 5px 0 10px 0;
	width: 100%;
	overflow: hidden;
	color: #999999;
	font-style: italic;
	font-size: 0.846em;			/* 11px */
	background: transparent url(../img/divider_grey.gif) left bottom repeat-x;
}
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: #FFFFFF;
	padding: 5px;
	margin: 0 0 1em 0;
	text-align: center;
}

.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: #bfd8e9;
	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:#bfd8e9;
	text-align:center;
	cursor:pointer;
}
.gallery a.gallery_next:hover, .gallery a.gallery_previous:hover {
	text-decoration: none;
	color: #FFFFFF;
	background: #0089d0;
}
.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 #bfd8e9;
	background-color: #FFF;
	padding: 3px;
}
.gallery .scroller .scrollpane .section .image a:hover {
	border: 1px solid #3fa6d3;
}


/*
------------------------------------------------------------------------------------------------------------------------
ARTICLE / CONTENT
------------------------------------------------------------------------------------------------------------------------
*/
/* INFO */
div.article_info {
	margin:  0 0 1em 0em;
	padding: 5px 0 10px 0;
	width: 100%;
	overflow: hidden;
	color: #999999;
	font-style: italic;
	font-size: 0.846em;			/* 11px */
	background: transparent url(../img/divider_grey.gif) left bottom repeat-x;
}
div.article_info .author {
	float: left;
}
div.article_info .date {
	float: right;
}
/* IMAGE */
div.article_image {
	float: left;
	margin-right: 20px;
	margin-bottom: 1em;
}
div.article_image img {
	border: 5px solid #FFFFFF;
}
div.article_image .article_image_caption {
	padding: 5px;
	color: #999999;
	font-style: italic;
	width:250px;
}
/* ATTACHED FILES */
div.article_attachment {
	position: relative;
	clear: both;
	margin: 1em 0;
	padding: 10px 15px 10px 45px;
	background: #e5f3fa url(../img/panel_bg_blue.gif) 0 0 repeat-x;
	border: 1px solid #bfd8e9;
}
div.article_attachment .attached_file {
	font-weight: bold;
}
div.article_attachment .attached_file img {
	position: absolute;
	left: 15px;
	top: 12px;
}
* html div.article_attachment .attached_file img { left: -15px; } /* IE6 */
div.article_attachment .file_info {	
	display: block;
	color: #999999;
	font-style: italic;
	font-size: 0.846em;
}
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: 15px;
	background: #e5f3fa url(../img/panel_bg_blue.gif) 0 0 repeat-x;
	border: 1px solid #bfd8e9;

}
div.version_history h2 {
	margin-top: 0;
	color: #0089d0;
}
div.version_history ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #bfd8e9;
	border-bottom: 1px solid #FFFFFF;
}
div.version_history ul li {
	position: relative;
	margin: 0;
	padding: 0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #bfd8e9;
}
div.version_history ul li .article_attachment {
	margin: 0;
	border: none;
	background-image: none;
}


/*
------------------------------------------------------------------------------------------------------------------------
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 #FFFFFF;
	margin: 1em 0;
}
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;
	background: transparent url(../img/divider_grey.gif) left bottom repeat-x;
}
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;
}

/* TABLE-BASED - NOT USED */
/*table.user_profile {
	border: none;
}
table.user_profile tbody {
	border-bottom: 1px solid #7faba8;
}
table.user_profile tr {
	padding-bottom: 1px;
	background-image: url(../img/dots.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}
table.user_profile th {
	font-weight: normal;
}
table.user_profile address {
	border-top: 1px solid #bfd5d3;
	border-bottom: 1px solid #bfd5d3;
	margin: 5px 0;
	padding: 5px 0;
}*/


/*
------------------------------------------------------------------------------------------------------------------------
COMMENTS
------------------------------------------------------------------------------------------------------------------------
*/
.comment_list_container {
	position: relative;
	clear: both;
	margin: 1em 0;
	padding: 15px 15px 5px 15px;
	background: #e5f3fa url(../img/panel_bg_blue.gif) 0 0 repeat-x;
	border: 1px solid #bfd8e9;
}
.tabs .comment_list_container { /* exception if in a tab - shouldn't be, but anyway */
	margin: 0;
	padding: 0;
	background-color: transparent;
	background-image: none;
	border: none;
}	
.comment_list_container h2 {
	color: #0089d0;
	padding: 0;
	margin: 0 0 15px 0;
}

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

/* misc bits */
.comment_list_container .rss_feed {
	position: absolute;
	right: 18px;
	top: 18px;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
	width: 16px;
	height: 16px;
	background: transparent url(../img/icon_feed.gif) center center no-repeat;
}
.panel .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;
}
.comment_report {
	position: absolute;
	bottom: 8px;
	right: 8px;
}
.comment_rate {
	position: absolute;
	bottom: 5px;
	right: 24px;
	padding: 0 5px;
	margin: 0 5px;
	border-right: 1px solid #bfd8e9;
}
.comment_rate .result {
	width: 16px;
	font-weight: bold;
	color: #0089d0;
	border: 1px solid #bfd8e9;
	background-color: #FFFFFF;
	padding: 0 3px;
	margin: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
COMMENT FORM
------------------------------------------------------------------------------------------------------------------------
*/
.comment_form_container {
	position: relative;
	clear: both;
	padding: 15px 15px 5px 15px;
	background: #e5f3fa url(../img/panel_bg_blue.gif) 0 0 repeat-x;
	border: 1px solid #bfd8e9;
}
.comment_form_container h2 {
	color: #0089d0;
	padding: 0;
	margin: 0 0 15px 0;
}
/* COMMENT FORM OVERRIDES FOR BLUE PANEL */
.comment_form_container form.comment_form p {
	background: transparent url(../img/divider_blue.gif) 0 0 repeat-x;
}
.comment_form_container form.comment_form .text, .comment_form_container form.comment_form .textarea, .comment_form_container form.comment_form .file {
	border: 1px solid #bfd8e9;
}
.comment_form_container form.comment_form .text:focus, .comment_form_container form.comment_form .textarea:focus, .comment_form_container form.comment_form .file:focus,
.comment_form_container form.comment_form .text:active, .comment_form_container form.comment_form .textarea:active, .comment_form_container form.comment_form .file:active {
	border: 1px solid #5cb3e1;
}

/* COMMENT FORM */
form.comment_form {
}
form.comment_form fieldset {
}
form.comment_form fieldset p {
}
form.comment_form fieldset p label, form.comment_form fieldset p label.label {
}
form.comment_form fieldset .text, form.comment_form fieldset .textarea, form.comment_form fieldset .file {
}
form.comment_form fieldset p.indent {
}

/*
------------------------------------------------------------------------------------------------------------------------
COMMENTS MENU (USED IN PANELS eg MOST RECENT COMMENTS)
------------------------------------------------------------------------------------------------------------------------
*/
ul.comments_menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.comments_menu li {
	margin: 0;
	padding: 0 0 10px 0;
}
ul.comments_menu li .single_comment {
}
ul.comments_menu li .single_comment .comment_header {
	padding: 5px;
	background-color: #FFFFFF;
	margin-bottom: 1px;
}
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;
	background-color: #FFFFFF;
}
ul.comments_menu li .single_comment .comment_body a {
}

/*
------------------------------------------------------------------------------------------------------------------------
ROTATING HEADLINES
------------------------------------------------------------------------------------------------------------------------
*/
/* REQUIRES rotating_headlines.JS, AND HTML STRUCTURE TIED TO THAT */
.rotating_headlines {
	position: relative;
	clear: both;
	margin: 10px 0 1em 0;
	padding: 15px 15px 5px 15px;
	background: #e5f3fa url(../img/panel_bg_blue.gif) 0 0 repeat-x;
	border: 1px solid #bfd8e9;
}
/* BASIC STRUCTURE
<div class="headline_article">
	<div id="rotating_headlines_(#)" class="headline_article_holder">
		<div class="headline_image">
		</div>
		<div id="rotating_headlines_article_(#)">
			<h2></h2>
			<div class="headline_body"></div>
			<div class="headline_link"></div>
		</div>
	</div>
</div>
*/
.headline_article {
}
.headline_article .headline_article_holder {
	width: 100%;
	height: 175px;
	overflow: hidden;
}
/* IMAGE */
.headline_article .headline_article_holder .headline_image {
	position: relative;
	float: left;
	width: 250px;
	height: 165px;
	margin-right: 20px;
	border: 5px solid #FFFFFF;
	overflow: hidden;
	background-color: #FFFFFF;
}
.headline_article .headline_article_holder .headline_image img {
}
.headline_article .headline_article_holder .headline_image .image_caption {
	position: absolute;
	background-color: #000;
	opacity: 0.6;
	bottom: 5px;
	left: 5px;
	width: 250px;
	padding: 0 5px; /* vert pad needs to be 0 so it's not visible if none entered */
	color: #FFF;
	overflow: hidden;
}
/* CONTENT */
.headline_article .headline_article_holder h2 {
	margin: 10px 0;
}
.headline_article .headline_article_holder h2 a {
}
.headline_article .headline_article_holder .headline_body {	
}
.headline_article .headline_article_holder .headline_link a {
	padding-left: 16px;
	background: transparent url(../img/bullet_arrow.gif) left center no-repeat;
}
/* MENU */
.rotating_headlines .player {
	margin: 10px 0 5px 0;
	padding: 10px 0 0 0;
	width: 100%;
	overflow: hidden;
	background: transparent url(../img/divider_blue.gif) left top repeat-x;
}
.rotating_headlines .player ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}
.rotating_headlines .player ul li {
	margin: 0 0 0 3px;
	padding: 0;
	float: left;
}
.rotating_headlines .player ul li a {
	display: block;
	float: left;
	padding: 0 5px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #76aad0;
	border-bottom-color: #3fa6d3;
	border-right-color: #3fa6d3;
	background: #76aad0 url(../img/button_bg.gif) bottom left repeat-x;
}
.rotating_headlines .player ul li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	border: 1px solid #3fa6d3;
	outline: none;
	background-position: 0 -5px;
}
.rotating_headlines .player ul li a:active {
	border-color: #9bc7d0;
}
.rotating_headlines .player ul li a.active, .rotating_headlines .player ul li a.active:hover {
	border-color: #0089d0;
	background-color: #0089d0;
	background-position: 0 -50px;
}

/*
------------------------------------------------------------------------------------------------------------------------
FEATURES MENU
------------------------------------------------------------------------------------------------------------------------
*/
ul.features_menu {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #e5e5e5;
}
ul.features_menu li {
	margin: 0;
	padding: 5px 0;
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #e5e5e5;
}
ul.features_menu li .feature_image {
	float: left;
	margin-right: 10px;
	border: 5px solid #FFFFFF;
}
ul.features_menu li a:hover .feature_image  {
	border: 5px solid #bfd8e9;
}
ul.features_menu li .feature_heading {
	margin: 5px 0 10px 0;
}
ul.features_menu li .feature_heading a {
}
ul.features_menu li .feature_summary {
	display: inline;
	margin: 0;
	padding: 0;
}
ul.features_menu li .feature_link {
	padding-left: 16px;
	background: transparent url(../img/bullet_arrow.gif) left center no-repeat;
}

/*
------------------------------------------------------------------------------------------------------------------------
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: #85b423;
}
.category_header a:hover {
	color: #4f8e1e;
	text-decoration: none;
}
/* FEATURE ARTICLE */
.category_feature_article {
	padding: 0px 0 10px 0;
	width: 100%;
	overflow: hidden;
}
.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;
}


/* 
========================================================================================================================
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 {
}

/*
---------------------------------------
ERROR HANDLING
--------------------------------------- */
div.dump { 	/* container that error messages are written into */
}
.error { 	/* inconsistently applied class - sometimes a div or a span inside dump, and sometimes a span by itself */
	color: #0089d0;
	border: 1px solid #bfd8e9;
	background: #e5f3fa;
	padding: 5px 10px;
	margin: 20px 0;
}
.error p {
	margin: 0;
	background-image: none;
	border: none;
	margin: 20px 0;	
}


/*
---------------------------------------
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-left: 16px;
	background: transparent url(../img/bullet_arrow.gif) center left 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;
}







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

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

.video_feature_panel .video_container { /* left */
	position: relative;
	float: left;
	width: 200px;
	margin-left: -275px;
	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: left;
}

/*
---------------------------------------
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: transparent;
}
.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;
}



.homepage_video {
	background: #e5f3fa url(../img/panel_bg_blue.gif) 0 0 repeat-x; 
	border: 1px solid #bfd8e9;
}