/*
* Name:		veidan-20-player.css
*
* Purpose:	stylesheet for veidan 2.0 player
*
* Version:	1.00	2008-11-28	Brian Kathler	Initial Release	*
*/

/*BEGIN_SYSTEM_STYLES*/

body {
	background: #FFFFFF;	/* table background */
	background-repeat: no-repeat;
	color: #000000; /* text color */
	font-family: Helvetica, Arial, Sans-serif; /* font name */
	font-size: 10px; /* font size */
	margin: 0px 0px 0px 0px; /* top right bottom left */
}

input, textarea, select {	
	font-family: Helvetica, Arial, Sans-serif; /* font name */
	font-size: xx-small; /* font size */
} 

a:active {
	color: #184478; /* active link color */
}

a:link {
	color: #184478; /* link color */
}

a:visited {
	color: #0b3260; /* visited link color */
}

/* Description */
.vpDescription {
	color: #3a5f8a; /* message color */
	font-family: Helvetica, Arial, Sans-serif; /* font name */
	font-size: medium; /* font size */
	font-weight: bold; /* font weight */
}
/* Registration Table */
.regTable {
	color: #000000; /* message color */
	font-family: Helvetica, Arial, Sans-serif; /* font name */
	font-size: small; /* font size */
	font-weight: normal; /* font weight */
}
/* Copyright */
.copy {
	color: #3a5f8a; /* message color */
	font-family: Helvetica, Arial, Sans-serif; /* font name */
	font-size: xx-small; /* font size */
	font-weight: normal; /* font weight */
	text-align: center;
}
/* Text */
.vptext {
	color: #000000; /* message color */
	font-family: Helvetica, Arial, Sans-serif; /* font name */
	font-size: xx-small; /* font size */
}

/* Copyright */
.vpcopy {
	color: #000000; /* message color */
	font-family: Helvetica, Arial, Sans-serif; /* font name */
	font-size: xx-small; /* font size */
}

/* Date */
.vpdate {
	color: black; /* message color */
	font-family: Helvetica, Arial, Sans-serif; /* font name */
	font-size: xx-small; /* font size */
}

/* main table */
.mainTable {
	width: inherit; /* table width */	
	color: #000000; /* text color */
	font-family: Helvetica, Arial, Sans-serif; /* font name */
	font-size: xx-small; /* font size */
	border: 0px outset; /* border */
	border-collapse: collapse;
}


/* main table data cells */
.mainTable td {
	padding: 0px; /* cell padding */
	border: 1px solid; /* cell spacing */
	border-color: #000000;  /* table background color */
}


/* main table */
.invisibleTable {
	width: inherit; /* table width */	
	color: #000000; /* text color */
	font-family: Helvetica, Arial, Sans-serif; /* font name */
	font-size: xx-small; /* font size */
	border: 0px outset; /* border */
	border-collapse: collapse;
}


/* main table data cells */
.invisibleTable td {
	padding: 0px; /* cell padding */
	border: 0px solid; /* cell spacing */
	border-color: #000000;  /* table background color */
}

/* left table */
.leftTable {
	margin-left: 2px;
	margin-right: 10px;
	width: inherit; /* table width */
	color: #000000; /* text color */
	font-family: Helvetica, Arial, Sans-serif; /* font name */
	font-size: xx-small; /* font size */
	border: 0px outset; /* border */
	border-collapse: collapse;
}
/* left table data cells */
.leftTable td {
	padding: 5px /* cell padding */
	border: 0px solid; /* cell border */
	border-color: #000000;  /* table background color */
}

/* right table */
.rightTable {
	width: inherit; /* table width */	
	color: #000000; /* text color */
	font-family: Helvetica, Arial, Sans-serif; /* font name */
	font-size: xx-small; /* font size */
	border: 0px outset; /* border */
	border-collapse: collapse;
}
/* right table data cells */
.rightTable td {
	padding: 4px; /* cell padding */
	border: 0px solid; /* cell spacing */
	border-color: #000000;  /* table background color */
}

/* message */
.ewmsg {
	color: red; /* message color */
	font-family: Helvetica, Arial, Sans-serif; /* font name */
	font-size: xx-small; /* font size */	
}

/* Left Menu styles here */

.leftmenustyle{
width: 99%;
}

.leftmenustyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.leftmenustyle ul{
border: 1px solid #BBB;
width: 100%;
padding: 2px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.leftmenustyle ul li{
display: inline;
}

.leftmenustyle ul li a{
color: #000000;
padding: 2px 4px;
margin: 0;
font:normal 10px Helvetica, Arial, Sans-serif;
text-decoration: none;
border-right: 0px solid #DADADA;
}

.leftmenustyle ul li a:hover, .leftmenustyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: #000000; /*THEME CHANGE HERE*/
}

/* Right Menu styles here */

.rightmenustyle{
width: 99%;
}

.rightmenustyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.rightmenustyle ul{
border: 1px solid #000000;
width: 100%;
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.rightmenustyle ul li{
display: inline;
}

.rightmenustyle ul li a{
color: #000000;
padding: 4px 7px;
margin: 0;
font:normal 10px Helvetica, Arial, Sans-serif;
text-decoration: none;
border-right: 0px solid #000000;
}

.rightmenustyle ul li a:hover, .rightmenustyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: #000000; /*THEME CHANGE HERE*/
}
/* div for images */
div.imgtransOFF {width: 100%; background-color: #204A73;border:1px solid black; }
div.imgtransON {width: 100%; background-color: #204A73;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; }
div.imgtrans25 {width: 100%; background-color: #204A73;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid black; }
div.imgtrans75 {width: 100%; background-color: #204A73;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:1px solid black; }
/* div for highlighted images */
div.seltransOFF {width: 100%; background-color: #5C5A5A;border:1px solid black; }
div.seltransON {width: 100%; background-color: #5C5A5A;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; }
div.seltrans25 {width: 100%; background-color: #5C5A5A;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid black; }
div.seltrans75 {width: 100%; background-color: #5C5A5A;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:1px solid black; }
/* div for arrow keys */
div.arrtransOFF {width: 100%; background-color: #204A73;border:0px solid black; }
div.arrtransON {width: 100%; background-color: #204A73;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:0px solid black; }
div.arrtrans25 {width: 100%; background-color: #204A73;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:0px solid black; }
div.arrtrans75 {width: 100%; background-color: #204A73;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:0px solid black; }

.atransOFF {width: 100%; background-color: #204A73;border:1px solid black; }
.atransON {width: 100%; background-color: #204A73;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; }
.atrans25 {width: 100%; background-color: #204A73;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid black; }
.atrans75 {width: 100%; background-color: #204A73;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:1px solid black; }