/*
	Name:        Backing Black
	Date:        May 2010
	Description: Main global styles for Backing Black.
	Version:     1.0
	Author:      TOUCH/CAST
	Author URI:  http://www.touchcast.co.nz/
*/

/* Yahoo Reset CSS */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html {
	background: #333;
	color:#666;	
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height:120%;
}

input.empty, 
input.hidetext {
	font-size: 1px;
	line-height: 1px;
	color: #FFF;
}

form .errors {
	font-size: 12px;
	margin: 10px 0;
}


/* Links */

a {
	color:#0096E3;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active,input:active,a:focus,input:focus {
	outline: none;
	-moz-outline-style: none;
}


/* Headings, bold, italic etc */

h1,h2,h3,.arial {
	color:#333;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	padding:0.2em 0;
}
h1 {
	font-size:20px;
}
h2 {
	color: #888;
	font-size: 14px;
}
h2.legals {
	font-size: 18px;
	color:#333;
	width:360px;
	margin-bottom:0.5em;
}
h4 {
	color: #666;
	font-size:12px;
	font-weight:bold;
	padding: 0.6em 0 0;
}
h5 {
	font-size:10px;
	line-height: 12px;
	padding-bottom: 0.3em;
}
p,
#contact-form .row {
	font-size: 12px;
	padding-bottom: 0.5em;
}
.column-content h1 {
	color:#666;
	font-size:24px;
	line-height:24px;
}
h1.underline {
	background: url(../img/hr.png) no-repeat 0 100%;
	padding:10px 0;
	margin-bottom:5px;
}
h3.underline,
#upcoming_events h1.underline {
	background: url(../img/hr.png) no-repeat 0 100%;
	color:#888;
	font-size: 18px;
	padding: 5px 0 10px 0;
	margin-bottom:5px;
}
strong,b {
	font-weight:bold;
}
em,i {
	font-style:italic;
}


/* Useful Styles */

.clear {
clear:both;
width:100%;
}
.left {
	float:left !important;
	display: inline;
}
.right {
	float:right !important;
	display: inline;
}
.left.image {
	margin:0 15px 10px 0;
}


/* Standard Text replace */

.text-replace, .button, .button a, .logo a, #member-actions li a, #main-nav a, #footer h3 a,.main-title {
	display:block;
	font-size:1%;
	margin:0;
	padding:0;
	text-indent:-5000px;
}


/* CSS Sprites */

#header, #footer {
	background: transparent url(../img/sprite-x-repeating-v1.jpg) repeat-x 50% 0%;
}

#main-nav a,
#member-login,
.logged-in,
#member-actions,
#member-actions li a {
	background: transparent url(../img/sprite-non-repeating-v1.png) no-repeat;
}


/* Forms */

input.textbox, .textbox input {
	background: url(../img/form-text-wide.png) 0 0 no-repeat;
	border: none;
	color: #666;
	font-size: 11px;
	height: 16px;
	padding:6px 5px;
}
input.label,.label input {
	color:#AAA;
}
.upload input {
	width:400px;
}
.label input:focus, .label input:focus {
	color: #666;
}
div.textbox input {
	width:304px;
}
div.textbox label {
	font-size: 11px;
	padding: 3px 0;
}
div.textbox-full input {
	background-image: url(../img/form-text-full.png);
}
div.textbox-full input {
	width:450px;
}
div.textbox input {
	background-position: 0 0;
}
label {
	color: #666;
	font-size: 12px;
}
select {
	color: #666666;
	font-size:11px;
}
.select-column select {
	width:148px;
}

/* Filters */
#filters, #filters-bottom {
	background: url(../img/filters-bg.png) no-repeat 0 0;
	padding:10px 20px;
	margin: 10px 5px 0 5px;
}
#filters-bottom {
	background-position:  0 100%;
	padding:0 20px;
	height: 10px;
	margin-top: 0;
}
#filter_go,#filter_region,#filter_author,#filter_sort {
	margin:0;
	padding:0;
	width:130px;
}
#filter_go {
	font-size: 14px;
}

#filter_go a {
	display:inline-block;
	padding:7px 0 0 0;
}

#blog #filters .select-column {
    margin-right: 1em;
}

input.go {
background:url("../img/button-go.png") no-repeat scroll 0 0 transparent;
border:0 none;
cursor:pointer;
height:33px;
width:67px;
}

div#blog .show_all {
margin:15px 15px 15px 100px;
position:absolute;
}
div#blog #filter_go {
float:right;
margin-top:6px;
}
/* Errors */

.error {
	color: #b32118;
}
p.error {
	border:1px solid #900;
	background: #b32118;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	line-height:120%;
	margin:10px 0;
	padding:5px 10px 5px 25px;
	width:325px;
}


/* Main structure */

#container {
	width:100%;
}
.contain {
	margin:0 auto;
	width:970px;
	position: relative;
}

/* Columns */
.column .column-content {
	background: transparent url(../img/sprite-y-repeating-v1.png) repeat-y;
}
.column {
	display: inline;
	float:left;
	margin-right:10px;
	padding-right: 20px;
}
.column {
	padding-right: 0;
	margin-right:0;
}
.column-2 {

	width:364px;
}
.column-2 .column {
	margin-right:0;
}
.column-3 {
	width:584px;
}
.column-4 {
	width:672px;
}
.column-3 .column-content,.column-3 .column-head,.column-3 .column-footer {
	background-position: -181px 0;
	float:left;
	padding: 0 30px;
	width:526px;
}
.column-center {
display:block;
margin-left:auto;
position:relative;
}
.center-inner {
margin-left:200px;
width:586px;
}

.column-3 .column-header {
	background:url(../img/column-4-bg-header.png) 0 0 no-repeat;
	height:20px;
}

.column-3 .column-header .rightcorner {
	background:url("../img/column-4-bg-header.png") repeat scroll -746px 0 transparent;
display:block;
float:right;
height:100%;
width:30px;
}
#login-form {
	width: 465px;
	display: block;
}
#login-form .buttons {
	margin-top: 25px;
}
.column-3 .column-footer {
	background:url(../img/home-latest-bottom.png) -7px 100% no-repeat;
	height:80px;
}
.column-4 .column-content,.column-4 .column-head,.column-4 .column-footer {
	background-position: -768px 0;
	float:left;
	padding: 0 30px;
	width:718px;
}
.column-4 .column-header {
	background:url(../img/column-4-bg-header.png) 0 0 no-repeat;
	height:20px;
	width:778px;
}
.column-4 .column-footer {
	background:url(../img/column-4-bg-footer.png) 0 100% no-repeat;
	height:80px;
	width:718px;
}
.column-4 .column-3 {
	width:464px;
}
.column-4 .column.right {
	width:210px;
}
.column-join {
	width:220px;
}
.competitions {
	width:220px;
	margin-right:15px;
}
#btn_enter {
    background: url(/img/button-enter-prize-draw.png) top left no-repeat;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 47px;
    line-height: 1px;
    text-indent: -999em;
    width: 461px;
}
#content {
	background: #EFE8DC url(../img/bg.jpg) repeat-x 50% 0;
	padding: 5px 0 15px 0;
}

.article p {
	font-size: 12px;
}

.widget p {
	font-size: 10px;
	line-height: 12px;
}


/* Top, back to */
a.top, .back-to-link {
	float:right;
	font-size:11px;
	padding:0 10px;
	text-align:right;
}
.back-to-link {
	margin-top: 10px;
}

/* HR */
hr.distress {
	border:none;
	background: transparent url(../img/hr.png) no-repeat 0 0;
	height: 1px;
	margin: 20px 0;
}

/* Header construction */

#header {
	background-position-y:0;
	height: 165px;
}

#header h1,
#header h2 {
	background:url(../img/bb-logo.png);
	height:72px;
        margin: 0;
        padding: 0;
	position: absolute;
        text-indent: -999em;
	top:15px;
	width:650px;
}
.logo a {
    display: block;
    height: 72px;
    width: 470px;
}


/* Member functions */

#member-actions, #member-login,.logged-in {
	background-image: url(../img/header-form-bg-8bit2.png);
	height:120px;
	right:0;
	position: absolute;
	top:0;
	width:310px;
}
#member-actions {
	background-image: url(../img/header-crowd.png);
}
#member-actions ul {
	padding: 0;
}
#member-actions li a {
	right:0;
	position: absolute;
	top:0;
	height: 55px;
	width: 142px;
}
#member-actions #member-actions-sign-in a {
	background:url(../img/sprite-sign-join-tabs.png) no-repeat 0 0;
	right:142px;
}
#member-actions #member-actions-join-up a {
	background:url(../img/sprite-sign-join-tabs.png) no-repeat 0 -55px;
}

#member-login,.logged-in {
	color: #000;
	/*display: none;*/
	font-size: 11px;
	padding: 0 20px; 
	position: absolute;
	right:0;
	top:0;
	width:265px;
	z-index:50;
}
#member-login .cancel-reset {
	padding: 0 3px;
}
#member-login .cancel-reset strong {
	font-size: 14px;
}
#member-login .submit {
	float:right;
	padding-top:5px;
}
#member-login .sign-in {
	padding: 8px 5px 0;
}
#member-login .forgot-pass {
        float: left;
	font-size:9px;
	line-height:9px;
	text-align:left;
        margin-top: 30px;
        width: 130px;
}
#member-login .form-login {
	width:270px;
}
#member-login .textbox input {
	width:150px;
	background: url(../img/form-text-username.png) 0 0 no-repeat;
	letter-spacing: -0.4px;
}
#member-login .textbox {
	width:160px;
}
#member-login .password input {
	width:90px;
	background-image: url(../img/form-text-password.png) !important;
}
#member-login .password {
	margin-right: 4px;
	width:100px;
}

.error #login_error_msg {
    background: url(/img/icons/icons-error-small.png) 4px 4px no-repeat;
    color: #b32118;
    font-size: 9px;
    line-height: 100%;
    margin-top: 2px;
    padding: 5px 0 2px 28px;
    position: absolute;
    top: 52px;
    left: 16px;
    width: 124px;
}
.logged-in .profile-details {
	float:right;
	width: 188px;
}
.logged-in .profile-image {
	margin:10px 0px 0 10px;
}
.logged-in .profile-image span {
	display: none;
}
.logged-in .title-my-profile {
	background: url(../img/title_my_profile_small.png);
	height:37px;
	width:123px;
}
.logged-in .username {
	font-weight: bold;
	font-size: 16px;
	padding-top:10px;
}
.logged-in .user-details {
	font-size: 11px;
	line-height: 14px;
	color: #666;
}
.logged-in .sign-out {
	font-size: 10px;
	padding: 5px 5px 0 0 ;
}
div.profile-image {
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 50px;
}
a.profile_pic {
    background: url(/img/profile-thumbnail-overlay.png) 0 0 no-repeat;
    _background: url(/img/profile-thumbnail-overlay-8bit.png) 0 0 no-repeat;
    display: block;
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}

span.starting_lineup {
    background: url(/img/profile-pic-lrg-sl-overlay.png) top left no-repeat;
    _background: url(/img/profile-pic-lrg-sl-overlay-8bit.png) top left no-repeat;
    display: block;
    height: 60px;
    left: 0;
    position: absolute;
    top: 0;
    width: 220px;
}

/* Navigation - main */
#main-nav {
	position: absolute;
	top:100px;
	z-index: 10;
}
#main-nav li a {
	background-image:url(../img/sprite-main-nav.jpg)
}
.main-nav, #main-nav li, #main-nav li a {
	height: 60px;
}
#main-nav li, #main-nav li a {
	display: inline-block;
	float: left;
	height: 75px;
}
#main-nav li {
	display: inline;
}
#main-nav .nav-home a         { background-position: 0 0px;  width:142px; }
#main-nav .nav-home a:hover   { background-position: 0 -85px; }
#main-nav .nav-home a.active  { background-position: 0 -170px; }
#main-nav .nav-news a         { background-position: -142px -0px;  width:122px; }
#main-nav .nav-news a:hover   { background-position: -142px -85px; }
#main-nav .nav-news a.active  { background-position: -142px -170px; }
#main-nav .nav-evnt a         { background-position: -264px -0px; width: 138px;}
#main-nav .nav-evnt a:hover   { background-position: -264px -85px; }
#main-nav .nav-evnt a.active  { background-position: -264px -170px; }
#main-nav .nav-blog a         { background-position: -400px -0px; width:117px; }
#main-nav .nav-blog a:hover   { background-position: -400px -85px; }
#main-nav .nav-blog a.active  { background-position: -400px -170px; }
#main-nav .nav-memb a         { background-position: -519px -0px; width:255px; }
#main-nav .nav-memb a:hover   { background-position: -519px -85px; }
#main-nav .nav-memb a.active  { background-position: -519px -170px; }



/* Navigation - footer */
#footer h3 a {
	height: 45px;
	position: relative;
	right:5px;
	width:100px;
}
#footer h3 a {background-image:url(../img/sprite-footer-tape-nav.png) }
#footer h3 a:active { top:1px; } 
#footer #footer_home h3 a       { background-position: 0 0; right:8px; }
#footer #footer_home h3 a:hover { background-position: 0 -45px; }
#footer #footer_news h3 a       { background-position: -100px 0; }
#footer #footer_news h3 a:hover { background-position: -100px -45px; }
#footer #footer_events h3 a       { background-position: -200px 0; }
#footer #footer_events h3 a:hover { background-position: -200px -45px; }
#footer #footer_posts h3 a       { background-position: -300px 0; width:85px; }
#footer #footer_posts h3 a:hover { background-position: -300px -45px; width:85px; }
#footer #footer_rewards h3 a       { background-position: -385px 0; width:190px; }
#footer #footer_rewards h3 a:hover { background-position: -385px -45px;}


/* Footer construction */

#footer {
	background-color: #d2cabf;
	background-position: 50% -174px;
	clear: both;
	color:#666;
	height: 280px;
	/*padding-top: 50px;*/
        padding-top: 25px;
}

#footer a {
	color:#07B;
}

#footer div.column {
	width:182px;
	padding-right: 10px;
}

#footer ul li {
	font-size: 11px;
	line-height: 14px;
	padding-bottom: 10px;
}

#footer-legals {
	position: absolute;
	/*top: 225px;*/
    top: 250px;
}
#footer-legals p {
	color:#333;
	font-size: 11px;
}
#footer-legals a {
	color:#eee5d7;
	
}
#footer div.contain .portlet {
    margin: 0;
}

/* Standard Button Style */
.button a {
	height:58px;
	margin-top: 10px;
	width:316px;
}




/* Standard Item Style */
.items {
	background: url(../img/hr.png) no-repeat 0 0;
	padding-top:1px;
}
.item {
	float:left;
	padding-right: 25px;
	width:220px;
}
.item.last {
	padding-right:0;border:none;
}
.item .title h3 {
	font-size: 14px;
	line-height: 16px;
	padding:0.4em 3px;
	text-align: left;
}
.item .details p {
	font-size: 11px;
	color: #888;
}
.item .details p.location {
	font-size: 12px;
	line-height: 14px;
}

.item .content {
	display:inline;
	float:right;
	min-height:80px;
	padding:0 10px 15px;
	width:355px;
} 

/* Next Prev Nav */
.prev_next_items, .prev_next_items .portlet {
	background: url(../img/hr.png) no-repeat 0 0;
	padding:4px 0 10px;
}
.prev_next_items .portlet {
	background: url(../img/hr-double.png) no-repeat 0 100%;
}
.next_item,.prev_item {
	font-size: 12px;
	padding:5px 0;
}
.next_item {
	background: url(../img/button-next.png) 100% 50% no-repeat;
}
.prev_item {
	background: url(../img/button-prev.png) 0% 50% no-repeat;
}
.prev_item a,
.next_item a {
    display: block;
    height: 20px;
    padding: 0 0 0 30px;
    width: 160px;
}
.next_item a {
    padding: 0 30px 0 0;
    _padding: 0 0 0 20px;
    text-align: right;
}

/* Standard Rows Style */
.rows {
	border-top: 1px solid #ccc;
	padding:20px 0;
}
.row {
	background: url(../img/hr.png) no-repeat 0 100%;
	float:left;
	width:100%;
}
.items .even {
	background-color:#fcf9f5;
}
.row_image {
	float: left;
	padding:10px 4px;
}
.row_details {
	color:#999;
	float:left;
	padding: 5px 10px;
	width:450px;
}
.row_details h2 {
	font-size: 14px;
	line-height: 16px;
	padding:0.6em 0 0.3em 0;
	text-align: left;
}

.row_stats {
	float:right;
	padding:15px 0 0 0;
	width: 140px;
}
.row_stat {
	float:left;
	font-size: 10px;
	width: 60px;
	text-align: center;
}
.row_stat strong {
	font-size: 18px;
	font-weight: normal;
	padding-left: 20px;
}
.row_stat.comments {
	background: url(../img/icons/comments.png) 10% 10% no-repeat;
        padding-right: 10px;
}
.row_stat.likes {
	background: url(../img/icons/like.png) 10% 10%  no-repeat;
}
.row img { width:95px; height:55px; }

/* Pager */
.list-view .summary, .list-view .pager {
	clear:both;
	color: #999;
	font-size:11px;
	padding:10px;
}

/* Single Page */
.related_items ul li {
	font-size: 11px;
	line-height:14px;
	padding:0 0 0.7em;
}

/* Comments */
.comment_line {
	position: relative;
}
.comment_line .row_details {
	width:370px;
}
.comment_line.profile .row_details {
	width:580px;
}
.comment_line .author {
	font-size: 14px;
}
.comment_text, .row_details .intro {
	background: url(../img/comment-text-bg.png) 0 0 no-repeat;
	color:#888;
	font-size: 12px;
	padding: 0 0 0.5em 35px; 
}
.row_details .details {
	font-size: 11px;
}
.comment_reporter {
	font-size: 11px;
	position: absolute;
	top:0;
	right:0;
}
.content_contenttitle {
	font-size: 12px;
	font-weight: bold;
	color:#0096E3;
}
#place_comment textarea {
    color: #666666;
    font-size: 12px;
    padding: 4px;
    width: 454px;
}

#place_comment input#comment_submit {
    background: url(/img/button-comment.png) top left no-repeat;
    border: 0;
    float: right;
    height: 47px;
    text-indent: -999em;
    width: 213px;
}

#place_comment .buttons {
    clear: both;
    margin-top: 1em;
}

a.posting_guidelines {
    font-size: 11px;
    float: right;
}

/* Alerts */

.alert,.join_up_sign_in,.alert_footer {
	background: url(../img/alert-bg.png) 0 0 no-repeat;
	padding: 10px 15px 5px;
	width: 435px;
}
.join_up_sign_in {
	color: #666;
}
.alert_footer {
	background-position: 0% 100%;
	height:5px;
	padding-top:0;
	margin-bottom:10px
}
.alert p {
	font-size: 12px;
	padding:10px 10px 5px 10px;
}
.alert p strong {
	color:#998f7d;
	font-size: 18px;
}
.alert p.alert-icon {
	background:url(../img/icons/alert.png) no-repeat 0 3px;
	padding-left:40px;
}

.alert p.alert-bold {
	font-weight: bold;
}
.empty {
	color:#888;
}
.alert p.success-icon {
    background: url(/img/icons/success.gif) no-repeat 0 10px;
    padding-left:40px;
}
.alert p.error-icon {
    background: url(/img/icons/error.png) no-repeat 0 5px;
    padding-left:40px;
}

/* Main page styles */
#news_featured,#current_event {
	font-size: 12px;
	width:718px;
}
#news_featured h1,
#current_event h1,
#news_featured h2,
#current_event h2,
#current_event h3 {
    font-size:24px;
    line-height: 40px;
}
#current_event h3 {
    line-height: 24px;
}
#current_event h3 {
    color: #888888;
}
.featured-copy {
	float:right;
	padding:0 20px;
	width:205px;
}
#current_event {
	padding-bottom:15px;
}
#current_event .featured-copy {
	width:460px;
}
.event-content {
	font-size: 12px;
	line-height: 16px;
}
.author {
	font-size: 11px;
}
.date {
	color:#888;
	font-size: 11px;
}
.date .author {
	display: inline;
	padding-right:1em;
}
.video {
	margin-bottom: 10px;
}
#news_featured p,#current_event p {
	font-size: 12px;
	line-height: 15px;
	padding: 0.5em 0;
}
#current_event p.kickoff {
	font-weight: bold;
	font-size: 18px;
}
.news_item p.summary,.news_item .body p, .event_item p.summary, .event_item .body p,div.content-extended p,
.event_item .getting_there {
	font-size: 12px;
	padding: 1em 0;
	line-height: 16px;
}
#btn_like {
    background: url(/img/button-like_sprite.png) top left no-repeat;
    border: none;
    cursor: pointer;
    height: 30px;
    text-indent: -999em;
    width: 78px;
}
#btn_like_liked {
    background: url(/img/button-like_sprite.png) 0 -30px no-repeat;
    height: 30px;
    text-indent: -999em;
    width: 78px;
}
.share-this,.like-this {
	color:#888;
	float: left;
	padding-bottom:10px;
	width:50%;
}
.share-this h4,.like-this h4 {
	color:#888;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}
#like_message {
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
	padding-right: 10px;
}
.share-this .portlet,.share-this .portlet-content {
	display: inline;
}
.gallery {
    clear: both;
}
.related_items {
	clear:both;
}
#latest_news, #upcoming_events {
	margin-top:20px;
}
#latest_news h1, #popular_news h1 {
    background: url(../img/hr.png) no-repeat 0 100%;
    color: #888888;
    font-size: 18px;
    margin-bottom: 5px;
    padding: 0 0 5px 0;
}
#latest_news h2 {
	font-weight: bold;
	color: #999;
}
#latest_news .items,#upcoming_events  {
	background-position: 0 100%;
	padding:10px 0;
}
#more-news {
	margin:0 auto;
	width:534px;
}
#more-news a {
	background-position: 0 -58px;
	width:534px;
}

.main-title {
	background: transparent no-repeat 0 0;
	height: 46px;
	margin-bottom:10px;
}

/* Main titles */
.title-about {	background-image:url(../img/title_about_us.png); }
.title-address {	background-image:url(../img/title_address_details.png); }
.title-basic {	background-image:url(../img/title_basic_details.png); }
.title-blog {	background-image:url(../img/title_blog_posts.png); }
.title-contact {	background-image:url(../img/title_contact.png); }
.title-cool-stuff {	background-image:url(../img/title_cool_stuff.png); }
.title-draws-comps {	background-image:url(../img/title_draws_comps.png); }
.title-events {	background-image:url(../img/title_events.png); }
.title-forgot-pass {	background-image:url(../img/title_forgotten_pwd.png); }
.title-great-reasons {	background-image:url(../img/title_great_reasons.png); }
.title-join {	background-image:url(../img/title_join_crew.png); }
.title-just-one {	background-image:url(../img/title_just_one_more.png); }
.title-legals {	background-image:url(../img/title_legals.png); }
.title-tcs-mem {	background-image:url(../img/title_mem_tcs.png); }
.title-news {	background-image:url(../img/title_news.png); }
.title-sign-in {	background-image:url(../img/title_sign_in.png); }
.title-tcs {	background-image:url(../img/title_tcs.png); }
.title-thanks {	background-image:url(../img/title_thanks_message.png); }
.title-privacy {	background-image:url(../img/title_privacy.png); }
.title-coc {	background-image:url(../img/title_posting_guidelines.png); }

.column-content ul,.column-content ol {
	margin-bottom: 20px;
}
.column-content ul li {
	margin:0 10px 0 20px;
	font-size: 12px;
	list-style: disc outside;
}
.column-content ol li {
	margin:0 10px 0 20px;
	font-size: 12px;
	list-style: decimal outside;
}
.column-content li p {
	font-weight: normal;
}

/* Buttons */
.button.button-join-up-now a,.button.button-more-cool-stuff a  {
	background:url(../img/button-join-up-now.png) 0 0 no-repeat;
	width:215px;
	height:51px;
}
.button.button-more-cool-stuff a {
	background:url(../img/button-more-cool-stuff.png) 0 0 no-repeat;
}
.button.button-more-events a {
	background:url("../img/home-buttons-internal-panels.png") no-repeat scroll 0 -116px;
	width: 534px;
	
}
.button.button_signin {
	background:url("/img/button_signin.gif") repeat scroll 0 0 transparent;
	border:0 none;
	height:47px;
	margin-left:245px;
	width:216px;
	cursor: pointer;
}

.red {color:#b32118; }
.errorMessage { color:#b32118 !important; font-size: 11px; } 
/* Image distressing */
.img-destress {
	position:relative;
}
.img-destress a {
	left:0;
	position:absolute;
	text-decoration: none !important;
}
.img-destress span {
	background: transparent no-repeat 0 0;
	left:0;
	position:absolute;
	top:0;
	z-index: 2;
}
.img-destress-odd span {
	background: url(../img/img-overlays_95x55_2.png) no-repeat 0 0;
}
.img-destress img {
	display: block;
	position:relative;
	z-index: 1;
}

.img-destress-thumb,
.img-destress-thumb-odd {
    float:left;
    height:47px;
    margin-right:6px;
    overflow:hidden;
    padding:4px 0;
    width:95px;
}

.img-destress-thumb span,
.img-destress-thumb-odd span { padding: 4px 0; background-image: url(../img/img-overlays_95x55_1.png); width: 95px; height:55px; }

.img-destress-thumb-odd span { background-image: url(../img/img-overlays_95x55_2.png); }

.img-destress-med {padding: 4px 0;float:left;}
.img-destress-med,.img-destress-med span {width: 210px; height:125px; }
.img-destress-med span { padding: 4px 0; background-image: url(../img/img-overlays_210x125_1.png); }
.img-destress-med-odd span { background-image: url(../img/img-overlays_210x125_2.png); }

.img-destress-full {padding: 4px 0;float:left;}
div.event_item .img-destress-full, div.news_item .img-destress-full { padding: 0; }
.img-destress-full,.img-destress-full span {width: 470px; height:270px; }
.img-destress-full span { padding: 4px 0; background-image: url(../img/img-overlays_470x270.png); }

.slide span.video,
.home-img-destress span.video,
.img-destress-full span.video,
.img-destress-thumb span.video,
.img-destress-thumb-odd span.video,
.img-destress-med span.video,
.img-destress-med-odd span.video {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    padding: 0;
    position: absolute;
}
.column-3 div#yw2.portlet {
    height: 340px;
    overflow: hidden;
}
.home-img-destress span.video {
    background-image: url(/img/icons/video/cam-icon-small.png);
    height: 16px;
    left: 14px;
    top: 14px;
    width: 18px;
}
.slide span.video,
.img-destress-full span.video {
    background-image: url(/img/icons/video/cam-icon-lrg.png);
    height: 27px;
    left: 30px;
    top: 32px;
    width: 32px;
}
.slide span.video {
    left: 14px;
    top: 12px;
}
.img-destress-thumb span.video, .img-destress-thumb-odd span.video {
    background-image: url(/img/icons/video/cam-icon-thumb.png);
    height: 14px;
    left: 10px;
    top: 12px;
    width: 16px;
}

.img-destress-med span.video,
.img-destress-med-odd span.video {
    background-image: url(/img/icons/video/cam-icon-med.png);
    height: 19px;
    left: 16px;
    top: 22px;
    width: 21px;
}

/*  News    */
.index_more {
    clear: both;
    margin-top: 1.5em;
    text-align: center;
}

/*	Contact	*/
.note_required_contact {
	float: right;
	font-size: 11px;
}
#contact-form div,
#contact-form label,
#contact-form textarea {
    color: #666666;
    font-size: 11px;
}
#contact-form textarea {
    padding: 4px;
    width: 448px;
}

.contact_buttons {
    clear: both;
    padding-top: 10px;
}

#contact_submit {
    float: right;
}

input.textbox-219 {
    background:transparent url(../img/form-text-219.png) no-repeat scroll 0 0;
    border: none;
    color: #666666;
    font-size:11px;
    height:16px;
    padding:6px 5px;
    width: 209px;
}

#captcha {
    clear: both;
    padding-top: 10px;
}
#captcha_left {
    clear: both;
    float: left;
    overflow: hidden;
    width: 50%;
}

#captcha_right {
    float: right;
    overflow: hidden;
    width: 50%;
}
#captcha_right img {
    border: 1px solid #ccc;
}
#captcha_right a {
    padding: 0 0 4px 4px;
}
input.cancel {
    background: url(/img/button_cancel.png) top left no-repeat;
    border: 0;
    cursor: pointer;
    float: left;
    height: 45px;
    text-indent: -999em;
    width: 116px;
}

/*  Sign-in page    */
div.signin_password {
    clear: both;
    position: relative;
    margin-top: 0.5em;
}
a.forgotten_pw {
float:right;
font-size:11px;
}

/*  Password stuff  */
#password_forgot {
    background: url(/img/title_forgotten_pwd.png) top left no-repeat;
    width: 320px;
    height: 46px;
    text-indent: -999em;
}

#password_change {
    background: url(/img/title_change-password.png) top left no-repeat;
    width: 340px;
    height: 46px;
    text-indent: -999em;
}

.forgotten_pw_buttons {
    clear: both;
    padding-top: 1em;
    width:460px;
}

/* IE */
.widget { width:182px !important;  margin-left:0 !important; }
#sidebar { width:182px; }
.column-4 {width:780px}


/*  Pagination  */
div#content ul.yiiPager {
    height: 30px;
    line-height: 27px;
    float: right;
}

div#content ul.yiiPager a:link,
div#content ul.yiiPager a:visited {
    border: 0;
    color: #0096E3;
}

div#content ul.yiiPager .selected a {
    background: none;
    border: 0;
    font-weight: bold;
    line-height: 27px;
}

div#content ul.yiiPager li.first,
div#content ul.yiiPager li.last {
    display: none;
}

div#content ul.yiiPager li {
    border: 0;
    display: block;
    float: left;
    font-size: 11px;
    line-height: 27px;
}

div#content .column-content ul li {
    margin-left: 0;
}

div#content ul.yiiPager li.page {
    background: url(/img/pagination_bg.png) 0 0 no-repeat;
    height: 29px;
    margin-left: 0;
    text-align: center;
    width: 28px;
}

div#content ul.yiiPager li.selected {
    background: url(/img/pagination_bg.png) 0 -29px no-repeat;
}

div#content ul.yiiPager li a {
    font-weight: normal;
}

div#content ul.yiiPager li.page a,
div#content ul.yiiPager li.page a:link,
div#content ul.yiiPager li.page a:visited {
    color: #fff;
}

div#content .column-content ul li.previous {
    margin-left: 0;
}

div#content .column-content ul li.next {
    margin-left: 1em;
}

div#terms {
    clear: both;
    margin-top: 1em;
}

/*  About Us    */
ul.numlist li {
    list-style:none;
    list-style-position:inside;
    padding-left: 40px;
    padding-bottom: 14px;
}
ul.numlist li.list1 {
    background: no-repeat url(/img/number-1.png) top left;
}
ul.numlist li.list2 {
    background: no-repeat url(/img/number-2.png) top left;
}
ul.numlist li.list3 {
    background: no-repeat url(/img/number-3.png) top left;
}
ul.numlist li.list4 {
    background: no-repeat url(/img/number-4.png) top left;
}
ul.numlist li.list5 {
    background: no-repeat url(/img/number-5.png) top left;
}
ul.numlist li.list6 {
    background: no-repeat url(/img/number-6.png) top left;
}
ul.numlist li.list7 {
    background: no-repeat url(/img/number-7.png) top left;
}
ul.numlist li.list8 {
    background: no-repeat url(/img/number-8.png) top left;
}
ul.numlist li.list9 {
    background: no-repeat url(/img/number-9.png) top left;
}

#comments .row div.starting_lineup,
div.profile-image.starting_lineup {
    height: 78px;
}
#comments .row_image a.starting_lineup,
div.profile-image a.starting_lineup {
    background: url(/img/profile-thumbnail-overlay-sl.png) 0 0 no-repeat;
    _background: url(/img/profile-thumbnail-overlay-sl-8bit.png) 0 0 no-repeat;
    height: 78px;
}
#blog h1.title-blog {
    clear: both;
    float: left;
    height: 46px;
    width: 218px;
}
#blog_submit {
    float: right;
}
#blog_submit a {
    background: url(/img/button-new-blog.png) 0 0 no-repeat;
    display: block;
    height: 47px;
    text-indent: -999em;
    width: 213px;
}
#blog #filters {
    clear: both;
}


.column-content .button-all-rewards a {
	background-image:url(/img/button-see-all-rwds.png);
	height: 50px;
	width: 466px;
}
.column-4 .reasons-wrap,.column-4 .reasons-top {
	background:url(/img/bg-rewards.jpg) repeat-y scroll 0 100%;
}
.column-4 .reasons-wrap {
	padding-bottom:40px;
}
/**/
.column-join {
	position:relative;
	top:-45px;
}
.column-4 .reasons-top {
	background-position: 0 0;
	height: 150px;
}
.reasons {
	padding: 0 20px;
	width:170px;
}
.reasons p  {
	font-size:10px;
	line-height:13px;
}
.competitions .title h3 {
	background: url(/img/news-icon.png) no-repeat 0 0;
	clear: left;
	font-size:12px;
	font-weight: normal;
	padding-left: 30px;
}
.competitions .first .title h3 {
	background: none;
	padding-left: 5px;
	font-weight: bold;
}
.title-great-reasons  {
	background-image:url(/img/title_great_reasons2.png);
}