/* 
    Contains style definitions required by tabs.xsl
*/
.banner{
    width: 100%;
    height: 100px;
    margin: 0;
    padding: 0;
}
.loginstatus {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: right;
}
.userlink {
    color: #222222;
    font-weight: bold;    
}
.tagline {
    vertical-align: bottom;
    color: #222222;
    padding: 10px;
}

.contentContainer {
    padding: 20px;
    vertical-align: top;
    text-align: left;
}

.galleryContainer {
    width: 20%;
    padding: 20px;
    vertical-align: top;
}
.galleryTable {
    width: 100%;
    border: 1px solid #444444;
}
.galleryTableHead {
    background-color: #444444;
    color: #ffffff;
    text-align: center;
    padding: 2px;
}
.galleryTableBody {
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    padding: 2px;
}

.artist-name {
 font-family: arial;
 font-size: large;
 font-style: normal;
 color: #ffffff;
 text-decoration: none;
}

.artist-biography {
 font-family: arial;
 font-style: normal;
 color: #ffffff;
 text-decoration: none;
}

.artwork-image {
 width: 500px;
 text-align: center;
}

.artwork-title {
 border: 0px;
 text-align: center;
 margin: 0px;
 padding: 0px;
 font-family: arial;
 font-size: 12px;
 font-style: normal;
 color: #ffffff;
 text-decoration: none;
}
.artwork-artist {
 border: 0px;
 text-align: center;
 margin: 0px;
 padding: 0px;
 font-family: arial;
 font-size: 10px;
 font-style: normal;
 color: #ffffff;
 text-decoration: none;
}
.artwork-description, .artwork-price, .artwork-medium, .artwork-size {
 border: 0px;
 text-align: center;
 margin: 0px;
 padding: 0px;
 font-family: arial;
 font-size: 10px;
 font-style: italic;
 color: #aaaaaa;
 text-decoration: none;
 width: 500px;
}

.tabContainer {
    height: 25px;
}
.tabs {
    height: 25px;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 2px solid #444444;
    border-bottom: 4px solid #222222;
}
.tab, .tabspacer {
	margin: 0;
	padding: 2px;
	text-align: center;
	background-color: #444444;
}
.tabon {
	margin: 0;
	padding: 2px;
	text-align: center;
	background-color: #222222;
}
.tablink {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
.tablink:hover {
	color: white;
	font-weight: bold;
	text-decoration: underline;
}
.tabspacer {
	width: 100px;	
}