/* 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 {
	margin: 0;
	text-align: center;/*correct IE bug */
 	background-color: #f4f4f4;
	background-image:url(../Resources/backgd_body.gif);
	background-repeat:repeat-x;
	background-position:top;
	height: 100%;
	font-family:Helvetica, sans-serif;
	color:#231f20;
}


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

accessibility specific style

-------------------------------------------------------------- */
span#hide {/*back to graphic version on the text only version - hide on the graphic version*/
	position: absolute;
	top: -1000px;
}

.accessible{
	display:none;
	}

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

common 

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

a {
	color:#990000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1{
	font-size:2.7em;
	color:#231f20;
	font-weight:bold;
	letter-spacing:-0.05em;
	margin-bottom:0;
}
h1 span{
	color:#669999;
	}
h2{
	margin-top:0em;
	font-size:1.6em;
	color:#999;
	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;
}

.action{
	background: transparent url(../Resources/backgd_detail_register.gif) bottom left repeat;
	text-align:center;
	margin-bottom:5px;
}

.action h3{
	margin:0;
	padding:4px;
	font-weight:bold;
}

.actionProfile{
	background: transparent url(../Resources/backgd_detail_register.gif) bottom left repeat;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	width:200px;
}

.actionProfile h3{
	margin:0;
	padding:4px;
	font-weight:bold;
}


h3#directory{
	margin-left:1.5em;
	}
div#column_content p#directoryText{
	margin-left:2.2em;
	}
h4{
	color:#669999;
	font-size:1.6em;
	font-weight:bold;
	letter-spacing:-0.05em;
	line-height:1.0em;
}
h5{
	color:#669999;
	font-weight:600;
	padding-top:0.5em;
	margin-bottom:1em;
	line-height:normal;
	}
h5 span{
	color:#231f20;
	font-style:italic;
	}
hr{
	border:0;
	height:1px;
	background-color: #CCCCCC;
	clear:both;
	margin-bottom:0.3em;
}
input#button{
	width:auto;
	height:25px;
	font-weight:bold;
	}
select{
	
	font-size:12px;}
	

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

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{
	color:#669999;
	}

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

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-image:url(../Resources/header.gif);
	background-repeat: no-repeat;
	background-position:top;
	width: 63em;
	display:block;
	border: 0;
	margin: 0;
	padding: 0;
	height:232px;
}

div#main_nav {
	border: 0;
	padding: 0em 0 0 16em;
	margin: 0;
	position: absolute;
	z-index:100;
}
 
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;
	margin-top:27px;
	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

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

div#header a#logo{
	width:18em;
	height:140px;
	display:block;
	}
div#header a:hover{
	text-decoration:none;
	}

ul#nav{
	margin: 0 auto;
	padding:0 0 0 0;
	list-style: none;
	font-size:1em;
	}
ul#nav li{
	float:left;
	margin-right:2em;
	list-style:none;
}
ul#nav li#last{
	margin-right:0;
}
ul#nav li a {
	color:#FFFFFF;
	font-weight:500;
	padding-bottom:5px;
	font-size:1.1em;
	margin-right:0em;
	cursor:default;
}
ul#nav li a.single{
	cursor:pointer;
	}
ul#nav li a.single:hover{
	color:#dbcccc;
	}
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:#8e0000;
	/*color:#dbcccc;*/
}

#nav li ul, #nav ul li ul ul {
	position: absolute;
	width:11em;
	left: -999em;
	height: auto;
	background-image:url(../Resources/backgd_submenu.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#330000;
	/*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 {
	color:#b49696;
}

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

COLUMN NAVIGATION

-------------------------------------------------------------- */
.flash{
	
	margin-bottom:0.3em;
	}
/*-	
#login{
	background-color:#669999;
	padding:0.5em 0.1em 0.3em 0.5em;
	}
#login p{
	color:#000000;
	font-size:1.0em;
	line-height:1.0em;
	}
#login p input{
	margin-bottom:0.7em;
	width:170px;
	}
#login p#radio input{
	width:1em;
	vertical-align:middle;
	}
#login p input#button{
	width:auto;
	font-weight:bold;
	}
#login div p span{
	color:#FFF;}	
-- */
	
/*login on all pages*/
#login02 {
	background-image:url(../Resources/login-background.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	padding:0.5em 0.1em 0.3em 0.5em;
	border:#CCC 1px solid;
	}
#login02 p{
	color:#FFFFFF;
	font-size:14px;
	margin:5px 0px 8px 3px;
	font-weight: bold;
	}
#login02 p#login_error{
	font-size:13px; 
	line-height:14px; 
	margin-bottom:5px;
	font-weight:normal;
	}
#login02 p.f-lp {
	margin:0px;
	}
#login02 p.f-lp a{	
	color:#990000; 
	font-weight: bold;
	font-size:13px;
	}
#login02 p.f-lp input.login_input{
	margin-bottom:0.7em;
	width:170px;
	background-color:#ffffff;
	border:#666 1px solid;
	height:17px; 
	color:#999;
	}
#login02 p#radio input{
	width:1em;
	vertical-align:middle;
	}
#login02 p input#button{
	width:auto;
	font-weight:bold;
	}
#login02 div p span{
	color:#FFF;}	

/*login on the showcase registration*/
#login03 {
	background-image:url(../Resources/login-background-02.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#FFF;
	padding:0.5em 0.1em 0.3em 0.5em;
	border:#CCC 1px solid;
	}
#login03 p{
	color:#000000;
	font-size:1.0em;
	line-height:1.0em;
	}
#login03 p input{
	margin-bottom:0.7em;
	width:170px;
	}
#login03 p#radio input{
	width:1em;
	vertical-align:middle;
	}
#login03 p input#button{
	width:auto;
	font-weight:bold;
	}
#login03 div p span{
	color:#FFF;}	


/*general class for the left */
#login02 p a#passLink{
	font-size:0.8em;
	color:#333333;
	}
#register{
	margin-top:0.3em;
	margin-left:0.8em;
	}

.clearAll{
	clear:both;
	}

#login_select{
	width:16.5em;
	background-color:#ffffff;
	border:#666 1px solid;
	height:20px;
	margin-bottom:8px;
	}
/*-------------------------------------------------------------- 

COLUMN CONTENT

-------------------------------------------------------------- */
div#column_content p{
	font-size:0.87em;
	margin-top:10px;
	margin-bottom:30px;
	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{
	color:#669999;
}
div#column_content table tr td span.compulsory{
	color:#C00;
	}
.list li{
	list-style:disc;
	color:#666;
	list-style-position:outside;
	margin-left:5em;
	font-size:0.87em;
	margin-bottom:1em;
	line-height:1.5em;
	}
.second_menu{
	margin-top:1em;}	
.second_menu li{
	display:inline;
	}
.second_menu li#selected{
	font-weight:bold;
	}
	
.second_menu li a{
	margin-right:0.5em;
}

.box{
	clear:both;
	background-image:url(../Resources/backgd_box.jpg);
	background-repeat:repeat-x;
	display:block;
	width:48em;
	font-size:0.9em;
	padding:0.3em 0;
	}
.box p, .box ul{
	padding-left:3em;
	}

.box p{
	width:35em;
	float:left;
	margin-right:1em;
	}
	
.search_info{
	float:left;
	width:17em;
	margin-left:2em;
	margin-top:1.5em;
	}

/*regster form*/
.table_form, .table_form_checkbox{
	margin:1em 0 2em 5em;
}
.table_form tr td{
	min-width:8em;
	}
.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, .table_form_checkbox tr td input#otherdescription2{
	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;
	}
	
div.artist_only, div.promoter_only{
	clear:left;
	background:#fff;
	border:1px solid  #f4f4f4;
	}
#login_details tr td input{
	width:16em;
	}
/*seach form*/
.search{
	width:15em;
	background-image:url(../Resources/backgd_search.gif);
	background-repeat:repeat-x;
	background-color:#d8d8d8;
	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;
	width:25em;
	}
.table_team tr{
	border-bottom:#CCC 1px solid;
	}

	

/*about xtrax hotel and other info*/
.table_info{
	margin-bottom:2em;
	width:25em;
	}
.table_info tr{
	border-bottom:#CCC 1px solid;
	}
.table_info tr td{	
	vertical-align:top;
	width:15em;
	}
	
	
.table_hotel{
	margin-bottom:2em;
	margin-top:2em;
	}
.table_hotel tr{
	border-bottom:#CCC 1px solid;
	border-right:#CCC 1px solid;
	}
.table_hotel tr td{	
	vertical-align:top;
	border-top:#CCC 1px solid;
	border-left:#CCC 1px solid;
	}
.table_hotel tr.table_header{
	font-weight:bold;
	background-color:#CCC;
	}


	
/*showcase artist listing*/
.box_artist{
	background-color:#f6f6f6;
	background-image:url(../Resources/backgd_artist_list.gif);
	background-repeat:repeat-x;
	background-position:top;
	min-height:173px;
	display:table;
	width:41em;
	padding:0 0.5em;
	margin:2em 0;
}

.box_artist ul li a{
	font-size:0.9em;
}
.results_components li{
	font-size:0.8em;
	}
.caption{
	display:block;
	float:right;
	width:215px;
	font-size:0.7em;
	margin-left:1em;
	padding-bottom:7em;
	margin-top:20px;
	}
.captionShort{
	display:block;
	float:right;
	width:215px;
	font-size:0.7em;
	margin-left:1em;
	padding-bottom:2em;
	margin-top:20px;
	}
.captionLeft{
	display:block;
	float:left;
	width:215px;
	font-size:0.7em;
	margin-top:8px;
	margin-bottom:16px;
	}
.caption img{
	margin-top:1em;
	}
.caption_green{
	background-color:#e2ecec;
	width:185px;
        padding: 20px;
	}
	
/*artist detail page*/
.box_artist_detail{
	/*background-image:url(../Resources/backgd_detail.gif);
	background-repeat:repeat-x;
	background-color:#f5f5f5;*/
	display:block;
	width:27em;
	padding:0;
	margin:1.8em 0;
	line-height:1.1em;
}
/**************

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 2em;
background-color:#ffffff;
width:12em;
display:block;
border-top:1px #CCC solid;
border-left:1px #CCC solid;
border-right:1px #CCC solid;
border-bottom:1px #FFF solid;
text-align:center;

}

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

.artist_only p{
	margin-left:1em;}


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

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{
	font-size:0.6em;
	padding-left:4.8em;
}


/* -- Front Page -- */

.frontStories { font-size:14px !important; margin-top:-10px; }
.frontStories a { color:#990000; }
.frontStories p { font-size:14px; font-style:italic; padding:0 !important; margin:0 !important; }
.frontStories h4 { font-size:26px; font-weight:normal; padding:0 !important; margin:0 !important; color:#669999; }
.frontStories h3 { font-size:14px; font-weight:bold; padding:0 !important; margin:0px 0px 4px 0px !important; color:#323232; }
.frontStories ul { padding:10px 0px !important; margin:0 !important; }
.frontStories li { font-size:14px !important; font-weight:normal; padding:0 !important; margin:0 !important; }
.frontStories li a { font-size:13px !important; font-weight:normal; color:#990000; text-transform:uppercase; }
.frontStories small a { font-weight:bold; }

.frontStories .leftStory { width:300px; float:left; }
.frontStories .rightStory { width:310px; float:right; }
.frontStories .clearBoth { clear:both; }

.frontStories .leadStory, .frontStories .secondaryStory, .frontStories .additionalStory { clear:both; padding:8px 0px; margin:0px 0px 5px 0px; border-bottom:1px solid #cccccc; font-size:14px !important; } 
.frontStories .leadStoryLast { clear:both; padding:8px 0px; margin:0px 0px 5px 0px; font-size:14px !important; } 
.frontStories .additionalStory { margin-bottom:10px; }
.frontStories .leadImg { margin-bottom:13px; }