/* bandTopia main stylesheet */
body {
	background-color: #FFFFFF;
	background-image: url(/images/background.jpg);
	background-position: top center;
	color: #FFFFFF;
	margin: 0 0 0 0;
	padding: 0px;
	border: 0px;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size:12px;
}
a:link, a:visited, a:hover, a:active {
	color:#000066;
}

td
{
	padding: 4px 10px;
	width: auto;
	font-size: 11px;
	vertical-align: top;
}

th {
	text-align:left;
	padding: 4px 10px;
	width: auto;
	font-size: 12px;
}

.textleft { text-align: left; }
.textcenter { text-align: center; }
.textright { text-align: right; }
/* class="error-msg" */
.error-msg {
	color:red;
	font-weight:bold;
}
/* class="hide" */
.hide {
	display: none;
}
.checkbox, .radio {
	position: relative;
	width: 14px;
	height: 14px;
	padding: 0 20px 0 0;
	background: url(/images/check_box_back.png) no-repeat;
}
.radio {
	background: url(radio.gif) no-repeat;
}
.select {
	position: absolute;
	width: 158px;
	/* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.gif) no-repeat;
	overflow: hidden;
}
/* main content square used for all external pages
 * <div id="contentsquare">
 */
#contentsquare {
	width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: 0px;
}
/* starts the header block
 * <div id="header">
 */
#header {
	position: relative;
	height: 125px;
	width: 100%;
	background-image: url(../images/bt_logo_top.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}
/* Logo Link
 * Puts link over the top of the logo, which is part of the background for the header
 *
* Starts the Logo Link block
 * <div id="bt-logo">
 */
#bt-logo {
	float: left;
	position: relative;
	left: 30px;
	top: 9px;
	width: 210px;
	height: 90px;
}
/* The link itself for the logo */
#bt-logo a {
	position: absolute;
	width:100%;
	height:100%;
}
#bt-login {
	position: relative;
	float: right;
	font-size: 9pt;
	top: 5px;
	padding: 0 5 0 0;
	font-family: 'Myriad Pro', 'PT Sans', Arial, Helvetica, Tahoma, sans-serif;
}

#artist-search{
	position: relative;
	float: right;
	clear: right;
	font-size: 9pt;
	top: 45px;
	padding: 0 5 0 0;
	font-family: 'Myriad Pro', 'PT Sans', Arial, Helvetica, Tahoma, sans-serif;
}
.bt-textbox {
	background: none;
	background-image: url(/images/textbox_back.png);
	border:none;
	width:106px;
	height:21px;
	margin:0;
	padding: 2px 7px 0px 7px;
	font-size:9pt;
	font-family: 'Myriad Pro', 'PT Sans', Arial, Helvetica, Tahoma, sans-serif;
}
.bt-login-button {
	background: none;
	background-image: url(/images/login_button.png);
	border:none;
	width:55px;
	height:21px;
	color: FFFFFF;
	padding: 0px 0px 3px 0px;
	font-size:9pt;
	font-family: 'Myriad Pro', 'PT Sans', Arial, Helvetica, Tahoma, sans-serif;
}
/* The blue bar below the header
 * <div id = "blue-bar>"
 */
#blue-bar {
	position: relative;
	top: 0px;
	height: 31px;
	background-image: url(../images/bluebar.png);
	background-repeat: repeat-x;
	z-index: 3;
}
/* The left border shadow for the main section
 * <div id = "page-left">
*/
#page-left {
	position: relative;
	top: 0px;
	height: auto;
	z-index: 0;
	padding-left: 3px;
	background-image: url(../images/page_left.png);
	background-repeat: repeat-y;
	background-position: top left;
}
/* The right border shadow for the main section
 * <div id = "page-right">
*/
#page-right {
	position: relative;
	padding: 0px 5px 0px 0px;
	height: auto;
	background-image: url(../images/page_back.png);
	background-repeat: repeat-y;
	background-position: top right;
	z-index: 0;
	#-moz-box-shadow: 5px 5px 10px #111111;
	#-webkit-box-shadow: 5px 5px 10px #111111;
	#box-shadow: 5px 5px 10px #111111;
	#1px 5px 6px 6px
}
/* The main section of the page
 * <div id = "page-content">
*/
#page-content {
	position: relative;
	margin-top: -12px;
	padding: 10px 10px 16px 10px;
	height: auto;
	background-image: url(../images/page_silver_back.png);
	background-color: #e3e3e3;
	background-repeat: repeat-x;
	background-position: top right;
	z-index: 1;
	color: #000000;
}
/* The container for the three boxes at the bottom of the main section
 * This forces three boxes to be evenly distributed horizontally
 * class = "bottom-box-containter"
*/
.bottom-box-container {
	float: left;
	position: relative;
	width: 33%;
	height: auto;
}
/* The boxes at the bottom of the main section
 * class = "bottom-box"
*/
.bottom-box {
	width: 225px;
	height: 249px;
	margin: auto;
	background-image: url(../images/bottom_boxes.png);
	padding: 10;
}
/*The bottom left corner border shadow for the main section
 * <div id = "page-bottom-left">
*/
#page-bottom-left {
	position: relative;
	top: 0px;
	height: 6px;
	z-index: 0;
	padding-left: 6px;
	background-image: url(../images/page_bottom_left.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-position: top left;
}
/* The bottom and bottom right corner border shadow for the main section
 * <div id = "page-bottom-right">
*/
#page-bottom-right {
	position: relative;
	height: 6px;
	background-image: url(../images/page_bottom.png);
	background-repeat: no-repeat;
	background-position: top right;
	z-index: 0;
}

.dataTable
{
	width: 95%;
	margin: auto;
	border-bottom: solid thin #333333;
	border-spacing: 0;
	border-collapse:collapse;
}

.row 
{
	background: white;
	color: black;
}

.row_alt
{
	background: #CCCCEE;
	color: #000000;
}

.headerRow
{
	background: #333333;
	color: #FFFFFF;
}

input
{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}

select
{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}

textarea
{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}