/*******************************************
**   Client: BarNet Digital
**   Site: www.barnet.tv v2
**   Designer: MXS Media Solutions LTD./MV
**   Online: www.mxs.ca
**   E-mail: info@mxs.ca
** 
**   Created: Wednesday June 5th, 2007          
********************************************/

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #FFF;
	font-family: Arial, Verdana, Century Gothic;
	text-align: center;
	background: #171a20 url('/data/img/bg.jpg') no-repeat top center;
	}

img { border-color: #f7941d; }

a:link, a:visited {
	color: #f7941d;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

a img {
	border: 0;
	}

#wrapper {
	padding: 0;
	margin: 0 auto;
	width: 900px;
	}

/*            HEADER            */

#JumpCity {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	line-height: 20px;
	width: 900px;
	text-align: right;
}

#Branding {
	list-style-type: none;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	height: 80px;
	width: 900px;
	}

#Branding li {
	display: inline;
	float: right;
	padding: 0;
	margin: 0;
	margin-left: 5px;
	width: 325px;
	height: 80px;
	background: #000;
	border: 3px solid #000;
	}


/*            Page Columns            */

#ColLeft {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 700px;
	text-align: left;
	}

/*            Start Homepage Head            */
#HomeScreen {
	list-style-type: none;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	}

#Screen {
	display: inline;
	float: left;
	margin-left: 10px;
	width: 380px;
	height: 300px;
	background: #333;
	padding: 0;
	}

#Screen object {
	margin: 0;
	}

.ScreenSide {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-top: 0;
	width: 145px;
	height: 300px;
	background: #333;
	}

/*            End Homepage Head            */

/*            Content Area            */
#ContentBox {
	margin-top: 10px;
	width: 700px;
	background: url('/data/img/content_bg.jpg') repeat-y top left;
	}

#Content {
	width: 700px;
	min-height: 600px;
	background: url('/data/img/content_top.jpg') no-repeat top left;
	padding-top: 5px;
	}

#ContentLeft {
	display: inline;
	float: left;
	width: 200px;
	margin-left: 5px;
	}

#ContentLeft ul, #InnerRight ul {
	list-style-type: none;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	}

#ContentLeft .Member_list li {
	height: 45px;
	line-height: 45px;
	text-align: left;
	padding-left: 3px;
	}


#ContentLeft .Member_list li img {
	float: left;
	max-height: 39px;
	max-width: 39px;
	margin: 3px;
	margin-right: 10px;
	}


#ContentLeft li, #InnerRight li {
	width: 200px;
	margin: 2px;
	background: #1b1d22;
	}

#ContentRight li {
	width: 166px;
	}

#ContentLeft .heading_left, #ContentRight .heading_right, #InnerLeft h3, #ContentRight h3, #Join h3 {
	background: #000 url('/data/img/heading_left.jpg') no-repeat top right;
	line-height: 45px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	text-indent: 10px;
	color: #f7941d;
	}

#ContentRight .heading_right {
	background: #000 url('/data/img/heading_right.jpg') no-repeat top left;
	}

#ContentRight {
	display: inline;
	float: right;
	width: 480px !important;
	width: 475px;
	margin-left: 5px;
	margin-right: 5px;
	}

/*            Homepage Content            */
#InnerLeft {
	display: inline;
	float: left;
	width: 290px !important;
	width: 250px;
	margin-left: 10px !important;
	margin-left: 0px;
	}

#Galleries {
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
	top: -5px;
	}


#Galleries .BigGal {
	clear: both;
	float: none;
	display: block;
	text-align: left;
	width: 290px !important;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 1.5em;
	border-bottom: 1px solid #1b1d22;
	width: 250px;
	height: 65px !important;
	height: 40px;
	padding-top: 5px !important;
	padding-top: 0;
	}

#Galleries .BigGal div {
	margin: 0;
	width: 200px !important;
	width: 110px;
	float: right;
	margin-right: 25px;
	font-size: 12px;
	font-weight: normal;
	}

#Galleries .BigGal img {
	height: 55px;
	width: 55px;
	}

#Galleries a.hg_click {
	color: #FFF;
	font-weight: normal;
	}

#Galleries .SmallGal {
	margin-bottom: 5px;
	float: left;
	width: 75px;
	height: 90px;
	text-align: center;
	margin-left: 5px;
	padding-top: 5px;
	}

#Galleries .SmallGal a:link, #Galleries .SmallGal a:visited {
	font-size: 14px;
	font-weight: normal;
	}

#Galleries .SmallGal img {
	float: none;
	margin-left: auto;
	margin-right: auto;
	height: 55px;
	width: 55px;
	}

#Galleries li a:link, #Galleries li a:visited {
	font-size: 15px;
	font-weight: bold;
	}

#InnerLeft .ForumPost {
	padding: 5px;
	background: #1b1d22;
	}

#InnerLeft p img {
	height: 55px;
	width: 55px;
	margin: 5px;
	}

#InnerLeft h3 {
	display: block;
	margin-top: 10px;
	width: 290px;
	background: url('/data/img/heading_center.jpg') no-repeat top center;
	}

#ContentRight h3, #Join h3 {
	display: block;
	background: #000;
	margin-top: 0;
	margin-right: 5px;
	}

#ContentRight h3, #Join h3 { background: #000; }

#InnerLeft .h_Galleries { background-image: url('/data/img/heading_galleries.jpg'); }

#InnerLeft .Content_End {
	clear: both;
	display: block;
	width: 290px;
	text-align: right;
	line-height: 30px;
	color: #f7941d;
	font-weight: bold;
	border-top: 1px solid #1b1d22;
	}

#InnerRight {
	display: inline;
	float: right;
	width: 170px;
	}

#InnerRight li p {
	margin: 0;
	padding: 10px;
	text-align: left;
	}

/*            End Homepage Content            */

#Copyright {
	width: 700px;
	line-height: 80px;
	background: url('/data/img/content_bottom.jpg') no-repeat top center;
	}

#ColRight {
	display: inline;
	float: right;
	margin: 0;
	padding: 0;
	width: 180px;
	}

#ColRight h4, h5 {
	border: 5px solid #000;
	width: 150px;
	}

/*            Login Box            */
#Login {
	position: relative;
	top: -1px !important;
	top: 0;
	left: -5px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 185px;
	height: 100px;
	background: url('/data/img/login_bg2.jpg') no-repeat top center;
	}

#Login li {
	position: relative;
	left: -3px !important;
	left: -18px;
	width: 140px;
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	}

#Login input {
	width: 70px;
	height: 15px;
	background: #1b1d22;
	border: 1px solid #000;
	font-size: 10px;
	color: #DDD;
	padding: 1px;
	}

#Login .Submitbutton {
	height: 18px;
	padding: 0;
	}


#contests li { text-align: center; }
#contests li img { margin-top: 5px; margin-bottom: 5px; border: 0; }

/*            General Classes            */
.clear {
	clear: both;
	}

a.Male,.Male{color:#00a8ff}
a.Male:hover{color:#FFF;}
a.Female,.Female{color:#fd55ef}
a.Female:hover{color:#FFF;}

.code{display:inline-table;white-space:nowrap;padding:3px 5px;border:2px #f7941d solid;background:#1b1d22;text-align:center;font-weight:bold;width:25px;font-size:11px;margin:0 5px -3px 0;cursor:pointer}

.code.on{border:2px #777 solid;background:#1b1d22;color:white}
.code.over{border:2px #777 solid}

.code.i{font-family:"Times New Roman",Times,sans;font-style:italic;font-size:13px;padding-top:2px;padding-bottom:1px}
.code.u{text-decoration:underline;padding-top:2px;padding-bottom:4px}

#LoginForm, #Join, #Store {
	margin-left: 30px;
	}

#Join {
	width: 550px;
	margin-bottom: 5px;
	}

#LoginForm dt, #Join dt {
	padding: 5px;
	background: #000;
	text-align: right;
	}

#LoginForm dd, #Join dd {
	padding: 5px; 
	background: #1b1d22;
	}

#LoginForm dd .error, #Join dd .error {
	color: #f7941d;
	font-style: italic;
	}

form.form hr{background:#DDD;border:0;height:5px}
form.form h2{font-size:16px;padding-left:7px;text-align:left}
form.form input.box{width:200px}
form.form input.box.small{width:100px}
form.form input.box.tiny{width:50px}
form.form input.box.large{width:400px}
form.form dl dt{float:left;font-weight:700;padding:6px 1em 0 0;text-align:right;width:10em}
form.form dl dd{border-left:2px #CCC solid;margin:0 0 3px 11em;padding:5px}
form.form dl dd.highlight{background:#F7941D;border-left:2px black solid}
form.form dl label i{color:#555;font-size:9px}
form.form input.default{color:#888}
form.form input.button{font-size:16px;vertical-align:middle;padding:2px 4px}
form.form input.button:active{padding:1px 4px 3px 4px}
.error{font-weight:700;color:#B00}
form.form dl dd.highlight .error{background:#FFF;padding:3px;outline:solid 2px #B00;vertical-align:middle}
form.form dl dd input.radio{vertical-align:text-bottom}
div.form{background:#DDD;padding:5px}
form.form em {color:#666}
.error { color: yellow; }

#ContentLeft .tPar {
	background: #1b1d22;
	padding: 5px;
	margin-bottom: 2px;
	padding-top: 2;
	}

#ContentLeft .tPar p {
	margin-top: 5px;
	}
	
	
/* this is the main UL element*/
.dropdown{
	visibility:hidden;
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #444;
}

/* these are the inner menus*/
.dropdown ul{
	margin:0;
	padding:0;
	border-top:1px solid #444;
	list-style:none;
	background: #000;
}

/* these are all the LIs in the menu*/
.dropdown li{
	margin:0;
	padding:5px;
	width:110px;
	background-color:#000;
	cursor:pointer;
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a{
	text-decoration:none;
	color:#FFB119;
	width:100%;
}

.dropdown a:hover{
	text-decoration:underline;
}

/* these are the LIs that only belong to submenu*/
.dropdown ul li{
	border:1px solid #444;
	border-top:0;
	margin-left:-1px;
	background: #000;
}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu{
	background-image:url('expand_down.gif');
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:20px;
	width:105px;
}

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown ul li.submenu{
	background-image:url('expand_right.gif');
	background-position:center right;
	padding:5px;
	width:120px;
}

/*            Navigation Menu            */

.navUp {
	margin: 0;
	margin-top: 10px;
	padding: 0;
	height: 35px;
	width: 900px;
	background: #000 url('/data/img/nav_bg.jpg') repeat-x top left;	
}

.nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 35px;
	width: 900px;
	background: #000 url('/data/img/nav_bg.jpg') repeat-x top left;
	}

.nav li {
	display: inline;
	float: left;
	line-height: 36px;
	margin: 0;
	margin-left: 20px;
	padding: 0;
	background: url('/data/img/icon_home.jpg') no-repeat top left;
	text-indent: 18px;
	font-size: 14px;
	font-weight: bold;
	background-position: 0 -1;
	}

.nav a:link, .nav a:visited {
	color: #FFF;
	}

.nav a:hover {
	color: f7941d;
	}

.nav .nav_Home { background-image: url('/data/img/icon_home.jpg'); }
.nav .nav_Events { background-image: url('/data/img/icon_events.jpg'); }
.nav .nav_Clubs { background-image: url('/data/img/icon_clubs.jpg'); text-indent: 15px;}
.nav .nav_Gallery { background-image: url('/data/img/icon_gallery.jpg'); }
.nav .nav_Contests { background-image: url('/data/img/icon_contests.jpg'); text-indent: 16px; }
.nav .nav_Members { background-image: url('/data/img/icon_members.jpg'); text-indent: 23px; }
.nav .nav_Discussion { background-image: url('/data/img/icon_discussion.jpg'); text-indent: 20px; }
.nav .nav_Store { background-image: url('/data/img/icon_store.jpg'); text-indent: 22px; }
.nav .nav_Jukebox { background-image: url('/data/img/icon_jukebox.jpg'); }

.nav .navsub {
	padding: 5px;
	width: 130px;
	background: #000;
	background-image: none;
	z-index: 99;
	margin-left: 0;
	text-indent: 0;
}

/* Industry */

#industryIndex a:link, #industryIndex a:visited {
	display: inline;
	float: left;
	width: 200px;
	line-height: 60px;
	font-size: 18px;
	font-weight: bold;
	background: #000;
	margin: 30px 10px 5px 10px;
	text-align: center;
	border: 2px solid #f7941d;
}

#industryIndex a:hover {
	border: 2px solid #FFF;
	color: #000;
	background: #f7941d;
}

/* Industry menu */

#industryM {
	float:right;
	list-style-type: none;
	position: relative;
	top: 0;
	left: -10px;
	width: 150px;
	z-index: 99;
}

.nav #industryM li {
	margin: 0;
	border-top: 1px solid #666;
	padding: 5px;
	width: 150px;
	background: #000;
	text-ident: 0;
	text-align: left;
}

#industryM li a:link, #industryM li a:visited {
	display: block;
}

/* Industry Schedule */

#industrySchedTable th {
	margin: 1px;
	padding: 2px;
	text-align: center;
	background: #000;
	color: #f7941d;
}

#industrySchedTable td {
	font-size: 11px;
	text-align: center;
}

/* menu.css */
/*
 * Ext Core Library Examples 3.0
 * http://extjs.com/
 * Copyright(c) 2006-2009, Ext JS, LLC.
 * 
 * The MIT License
 * 
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 * 
 */

/*-- required & default rules --*/
.ux-menu-container {
    position: relative;
}

.ux-menu,
.ux-menu ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 1;
}

.ux-menu li {
    position: relative;
    float: left;
}

.ux-menu ul {
    position: absolute;
    top: 0;
    left: 0;
}

.ext-border-box .ux-menu-ie-iframe,
.ext-ie7 .ux-menu-ie-iframe {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    zoom: 1;
    z-index: -1;
    filter:mask();
}

.ux-menu-vertical .ux-menu-item-main {
    clear: left;
}

.ux-menu a {
    display: block;
    position: relative;
    text-decoration: none
}

.ux-menu a:hover {
	color: #f7941d;
}

.ux-menu a.ux-menu-link-last {
}

ux.menu ul a {
    width: 100%;
}

.ux-menu a:focus,
.ux-menu a:hover,
.ux-menu a.ux-menu-link-hover {
   
    outline: 0;
}

.ext-ie .ux-menu-clearfix {
    zoom: 1;
}

.ux-menu-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ux-menu a.ux-menu-link-parent {
    padding-right: 15px;
    min-width: 1px;
}

.ux-menu ul a,
.ux-menu.ux-menu-vertical a {
	background: #000;
    border-bottom: 1px solid #f7941d;   
	padding: 5px; 
	text-align: left;
	width: 120px;
}

.ux-menu ul a:hover {
	color: #f7941d;
}

.ux-menu ul a.ux-menu-link-last,
.ux-menu.ux-menu-vertical a.ux-menu-link-last {
    border-bottom: 1px solid #f7941d;
}

.ux-menu-arrow {
    display: block;
    width: 8px;
    height: 6px;
    right: 10px;
    top: 14px;
    position: absolute;
    background: url(images/menu-arrow-down.png) no-repeat;
    font-size: 0;
}

.ux-menu.ux-menu-vertical .ux-menu-arrow,
.ux-menu ul .ux-menu-arrow  {
    width: 6px;
    height: 8px;
    top: 13px; 
    background: url(images/menu-arrow-right.png) no-repeat;
}

.ext-border-box .ux-menu-arrow {
    top: 17px;
}
.ext-border-box .ux-menu.ux-menu-vertical .ux-menu-arrow,
.ext-border-box .ux-menu ul .ux-menu-arrow {
    top: 16px;
}

.ux-menu ul.ux-menu-hidden {
    display: none;
}

/*
.current {
  background:#fff!important;
}
*/
/*

.ux-menu.ux-menu-horizontal > .ux-menu-item-first > a {
    background: transparent url(images/menu-item-first.png) no-repeat center left;
}
.ux-menu.ux-menu-horizontal > .ux-menu-item-last > a {
    background: transparent url(images/menu-item-last.png) no-repeat center right;
}

.ux-menu.ux-menu-horizontal > .ux-menu-item-first.ux-menu-item-hover > a {
    background: transparent url(images/menu-item-first-over.png) no-repeat center left;
}
.ux-menu.ux-menu-horizontal > .ux-menu-item-last.ux-menu-item-hover > a {
    background: transparent url(images/menu-item-last-over.png) no-repeat center right;
}

.ux-menu.ux-menu-horizontal > li.ux-menu-item-main > a {
    padding-bottom: 12px;
}*/