/* general typographic definitions */

html, body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
	margin: 0;
	padding: 0;
}

body{
	font-family:Georgia,"Bitstream Vera Serif","Times New Roman",serif;
/*
	font-size: 62.5%; /* Resets 1em to 10px */
    font-size: 75%; /* Resets 1em to 12px */
	text-align: center;
	vertical-align: top;
	background: #000 url(../img/bkg.png) repeat-x;
	color: #fff;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Georgia,"Bitstream Vera Serif","Times New Roman",serif;
    color: #888;
    background: none;
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 0.1em;
    border-bottom: 1px solid #aaa;
    margin-bottom: 1em;
	text-align: left;
}

h1{
    margin-bottom: 0px !important;
}

h1 { 
	font-size: 128%; 
	padding-top: 0 !important;
}
h2 {
	font-size: 110%; 
	padding-top: 1em !important; 
}
h3 {
	font-size: 96%; 
	padding-top: 0.5em !important; 
}

p {
    text-align: justify;
}

p, li {
    font-size: 75%;
    line-height: 180%;
    color: #000;
}

p {
    padding-bottom: 2em;
}

ul, ol {
	margin-left: 0;
	padding-left: 1em;
}

a{
	text-decoration: none;
	font-weight: 500;
	font-style: italic;
	color: #666;
}

a:hover{ 
  text-decoration: underline;
  color: #00f; 
}

a img{ border: 0; }

/* header */

#leader:hover{
    cursor: pointer;
}

#slogan {
    font-weight: 500;
    padding-bottom: 2px;
    margin: 0;
}

#slogan p {
    padding-bottom: 0em !important;
}


/* page is the actual container */
#page {
  background: #fcfcfc;
  background-repeat: no-repeat;
  color: #000;
  /* padding 2em = 20px each side @ 62.5% and 35px each side @ 75% */
  padding: 2em;
  width: 800px;
  /* tentative hack for PS3 height */
  height: 100%;
  min-height: 600px;
  text-align: left;
  font-size: 1.45em;
  border: none;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

#midpage {
  /* tentative hack for PS3 height */
  height: 100%;
  min-height: 600px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

/* shadow drop of the page the page */
#shadow-container {
    position: relative;
    left: 6px;
    top: 6px;
    margin-left: auto;
    margin-right: auto; 
    margin-top: 1em;
    width: 871px;
}

/* #shadow-container .container */

.shadow {
    position: relative;
    left: -1px;
    top: -1px;
    background-image: url(../img/gray10p.png);
}

#footer {
    position: relative;
    top: 8px;
}

/* side box */
.pic-container {
    background-color: #FF0;
    position: relative;
    left: 6px;
    top: 6px;
    display: table;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    float: left;
}

.pic {
    background-color: #FFD;
    border: 1px solid #000;
    padding: 7px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    left: 6px;
    top: 6px;
    width: 210px;
}

.pic_pic img {
    border: 1px solid #000;
    display: block;
    margin: auto;
}


#left_side{
    float: left;
    width: 150px;
}

#right_side{
    width: 640px;
    float: right;
    padding-left: 10px;
  min-height: 600px;
  /* tentative hack for PS3 height */
  height: 100%;
}

#single_side{
    width: auto;
}

/* menu */
#menu {
    height: 34px;
}

#menu a {
    font-size: 110%;
    font-weight: bold;
}

#menu ul{
float: left;
width: 100%;
margin: 0;
padding: 0;
_overflow: hidden !important;

}

/* adjust the width later 9.97% = 7+lang at current page width*/
#menu li{
width: 9%;
height: 22px;
float: left;
list-style: none;
padding: 3px;
margin: 0px 0;
padding-top: 10px;
padding-bottom: 1px;
padding-right: 20px;
border-left: 1px solid #666;
overflow: hidden !important;
}

#beta{
display: inline;
position: relative;
top: -6px;
color: #f30;
font-size: 80%;
}

#language_selector {
float: right !important;
width: auto !important;
padding-right: 1px;
background: #0F0;
display: inline;
}

#language_selector a{
font-weight: normal !important;
}

#second_menu ul{
float: left;
width: 100%;
margin: 0;
padding: 0;
_overflow: hidden !important;

}

#second_menu li{
width: 100%;
float: left;
list-style: none;
margin: 0;
padding-top: 10px;
padding-right: 0px;
padding-left: 0px;
overflow: hidden !important;
}

.main li,
.main p,
.cv p {
    padding-bottom: 1em;
}

/* forms stuff */
.fielderrmsg{
    color: #F00;
}

.edesc{
    width: 618px;
    height: 100px;
    overflow-y: auto;
    border: 1px solid #000;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.listhighlight{
    background: #EEE;
}

.edit_entry {
    clear: both;
    width : 100%;
    height: 350px;
}

.center_slide{
    margin: 0 auto;
    text-align: center;
    height: 276px;
    width: 800px;
    display: table-cell;
    vertical-align: middle;
}

.slide {
    width: 300px;
    height: 300px;
/*    display: table-cell; */
    display: inline;
    vertical-align: middle;
    margin-left: 0 auto;
    margin-right: 0 auto;
}

.thumb {
    border: 1px solid #FFF;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.img_bkg {
    margin: auto;
    background-color: #000;
    display: table;
    border-top: 12px solid #000;
    border-bottom: 15px solid #000;
    border-left: 15px solid #000;
    border-right: 15px solid #000;
    padding: 0;
}

.img_bkg_2{
    margin: auto;
    background-color: #000;
    display: table;
    border-top: 17px solid #000;
    border-bottom: 15px solid #000;
    border-left: 15px solid #000;
    border-right: 15px solid #000;
    padding: 0;
}


#uwivi_lic{
    width: 778px;
    height: 100px;
    overflow-y: auto;
    border: 1px solid #000;
    padding: 10px;
    margin-bottom: 10px;
}

/* gallery */

#vote0 {
    background: url(../img/face-sad_bw.png);
}

#vote1 {
    background: url(../img/face-plain_bw.png);
}

#vote2 {
    background: url(../img/face-smile_bw.png);
}

#vote3 {
    background: url(../img/emblem-favorite_bw.png);
}

#vote0:hover {
    background: url(../img/face-sad.png);
}

#vote1:hover {
    background: url(../img/face-plain.png);
}

#vote2:hover {
    background: url(../img/face-smile.png);
}

#vote3:hover {
    background: url(../img/emblem-favorite.png);
}

#vote0, #vote1, #vote2, #vote3{
    position: relative;
    width: 22px;
    height: 22px;
    display: inline;
    float: left;
}

#control_left {
    background: url(../img/left.png);
    position: relative;
    width: 35px;
    height: 40px;
    float: left;
    display: inline;
}

#control_right {
    background: url(../img/right.png);
    position: relative;
    width: 35px;
    height: 40px;
    float: right;
    display: inline;
}

#control_left:hover {
    background: url(../img/left_h.png);
}

#control_right:hover {
    background: url(../img/right_h.png);
}

#tabmenu {
		margin: 0px 0px 0px 0px;
		padding: 0px;
		display: block;
}

#tabmenu li {
		display: inline;
		list-style-type: none;
		padding-right: 40px;
		float: left;
}

#en_desc, #bio{
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px;
    height: 310px;
}

#bio {
    margin-left: 240px;
}

#artist_info{
    height: 320px;
}

#h_title{
    text-align: center;
    border: 0;
    font-size: 115%;
}

#nima{
    width: 800px;
    height: 495px;
    margin: auto;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

#numa {
    margin: auto;
    background-color: #000;
    display: table;
    text-align: center;
    vertical-align: middle;
    border: 40px solid #000;
    padding: 0;
    position: relative;
}

#dbox, #abox {
    background: #eee;
    border: 2px outset #000;
    float: left;
    position: fixed;
    width: 740px;
    height: 320px;
    z-index: 100;
    top:300px;
    left:10px;
}


#stats {
    margin-top: 15px;
    width: 740px;
    height: 40px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #000;
    padding: 7px;
}

/* fullscreen viewer window */
/* the viewer */
#xipla{
    margin: auto;
    overflow: hidden;
    position: static;
}


/* image to be scrolled */
#ximax{
    position: relative;
}

.scroll_list {
    width: 100%;
    height: 500px;
    overflow-y: auto;
}
/* contact form styling */

#contactform{
    background-color: #FFD;
    padding: 5px;
    height: 1px;
    visibility: hidden;
    overflow: hidden;
    display: block;
}

#contactform p {
    padding-bottom: 0em !important;
}

.errmsg{
    color: #F00;
    font-weight: bold;
}
.smallinput {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333;
    background-color: #FFF;
}
.smallbutton {
    margin: 3px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
}

#map {
	background: #ddd;
}

/* areas of the article */

.dish {
    overflow: hidden;
    width: 100%;
}

.teamdish_nopic,
.teamdish_right,
.teamdish_left {
  position: relative;
  right: -8px;
  height: 300px;
  border: 1px solid #000;
  width: 590px;
  overflow:hidden;
}

.teamdish_right{
  background-repeat: no-repeat;
  background-position: top right;
}

.teamdish_left{
  background-repeat: no-repeat;
  background-position: top left;
}

.cv {
  width: 270px;
  height: 290px;
  padding: 5px;
  overflow-x:hidden;
  overflow-y:auto;
}
.teamdish_left .cv{
  float: right;
  padding-left: 316px;
}

.teamdish_right .cv{
  float: left;
  padding-right: 316px;
}

.teamdish_nopic .cv{
  width: 98%;
  padding: 5px 5px 5px 5px;
}

/* second level menu for team and partners */
#navi2 {
    position: relative;
    left: -14px;
    margin-left: auto;
    margin-right: auto; 
    margin-top: 1em;
    width: 130px;
    float: left;
}

#navi2 li {
    font-size: 62.5%;
}

.anchors {
    list-style: none;
}

/* end second level menu */

/* styling of multi-column text */

.Article {	
	column-count: 3;
	column-gap: 20px;
	column-rule: 1px dotted #BBB;
	background-color: #FFFFFF;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;	
	padding: 8px;
	text-align: justify;
 	
}

.Article2Col {
	column-count:2;
}

.Article3Col {
	column-count:3;
	column-gap: 40px;
	column-rule: 1px dotted #BBB;
	background-color: #FFFFFF;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;	
	padding: 8px;
	text-align: justify;
}

/* pan styling */
.pan {
    padding-top: 5px;
    padding-bottom: 5px;  
}

.mapadr p {
    font-size: 50%;
}

/* TODO: FIX IN IE!!!*/

/* fees table*/
table.fees {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: none none none none;
	border-color: #888 #888 #888 #888;
	border-collapse: collapse;
}
table.fees th {
	border-width: 1px 1px 1px 1px;
	padding: 0px 5px 5px 5px;
	border-style: none none solid none;
	border-color: #888 #888 #888 #888;
	background-color: #666;
	color: #fff;
}
table.fees td {
    text-align: right;
	border-width: 1px 1px 1px 1px;
	padding: 0px 20px 5px 0px;
	border-style: none none dotted none;
	border-color: #888 #888 #888 #888;
}

/* Tool Tips On Forms */
.tip{
	clear:both;
	width:200px;
	border:1px solid #0000ff;
	margin: 6px 0 0 0;
	padding:12px;
	position:absolute;
	left:240px;
	display:none;
	background: #b9b9ff;
	color: #0000ff;
}

.tip:before{
	display:block;
	position:relative;
	content:url(../img/tip.gif);
	margin:-20px 0px 20px 100px;
	}

td:hover .tip{
	display:block;
}



/* color calibration */
#footer_patches {
    width: 100%;
    border: 1px solid #888;
    background: #888;
    position: relative;
    left: -6px;
    top: 8px;
}

#calib {
    clear: both;
    width: 100%;
    border: none;
    background: #888;
}

.dk0, .dk1, .dk2, .dk3, .dk4, .dk5, .dk6, .dk7, .dk8, .dk9, .dk10, .dk11, .dk12, .dk13, .dk14, .dk15, .dk16, .dk17, .dk18, .dk19, .dk20, .dk21, .dk22, .dk23, .dk24, .dk25, .dk26, .dk27, .dk28, .dk29, .dk30, .dk31, .dk32 {
    float: left;
    height: 30px;
    width: 3.0303%;
}


.dk0 {
    background-color: #000000;
}
.dk1 {
    background-color: #080808;
}
.dk2 {
    background-color: #101010;
}
.dk3 {
    background-color: #181818;
}
.dk4 {
    background-color: #202020;
}
.dk5 {
    background-color: #282828;
}
.dk6 {
    background-color: #303030;
}
.dk7 {
    background-color: #383838;
}
.dk8 {
    background-color: #404040;
}
.dk9 {
    background-color: #484848;
}
.dk10 {
    background-color: #505050;
}
.dk11 {
    background-color: #585858;
}
.dk12 {
    background-color: #606060;
}
.dk13 {
    background-color: #686868;
}
.dk14 {
    background-color: #707070;
}
.dk15 {
    background-color: #787878;
}
.dk16 {
    background-color: #808080;
}
.dk17 {
    background-color: #888888;
}
.dk18 {
    background-color: #909090;
}
.dk19 {
    background-color: #989898;
}
.dk20 {
    background-color: #a0a0a0;
}
.dk21 {
    background-color: #a8a8a8;
}
.dk22 {
    background-color: #b0b0b0;
}
.dk23 {
    background-color: #b8b8b8;
}
.dk24 {
    background-color: #c0c0c0;
}
.dk25 {
    background-color: #c8c8c8;
}
.dk26 {
    background-color: #d0d0d0;
}
.dk27 {
    background-color: #d8d8d8;
}
.dk28 {
    background-color: #e0e0e0;
}
.dk29 {
    background-color: #e8e8e8;
}
.dk30 {
    background-color: #f0f0f0;
}
.dk31 {
    background-color: #f8f8f8;
}
.dk32 {
    background-color: #ffffff;
}

#IEwarning {
    z-index: 25;
    display: block;
    background: #ffd url(../img/ie_warning.png) no-repeat;
    padding: 5px;
    padding-left: 23px;
    border-top: 1px solid #CCCC00;
    border-bottom: 1px solid #CCCC00; 
    border-left: none; 
    border-right: none; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #000000; 
    text-align: left;
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
}

#misstrans_fr {
    display: block;
    background: url(../img/missing_fr.png) no-repeat;
    width: 240px;
    height: 240px;
    top: -6px;
    left: 664px;
    position: absolute;
}