/*MAIN SITE COLORS ARE
 #9cd03f - light green
 #79a42d - dark green
 #15ADFF - blue
 #EFEFEF - gray
*/

/* GLOBAL */
* {margin:0; padding:0; border:0; outline:none;}
a img{border:0; text-decoration:none;}

/* BODY */
html, body {
	width:100%; 
	text-align:center; 
	background-image:url('../images/bg-header-tile.gif'); 
	background-repeat:repeat-x; 
	background-color:#000; 
	color:#AAA; 
  	font: 10.5pt arial, helvetica, sans-serif;
  	line-height:130%;
  	padding-bottom:20px;
	overflow-x: hidden; 
}

/* DIV STRUCTURE */
/*
#page_wrapper {width:990px; padding:0px 5px 0px 5px; text-align:center; color:#333; position:absolute; top:0px; left:50%; margin-left:-500px;}
#page_header {margin:auto; height:300px; width:1000px; background-image:url('../images/header1.jpg'); background-repeat:no-repeat; background-position:center;}
#page_main_content {margin:auto; width:1000px; padding:10px 0px 10px 0px; text-align:justify;}
*/
#page_wrapper {width:100%; padding:0px; text-align:center; color:#333; position:absolute; top:0px; left:50%; margin-left:-50%;}
#page_header {position:relative; margin:auto; height:300px; min-width:690px; background-image:url('../images/header1.jpg'); background-repeat:no-repeat; background-position:center;}
#page_main_content {min-width:690px; margin:auto; padding:20px; text-align:justify;}
#page_footer {display:none;/** DISPLAY THIS LATER **/ width:1000px; height:50px; margin:auto; font:normal normal bold 10px/120% Arial, sans-serif;  text-align:center; margin-top:25px; position:relative; z-index:1;}

#logo_clear{margin:auto; min-width:690px; text-align:center;}

.body_content{

	font-family:arial;
	margin-bottom:20px;
	font-size: 10.5pt;
	text-align: left;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background-color: #222;
	padding:15px 20px 10px 20px;
}

.body_subcontent{

	font-family:arial;
	margin-bottom:20px;
	font-size: 10.5pt;
	text-align: left;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background-color: #111;
	padding:15px 20px 10px 20px;
}

#header_nav{

	padding:5px;
	position:relative;
	top:60px;
	left:3px;
}

#header_nav a{

	background-color:#333;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	padding:6px 10px;
	color:#9cd03f;
	display:inline;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	border:1px solid #000;
	-moz-opacity:.95;
	opacity:.95;
	
}
#header_nav a:hover {

	background-color:#6a8a31;
	color:#FFF;

}
}

#page_split_left {float:left; width:488px; padding:0 12px 0 0; border-right:1px solid #CCC;}
#page_split_right {float:left; width:486px; padding:0 0 0 12px; color:#000;}
#page_nav_container {position:absolute; display:block; left:680px; top:0px; margin-bottom:10px; background-color:#FFF; z-index:1;}
#page_sub_nav_container {/*position:fixed; _position:absolute; display:block; left:674px; top:102px; margin-bottom:10px;  z-index:20;*/}
#div_login{float:left; background-image:url('../images/login_bg.gif'); background-repeat:no-repeat; width:185px; height:158px; padding-left:8px; padding-top:10px; font-family:arial, helvetica, sans-serif; font-size:18px; color:#000; font-weight:bold;}
#div_login_remember_container{margin-bottom:2px;}
#div_main_text {margin:auto; width:1000px; padding:10px 0px 10px 0px; margin:15px 0px 20px 0; text-align:justify;}
#div_header_cpanel {height:15px; float:right; margin:0; padding:2px;}
.nav_element {text-align:left; border-bottom:1px solid #CCC; margin-bottom:10px; padding:2px 2px 0 5px; font: normal normal normal 16px/100% Arial, sans-serif; color:#000; text-decoration:none;}
.nav_page {text-align:left; margin-bottom:5px; padding:2px 2px 0 5px;}
.clear{clear:both; margin-bottom:10px;}
.msg_error { border:1px solid #972626; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:30px 0 30px 0; padding:5px; background-color:#b92c2c;color:#FFF; }
.msg_notice {color:#000; margin-bottom:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:30px 0 30px 0; padding:5px; background-color:#fafbdd; border:1px solid #e9eac9;}
.msg_success {color:#9cd03f; margin-bottom:10px;}
.cpanel_item{float:left; text-align:center; padding:10px; margin:10px; width:145px; height:85px; border:1px solid #EDEDED; background-image:url('../images/bg-gradient-150-extended.jpg'); background-repeat:repeat-x; background-position:center;}
#popupmaincontent {position:absolute; top:100px; left:13px; width:400px; margin:0 0 50px 0; padding-right:20px; text-align:justify; background-color:#FFF; z-index:20;}
.footer_link{float:left; height:20px; margin-right:3.6px; margin-top:5px;}
.footer_link_last{float:left; height:20px; margin-top:5px;}
#page_footer_bookmarks {width:1000px; height:50px; margin:auto; font:normal normal bold 10px/120% Arial, sans-serif;  text-align:center; margin-top:25px;}
.footer_bookmark{display:inline-block; height:20px; margin-right:3.6px; margin-top:5px;}
.footer_bookmark_last{display:inline-block; height:20px; margin-top:5px;}
.mainnav_link{display:inline; margin:50px 5px 50px 5px; background-color:purple; height:28px;}
.mod_container{border:1px solid green; background-image:url('../images/mod_container_bg.gif'); background-repeat:repeat;}
#ajax_msg{
	width:490px;
	padding:20px; 
	text-align:left; 
	color:#9cd03f; 
	border:1px solid #9cd03f; 
	background-color:#333;
	position:fixed;
	z-index:999999;
	top:100px; 
	left:50%; 
	margin-left:-250px; 
	display:none;
	filter:alpha(opacity=95);
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-opacity:.95;
	opacity:.95;
	box-shadow:0 0 1em 0.5em #9cd03f;
	-moz-box-shadow:0 0 1em 0.5em #9cd03f;
	-webkit-box-shadow:0 0 1em 0.5em #9cd03f;

}

#ajax_msg_absolute{
	width:490px;
	padding:20px; 
	text-align:left; 
	color:#9cd03f; 
	border:1px solid #9cd03f; 
	background-color:#333;
	position:absolute;
	z-index:99999;
	top:100px; 
	left:50%; 
	margin-left:-250px; 
	display:none;
	filter:alpha(opacity=95);
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-opacity:.95;
	opacity:.95;
	box-shadow:0 0 1em 0.5em #9cd03f;
	-moz-box-shadow:0 0 1em 0.5em #9cd03f;
	-webkit-box-shadow:0 0 1em 0.5em #9cd03f;

}

#ajax_msg a, #ajax_msg_absolute a{
	color:#15ADFF;
}

#ajax_msg a:hover, #ajax_msg_absolute a:hover{
	color:#FFF;
}

#ajax_loading{
	width:100%;
	height:100%;
	background-color:#000;
	position:fixed;
	display:none;
	z-index:99998; /* one lower than ajax modals*/
	line-height:800px; 
	text-align:center;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}
#ajax_loading img{

	vertical-align:middle;
	margin:auto;
}

#pass_phrases_signup {
	filter:alpha(opacity=80);
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-opacity:.95;
	opacity:.95;
	background-color:#000;
	padding:20px;
	border:1px solid #79a42d;
	margin-bottom:20px;
}

.button_battle_mano_create {

	width: 270px;
	height: 76px;
	background-color: transparent;
	background-image: url("../images/button_battle_mano_create.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
}

.button_battle_mano_create:hover {

	background-color: transparent;
	background-image: url("../images/button_battle_mano_create.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt -76px;
	color: transparent;
	cursor: pointer;
}

.button_battle_free_create {

	width: 270px;
	height: 76px;
	background-color: transparent;
	background-image: url("../images/button_battle_free_create.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
}

.button_battle_free_create:hover {

	background-color: transparent;
	background-image: url("../images/button_battle_free_create.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt -76px;
	color: transparent;
	cursor: pointer;
}

.button_battle_tournament_create {

	width: 270px;
	height: 76px;
	background-color: transparent;
	background-image: url("../images/button_battle_tournament_create.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
}

.button_battle_tournament_create:hover {

	background-color: transparent;
	background-image: url("../images/button_battle_tournament_create.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt -76px;
	color: transparent;
	cursor: pointer;
}

.button_battle_initiate {

	display:block;
	width: 270px;
	height: 76px;
	background-color: transparent;
	background-image: url("../images/button_battle_initiate.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
	margin-top:20px;
}

.button_battle_initiate:hover {

	display:block;
	background-color: transparent;
	background-image: url("../images/button_battle_initiate.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt -76px;
	color: transparent;
	cursor: pointer;
}

.button_battle_accept {

	display:block;
	width: 270px;
	height: 76px;
	background-color: transparent;
	background-image: url("../images/button_battle_accept.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
	margin-top:20px;
}

.button_battle_accept:hover {

	display:block;
	background-color: transparent;
	background-image: url("../images/button_battle_accept.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt -76px;
	color: transparent;
	cursor: pointer;
}

.button_battle_submit_video {

	display:block;
	width: 270px;
	height: 76px;
	background-color: transparent;
	background-image: url("../images/button_battle_submit_video.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
	margin-top:20px;
}

.button_battle_submit_video:hover {

	display:block;
	background-color: transparent;
	background-image: url("../images/button_battle_submit_video.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt -76px;
	color: transparent;
	cursor: pointer;
}


.button_battle_submit_scores {

	display:block;
	margin:auto;
	width: 270px;
	height: 76px;
	background-color: transparent;
	background-image: url("../images/button_battle_submit_scores.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
	margin-top:20px;
}

.button_battle_submit_scores:hover {

	display:block;
	background-color: transparent;
	background-image: url("../images/button_battle_submit_scores.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt -76px;
	color: transparent;
	cursor: pointer;
}

.button_battle_winloss_vote {

	display:block;
	margin:auto;
	width: 270px;
	height: 76px;
	background-color: transparent;
	background-image: url("../images/button_battle_winloss_vote.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
	margin-top:20px;
}

.button_battle_winloss_vote:hover {

	display:block;
	background-color: transparent;
	background-image: url("../images/button_battle_winloss_vote.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt -76px;
	color: transparent;
	cursor: pointer;
}

.ajax_link:hover{cursor:pointer;}
.back_link_div {

	font-style:italic;
	color:#CCC;
	font-size:18px;
	background-image:url(../images/icons/app/play-back.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding:20px 0 0 40px;
	min-height:32px;
}

.back_link_div:hover{color:#FFF;}

#dashboard_content{}

/* HOME PAGE */
#index_welcome {float:left; width:795px; margin-left:10px; line-height:130%; font-size:17px;}
#register_graphic {display:none;}


embed, param{
	position:relative;
	z-index:0;
}


/* PAGE NAVIGATOR */
.pagenav_link_page {height:30px; border:0;}
.pagenav_link_page a:link, .pagenav_link_page a:visited{text-decoration:none;}
.pagenav_link_page a:hover{color:#15ADFF;}
.pagenav_current_page {height:30px; color:#666;}
.pagenav_wrapper {width:100%; text-align:center; margin-top:30px; font: normal normal normal 20px/100% arial, helvetica, sans-serif;}
.pagenav_inactive_span {visibility:hidden;}
.pagenav_page_display {height:30px;}

/* ELEMENTS */
strong {font-weight:bold; }
small {font-size: 9px;}
.small {font-size: 9px;}
.font_medium {font-size: 12px;}
/*li{line-height:140%; margin-left:15px;}*/
p{margin-bottom:8px; line-height:160%;}
span.highlight{color:#FFF; background-color:#15ADFF;}
.blue{color:#15ADFF;}
.green{color:#9cd03f;}
.icon{vertical-align:text-bottom; margin:0 5px;}
#page_main_content li{ line-height:160%;}
.white{color:#FFF;}


/* ANCHORS */
a:link, a:visited {color:#15ADFF; text-decoration:underline; }		
a:hover {color:#FFF;}	
a.showsubmit {font-size:9px; cursor: pointer; }
a.event_address {font-size:11px; cursor: pointer; }
a.nav, a.nav:visited {color:#333;  text-decoration:none; }
a.nav:hover {color:#15ADFF; text-decoration:underline; }
a.small, a.small:visited {font-size:12px; }
a.small:hover {}
a.email_subject_msg_unread,
a.email_subject_msg_unread:link,
a.email_subject_msg_unread:visited,
a.email_subject_msg_unread:active,
a.email_subject_msg_unread:hover {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

a.email_subject_msg_read,
a.email_subject_msg_read:link,
a.email_subject_msg_read:visited,
a.email_subject_msg_read:active,
a.email_subject_msg_read:hover {
    color: #888888;
    font-weight: normal;
    text-decoration: none;
}
a.block{display:block; text-decoration:none;}
a.cpanel_link{text-decoration:none;}
a.plain{text-decoration:none;}
a.select_all{margin:0; cursor:pointer; font-size:11px; text-decoration:underline;}
#mainnav a:link, #mainnav a:visited {font: normal small-caps bold 12px/100% Arial, sans-serif; color:#FFF; text-decoration:none;}
.nav_page a:link, .nav_page a:visited {font: normal normal normal 12px/100% Arial, sans-serif; color:#000; text-decoration:none;}
.nav_page a:hover {text-decoration:underline;}
#topright a:link, #topright a:visited {color:#FFF; text-decoration:none;}
#topright a:hover {text-decoration:underline;}
.inline{display:inline-block;}

/* HEADERS */
h5 {font-family: Arial, sans-serif;  font-size: 13px; font-style: normal; font-weight: bold; color:#888; }
h4 {font-family: Arial, sans-serif;  font-size: 14px; font-style: normal; color: #888;}
h3 {font-family: Arial, sans-serif; font-size: 15px; font-style: normal; color: #9cd03f; }
h1, h2 {font-family: Arial, sans-serif;  font-size: 27px; font-style: normal; color: #888; line-height:38px;}

/* TABLES 
table {width:100%;}
td {padding:2px;}*/
td.row_even {background-color:#F6F6F6; padding:2px 4px 2px 4px;}
td.row_odd {background-color:#F3F3F3; padding:2px 4px 2px 4px;}
td.heading{background-color: #BF2227; color:#FFF; margin:2px;}
.tbl_header {width:1000px; margin:auto; border:0px; padding:0px;}
.tbl_header td{padding:0px;}
.tbl_header img{border:0px;}
.tbl_header_grey {width:1000px; margin:auto; margin-top:4px; border:0px; padding:0px; background-color:#F0F0F0;}
.tbl_header_grey td{padding:2px 5px 2px 5px;}

#logo_table{width:750px; display:none;}
#nav_table{width:750px; margin-top:-175px; position:relative; left:-5px;}
#banner_table{width:750px;  margin-top:-140px; position:relative; z-index:1; left:-5px;}


/* FORM ELEMENTS */
input, select, textarea {margin-bottom: 0px;}
textarea {font: normal normal normal 15px/120% Arial, sans-serif; color:#000;}
.select_big {height:300px;}
.human_check_field{width:20px;}
option{padding-right:5px;}

/*login*/
#input_email{width:150px; margin-bottom:8px;}
#input_password{width:150px; margin-bottom:15px;}
.login{width:150px;}
input.login_btn{background-color:#15ADFF; color:#FFF; border:1px solid #000; font-size:14px; padding:3px;}
input.register_btn{background-color:#000; color:#FFF; border:1px solid #15ADFF; font-size:14px; padding:3px;}
#logged_in_container{position:relative; top:-30px; border:1px solid #CCC;}

/*the overflow:hidden makes the div container stretch to fit the textareas... WHY?*/
.form_field_container {
	width:280px;
	padding:0; 
	min-height:23px; 
	height:auto; 
	overflow:hidden; 
	clear:both; 
	margin-bottom:9px; 
}

.form_field_caption {
	color:#15ADFF; 
	font:normal normal normal 12px/130% arial, helvetica, sans-serif; 
	margin-bottom:3px;
}
.form_field_textfield input, .form_field_textfield textarea, .comment_box_container textarea, .form_field_textfield object, .form_field_textfield select, .form_field_textfield ul {
	padding:5px;
	padding-bottom:0;
	display:block;
	border:1px solid #9cd03f; 
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background-color:#000;
	font:normal normal normal 14px/100% arial, helvetica, sans-serif;
	color:#15ADFF;
	width:275px;
	margin:auto;
	font-weight:bold;
}

div.form_field_results{
	padding:5px;
	padding-bottom:0;
	display:block;
	border:1px solid #9cd03f; 
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background-color:#000;
	font:normal normal normal 14px/100% arial, helvetica, sans-serif;
	color:#15ADFF;
	width:265px;
	margin:auto;
	font-weight:bold;
	position:relative;

}

.form_field_textfield select{
	height:29px;
}

.form_field_textfield select option{
	padding:5px;
	font-size:14px;
}

.form_field_textfield object{
	padding:5px;
	overflow:hidden;
	width:95%;
}

.form_field_textfield input, .form_field_textfield textarea, .form_field_textfield ul{
	padding:5px;
	width:265px;
	
}
.form_field_textfield ul{
	line-height:130%;
}
.form_field_caption_full {
	color:#000; 
	font:normal normal bold 15px/130% arial, helvetica, sans-serif; 
	width:100%; 
	padding:4px 0 0 3px;
}
.form_field_textfield_full {
	text-align:center; 
	margin:auto; 
	padding:0; 
	width:990px;
}
.form_field_error_msg{
	font-style:italic; 
	font:italic normal normal 12px/100% arial, helvetica, sans-serif; 
	color:#CC0000;
}
.form_submit{font-size:13px;}

/*this float left worked on the test page but make sure it works throughout*/
.form_submit {float:left;}
.form_submit_container{margin-bottom:15px; margin-top:9px;}
.form_processing{display:inline; visibility:hidden; width:100%;}

/* PAGE TITLE */
.title {background-color: #FFF; border:0; height:22px; line-height:22px;}
.title strong {color:#000;}
.page_title {margin-bottom:10px;}

/* ADMIN MENU */
.admin_menu_div {background-color:#F6F6F6; border:1px solid #CCC; padding:0px 0px 6px 0px; margin:2px 5px 8px 0; position:relative; top:-50px; z-index:1;}
.admin_menu_div div {padding:2px; margin:0px 0px 3px 0px;}

/** FACEBOOK COMMENTS **/
.comment_form_wrapper {

	font-family:arial;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 96%;
	max-width:800px;
	text-align: left;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background-color: #444;
	padding:10px;
	text-align:left;

}
.comment_box_container {

	margin:5px 0;
	padding:0;
}

.comment_box_container textarea{
	
	width:98%;
	padding:5px;
	margin:0 -10px 10px 0px;
}

.post_comment:hover{
	background-color:#79a42d;
	cursor:pointer;
}

.post_comment{

	text-align:right; 
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background-color: #222;
	padding:5px;
	width:auto;
	float:right;
	color:#FFF;
	font-size:15px;
	border:1px solid #111;
}


/* EXTRA */
.big {font-size: 16px; }
img.img_link{border:0;}
img.nav_spacer{height:auto;}
/*img.button{width:80px; height:15px; border:0;}
#page_footer img.button{margin-top:5px;}*/
#popup {margin:10px; }
div.pagebreak{page-break-after:always;}
.red{color:red;}
/*.hidden{visibility:hidden;}*/
.hidden{display:none;}

/* TRICKTIONARY */
.trick_class_div{background-color:#FFF; border:1px solid #E0E0E0; margin-bottom:25px; width:98%; padding:3px 5px 0 7px; line-height:160%; background-image:url('../images/bg-gradient-350-extended.jpg'); background-repeat:repeat-x; background-position:center; }
.trick_group_div{width:25%; float:left;}
.trick_group_div a.small, .trick_group_div a.small:visited {font-size:14px; }

#trick_video_div{float:right; margin-left:15px; margin-bottom:15px; width:352px; height:240px; border:3px solid #000; background-color:#000;}
#youtube_video{width:748px; height:616px; margin-bottom:15px;}
ul.trick_info_list li{margin-bottom:15px;}

/* REGISTRY */
.registry_table{width:1000px; border:1px solid #FFF;}
.registry_header_table{width:1000px; height:20px; min-height:20px; margin:5px 0 5px 0; border:1px solid #15ADFF;}
.registry_header{background-color:#15ADFF; color:#FFF; text-align:left; padding:3px;}
.registry_header a:link, .registry_header a:visited{}
.registry_header a:hover{text-decoration:none; font-weight:bold;}

/* EMAIL */
.email_table{width:1000px; border:1px solid #FFF;}
.email_header_table{width:1000px; height:20px; min-height:20px; margin:5px 0 5px 0; border:1px solid #15ADFF;}
.email_header_table td{background-color:#15ADFF; color:#FFF; text-align:left; padding:3px;}
.email_header a:link, .email_header a:visited{}
.email_header a:hover{text-decoration:none; font-weight:bold;}
.email_text {background-color:#FFF; border:1px solid #E0E0E0; font-size:17px; padding:20px; color:#000; margin:2px 0 20px 0; background-image:url('http://www.aliencreations.com/images/bg-body.jpg'); background-repeat:repeat-x; background-position:bottom center; text-align:justify;}

/* REGISTER PAGE */
.register_field_icon{vertical-align:top;}


/* USER PROFILE */
#profile_portrait_container{border:1px solid #EDEDED; margin:0 5px 15px 0; width:280px; height:270px; float:left; background-color:#F3F3F3; background-image:url('../images/bg-gradient-150-extended.jpg'); background-repeat:repeat-x; background-position:center;}
#profile_portrait{display:block; margin:auto; border:1px solid #15ADFF; padding:2px;}
#profile_stats_container{border:1px solid #EDEDED; width:710px; height:270px; background-color:#F3F3F3; background-image:url('../images/bg-gradient-350-extended.jpg'); background-repeat:repeat-x; background-position:center; float:left;}
#profile_stats{margin:35px 0 0 20px; text-align:left; width:300px; float:left; line-height:20px; font-size:12px; font-style:italic; color:#000; }
#profile_stats strong{color:#15ADFF;}
#profile_contact{margin-top:35px; width:380px; float:left; line-height:20px; font-size:12px; font-style:italic; color:#000; }
#profile_contact a:link, #profile_contact a:visited{color:#000; text-decoration:none;}
#profile_contact a:hover{color:#15ADFF; text-decoration:none;}
#profile_stats a:link, #profile_stats a:visited{color:#000; text-decoration:none;}
#profile_stats a:hover{color:#15ADFF; text-decoration:none;}
.profile_edit_portrait_thumb{border:1px solid #000; vertical-align:middle;}
.profile_contact_icon{vertical-align:text-top; margin-right:7px; width:16px; height:16px;}
.profile_video_thumb{float:left; text-align:center; padding:10px; width:145px; height:92px; line-height:150%; border:1px solid #EDEDED; background-image:url('../images/bg-gradient-150-extended.jpg'); background-repeat:repeat-x; background-position:center;}
/*.profile_video_thumb{float:left; text-align:center; padding:10px; width:145px; height:110px; line-height:150%; border:1px solid #EDEDED; background-image:url('../images/login_bg.gif'); background-repeat:no-repeat; background-position:center;}
.profile_video_thumb img{border:1px solid #000; padding:2px;}*/
#user_video_div{float:right; margin-left:15px; margin-bottom:15px; width:675px; height:564px; border:3px solid #000; background-color:#000;}

a.page_link:link,a.page_link:visited{color:#000; text-decoration:underline;}
a.page_link:hover,a.page_link:active{color:#15ADFF; text-decoration:underline;}
.admin_title{font-size:10px;}
.mod_title{font-size:10px;}
.portrait_thumb_container{text-align:center; float:left; margin:0 0 5px 0px; padding-right:20px; border-right:1px solid #15ADFF;}
.post_body{ float:left; width:665px; padding-left:20px; min-height:233px; border-left:1px solid #15ADFF; position:relative; left:-1px;}
.reply_buttons_container{ float:left; width:665px; padding-left:20px; height:18px; border-left:1px solid #15ADFF; position:relative; left:-21px;}
.reply_buttons_container a{text-decoration:none;}

/* VIDEO */
.video_headshot_thumb{margin-bottom:20px; font-size:12px; text-align:center; padding:10px; width:145px; height:130px; line-height:150%; border:1px solid #EDEDED; background-image:url('../images/bg-gradient-150-extended.jpg'); background-repeat:repeat-x; background-position:center;}
.video_headshot_thumb a:link, .friend_headshot_thumb a:visited, .friend_headshot_thumb a:hover{text-decoration:none;}
.video_headshot_thumb img{border:1px solid #000; padding:2px;}
.vGridBox {
	padding: 6px;
	border: 1px solid #CCC;
	background: #EEE;
	}

.vListBox {
	padding: 0px 6px; 
	border: 1px solid #CCC;
	background: #EEE;
	}

.vimg {
	width: 130px;
	height: 100px;
	border: 1px solid #999;
	}
	
.vimgSm {
	width: 90px;
	height: 70px;
	border: 1px solid #CCC;
	}

.vimg130 {
	width: 130px;
	height: 100px;
	border: 1px solid #999;
	}

.vimg120 {
	width: 120px;
	height: 90px;
	}

.vimg110 {
	width: 110px;
	height: 82px;
	border: 1px solid #999;
	}

.vimg100 {
	width: 100px;
	height: 75px;
	border: 1px solid #999;
	}

.vimg90 {
	width: 90px;
	height: 70px;
	border: 1px solid #999;
	}

.vimg80 {
	width: 80px;
	height: 60px;
	border: 1px solid #999;
	}

.vimg70 {
	width: 70px;
	height: 53px;
	border: 1px solid #999;
	}
.vimg75 {
	width: 75px;
	height: 56px;
	border: 1px solid #999;
	}

.vimg60 {
	width: 60px;
	height: 45px;
	border: 1px solid #999;
	}

.vimg50 {
	width: 50px;
	height: 38px;
	border: 1px solid #999;
	}

.vimg45Wrapper { overflow: hidden; width: 45px; height: 45px; }
.vimg45Wrapper .img {
	height: 45px;
	margin-left: -7px;
	border: 1px solid #999;
}

.videoIconWrapperInner {
	overflow: hidden;
	width: 120px;
	height: 72px;
	border: 1px solid #fff;
	/*padding-top: -5px;*/
}
.videoIconWrapperInner img {
	margin-top: -10px;
}
.videoIconWrapperOuter {
	width: 122px;
	border: 1px solid #999;
	padding:1px;
}

.v120WrapperInner {
	overflow: hidden;
	width: 120px;
	height: 72px;
	border: 1px solid #fff;
	/*padding-top: -5px;*/
}
.v120WrapperInner img {
	margin-top: -10px;
}
.v120WrapperOuter {
	width: 122px;
	border: 1px solid #999;
}

.v90WideEntry {
	font-size: 11px; line-height: 14px; text-align: center;
	width: 92px;
}
.v90WrapperInner {
	overflow: hidden;
	width: 90px;
	height: 54px;
	border: 1px solid #fff;
	/*padding-top: -5px;*/
}
.v90WrapperInner img {
	margin-top: -10px;
}
.v90WrapperOuter {
	width: 92px;
	border: 1px solid #999;
}

.v75WideEntry {
	font-size: 11px; line-height: 14px; text-align: center;
	width: 72px;
}
.v75WrapperInner {
	overflow: hidden;
	width: 70px;
	height: 40px;
	border: 1px solid #fff;
	/*padding-top: -5px;*/
}
.v75WrapperInner img {
	margin-top: -10px;
}
.v75WrapperOuter {
	width: 72px;
	border: 1px solid #999;
}

.v50WrapperInner {
	overflow: hidden;
	width: 50px;
	height: 30px;
	/*padding-top: -5px;*/
	border: 1px solid #fff;
}
.v50WrapperInner img {
	margin-top: -10px;
}
.v50WrapperOuter {
	width: 52px;
	border: 1px solid #999;
}


.addtoQL { 
	width:20px;
	left:1px;
	top:71px;
	position:relative;	
	}

.addtoQLIE {
	width:20px;
	left:1px;
	top:74px;
	position:relative;
	}

.addtoQLRelated {
	width:20px;
	margin-top:-26px;
	margin-left:1px;
	}

.addtoQLRelatedIE {
	width:20px;
	margin-top:-29px;
	margin-left:1px;
	}
	
img.rating {
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
	}

.runtime { color: #000; font-weight: bold; font-size: 11px; }
.title { font-weight: bold; font-size: 12px; }
.desc { margin: 3px 0px; font-size: 12px; }
.facets {
	margin-top: 2px;
	margin-bottom: 3px;
	line-height: 13px;
	font-size: 11px;
	}

.vstill { margin-bottom: 2px; }

.vtitle { font-weight: bold; font-size: 12px; }
.vSnippetTitle { font-size: 14px; }
	
.vdesc { margin: 3px 0px; font-size: 12px; }

.searchvdesc { 
	margin: 3px 0px; 
	font-size: 11px;
}
	
.vfacets {
	margin: 3px 0px;
	font-size: 11px;
	line-height: 13px;
	}

.vruntime {
	font-size: 11px;
	color: #000;
	font-weight: bold;
	}

.vtagLabel { float: left; }
.vtagValue {
	margin-left: 35px;
	margin-bottom: 3px;
	}
	
.vTable {
	border-spacing: 0px;
	padding: 0px;
	}
.vTable td { vertical-align: top; }
.vTable .vinfo { padding-left: 8px; }

.vDirectorBox { width: 100px; }

.vInfo {
	padding-left: 20px;
	font-size: 11px; 
	padding-top: 1px; 
	line-height: 1.4em;
}
.vMore {
	padding-left: 20px;
	font-size: 11px;
}
.vtitlelink {
	font-weight: bold;
	text-decoration: none;
	font-size: 15px;
}
a.vtitlelink:hover {
	text-decoration: underline;
}
.vEntry {
	padding: 10px 0px;
	border-bottom: 1px dotted #999;
	}
.vDetailEntry {
	clear: left;
	padding: 8px 0px;
	border-top: 1px dashed #999;
	}
.vDetailEntry:first-child {
	border-top: 0;
}
.vDetailEntry table {
	border-spacing: 0px;
	padding: 0px;
	}
.vDetailEntry td { vertical-align: top; }

.vDetailEntry .image { margin-right: 12px; }

.vDetailEntry .tagLabel { float: left; }
.vDetailEntry .tagValue {
	margin-left: 35px;
	margin-bottom: 3px;
	}
	
.vDetailEntry .tagTable {
	border-spacing: 0px;
	padding: 0px;
	margin-bottom: 3px;
	}

.vDetailEntry .tagTable td {
	font-size: 11px;
	vertical-align: top;
	}


.vBriefEntry {
	width: 130px;
	padding: 3px;
	margin-bottom: 6px;
	}
	
.vBriefEntry .img { margin-bottom: 4px; }

.vMicroEntry {
	width: 90px;
	margin-bottom: 6px;
	margin-right: 15px;
	}
.vMicroEntry img { margin-bottom: 4px; }


.v120vEntry { width: 120px; margin-bottom: 10px; }
.v120vEntry .vstill { margin-bottom: 4px; }
.v120vEntry .vimg { width: 120px; height: 90px; border: 1px solid #999; }

.v90vEntry { width: 90px; margin-bottom: 6px; }
.v90vEntry .vstill { margin-bottom: 2px; }
.v90vEntry .vtitle { font-weight: bold; }
.v90vEntry .vimg { width: 90px; height: 70px; border: 1px solid #999; }

.v80vEntry { width: 80px; margin-bottom: 6px; }
.v80vEntry .vstill { margin-bottom: 2px; }
.v80vEntry .vtitle { font-weight: bold; }
.v80vEntry .vimg { width: 80px; height: 60px; border: 1px solid #999; }

.v130hEntry { clear: left; }
.v130hEntry .vstill { float: left; }
.v130hEntry .vimg { width: 130px; height: 100px; border: 1px solid #999; }
.v130hEntry .vinfo { margin-left: 140px; }

.v120hEntry { clear: left; }
.v120hEntry .vstill { float: left; }
.v120hEntry .vinfo { margin-left: 130px; }

.v90hEntry { clear: left; }
.v90hEntry .vstill { float: left; }
.v90hEntry .vimg { width: 90px; height: 70px; border: 1px solid #999; }
.v90hEntry .vinfo { margin-left: 96px; }

.v80hEntry { clear: left; }
.v80hEntry .vstill { float: left; }
.v80hEntry .vimg { width: 80px; height: 60px; border: 1px solid #999; }
.v80hEntry .vinfo { margin-left: 86px; }

.v50hEntry { clear: left; }
.v50hEntry .vstill { float: left; }
.v50hEntry .vimg { width: 50px; height: 38px; border: 1px solid #999; }
.v50hEntry .vinfo { margin-left: 56px; }

/*
.vimgFaded {
	width: 120px;
	height: 90px;
	border: 1px solid #999;
	opacity : .3;
	-moz-opacity : .3;
	filter : alpha(opacity=30);
}

.opacity30 {
        opacity : .3;
        -moz-opacity : .3;
        filter : alpha(opacity=30);
}

.opacity80 {
        opacity : .8;
        -moz-opacity : .8;
        filter : alpha(opacity=80);
}
*/

.playlistHeading {
	float:left;
	width:320px;
	margin-left:5px;
	margin-bottom:8px;
}

/* YUI OVERRIDE */
#ysearchautocomplete { margin-bottom:2em;width:25em; }
#ysearchautocomplete .result {display:block; text-decoration:none; position:relative; height:40px; margin:2px 0 2px 0; padding:2px 0 2px 0;}
#ysearchautocomplete .name {position:absolute; bottom:9px; left:40px;}
#ysearchautocomplete img {margin-right:8px; margin-top:3px; border:1px solid black;}

/* styles for prehighlighted result item */
.yui-skin-sam .yui-ac-content li.yui-ac-prehighlight {
    background:#B3D4FF;
}

/* styles for highlighted result item */
#ysearchautocomplete li.yui-ac-highlight {
    border:1px solid #999; background-image:url('../images/bg-gradient-150-extended.jpg'); background-repeat:repeat-x; background-position:center;
}

/*
	Set the "zoom" property to "normal" since it is set to "1" by the
	".example-container .bd" rule in yui.css and this causes a Menu
	instance's width to expand to 100% of the browser viewport.
*/

div.yuimenu .bd {zoom: normal;}
#calendarmenu {position: absolute;}

/*
	Restore default padding of 10px for the calendar containtainer
	that is overridden by the ".example-container .bd .bd" rule
	in yui.css.
*/
.yui-menu-shadow-visible {
background-color: #fff;
opacity: .0;
*filter: alpha(opacity=0);  /* For IE */
}

#calendarcontainer {padding:10px;}
#personalinfo {border: solid 1px #666; padding: .5em;}
#calendarpicker  {vertical-align: baseline;}
div.field {padding: .25em;}
input#year {width: 4em;}
.yui-skin-sam .yui-calendar *{font-size:13px;}


/** IPHONE CHECKBOXES **/

// Disable text selection outside of IE
.iPhoneCheckContainer, 
.iPhoneCheckContainer label {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none; }

.iPhoneCheckDisabled {  
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5; }


.iPhoneCheckContainer {
  position: relative;
  height: 27px;
  width:auto;
  cursor: pointer;
  overflow: hidden; }
  .iPhoneCheckContainer input {
    position: absolute;
    top: 5px;
    left: 30px; 
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  .iPhoneCheckContainer label {
    white-space: nowrap;
    font-size: 17px;
    line-height: 17px;
    font-weight: bold;
    font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    height: 27px;
    position: absolute;
    width: auto;
    top: 0;
    padding-top: 5px;
    overflow: hidden; }
  label.iPhoneCheckLabelOn {
    color: #fff;
    background: url(../images/iphone_checkboxes/on.png) no-repeat;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
    left: 0;
    padding-top: 5px; }
    label.iPhoneCheckLabelOn span {
      padding-left: 8px; }
  label.iPhoneCheckLabelOff {
    color: #8B8B8B;
    background: url(../images/iphone_checkboxes/off.png) no-repeat right 0;
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
    text-align: right;
    right: 0; }
    label.iPhoneCheckLabelOff span {
      padding-right: 8px; }
    
.iPhoneCheckHandle {
  display: block;
  height: 27px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background: url(../images/iphone_checkboxes/slider_left.png) no-repeat;
  padding-left: 3px; }
  .iPhoneCheckHandleRight {
    height: 100%;
    width: 100%;
    padding-right: 3px;
    background: url(../images/iphone_checkboxes/slider_right.png) no-repeat right 0; }
  .iPhoneCheckHandleCenter {
    height: 100%;
    width: 100%;
    background: url(../images/iphone_checkboxes/slider_center.png); }

/*   
th {
  text-align: right;
  padding: 4px;
  padding-right: 15px;
  vertical-align: top; }
 */
.css_sized_container .iPhoneCheckContainer {
  width: 250px; }

    
    
/** SEXY BOX **/
#sexyBG { display: none; position: absolute; background: #000; opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=40); width: 100%; height: 100%; top: 0; left: 0; z-index: 99; }
#sexyBOX { display: none; position: absolute; background: #b9e77b; color: #333; font-size: 1.2em; text-align: center; border: 1px solid #111; top: 70px; z-index: 100; }
#sexyBOXLoader { display: none; position: absolute; background-image:url('../images/sample_loading.gif'); background-position:center; background-repeat:no-repeat; background-color: #b9e77b; color: #333; font-size: 1.2em; text-align: center; border: 1px solid #111; top: 70px; z-index: 100; }
.sexyX { font-size: 12px; color: #ddd; padding: 4px 0; border-top: 1px solid #636D61; background: #778574; }

/** BATTLE STUFF **/
div.battle_screen_roster_list_contender{

	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background-color: #111;
	color:#DDD;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	width:auto;
	margin:auto;
	border:1px solid #9cd03f;
	padding:10px; 
	text-align:left; 
	line-height:50px;
	margin-bottom:10px;
}

div.total_score_count{

	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background-color: #111;
	padding:5px 0;
	color:#DDD;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	width:271px;
	margin:auto;
	border:1px solid #9cd03f;
}

div.battle-container{

	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background-color: #222;
	padding:10px;
	position:relative;
	color:#FFF;
	font-size:13px;
	text-align:center;
	overflow:hidden;
	
}

div.battle-container strong{

	color:#15ADFF;

}

.sticky {
     position: fixed;
     top: 0;
  }

div.battle-trick-sliders-container, div.battle-container div.oembed-container{

	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background-color: #333;
	/**padding:10px;
	padding-top:20px;*/
	padding:5px 0;
	position:relative;
	color:#FFF;
	font-size:12px;
	text-align:center;
	margin:20px;
}
div.battle-container div.oembed-container{

	padding:10px 0;
}

div.slider-div{

	width:80%;
	height:12px;
	margin:auto; 
	margin-bottom:10px; 
	font-size:8px;
	line-height:15px;
	cursor:e-resize;
}

div.slider-tss-wrapper{
	width:100%;
	padding:0;
	margin:0;
	
}
div.tss_opt_min{
	display:inline-block;
	text-align:left;
	width:40%;
}
div.tss_opt_max{
	display:inline-block;
	text-align:right;
	width:40%;
}

div.battle-container h2{
	
	color:#9cd03f;
	font-weight:100;
	font-size:50px;
	text-transform:uppercase;
	padding-bottom:8px;
}
div.battle-container img.fb_portrait {

	vertical-align:baseline;
	position:relative;
	top:8px;
	border:1px solid #79a42d;
	width:50px;
	height:50px;
}

div.battle-left{
	
	position:relative;
 	padding:10px;
 	margin-left:10px;
 	margin-bottom:20px;
 	float:left;
 	width:45%;
 	display:inline-block;
	text-align:center;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background-color: #161616;
}

div.battle-right{
 	
	position:relative;
	float:right;
 	padding:10px;
 	margin-right:10px;
 	margin-bottom:20px;
 	width:45%;
 	display:inline-block;
	text-align:center;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background-color: #161616;

}

.scrollbar-add {

	float:right;
	background-image:url(http://www.trickerbattle.com/images/icons/scroll-sprite-trans.png);
	background-position:0px 0px;
	width:16px;
	height:16px;

}
.scrollbar-remove {

	float:right;
	background-image:url(http://www.trickerbattle.com/images/icons/scroll-sprite-trans.png);
	background-position:-16px 0px;
	width:16px;
	height:16px;
}

.scrollbar-add:hover, .scrollbar-remove:hover, .scrollbar-toggle-wrapper:hover{
	cursor:pointer;
}
.scrollbar-toggle-wrapper:hover{
	background-color:#79a42d;
}

.scrollable {
	height:300px;
	overflow-y:scroll;
}
.scrollbar-toggle-wrapper{

	text-align:right; 
	margin-right:25px; 
	margin-bottom:20px;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background-color: #222;
	padding:5px;
	width:165px;
	float:right;
	font-size:15px;
}

a.battle-details-open, a.battle-details-close {
	height: 26px;
	line-height: 26px !important;
	cursor: pointer;
	display: block;
	width: 26px;
	float:right;
	font-size:12px;
	position:relative;
	top:-20px;
}


a.battle-details-open {background-image:url(http://www.trickerbattle.com/images/icons/app/down-green-gray.png); background-repeat:no-repeat; background-position:left;}
a.battle-details-close {background-image:url(http://www.trickerbattle.com/images/icons/app/up.png); background-repeat:no-repeat; background-position:left;}
/*
a:hover.battle-details-open {background: url(http://www.trickerbattle.com/images/bt_open.png) no-repeat left -19px;}
a:hover.battle-details-close {background: url(http://www.trickerbattle.com/images/bt_close.png) no-repeat left -19px;}
*/

div.rate-the-judge {

	margin-top:10px;
}

div.rate-judge-thumbs-up, div.rate-judge-thumbs-down {
	height: 16px;
	line-height: 16px !important;
	cursor: pointer;
	display: block;
	width: 16px;
	display:inline-block;
	position:relative;
	margin-right:3px;
	vertical-align:text-bottom;
}


div.rate-judge-thumbs-up {background-image:url(http://www.trickerbattle.com/images/icons/thumbs-up.png); background-repeat:no-repeat; background-position:left; top:-2px;}
div.rate-judge-thumbs-down {background-image:url(http://www.trickerbattle.com/images/icons/thumbs-down.png); background-repeat:no-repeat; background-position:left; top:2px;}
div:hover.rate-judge-thumbs-up {background: url(http://www.trickerbattle.com/images/icons/thumbs-up.png) no-repeat right;}
div:hover.rate-judge-thumbs-down {background: url(http://www.trickerbattle.com/images/icons/thumbs-down.png) no-repeat right;}



.battle_winloss_judge_outcome {

	font-family:arial;
	margin:10px 0pt 15px;
	font-size: 12pt;
	width: 96%;
	max-width:800px;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background-color: #222;
	padding:10px;
	text-align:left;

}

.battle_breakdown_judge_outcome {

	font-family:arial;
	margin:10px 0pt 15px;
	font-size: 12pt;
	width: 96%;
	max-width:800px;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background-color: #262626;
	padding:10px;
	text-align:left;

}

.battle_breakdown_judge_outcome_trick_name{

	margin-top:10px;
	font-size: 14pt;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background-color: #111;
	padding:5px;
	text-align:left;

}

/** TOURNAMENT STUFF **/
div.bracket_winner{

	background-color:#15ADFF;
	color:#FFF;
}

div.bracket_loser{

	background-color:#F0F0F0;
	color:#CCC;
}

div.bracket_contender {

	text-align:center; 
	font-weight:bold; 
	text-transform:uppercase; 
	border:2px solid black; 
	padding:4px 0 4px 0; 
	margin:8px 0 8px 0; 
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}


/** JQUERY UI SELECT MENU **/
.ui-selectmenu { display: block; position:relative; height:2em; text-decoration: none; overflow:hidden;}
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a {  }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }


/** JQUERY SORTABLE LIST **/
ul.sortable li {


}

ul.sortable li:hover {

	background-color:#111;
	cursor:s-resize;
}
.sortable-state-highlight{
	background-color:#333;

}
.sortable_x_img{
	height:9px; 
	width:9px; 
	vertical-align:middle; 
	margin-right:10px;
}
.sortable_x_img:hover {
	cursor:pointer;
}
/** JQUERY LIST PLUGIN **/
ul.listNav { 
	margin:0 0 10px;
	background-color:#111;
	padding:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	font-size: 0.85em;
}
ul.listNav a{text-decoration:none;}

.ln-letters { 
	overflow:hidden; 
	text-align:center; 
	background-color:#000; 
	padding-left:10px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.ln-letters a { font-size:8px; display:block; float:left; padding:2px; background-color:#000; border:0; text-decoration:none; }
.ln-letters a.ln-last { /*border-right:1px solid silver;*/}
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#333; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; }

li.ln-a {color:#9cd03f;}
li.ln-a a:hover{color:#79a42d;}


/** TOOL TIPS **/
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	margin:0 5px;
	color:#333;
	display:none;
	z-index:99999999999999999;
	border-radius:5px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	text-align:left;
	max-width:500px;
	padding:10px;
}
	
a.tooltip{
	height:12px;
	width:12px;
	min-width:12px;
	min-height:12px;
	display:inline-block;
	background-image:url('../images/icons/info_icon_10-trans.png');
	background-position:bottom center;
	background-repeat:no-repeat;
	padding:2px;
}
#imgtooltip{
	position:absolute;
	border:1px solid #9cd03f;
	background:#222;
	margin:0 5px;
	color:#FFF;
	display:none;
	z-index:999999;
	border-radius:5px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	box-shadow:0 0 1em 0.5em #9cd03f;
	-moz-box-shadow:0 0 1em 0.5em #9cd03f;
	-webkit-box-shadow:0 0 1em 0.5em #9cd03f;	
	text-align:left;
	max-width:300px;
	padding:10px 10px 8px 10px;
}
	
a.imgtooltip{
	height:12px;
	width:12px;
	min-width:12px;
	min-height:12px;
	display:inline-block;
	background-image:url('../images/icons/info_icon_10-trans.png');
	background-position:bottom center;
	background-repeat:no-repeat;
	padding:2px;
}

#slidertooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	margin:0 5px;
	color:#333;
	display:none;
	z-index:99999999999999999;
	border-radius:5px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	text-align:left;
	max-width:500px;
	font-weight:bold;
	padding:5px;
}
.slider-check{

	width:32px;
	height:32px;
	background-image:url('../images/icons/check-32-trans.png');
	background-repeat:no-repeat;
	position:absolute;
	right:15px;
	top:5px;
	display:none;
	
}
.slider-check-show{
	visibility:visible;
}

a.force-icon-user{
	background-image:url('../images/icons/user_10-trans.png');
}
a.force-icon-multiuser{
	background-image:url('../images/icons/multiuser_10-trans.png');
}
a.force-icon-facebook12{
	background-image:url('../images/icons/facebook_12-trans.png');
}
a.force-icon-facebook10{
	background-image:url('../images/icons/facebook_10-trans.png');
}

a.tooltip:hover{
	cursor:pointer;
}



/* JQuery Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; z-index:10; }	
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	width:350px;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

/** OVERRIDE JQUERY THEME FOR AUTOCOMPLETE **/
.ac-container{

	background-color:#000;
	
}



/* JQuery slider -- */
.ui-slider .ui-slider-handle

{
width: 1.2em;

height: 100%;

z-index:1;
cursor: e-resize;

}

.ui-slider-horizontal .ui-slider-handle

{

top: -1px;

margin-left: -0.6em;

}

.ui-widget-header {
	border: 1px solid #4297d7; 
	background: #2191c0 url(http://www.trickerbattle.com/css/images/ui-widget-header-bg.png) 50% 50% repeat-x; 
	color: #eaf5f7; 
	font-weight: bold; 
}


























/* 
		This stylesheet belongs to TextboxList - Copyright Guillermo Rauch <http://devthought.com> 2009 
		TextboxList is not priceless for commercial use. See <http://devthought.com/projects/mootools/textboxlist/> 
		Purchase to remove copyright
*/

.textboxlist { font: 11px "Lucida Grande", Verdana; cursor: text; }
.textboxlist-bits { zoom: 1; overflow: hidden; margin: 0; padding: 3px 4px 0; border: 1px solid #999; *padding-bottom: 3px; }
.textboxlist-bit { list-style-type: none; float: left; display: block; padding: 0; margin: 0 5px 3px 0; cursor: default; }
.textboxlist-bit-editable { border: 1px solid #fff; }
.textboxlist-bit-editable-input { border: 0; padding: 2px 0; *padding-bottom: 0; height: 14px; font: 11px "Lucida Grande", Verdana; }
.textboxlist-bit-editable-input:focus { outline: 0; }
.textboxlist-bit-box { position: relative; line-height: 18px; padding: 0 5px; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; border: 1px solid #CAD8F3; background: #DEE7F8; cursor: default; }
.textboxlist-bit-box-deletable { padding-right: 15px; }
.textboxlist-bit-box-deletebutton { position: absolute; right: 4px; top: 6px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('close.gif'); }
.textboxlist-bit-box-deletebutton:hover { border: none; background-position: 7px; text-decoration: none; }
.textboxlist-bit-box-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
.textboxlist-bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
.textboxlist-bit-box-focus .textboxlist-bit-box-deletebutton { background-position: bottom; }

/*  TextboxList Style guidelines 
			This style doesn't necessarily have to be in a separate file. 
			It's advisable not to set widths and margins from here, but instead apply it to a particular object or class (#id .textboxlist { width: xxx } or .class .textboxlist { width: xxx })
			The padding-top + padding-left + height of ".textboxlist-bit-editable-input {}" has to match the line-height of ".textboxlist-bit-box {}" for UI consistency. 
			The font configuration has to be present in .textboxlist and .textboxlist-bit-editable-input (for IE reasons)
			The *padding-bottom (notice the *) property of .textboxlist-bits {} has to be equal to the margin-bottom of .textboxlist-bit {} for IE reasons.
			The padding-top of .textboxlist ul {} has to match the margin-bottom of .textboxlist-bit, and the padding-bottom has to be null.
			Make sure the border-width of the .textboxlist-bit-editable {} is equal to the border-width of the box (a border that matches the background is advisable for the input)
			Feel free to edit the borders, fonts, backgrounds and radius.		
*/

/* 
		This stylesheet belongs to TextboxList - Copyright Guillermo Rauch <http://devthought.com> 2009 
		TextboxList is not priceless for commercial use. See <http://devthought.com/projects/mootools/textboxlist/> 
		Purchase to remove copyright
*/

.textboxlist-autocomplete { position: absolute; }
.textboxlist-autocomplete-placeholder, .textboxlist-autocomplete-results { opacity: 0.9; filter: alpha(opacity=90); background: #eee; -webkit-box-shadow: 0 3px 3px #ccc; -moz-box-shadow: 0 3px 3px #ccc; box-shadow: 0 3px 3px #ccc; border: 1px solid #999; border-top: none; display: none; }
.textboxlist-autocomplete-placeholder { padding: 5px 7px; }
.textboxlist-autocomplete-results { margin: 0; padding: 0; }
.textboxlist-autocomplete-result { margin: 0; padding: 5px; list-style-type: none; background: #eee; }
.textboxlist-autocomplete-result-focus { background: #C6D9E4; }
.textboxlist-autocomplete-highlight { background: #EEF0C4; font-weight: bold; }

/*  TextboxList.Autocomplete Style guidelines 
			Try to keep .textboxlist-autocomplete {} as it is now
			If you apply custom styles to placeholder, also apply them to results, like it is now.
			.textboxlist-autocomplete-result {} needs a background for IE.
*/









/*************** TABLESORTER ************************/
table.tablesorter {
	font-family:arial;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background-color: #444;
	padding:10px;

}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #666;
	font-size: 8pt;
	padding: 4px;
	color:#9cd03f;
	padding:5px 10px;
	border:1px solid #000;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	font-size:12px;

}
table.tablesorter thead tr .header {
	background-image: url(../images/tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-right:20px;
	text-align:left;
}

table.tablesorter tbody td {
	color: #FFF;
	padding: 4px;
	background-color: #181818;
	vertical-align: top;
	border:1px solid #000;
	padding:10px;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}

table.tablesorter * {
	text-decoration:none;
}

table.tablesorter tbody tr.odd td {
	background-color:#333;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/tablesorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #79a42d;
	color:#000;
}

a.accept {

	background-color:#9cd03f;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	padding:2px 4px;
	color:#000;
	font-style:italic;
	display:inline;
	text-decoration:none;
	
}
a.accept:hover {

	background-color:#6a8a31;
	color:#FFF;

}

div.accept {

	background-color:#9cd03f;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	padding:2px 4px;
	color:#000;
	font-style:italic;
	display:inline;
	font-size:8pt;
	
}
div.accept:hover {
	
	cursor:pointer;
	background-color:#6a8a31;
	color:#FFF;

}
/** PAGER STYLE **/
div.pager{

	background: #272727;
	padding:5px 10px;
	border:1px solid #000;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	margin-top:-10px;
	float:right;
	width:auto;

}

div.pager *{vertical-align:middle; line-height:26px;}
img.next:hover, img.prev:hover, img.first:hover, img.last:hover {cursor:pointer}


/** FACEBOOK STYLE **/
.wallkit_form .composer {padding-left:0;}
.connect_widget_not_connected_text, .connect_widget_not_connected_text, .connect_widget_text{color:#9cd03f;}
.connect_widget_not_connected_text a, .connect_widget_not_connected_text a, .connect_widget_text a{color:#15ADFF;}
.gray_box{

	background-color: #666;
	font-size: 8pt;
	padding: 4px;
	color:#9cd03f;
	padding:5px 10px;
	border:1px solid #000;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	font-size:12px;

}
.wallkit_form{overflow:visible;}
.UIImageBlock_Content{color:#FFF;}
.UIImageBlock_ICON_Content{color:#FFF;}
.UIImageBlock_Content a, .UIImageBlock_ICON_Content a{color:#15ADFF;}
.text_spacer textarea{

	padding:5px;
	padding-bottom:0;
	display:block;
	border:1px solid #9cd03f; 
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background-color:#000;
	font:normal normal normal 14px/100% arial, helvetica, sans-serif;
	color:#15ADFF;
	margin:auto;
	font-weight:bold;
	margin-top:10px;
}
.connected{color:#9cd03f;}
.connected input{margin:0 5px;}
.wallkit_postcontent, .wallkit_profile_pic{
	text-align:left;
	color: #FFF;
	padding: 4px;
	background-color: #222;
	vertical-align: top;
	border:1px solid #79a42d;
	padding:10px;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	margin-left:80px;

}
.wallkit_profile_pic{

	float:left;
	margin-right:10px; 
	margin-left:0;
	width:50px;
	height:50px;
	text-align:center;

}

/* HIDE FACEBOOK SOCIAL PLUGIN LINKS */
div.uiTextMetadata{display:none;}
div.subtitle_left{border:3px solid red; display:none;}

.connect_widget_confirmation{color:#9cd03f;}
.wallkit_post .wallkit_postcontent h4 .wall_time{color:#9cd03f; font-weight:normal; font-size:10px;}
.wallkit_post .wallkit_postcontent h4 a{color:#79a42d; text-decoration:none;}
.wallkit_post .wallkit_postcontent h4 a:hover{color:#FFF;}
.wallkit_posts img {margin-right:5px;}

.wallkit_postcontent div {font-size:12px;}
.wallkit_actionset{font-size:9px;}
.wallkit_actionset a{color:#000;}
.post_counter, .pager{color:#9cd03f;}

/*.wallkit_post .wallkit_postcontent {margin-left:55px;}*/
.wallkit_post .wallkit_postcontent a{color:#79a42d; text-decoration:underline;}
.wallkit_post .wallkit_postcontent a:hover{color:#b7e6ff; text-decoration:underline;}

/*.wallkit_post {border-bottom:1px solid #222;}*/

div#app_content_109855759055143{
	font-family:arial;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background-color: #444;
	padding:10px;

}
.namelink a{color:#FFF;}

.connected label {color:#000;}

a.connect_widget_like_button, a.like_button_no_like {background-color:#9cd03f; border:none;}
iframe{scrolling: scroll !important; overflow:visible;} 
.wallkit_posts{display:none;}
.wallkit_subtitle{display:none;}
.wallkit_form .profile_pic{display:none;}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	max-width:800px;
}

.sIFR-replaced {
	visibility: visible !important;
	margin: 0;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... 
the negative-letter spacing in this case is used to make the browser text metrics match up with 
the sIFR text metrics since the sIFR text in this example is so much narrower... 
your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.sifr-green, .sIFR-hasFlash h1.sifr-blue{
	visibility: hidden;
	font-family: Arial, sans-serif;  
	font-size: 19px; 
	font-style: normal; 
	margin:0;
	line-height:24px;
}

/** STAR RATING SYSTEM ***/
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 80px;
	height: 16px;
	position: relative;
	background: url(http://cdn.iconfinder.net/design/images/Stars.png) top left repeat-x;
	display:inline-block;
	vertical-align:text-bottom;
}
.star-rating li{
	padding:0px;
	margin:0px;
	height:16px;
	width: 16px;		
	/*\*/
	float: left;
	/* */
	text-indent: -9000px;

}
.star-rating li a{
	display:block;
	width:16px;
	height: 16px;
	line-height:16px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow:hidden;
}
.star-rating li a:hover{
	background: url(star_rating.gif) left center;
	z-index: 2;
	left: 0px;
	border:none;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:30px;
}
.star-rating a.two-stars{
	left:30px;
}
.star-rating a.two-stars:hover{
	width: 60px;
}
.star-rating a.three-stars{
	left: 60px;
}
.star-rating a.three-stars:hover{
	width: 90px;
}
.star-rating a.four-stars{
	left: 90px;
}	
.star-rating a.four-stars:hover{
	width: 120px;
}
.star-rating a.five-stars{
	left: 120px;
}
.star-rating a.five-stars:hover{
	width: 150px;
}
.star-rating li.current-rating{
	background: url(http://cdn.iconfinder.net/design/images/Stars.png) left center;
	position: absolute;
	height: 16px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
/* remove halo effect in firefox   */
a:active{
	outline: none;
}		

.stars a 
{
	background: url(http://cdn.iconfinder.net/design/images/Stars.png) no-repeat 0 0;
	height: 16px;
	width: 16px;
	display: block;
	float: left;
	text-decoration: none;
}

.stars a.on
{
	background: url(http://cdn.iconfinder.net/design/images/Stars.png) no-repeat 0 -32px;
}

.stars a.hover,
.stars a.clicked
{
	background: url(http://cdn.iconfinder.net/design/images/Stars.png) no-repeat 0 -16px !important;
}