/******************************/
/* VirtualDJ main style sheet */
/******************************/

/*******************/
/* Default classes */
/*******************/


.color00
{
	color:#e3e1e2;
	background-color: #e3e1e2;
}

.color01{
	color:#3c3839;
	background-color: #3c3839;
}

.color02{
	color:#000000;
	background-color: #000000;
}

.color10{
	color:#f2f0f1;
	background-color: #f2f0f1;
}

.color11{
	color:#cfcdce;
	background-color: #cfcdce;
}

.color20{
	color:#e0dedf;
	background-color: #e0dedf;
}

.color21{
	color:#c7c5c6;
	background-color: #c7c5c6;
}

/*body
{
	background-color: #000000;
	background-image: url(/themes/darkrune/mainbg.gif);
}*/

text
{
	color: #FFFFFF;
}

a
{
	color: black;
}

a:hover
{
	text-decoration: none;
}

a:visited
{
	color: black;
}

a:active
{
	color: black;
}


body,td,p,ul,br,textarea,pre,div
{
	font-family: Tahoma,Verdana, Helvetica, sans-serif;
	font-size: x-small;
}

input,textarea,select,option,.txtfld,.btn
{
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	border-color: #999999;
}

.txtfld,.btn
{
	color: #FFFFFF;
	border-color: #FFFFFF;
	background-color: #000000;
	font-weight:bolder;
}

.login
{
	color: #FFFFFF;
	background-color: black;
}

.btn
{
	cursor: hand;
}

h1,h2,h3,h4,.m_sm
{
	font-family: Verdana, Helvetica, sans-serif;
}

h1
{
	font-size: small;
	color: #000000;
}

h2
{
	font-size: large;
}

h3
{
	color: #FFFFFF;
	font-size: small;
}

h4
{
	color: #0066cc;
	font-size: small;
}

h1,h2,h3,h4
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
}

ul
{
	list-style-type: square;
	list-style-image: url(/themes/darkrune/bullet.gif);
}

.title,.m,.ms
{
	font-weight: bolder;
}

.title,.txt,.m_bg
{
	font-size: x-small;
}

.txt_small,.m_sm,.legend
{
	font-size: 10px;
}

.legend
{
	font-style : italic;
	padding-right: 5px;
	padding-left: 5px;
}

.m_bg,.m_sm 
{
	color: #FF0000;
}

.m
{
	color: #EFFF00;
}

.ms,a.m:active
{
	color: #FFFFFF;
}

.forum_top
{
	color:#FFFFFF;
	font-size: 10px;
	font-weight:bolder;
}

a.forum_top:link,a.forum_top:active,a.forum_top:visited
{
	color:#FFFF00;
}

pre
{
	font-family: monospace;
}

.bc,a.bc:visited
{
	text-decoration: none;
	color: #FFFFFF;
}

a.bc:hover
{
	text-decoration: overline;
}

.hc,a.hc:visited
{
	text-decoration: none;
	color: #FFFFFF;
}

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

.lg
{
	text-decoration: none;
	color: #FFFFFF;
}

a.lg:hover
{
	text-decoration: overline underline;
}

.lgs
{
	text-decoration: none;
	font-weight: bolder;
	color: #FFFFFF;
}

a.lgs:hover
{
	text-decoration: overline underline;
	font-weight: bolder;
}

td.keyword
{
	color: #706E61;
	text-decoration: none;
	font: 1pt "Verdana";
	visibility: visible;
}

.headerimg
{
	background-image:url('/themes/darkrune/header.gif');
	background-color:white;
	width: 916;
	height: 170;
}

.titletext1
{
	color: #FFFFFF;
	font-size: small;
	font-weight:bolder;
	background-color:#4b4c4c}

.titletextold
{
	color: #FFFFFF;
	font-size: small;
	font-weight:bolder;
	background-color:#706E61
}

.homebox
{
	position: absolute;
	visibility: hidden;
	width: 613px;
	height: 315px;
	top: 0;
	left: 0;
}

.homeboxselected
{
	position: absolute;
	visibility: visible;
	width: 613px;
	height: 315px;
}

/* addons */

.addons1
{
	background-color: #7E7EDE;
}

.addons2
{
	background-color: #DDDDFF;
}

/* menu */

.HMenuItem
{
	BORDER-LEFT: 1px outset;
	BORDER-TOP: 1px outset;
	BORDER-RIGHT: 1px outset;
	BORDER-BOTTOM: 1px outset;
	WIDTH: 100px;
	FLOAT: left;
	CURSOR: hand;
	TEXT-ALIGN: center;
	font-family: tahoma;
	color: #ffffff;
}

.HMenuItemOver
{
	BORDER-LEFT: #0033CC 1px ridge;
	BORDER-RIGHT: #0033CC 1px ridge;
	BORDER-TOP: #0033CC 1px ridge;
	WIDTH: 100px;
	FLOAT: left;
	CURSOR: hand;
	TEXT-ALIGN: center;
	BACKGROUND-COLOR: #0066CC;
	font-family: tahoma;
	COLOR: #ffffff;
}

.VMenu
{
	BORDER: buttonhighlight thin outset;
	WIDTH: 150px;
	LINE-HEIGHT: 140%;
	POSITION: absolute;
	TOP: 0;
	LEFT: 0;
	BACKGROUND-COLOR: #FFFFFF;
	VISIBILITY: hidden;
}

.VMenuItem
{
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	CURSOR: hand;
	BORDER-BOTTOM: white 1px solid;
}

.VMenuItemOver
{
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	CURSOR: hand;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #0066CC;
	BORDER-BOTTOM: white 1px solid;
}

.VSubMenu td
{
	CURSOR: hand;
	LINE-HEIGHT: 140%;
}

.VMenu a
{
	TEXT-DECORATION: none;
	COLOR: black;
	DISPLAY: block;
	WIDTH: 100%
}

.HMenu a
{
	TEXT-DECORATION: none;
	COLOR: #ffffff;
	DISPLAY: block;
	WIDTH: 100%
}

.VMenu a:visited
{
	TEXT-DECORATION: none;
	COLOR: black;
	DISPLAY: block;
	WIDTH: 100%
}

.HMenu a:visited
{
	TEXT-DECORATION: none;
	COLOR: #ffffff;
	DISPLAY: block;
	WIDTH: 100%
}

.fntitle
{
	background-color: #4b4c4c}

.fntitlebg
{
	background-color: #cdcbcc}

.maintable
{
	width: 900;
}

.mainpagetable
{
	width: 900;
}


.homepagetable
{
	width: 761;
}


/********************/
/* specific classes */
/********************/

.forumtable
{
	width: 900;
}

.logintable
{
	background-color: #FFFFFF;
}

.logintab
{
}

.toptext
{
	color: #FFFFFF;
}

.forumsub
{
	background-color: 4b4c4c;
}

#BubbleDetail
{
	visibility:hidden;
	position:absolute;
}

.BubbleTable
{
	border: 1px solid #000;
	background-color:#FFFFFF;
}/* CSS Document */

body {
font-size:12px;
margin:0px;
padding:0px;
background-color:#050304;
background-image:url(images/background_vista.jpg);
background-repeat:no-repeat;
background-position:center top;
}

a:hover {
color:#0099FF ;
}

/* max width forum images*/

.blog img {
  max-width:870px;
  width: expression(this.width > 870 ? 870: true);
}

.forumcontent1 img {
  max-width:650px;
  width: expression(this.width > 650 ? 650: true);
}

.forumcontent2 img {
  max-width:650px;
  width: expression(this.width > 650 ? 650: true);
}

.forumtable img {
  max-width:650px;
  width: expression(this.width > 650 ? 650: true);
}

/* max width override for VDJ screenshot*/
.screen img {
  max-width:800px;
  width: expression(this.width > 800 ? 800: true);
  text-align:center;
}

.screen {
text-align:center;
}

.fullimage img {
  max-width:800px;
  width: expression(this.width > 800 ? 800: true);
  text-align:center;
}

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




/*.forumcontent1 a { text-decoration:underline;font-weight:bold; color:black; }
.forumcontent1 a a:hover {text-decoration:none; color:gray;}

.forumcontent2 a { text-decoration:underline;font-weight:bold; color:black; }
.forumcontent2 a a:hover {text-decoration:none; color:gray;}

.forumcontent3 a { text-decoration:underline;font-weight:bold; color:black;}
.forumcontent3 a a:hover {text-decoration:none; color:gray;}

.forumcontent4 a { text-decoration:underline;font-weight:bold;color:black; }
.forumcontent5 a a:hover {text-decoration:none; color:gray;}
*/

/*.forumcontent1 a {
text-decoration:underline;
font-weight:bold;
font-size:12px;
color:black;
}

.forumcontent1 a:hover {
color:gray;
}
*/



/*******************/
/* Website framework */
/*******************/
#frame { width:944px;height:auto; margin-top:20px; margin-bottom:30px;margin-left:auto; margin-right:auto; }
#frametop {background-image:url(images/frame_top.png);width:944px;height:15px;}
#framebody {background-image:url(images/frame_bar.png);width:944px;height:auto; background-repeat:repeat-y;}
#innerbody {background-color:#c2c2c2; margin-left:15px; margin-right:15px; width:914px; height:auto; padding-bottom:8px;}
#headerbanner {background-image:url(images/header.jpg); background-color:#000000; background-position:0 -1px;width:914px;height:169px; background-repeat:no-repeat;}
#framebottom {background-image:url(images/frame_bottom.png); background-repeat:no-repeat; width:944px;height:15px;margin-top:0px;margin-left:auto;margin-right:auto;float:none;}
#main_content {clear:both;float:left;margin:0px;}



/*******************/
/* Header */
/*******************/

#flags {float:right;padding-top:10px;}

#navigation {
clear:none;
float:left;
width:914px;
padding-top:26px;
padding-left:73px;
}


/*#scroller {
position:absolute;
margin-left:450px;
margin-top:47px;
display: block;
width:445px;
height:73px;
background-image:url(images/banner.gif);
}*/




/*******************/
/* MENU SYTEM 	   */
/*******************/

#menuBar {
clear:right;
}

.HMenuItem
{
	BORDER-LEFT: 0px ;
	BORDER-TOP: 0px ;
	BORDER-RIGHT: 0px ;
	BORDER-BOTTOM: 0px ;
	WIDTH: 120px;
	FLOAT: left;
	CURSOR: hand;
	PADDING-left: 10px;
	TEXT-ALIGN: left;
	font-family: tahoma;
	font-size:12px;
	color: white;
	LINE-HEIGHT: 180%;
		
}




.HMenuItemOver
{
	BORDER-LEFT: silver 0px ;
	BORDER-RIGHT: silver 0px ;
	BORDER-TOP: #0033CC 0px ;
	border-bottom:0px;
	WIDTH: 120px;
	FLOAT: left;
	CURSOR: hand;
	PADDING-left: 10px;
	TEXT-ALIGN: left;
	BACKGROUND-COLOR:black;
	font-family: tahoma;
	font-size:12px;
	LINE-HEIGHT: 180%;
	background-image: url(images/menu_background2.jpg);
}


/*.HMenuItemOver a:hover  {
color:silver;
}*/

.VMenu
{
	BORDER: 0px;
	WIDTH: 130px;
	LINE-HEIGHT: 180%;
	POSITION: absolute;
	TOP: 0px;
	LEFT: 0px;
	BACKGROUND-COLOR:#303030;
	/*background-image: url(images/menu_back3.jpg);*/
	VISIBILITY: hidden;
	color:white;
	font-size:12px;
	filter: alpha(opacity=95);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
	-moz-opacity: 0.95; opacity:0.95; 
}



.VMenuItem
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 10px;
	CURSOR: hand;
	BORDER-TOP: silver 0px groove;
	border-bottom: gray 0px;
	color:white;
	font-size:12px;
}

.VMenuItemOver
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 10px;
	CURSOR: hand;
	COLOR: white;
	BACKGROUND-COLOR:gray;
	BORDER-TOP: silver 0px groove;
	border-bottom: gray 0px;
	font-size:12px;
}

.VSubMenu td
{
	CURSOR: hand;
	LINE-HEIGHT: 180%;
	color:white;
	font-size:12px;
	border:0px;
}



.VMenu a
{
	TEXT-DECORATION: none;
	COLOR: white;
	DISPLAY: block;
	WIDTH: 100%;
	font-size:12px;
}




.HMenu a
{
	TEXT-DECORATION: none;
	COLOR: white;
	DISPLAY: block;
	WIDTH: 100%;
	font-size:12px;
}





.VMenu a:visited
{
	TEXT-DECORATION: none;
	COLOR:white;
	DISPLAY: block;
	WIDTH: 100%;
	font-size:12px;
}

.VMenu a:hover
{
	TEXT-DECORATION: none;
	COLOR: white;
	DISPLAY: block;
	WIDTH: 100%;
	font-size:12px;
}



.HMenu a:visited
{
	TEXT-DECORATION: none;
	COLOR: white;
	DISPLAY: block;
	WIDTH: 100%;
	font-size:12px;
}


/*******************/
/* FRONT PAGE    **/
/*******************/

a.headercolor1{
color:#4f0101;
font-size:13px;
font-weight:bold;
text-decoration:none;
}

a.linkcolor1 {
color:#4f0101;
}

a.linkcolor1:hover {
color:black;
}



#flash {
float:left;
background-color:#000000;
}

#purchasebox {
display:block;
width:151px;
height:213px;
float:right;
background-image:url(images/purchase_box.jpg);
background-repeat:no-repeat;
}

#pur_button {
display:block;
width:125px;
height:33px;
margin-top:5px;
background-image:url(images/purchase_off.jpg);
cursor:pointer;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
}

#pur_button:hover {
background-position: -125px 0;
}

#demo_button {
display:block;
width:125px;
height:33px;
margin-top:130px;
background-image:url(images/demo_off.jpg);
cursor:pointer;
margin-left:auto;
margin-right:auto;
}

#demo_button:hover {
background-position: -125px 0;
}

#hardwarebox {
display:block;
margin-top:8px;
width:740px;
height:119px;
float:left;
background-image:url(images/hardware.jpg);
background-repeat:no-repeat;

}


#whatdj {
color:silver;
text-transform:uppercase;
width:100%;
text-align:center;
font-weight:bold;
font-size:12px;
padding-top:5px;
}

.djtype {
font-size:12px;
font-weight:bold;
padding-top:60px;
}

.djtype:hover {
color:white;
}


a.djtype:link {
color:silver;
font-weight:bold;
font-size:12px;
text-decoration:none;
}

a.djtype:visited  {
color:silver;
font-weight:bold;
font-size:12px;
text-decoration:none;
}

a.djtype:hover {
color:white;
font-weight:bold;
font-size:12px;
text-decoration:none;
}

#mix_video {
float:left;
margin-top:15px;
margin-left:50px;
display:block;
width:123px;
height:83px;
cursor:pointer;
color:silver;
font-size:12px;
text-decoration:none;
}


#mix_video:link {
color:red;
text-decoration:none;
}

#mix_video:visited {
color:blue;
text-decoration:none;
}


#mix_video:hover {
color:white;
text-decoration:none;
}


#mix_vinyl {
float:left;
margin-top:15px;
margin-left:9px;
display:block;
width:123px;
height:83px;
cursor:pointer;
color:silver;
text-decoration:none;
}

#mix_vinyl:hover {
cursor:pointer;
}


#mix_club {
float:left;
margin-top:15px;
margin-left:40px;
display:block;
width:123px;
cursor:pointer;
color:silver;
text-decoration:none;
}

#mix_club:hover {
cursor:pointer;
}

#mix_mobile {
float:left;
margin-top:15px;
margin-left:16px;
display:block;
width:123px;
cursor:pointer;
color:silver;
text-decoration:none;
}

#mix_mobile:hover {
cursor:pointer;
}

#mix_begin {
float:left;
margin-top:15px;
margin-left:0px;
display:block;
width:123px;
cursor:pointer;
color:silver;
text-decoration:none;
}

#mix_begin:hover {
cursor:pointer;
}


#forumbox {
display:block;
margin-top:8px;
width:151px;
height:114px;
float:right;
background-image:url(images/forumbox.jpg);
background-repeat:no-repeat;
cursor:pointer;
}

#community {
color:silver;
text-transform:uppercase;
width:100%;
text-align:center;
font-weight:bold;
font-size:12px;
padding-top:5px;
text-decoration:none;
}

a#community{
text-decoration:none;
}


#forumbox:hover {
background-position: 0 -114px;
text-decoration:none;

}


#fronttext {
clear:both;
display:block;
width:898px;
height:180px;
padding-bottom:8px;
text-align:left;
}


#fronttext1 {
border-left:1px solid black;
padding-left:8px;
padding-top:8px;
float:left;
margin-top:6px;
margin-right:5px;
width:171px;
height:166px;
margin-bottom:8px;
}

#fronttext2 {
border-left:1px solid black;
padding-left:8px;
padding-top:8px;
float:left;
display:block;
margin-top:6px;
margin-right:5px;
width:171px;
height:166px;
margin-bottom:5px;
}

#fronttext3 {
border-left:1px solid black;
padding-left:8px;
padding-top:8px;
float:left;
display:block;
margin-top:6px;
margin-right:5px;
width:171px;
height:166px;
margin-bottom:5px;
}

#fronttext4 {
border-left:1px solid black;
border-right:1px solid black;
padding-left:8px;
padding-top:8px;
float:left;
display:block;
margin-top:6px;
width:171px;
height:166px;
margin-bottom:5px;
}

#effectbox {
float:right;
display:block;
margin-top:2px;
width:151px;
height:180px;
background-image:url(images/effektbox.jpg);
background-repeat:no-repeat;
margin-right:0px;
cursor:pointer;
text-align:center;
}

#effectbox:hover {
background-position: 0 -180px;
}

#fx_content {
text-align:center;
color:white;
padding-top:30px;
}


.legend {
color:white;
font-size:10px;
text-decoration:none;
}

.legend2:link {
color:silver;
font-size:10px;
font-weight:bold;
text-decoration:none;
}

.legend2:visited {
color:silver;
font-size:10px;
font-weight:bold;
text-decoration:none;
}


.legend2:hover {
color:white;
font-size:10px;
font-weight:bold;
text-decoration:none;
}


#atomixbar {
margin-top:8px;
padding-top:2px;
padding-bottom:2px;
width:898px;
display:block;
background-color:#000000;
font-size:10px;
text-align:center;
color:silver;
}

/** SUPER STAR DJ PAGE **/

body {
font-family:Tahoma,Verdana,Helvetica,sans-serif;
font-size:12px;

}

#innerbody {
margin-left:auto;
margin-right:auto;
height:auto;
width:914px;
background-color:#c0c0c0;
}


.maintable {
margin-left:8px;
margin-right:8px;
margin-top:8px;
overflow:hidden;
text-align:left;
width:95%;
}

.VIP_DJ {
background-color:#9d9d9d;
border: 4px solid #3f3f3f;
width:870px;
height: auto;
background-image:url(vip_dj_background.jpg);
background-position:right;
background-repeat:no-repeat;
text-align:left;

}


.VIP_DJ2 {
background-color:#3f3f3f;
border: 4px solid  #666666;
width:870px;
height: auto;
text-align:left;

}



.vip_dj_title {
	font-weight: bold;
	color: #333333;
font-size: 24px;
font-family:Arial, Helvetica, sans-serif;

}

.vip_dj_title2 {
font-weight: bold;
color: white;
font-size: 24px;
font-family:Arial, Helvetica, sans-serif;

}

.vip_specialtitle {
	font-weight: bold;
	color: silver;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;

}

.vip_dj_refs {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
}

.vip_dj_refs2 {
	font-size: 12px;
	font-weight: bold;
	color: white;
}

.vip_dj_quote{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.vip_dj_quote2{
	font-size: 12px;
	font-weight: bold;
	color: silver;
}

/*********************/
/* DIV STYLES FOR PAGES */
/*********************/



/*.homepagetable {
display:none;
}*/

/*.homebox {
display:none;
}*/

.editorial{
width:70%;
float:left;
margin-left:20px;
}

.maintext {
margin-top:10px;
font-size:12px;
}

.maintitles {
color:#990000;
font-weight:bold;
font-size:20px;
margin-top:40px;
margin-bottom:20px;
font-family:Georgia, "Times New Roman", Times, serif;
}

.introtext {
color:black;
font-weight:400;
font-size:12px;
font-style:;
margin-bottom:30px;
font-weight:bold;
}

.featurelist li {
margin-bottom:2px;
}


.maintable {
margin-top:8px;
margin-left:8px;
margin-right:8px;
text-align:left;
width:95%;
overflow:hidden;
}


#BubbleDetail {
	background-color:gray;
	filter: alpha(opacity=95);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
	-moz-opacity: 0.95; opacity:0.95;
	z-index:9999;
}

html>body #BubbleDetail {


}


.BubbleTable
{
	background-color:gray;
	height:auto;
	border:2px solid black;
	padding:10px;
}

#BubbleDetailTxt {
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}


/** FORUM **/

.forumtable {
width:95%;
font-size:12px;
text-align:left;
overflow:hidden;
}


.writemsg {
width:100%;
}

.round {
	width: 100%;
}


.roundleft {
	float:left;
	width:9px;
	height:10px;
	background:url(http://dev.virtualdj.com/themes/darkrune/bordlu.gif) no-repeat left;
	font-size: 2px;
	display:block;


}


.roundright {
	float:right;
	width:9px;
	height:10px;
	background: url(http://dev.virtualdj.com/themes/darkrune/bordru.gif) no-repeat  right;
	font-size: 2px;

}

.roundbar {
	float:left;
	hasLayout:true;
	display:block;
	height:10px;
	margin-left:9px;
	margin-right:9px;
	background-color:black;
}

.clear {
 clear:both;
 float:left;
 width:100%;
 
}




.titletext1
{
	color: #FFFFFF;
	font-size: small;
	font-weight:bold;
	background-color:#4b4c4c;
	text-transform:uppercase;
	padding-left:10px;
}





/*.forumcontent1 img {
max-width: 650px;
width:expression(this.width > 650 ? "650px" : this.width);
}

.screen img {
max-width: 900px;
width expression(this.width > 900 ? "900px" : this.width);
}*/


.fntitlebg {
background-color:silver;
text-align:left;
}

.fntitle {
background-color:#4b4c4c;
}

.m_bg,.m_sm 
{color: gray;
}



.title, .txt, .m_bg {
font-size:12px;
}


body, td, p, ul, br, textarea, pre, div {
font-family:Tahoma,Verdana,Helvetica,sans-serif;
font-size:12px;'
color:black;
}


/** LOGIN **/


.bar {
color:white;
text-decoration:none;
font-size:-2 ;
}

.bar:link {
color:white;
text-decoration:none;
font-size:-2 ;
}



.login {
background-color:silver;
}

.button {
background-color:gray;
}

.m_sm {
color:black;
}


.m_bg, .m_sm {
color:black;
}

.addons1 {
background-color:gray;
border:0px;
}

.addons2 {
background-color:#d4d4d4;
color:black;
border:0px;
}

.addons2 h3{
color:black;
background-color:#d4d4d4;
}

.txt_small {

}

.updatebox {
background-color:gray;
}

/** TEXT AREA INPUT BOXES **/


textarea, select, option, .txtfld, .btn {
background:#d4d4d4 none repeat scroll 0%;
#border:1px inset gray;
color:black;
}

input, textarea, select, option, .txtfld, .btn {
background:#d4d4d4 none repeat scroll 0%;
#border:1px inset gray;
color:black;
}

input:disabled {
background:#d4d4d4 none repeat scroll 0%;
border:1px inset gray;
color:grey;
}

/** firefox layout hack **/

html>body img {
margin:auto;
}