/* CSS Document */







/* CSS Document */


/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  list-style:none;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }



/* -------------------------------------------------------------- 
  
VCOM CSS
   
-------------------------------------------------------------- */



body {
	background-color: black;
	color: yellow;
	font-family: sans-serif;
	font-size:large;
	margin: 0;
	text-align: center;/*correct IE bug */
	height: 100%;
}


/*-------------------------------------------------------------- 

accessibility specific style

-------------------------------------------------------------- */
span#hide {/*back to graphic version on the text only version - hide on the graphic version*/

}

.accessible{
	display:none;
	}

/*-------------------------------------------------------------- 

common 

-------------------------------------------------------------- */

a:link {
color: #00FFFF;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}
a:visited{
color:#9900FF;
}

h1{
	font-size:2.7em;
	font-weight:bold;
	letter-spacing:-0.05em;
	margin-bottom:0;
}
h1 span{
	
	}
h2{
	margin-top:0em;
	font-size:1.6em;
	font-weight:300;
	letter-spacing:-0.05em;
	}
h2.sub{
	margin-top:-0.7em;
	}
h3{
	font-size:1.3em;
	font-weight:500;
	margin-bottom:0.6em;
	letter-spacing:-0.05em;
	line-height:normal;
	margin-top:1.2em;
}
h4{
	font-size:1.6em;
	font-weight:bold;
	letter-spacing:-0.05em;
}
h5{
	font-weight:600;
	padding-top:0.5em;
	margin-bottom:1em;
	line-height:normal;
	}
h5 span{
	font-style:italic;
	}
hr{
	border:0;
	height:1px;
	background-color: yellow;
	clear:both;
	margin-bottom:0.3em;
}
input#button{
	width:auto;
	}
/*-------------------------------------------------------------- 

general class for images

-------------------------------------------------------------- */

.imgAlignMiddle {
	vertical-align: middle;
}
.imgAlignTop {
	vertical-align: top;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

.imgLeftMargin{
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	float: left;
}
.wideImg{
	margin-top: 0.5em;
}
.imgRightMargin{
	float:right;
	margin-left:0.3em;
	margin-top:0.5em;
}

/*-------------------------------------------------------------- 

general class

-------------------------------------------------------------- */

.green{
	}

/*-------------------------------------------------------------- 

MAIN STRUCTURE

-------------------------------------------------------------- */


div#container{/* includes everything:  main div  and footer*/
 	margin: auto;
	width: 63em;/* page size */
	text-align: left;
	background:none;/* if changed it will affect the background color of the footer*/
	display: table;/* necessary to work with height 100%*/
}


div#header {
	background-color:#231f20;
	width: 63em;
	display:block;
	border: 0;
	margin: 0;
	padding: 0;
	height:232px;
}

div#main_nav {
	border: 0;
	padding: 8.7em 0 0 16em;
	margin: 0;
	position: absolute;
	z-index:100;
	background-color: #300;
}
 
div#main_content{
	position:relative;
	overflow:auto;
	width:63em;
	
	}

div#column_nav {
	float:left;
	width: 14em;
	display:block;
	border: 0;
	margin: 0;
	margin-left:3em;
	padding: 0;
}

div#column_content{
	width:42em;
	float:left;
	display:block;
	border: 0;
	margin: 0;
	padding: 0em 0em 0.5em 1.5em;
	
}

div#footer{
	width: 63em;
	display:block;
	border: 0;
	margin:0;
	padding:0;
	
}

/*-------------------------------------------------------------- 

HEADER

MAIN NAVIGATION

-------------------------------------------------------------- */
ul#nav{
	margin: 0 auto;
	padding:0 0 0 0;
	list-style: none;
	font-size:1em;
	}
ul#nav li{
	float:left;
	margin-right:2.6em;
	list-style:none;
}
ul#nav li#last{
	margin-right:0;
}
ul#nav li a {
	font-weight:500;
	padding-bottom:5px;
	font-size:1.1em;
	margin-right:0.4em;
	cursor:default;
}
ul#nav li a.single{
	cursor:pointer;
	}
ul#nav li a.single:hover{
	}
ul#nav li a:hover {
	text-decoration:none;
}

#nav li ul li{
	line-height:normal;
	padding:0;
}

ul#nav li ul li a{
	font-size:0.85em;
	font-weight:normal;
	cursor:pointer;
	width:12.3em;
	display:block;
	padding:0.5em 0.2em 0.5em 0.5em;
}

ul#nav li ul li a:hover{
	text-decoration:none;
	background-color: #000;
	/*color:#dbcccc;*/
}

#nav li ul, #nav ul li ul ul {
	position: absolute;
	width:11em;
	left: -999em;
	height: auto;
	background-color:#300;
	/*padding:0.5em 0em 0.5em 0.5em;*/
	
}
#nav li ul#lastSub{
	width:8.5em;
}


#nav  li:hover ul,
#nav  li.sfhover ul,
#nav  li li:hover ul,
#nav  li li.sfhover ul,
#nav  li li li:hover ul,
#nav  li li li.sfhover ul {
	left: auto;
}

#nav  li:hover, #nav  li.sfhover {
}

/*-------------------------------------------------------------- 

COLUMN NAVIGATION

-------------------------------------------------------------- */
.flash{
	
	margin-bottom:0.3em;
	}
#login{
	padding:0.4em 0.1em 0.4em 1.5em;
	}
#login p{
	font-size:0.85em;
	}
#login p input{
	margin-bottom:0.7em;
	width:16em;
	}
#login p#radio input{
	width:1em;
	vertical-align:middle;
	}
#login p input#button{
	width:auto;
	}
	
#passLink{
	font-size:0.8em;
	}
#register{
	margin-top:0.3em;
	margin-left:0.8em;
	}

.clearAll{
	clear:both;
	}

#login_select{
	width:16.5em;}
/*-------------------------------------------------------------- 

COLUMN CONTENT

-------------------------------------------------------------- */
div#column_content p{
	font-size:0.87em;
	margin-bottom:1em;
	line-height:1.2em;
}

div#column_content table{
	border-collapse:collapse;
	border-spacing:0;
	
}
div#column_content table tr td{
	padding:0.5em;
	font-size:0.87em;
}
div#column_content table tr td span{
}
div#column_content table tr td span.compulsory{
	}
.list li{
	list-style:disc;
	list-style-position:outside;
	margin-left:5em;
	font-size:0.87em;
	margin-bottom:1em;
	line-height:1em;
	}

.box{
	clear:both;
	background-color:#333;
	display:block;
	width:52em;
	font-size:0.8em;
	padding:0.3em 0;
	}
.box p, .box ul{
	padding-left:3em;
	}
.box p{
	width:35em;
	float:left;
	margin-right:3em;
	}

/*regster form*/
.table_form{
	margin:1em 0 2em 5em;
}
.table_form tr td input, .table_form tr td select{
	width:40em;
	height:1.5em;
	}
.table_form tr td textarea{
	width:34em;
	height:10em;
	}
.table_form#checkbox tr td input{
	width:1em;
	}
.table_form#checkbox tr td input#OtherDescription{
	width:40em;
	}
.table_form tr td input#xtraxfolder{
	width:26.5em;
	}
	
.p_form{
	margin:1em 0 2em 6em;
	}
	
.lightercell{
	background-color:#f4f4f4;
	}
.lightcell{
	background-color:#ebebeb;
	}
	

/*seach form*/
.search{
	width:15em;
	
	background-color: #333;
	padding:0.5em;
	float:left;
	margin-right:2em;
	margin-left:2em;
	}
.search select, .search input{
	width: 13em;}

/*admin form*/

.table_admin_form{
	margin:1em 0 2em 5em;
	width:35.5em;
}
.table_admin_form tr td input, .table_admin_form tr td select{
	width:25em;
	}


/*about xtrax team*/
.table_team{
	margin-bottom:2em;}
.table_team tr{
	border-bottom: yellow 1px solid;
	}

	
/*showcase artist listing*/
.box_artist{
	
	background-color: #333;
	background-repeat:repeat-x;
	background-position:top;
	min-height:173px;
	display:table;
	width:41em;
	padding:0 0.5em;
	margin:2em 0;
}

.caption{
	display:block;
	float:right;
	width:250px;
	font-size:0.7em;
	margin-left:1em;
	padding-bottom:7em;
	}
.caption img{
	margin-top:1em;
	}
.caption_green{
	background-color:#e2ecec;
	}
	
/*artist detail page*/
.box_artist_detail{
	background-image:url(../Resources/backgd_detail.gif);
	background-repeat:repeat-x;
	background-color:#f5f5f5;
	display:block;
	width:41em;
	padding:0 0.5em;
	margin:2em 0;
}
/**************

show hide element

**************/

.hide{
display: none;
}

.show{
display: block;
background-color:#ffffff;
border:1px #CCC solid;
border-top:0px;
padding:1em 0.5em;
}

.menu1{
cursor: pointer;
margin:1em 0em 0em 0em;
padding:0.5em 4em;
background-color:#ffffff;
width:5em;
display:block;
border-top:1px #CCC solid;
border-left:1px #CCC solid;
border-right:1px #CCC solid;

}

.menu1:hover{
text-decoration: underline;
}


/*-------------------------------------------------------------- 

FOOTER

-------------------------------------------------------------- */
#footer div{
	width:60em;}
#footer p{
	font-size:0.7em;
	color:#999999;
	float:left;
	margin:1em 0em;
}

#accessibility{
	padding-left:4em;
}
p#address{
	margin-left:11.5em;
}
p#logo, p#vcom{
	float:right;
}

p#credits{
	padding-left:4em;
}