@charset "utf-8";
/* 5.1 Music Styles */

div.info
{
  padding: 5px 0px 5px 0px;
  margin: 5px 0px 0px 5px;
/*  width: 770px; */
  border: 2px solid blue;
  background-color: #f8f8ff;
  color: blue;
  max-height: 150px;
  overflow: hidden;
  overflow-y: auto;
}

div.error
{
  padding: 5px 0px 5px 0px;
  margin: 5px 0px 0px 5px;
/*  width: 770px; */
  border: 2px solid red;
  background-color: #ffff66;
  color: red;
  max-height: 150px;
  overflow: hidden;
  overflow-y: auto;
}

div.error ul
{
  margin: 0px;
  padding: 0px;
}
div.info ul
{
  margin: 0px;
  padding: 0px;
}

div.error ul li
{
  margin-left: 25px;
}
div.info ul li
{
  margin-left: 25px;
}

span.warning
{
  font-style: italic;
  font-weight: bold;
  color: #880000;
}
/* general input styles */
/*
form
{
  padding: 0;
  margin: 0;
}*/

input.checkbox
{
  margin: 2px 0px 0px 3px;
  _margin: -2px 0px 0px -1px; /* IE style */
}

div.input input
{
  width: 100%;
  font-size: 11px;
  height: 13px;
  border: 1px solid #222222;
  background-color: #eeeeff;
}

div.input select
{
  width: 100%;
  _width: 102%;
  font-size: 11px;
  height: 15px;
  border: 1px solid #222222;
  background-color: #eeeeff;
}

div.buttonColumn input
{
  font-size: 11px;
  border: 1px solid #333333;
  height: 18px;
  background-color: #eeeeee;
  font-weight: bold;
  cursor: pointer;
}

div.buttonRow select
{
  font-size: 11px;
  height: 15px;
  border: 1px solid #222222;
  background-color: #eeeeff;
}

div.buttonRow input
{
  font-size: 11px;
  border: 1px solid #333333;
  height: 18px;
  background-color: #eeeeee;
  font-weight: bold;
  cursor: pointer;
}

.button
{
  font-size: 11px;
  border: 1px solid #333333;
  height: 18px;
  background-color: #eeeeee;
  font-weight: bold;
  cursor: pointer;
}

div.row
{
  clear:left
  position: relative;
	height: 27px;
	width: 100%;
}

div.largeRow
{
  position: relative;
  height: 35px;
  width: 100%;
}

div.row div.label
{
	float:left;
	margin: 0;
	padding: 2px 2px 2px 10px;
	height: 17px;
	line-height: 17px;
	text-align: left;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.largeRow div.label
{
  float:left;
  margin: 0;
  padding: 0px 0px 0px 10px;
  height: 23px;
  line-height: 23px;
  text-align: left;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.row div.data
{
  float: left;
  padding: 2px 2px 2px 2px;
  height: 20px;
  line-height: 17px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  /* background-color: #eeeeff; */
}

div.row div.input
{
	float: left;
	padding: 2px;
	height: 18px;
	line-height: 17px;
	text-align: left;
	text-overflow: ellipsis;
}

div.row div.buttonColumn
{
  float: left;
  padding: 2px 2px 2px 2px;
  height: 17px;
  line-height: 17px;
  text-align: left;
  text-overflow: ellipsis;
}

div.largeRow div.input
{
  float: left;
  padding: 2px 2px 2px 2px;
  height: 23px;
  line-height: 23px;
  text-align: left;
  text-overflow: ellipsis;
}

div.buttonRow
{
  margin: 4px;
  padding: 7px 3px 2px 3px;
  /* position: relative; */
  height: 20px;
 /* width: 95%; */
  text-align: center;
  line-height: 20px;
  vertical-align: middle;
  /*background-color: #cccccc;*/
}

div.buttonRow label
{
  display: inline;
}

div.fieldset
{
	margin: 2px 0px 0px 3px;
	_margin: 2px 0px 0px 3px;
	padding: 1px 0px 0px 5px;
	_padding: 0px 2px 0px 0px;
	/*min-width: 820px;*/
  border: none;
	background-repeat: repeat-x;
	background-position: 0px 3px;
}

fieldset
{
  margin: 0;
  padding: 0;
  border: none;
}

legend
{
	border: none;
	margin-left: 0px;
	margin-top: 2px;
	/* margin-bottom: 4px;*/
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #eeeeee;
	background-color: #147dc1;
	width: 90%;
	height: 17px;
	padding: 3px;
}

div.sectionHeader
{
  margin: 4px;
  padding: 3px;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  height: 22px;
  line-height: 14px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
/*  background-image: url(../images/menu_bg.gif);
  background-repeat: repeat-x; */
  color: #eeeeee;
}

div.sectionHeader a
{
  font-size: 11px;
  color: #ffdd33;
}

div.list
{
  margin: 0px;
}

div.list div.columnHeaders
{
  height: 16px;
  width: 100%;
  margin: 0px 3px 0px 3px;
  padding: 0px 3px 0px 3px;
  border-bottom: 2px solid #333333;
  background-color: #cccccc;
}

div.list div.columnHeaders div.columnHeader
{
  float: left;
  height: 16px;
  line-height: 16px;
  font-weight: bold;
  padding: 0px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.rowSelectable
{
  height: 16px;
  width: 100%;
  margin: 0px 3px 0px 3px;
  padding: 0px 3px 0px 3px;
  border-bottom: 1px solid #444444;
  cursor: pointer;
}

div.rowNotSelectable
{
  height: 16px;
  width: 100%;
  margin: 0px 3px 0px 3px;
  padding: 0px 3px 0px 3px;
  border-bottom: 1px solid #444444;
}

div.rowSelectable:hover
{
  background-color: #dddddd;
}

div.rowNotSelectable
{
  height: 16px;
  width: 100%;
  margin: 0px 3px 0px 3px;
  padding: 0px 3px 0px 3px;
  border-bottom: 1px solid #444444;
}

div.rowSelectable div.rowValue
{
  float: left;
  height: 16px;
  line-height: 16px;
  padding: 0px;
  margin-right: 0px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.rowNotSelectable div.rowValue
{
  float: left;
  height: 16px;
  line-height: 16px;
  padding: 0px;
  margin-right: 0px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.rowValue img
{
  border: none;
}

div.list div.navRow
{
  margin: 2px;
  position: relative;
  height: 16px;
  width: 100%;
  text-align: right;
  line-height: 16px;
  vertical-align: middle;
  font-size: 10px;
  font-weight: bold;
 /* background-color: #cccccc; */
}

div.list div.navRow span.pageNumber
{
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
}

div.list div.navRow a
{
  padding-left: 5px;
  padding-right: 5px;
  color: #1e366f;
  text-decoration: underline;
}

div.list div.navRow a:hover
{
  color: #da062e;
  text-decoration: underline;
}

div.list div.navRow a.disabled
{
  color: #cccccc;
  text-decoration: none;
}

div.list div.navRow a.disabled:hover
{
  color: #cccccc;
  text-decoration: none;
}

/* styles for header.php */
div.pageHeader
{
	/* height: 90px; */
	margin: 0px;
	padding: 0px;
	/* background-image: url(../images/headerTMP.jpg);
	background-repeat: no-repeat; */
	overflow: hidden;
}

div.pageHeader div.pageTitle
{
	height: 25px;
	top: auto;
	/* left: 375px; */
 /* right: 205px; */
  margin: 2px;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.pageHeader div.loginInfo
{
	position: absolute;
	top: 25px;
	height: 15px;
	right: 10px;
	width: 400px;
	font-size: 11px;
	vertical-align: middle;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	display: none;
}

/* basic style for page content, including the left menu area (in menu.php) */
div.pageContent
{
  /* width: 98%;
  _width: 1000px;
  min-width: 960px; */
  margin-right: 0px;
  margin-left: 0px;
}

a.menuLabelAnchor
{
  text-decoration: none;
  color: black;
}

div.pageContent div.menu
{
  float: left;
  width: 150px;
  margin: 0px;
  padding: 3px;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  text-align: left;
  background-image: url(../images/vline.png);
  background-position: right;
  background-repeat: repeat-y;
  overflow: hidden;
}

div.pageContent div.menu div.title
{
/*float: left;*/
  width: 139px;
  margin: 1px;
  padding: 3px;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  height: 24px;
  text-align: left;
  background-image: url(../images/menu_bg.gif);
  background-repeat: repeat-x;
  overflow: hidden;
  color: #eeeeee;
}

div.pageContent div.rightSide
{
  float: left;
  margin: -3px;
  padding: 3px;
  width: 83%;
  text-align: left;
  background-image: url(../images/vline.png);
  background-position: left;
  background-repeat: repeat-y;
}

div.pageContent div.fullContent
{
	/* float: left; */
  margin: 0px;
	padding: 0px;
	text-align: left;
}

/* styles for footer.php */
div.pageFooter
{
  clear: left;
  height: 20px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  line-height: 20px;
  background-color: #1e366f;
  color: #eeeeee;
  overflow: hidden;
}

/* SPECIFIC STYLES FOR VARIOUS INTERFACE PAGES */
/* styles for main.php */
div.welcome
{
  margin: 4px;
  padding: 3px;
  width: 100%;
  font-size: 12px;
  font-weight: normal;
  height: 18px;
  line-height: 18px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* styles for login.php */
div.loginForm
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	color: #000000;
}


/* basic style for the whole page */
/* body
{
  margin: 0px;
  padding: 0px;
/*  width: 100%;
  height: 100%; * /
  /*background-image: url(../images/bg2.jpg); * /
  background-repeat: repeat-x;
  background-color: #ffffff;
  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  behavior: url(./css/csshover.htc);
  color: black;
}
*/

.downloadbutton {
	display: none;
	color: #009999;
	height: 16px;
	width: 99px;
}
.nodownload {
	display: block;
	color: #009999;
	height: 16px;
	width: 99px;
}