/*  +------------------------------------------------------------------------+
    | styles.css                                                             |
    +------------------------------------------------------------------------+ */
body {
	margin: 0;
	border: 0;
	padding: 0;
	height: 100%; 
	max-height: 100%; 
	overflow: hidden;
	background: #FFFFFF;
}
* html body {
	/* for internet explorer */
	padding: 73px 0px 0px 0px;
}


#content {
	position: fixed; 
	left: 0px;
	right: 0px; 
	top: 73px;
	bottom: 0px; 
	overflow: auto;
	background-image: url(background.png);
	background-repeat: repeat-x;
}
* html #content {
	height: 100%; 
	width: 100%; 
}


#menu {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 73px;
	overflow: hidden;
	background: #2B5980;
	background-image: url(menu_background.png);
	background-repeat: repeat-x;
}
* html #menu {
	height: 73px;
}


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


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



/*  +------------------------------------------------------------------------+
    | Table                                                                  |
    +------------------------------------------------------------------------+ */
table {
	border: 0px;
	font-size: 13px;
	font-weight: normal;	
	font-family: Arial, Helvetica, sans-serif;
}


table.fullscreen {
	height: 100%;
	width: 100%;
}


table.border {
	border: 1px solid #2B5980;
}


tr.line, td.line {
	height: 1px;
	background-color: #2B5980;
}


td.vertical_line {
	width: 1px;
	background-color: #2B5980;
}


td.nowrap {
	white-space: nowrap;
}


tr.nowrap td {
	white-space: nowrap;
}




/*  +------------------------------------------------------------------------+
    | Table menu                                                             |
    +------------------------------------------------------------------------+ */
table.menu_top					{width: 100%;}
td.menu_top_left				{width: 21px;}
td.menu_top						{width: 92px;}
td.menu_top_netjukebox			{width: 210px;} /* right */


table.menu_middle a:link		{color: #2B5980; text-decoration: none;}
table.menu_middle a:visited		{color: #2B5980; text-decoration: none;}
table.menu_middle a:hover		{color: #0099FF; text-decoration: underline;}
table.menu_middle {
	width: 100%;
	color: #2B5980;
	letter-spacing: 1px;
}


td.menu_middle_left				{width: 21px;}
td.menu_middle					{white-space: nowrap;}
td.menu_middle_right			{width: 1px;}


table.menu_bottom				{width: 100%;}
td.menu_bottom_left				{width: 10px;}
td.menu_bottom_right			{width: 1px;}



/*  +------------------------------------------------------------------------+
    | Table playlist                                                         |
    +------------------------------------------------------------------------+ */
table.playlist_top {
	width: 100%;
	border: 1px solid #42559C;
}


table.playlist a:link			{color: White; text-decoration: none;}
table.playlist a:visited		{color: White; text-decoration: none;}
table.playlist a:hover			{color: #FF8000; text-decoration: underline;}
table.playlist {
	width: 100%;
	height: 21px;
	background-image: url(playlist_back.png);
	background-repeat: repeat-x;
	border-left: 1px solid #2B5980;
	border-right: 1px solid #2B5980;
	border-bottom: 1px solid #2B5980;
}


td.playlist_text				{width: 70px;}


td.playlist_display {
	background-image: url(playlist_display.png);
	width: 50px;
	color: #CAD2EC;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}


td.playlist_bar_top {
	width: 200px;
	height: 5px;
}


td.playlist_bar_middle {
	background-image: url(playlist_bar_background.png);
	width: 200px;
	height: 5px;
}


td.playlist_bar_bottom {
	width: 200px;
	height: 11px;
}


td.playlist_bar_space			{width: 5px; height: 21px;}
td.playlist_button	 			{width: 30px; height: 21px;}
td.playlist_button_status		{width: 50px; height: 21px;}
td.playlist_space				{width: 100px; height: 21px;}
td.playlist_back_space			{width: 1px; height: 21px;}



/*  +------------------------------------------------------------------------+
    | Table header & footer                                                  |
    +------------------------------------------------------------------------+ */
tr.header a:link				{color: White;}
tr.header a:visited				{color: White;}
tr.header a:hover				{color: #99CCFF; text-decoration: underline;}
tr.header td 					{white-space: nowrap;}
tr.header {
	background-image: url(small_header.png);
	background-repeat: repeat-x;
	height: 21px;
	color: #B6D0DC;
	font-weight: bold;
}


tr.footer a:link				{color: White;}
tr.footer a:visited				{color: White;}
tr.footer a:hover				{color: #99CCFF; text-decoration: underline;}
tr.footer {
	height: 21px;
	font-size: 12px;
	background-color: #2B5980;
	color: #B6D0DC;
}



/*  +------------------------------------------------------------------------+
    | Table tab                                                              |
    +------------------------------------------------------------------------+ */
table.tab	{
	width: 100%;
}


td.tab_on {
	height: 21px;
	width: 100px;
	border-left: 1px solid #2B5980;
	border-top: 1px solid #2B5980;
	border-right: 1px solid #2B5980;
	background-color: #5181A6;
	color: White;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}


td.tab_off {
	height: 21px;
	width: 100px;
	border: 1px solid #2B5980;
	background-color: #CEDFE8;
	text-align: center;
	cursor: pointer;
}


td.tab_none {
	border-bottom: 1px solid #2B5980;
}


tr.tab_header a:link				{color: White;}
tr.tab_header a:visited				{color: White;}
tr.tab_header a:hover				{color: #FF8000; text-decoration: underline;}
tr.tab_header td 					{white-space: nowrap;}
tr.tab_header {
	/* now the same as tr.header */
	background-image: url(small_header.png);
	background-repeat: repeat-x;
	height: 21px;
	color: #CAD2EC;
	font-weight: bold;
}


table.tab_border {
	border-left: 1px solid #2B5980;
	border-right: 1px solid #2B5980;
	border-bottom: 1px solid #2B5980;
	background-color: #5181A6;
}


/*  +------------------------------------------------------------------------+
    | Table ok, warning & error                                              |
    +------------------------------------------------------------------------+ */
table.ok a:link					{color: #529600; text-decoration: underline;}
table.ok a:visited				{color: #529600; text-decoration: underline;}
table.ok {
	border: 1px solid #529600;
	background-color: #EFFFD6;
}
table.ok tr.line {
	height: 1px;
	background-color: #529600;
}


table.warning a:link			{color: #42559C; text-decoration: underline;}
table.warning a:visited			{color: #42559C; text-decoration: underline;}
table.warning {
	border: 1px solid #2B5980;
	background-color: #B6D0DC;
}
/* default tr.line */


table.error a:link				{color: Red; text-decoration: underline;}
table.error a:visited			{color: Red; text-decoration: underline;}
table.error {
	border: 1px solid Red;
	background-color: #FFA4A4;
}
table.error tr.line {
	height: 1px;
	background-color: Red;
}



/*  +------------------------------------------------------------------------+
    | Table bar                                                              |
    +------------------------------------------------------------------------+ */
td.bar {
	background-image: url(bar_background.png);
	width: 100px;
	height: 21px;
}


td.bar_space {
	width: 1px;
	height: 21px;
}



/*  +------------------------------------------------------------------------+
    | Table odd, even, select & mouseover                                    |
    +------------------------------------------------------------------------+ */
tr.odd {
	height: 21px;
	background-color: #EAF1F4;
}


tr.even {
	height: 21px;
	background-color: #FFFFFF;
}


tr.odd_warning {
	height: 21px;
	background-color: #FFEAEA;
}


tr.even_warning {
	height: 21px;
	background-color: #FFFFFF;
}


tr.select {
	height: 21px;
	background-color: #9DFF9D;
}


tr.mouseover:hover {
	background-color: #B6D0DC;
}



/*  +------------------------------------------------------------------------+
    | Table various                                                          |
    +------------------------------------------------------------------------+ */
tr.list {
	height: 54px;
}


td.update_text {
	width: 140px;
}


tr.screen_footer {
	height: 31px; /* minimum 2x cell padding fullscreen plus text height */
	text-align: center;
	font-size: 11px;
}



/*  +------------------------------------------------------------------------+
    | Table space & align                                                    |
    +------------------------------------------------------------------------+ */
td.smallspace {
	width: 5px;
}


td.space {
	width: 10px;
}


td.textspace {
	width: 30px;
}


td.matrix {
	width: 65px;
	text-align: center;
}


tr.smallspace {
	/* vertical space */
	height: 5px;
}


tr.space {
	/* vertical space */
	height: 10px;
}


tr.textspace {
	/* vertical space */
	height: 21px;
}



/*  +------------------------------------------------------------------------+
    | Image                                                                  |
    +------------------------------------------------------------------------+ */
img {
	border: 0px;
}


img.align {
	vertical-align: middle;	
}


img.space, input.space {
	vertical-align: middle;
	margin: 0px 5px 0px 0px;
}


img.tiny {
	vertical-align: middle;
	margin: 0px 0px 0px 3px;
	width: 10px;
	height: 10px;
}


img.small {
	width: 21px;
	height: 21px;
}


img.small_high {
	width: 21px;
	height: 50px;
}



img.medium {
	vertical-align: middle;
	margin: 0px 10px 0px 0px;
	width: 32px;
	height: 32px;
}



/*  +------------------------------------------------------------------------+
    | Form                                                                   |
    +------------------------------------------------------------------------+ */
form, input, select {
	margin: 0px;
}


input, select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

input.button {
	cursor: pointer;
	background: #EBF2F5;
}

input.readonly, select.readonly {
	background: #B6D0DC;
}


input.login {
	width: 150px;
}


input.edit {
	width: 175px;
}


input.url {
	width: 380px;
}


input.autosugest, select.autosugest {
	width: 380px;
}


input.autosugest_readonly {
	width: 380px;
	color: Silver;
}



/*  +------------------------------------------------------------------------+
    | overLIB                                                                |
    +------------------------------------------------------------------------+ */
div.overlib {
	position: absolute; 
	visibility: hidden; 
	z-index: 1000;
}



.ol_foreground {background-color: #B6D0DC;}
.ol_background {background-color: #2B5980;}


.ol_caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
}


.ol_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


div.ol_line {
	border-top: 1px solid #5181A6;
	margin-top: 5px;
	margin-bottom: 4px;
}

	

/*  +------------------------------------------------------------------------+
    | List                                                                   |
    +------------------------------------------------------------------------+ */
ul {
	margin-top: 2px;
	margin-bottom: 0px;
}



/*  +------------------------------------------------------------------------+
    | Font                                                                   |
    +------------------------------------------------------------------------+ */
span.nav_home {
	font-size: 18px;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}


span.nav_tree {
	font-size: 13px;
	font-weight: bold;
}


span.nav_genre {
	font-size: 12px;
}


span.login_message {
	font-size: 10px;
}


/* other fonts are set by the table, tr or td classes */