@charset "utf-8";
/* CSS Document */
/* Force Vertical Scrollbar */ html { /* IE */	overflow-y: scroll; 	/* Moz */	height: 100%;}
body {margin:0; padding:0; font:11px "Lucida Grande",Tahoma, Arial; color: #333; background-color:#ffffff; line-height:19px;}
#page {margin:0 auto; padding:10px; width: 600px;  background-color:#ffffff;/*border: 1px solid #ffffff*/}
a:link, a:visited{ outline:none; color: #006600; text-decoration: none}
a:hover, a:active{ outline:none; color: #009900; text-decoration:underline}
img{border:none;}

.top{ margin:0; padding:10px 0; height:45px; }
.overview{margin:0 auto 10px; padding:0; height:300px; width:600px; background-color:#ccc;}
.overview-thumbs{margin:0; padding:0; float:left; height:150px; width:150px; background-color:#fff;}

.title{margin:0; padding:0; font-size:20px; height:40px;background:url(images/title.gif) no-repeat;}
.title-pengantar{margin:0; padding:0; font-size:15px; font-weight:bold}
.primary{margin:10px 0; padding:0 10px; float:left; width: 419px; }
.secondary{margin:10px 0; padding:0 10px 0 0; float:left; width:150px; text-align:right; border-right:1px solid #ddd}

.work-list{margin:0; padding:0; list-style-type:none; font-size:15px; font-weight: bold; letter-spacing:2px; text-transform:capitalize}
.work-list-item{margin:0; padding:0 0 10px 0;}
.caption{margin:0; padding:0; text-align:center; font-size:10px; font-weight:normal; font-style:italic; letter-spacing:normal; line-height:15px; text-transform:lowercase}

.artist-list{margin:0; padding:0; list-style-type:none; font-size:15px; font-weight: bold; letter-spacing:2px; text-transform:capitalize}
.artist-list-item{margin:0; padding: 5px 0;}
.artist-list-item a{margin:0; padding:5px 0;}
.artist-list-item a:link,
.artist-list-item a:visited{color:#333;text-decoration: none}
.artist-list-item a:hover,
.artist-list-item a:active{color: #000000;background-color:#ddd;}

/*CSS for pop up hint box */
#hintbox{ 
position:absolute;background-color: lightyellow;width: 150px; padding:2px 5px;border:1px solid black;font-size:15px;font-weight:bold;letter-spacing:3px;line-height:18px;z-index:100;border: 1px solid #000;visibility: hidden;}

/*CSS for link that shows hint onmouseover*/
.hintanchor{ margin:0;}

.headshot{ margin: 0 5px 0 0;width:100px; border: 1px solid #333;text-align:right;}
.artist-name{margin:0; padding:0; font-size:16px; text-transform:capitalize; letter-spacing:1px;}
.artist-detail-wrapper{ vertical-align:top}

.activity-title{ margin:0; padding:0; font-size:14px;font-weight:bold; letter-spacing:1px; border-bottom: 1px solid #ddd}
.activity-year{ margin:0; padding:0;width:40px; font-weight:bold; vertical-align:top}
.activity-detail{margin:0 0 10px 15px; padding:0px; list-style-type:square;}

.table-detail{margin:0 auto; padding:0; font-size:11px; border:1px solid #333; width:100%; }
.thead{margin:0; padding:5px; background-color:#666666; color:#fff; text-transform:capitalize}
.tdetail{margin:0; padding:5px; text-align:center; background-color:#efefef}
.img-wrapper{margin:10px 0; padding:0; text-align:center; height:425px;}
.detail-wrapper{ text-align:center}
.img-big{ max-height:500px; border:1px solid #333}

.bottom-nav{ margin:0; padding:0; text-align: right;}
.backto-mainpage{margin:0; padding:2px;font-size:11px}
.clear{ clear:both; position: relative}
.footer{margin:0; padding:10px 0;text-align:center; font-size:11px; border-top:1px solid #ddd}

/*tab menu*/
.shadetabs{
padding: 1px 0;
margin: 0;
font-size: 11px;
list-style-type: none;
text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 1px 7px;
margin-right: 0;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration:none;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
}

.shadetabs li a.selected{ /*selected main tab style */
color:#fff;
background-color: #333;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

.tabcontainer{
border:none; padding:0; width: 100%; margin-bottom: 10px;
}

@media print {
.tabcontent {
display:block !important;
}
}