/* CSS Document */ /*================== fonts =======================*/ .leftmenu { font-size:0.7em; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; color:#9881BD; line-height:1.5em} .leftmenu a:link {color: #7F7881; text-decoration: none; } .leftmenu a:active {color: #7F7881; text-decoration: none; } .leftmenu a:visited {color: #7F7881; text-decoration: none; } .leftmenu a:hover {color: #7F46C5; text-decoration: none; padding-left: 15px;} .leftmenu2 { font-size:0.7em; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; color:#7F7881; line-height:1.5em} .leftmenu2 a:link {color: #7F7881; text-decoration: underline; } .leftmenu2 a:active {color: #7F7881; text-decoration: underline; } .leftmenu2 a:visited {color: #7F7881; text-decoration: underline; } .leftmenu2 a:hover {color: #7F46C5; text-decoration: underline;} .active_leftmenu { font-size:0.7em; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; color:#9672C2; line-height:1.5em} .desc { font-size:0.7em; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; color:#7F7881; line-height:1.5em} .g_title { font-size:0.8em; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; color:#999999; line-height:1.5em} .center_text { font-size:0.7em; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; color:#9672C2; line-height:1.5em} .center_text a:link {color: #9672C2; text-decoration: underline; } .center_text a:active {color: #9672C2; text-decoration: underline; } .center_text a:visited {color: #9672C2; text-decoration: underline; } .center_text a:hover {color: #7F46C5; text-decoration: underline;} .nextfont { font-size:0.7em; font-family:Arial, Helvetica, Verdana, sans-serif; color:#645E4D; vertical-align:middle } .title { font-size:0.9em; font-family:Geneva,Verdana, Arial, Helvetica, sans-serif; color:#645E4D; vertical-align:middle } .subtitle{ font-size:0.8em; font-family: Arial, Helvetica,Verdana, sans-serif; color:#ffffff; font-weight:bold; vertical-align:middle } .description { font-size:0.7em; font-family: Arial, Helvetica,Verdana,sans-serif; color:#A7A9AC; vertical-align:middle } .bolddescription { font-size:0.7em; font-family: Arial, Helvetica,Verdana,sans-serif; color:#A7A9AC; vertical-align:middle; font-weight:bold } .g_title { font-size:0.8em; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; color:#999999; line-height:1.5em} .artists_title { font-size:0.8em; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; color:#996025; line-height:1.5em} .fa_artists_title { font-size:0.8em; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; color:#7F46C5; line-height:1.5em} .artists_font { font-size:0.7em; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; color:#999999; line-height:1.5em} .copyright_font { font-size:0.7em; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; color:#7F7881; line-height:1.5em} /*================= end fonts ====================*/ hr {color:#cccccc; height:1px; border:0; background-color:#ccc; padding:0em 0em; } div.homemaintable { position: absolute; left: 50%; top: 30px; width: 800px; margin-left: -400px; border:1px solid; border-color:#999; margin-top: 0px; background-color:#000000 } div.maintable { position: absolute; left: 50%; top:20px; width: 800px; margin-left: -400px; border:10px #45404A solid; background-color:#000000 } div.menu { width: 800px; padding:0em 0em; } div.topmenu { vertical-align:top } /* div.nextout { border:1px solid; border-color:red; width:100%; height:100px; padding:0px 0px; vertical-align:middle}*/ div.next { position: relative; border:1px solid; border-color:#999; width:100px; height:25px; padding:0px 5px;} div.topmenu1 { position:absolute; top: 45px; right: 60px} div.topmenu2 { position:absolute; top: 45px; right: 60px} div.topmenu3 { position:absolute; top: 45px; right: 60px} div.topmenu4 { position:absolute; top: 45px; right: 60px} div.topmenu5 { position:absolute; top: 45px; right: 60px} div.topmenu6 { position:absolute; top: 45px; right: 60px} #container { display: table; width: 100%; margin-top: .5em; margin-bottom: 2px} #row { display: table-row; background-color:#000000; vertical-align:top; overflow: hidden; } #left {display: table-cell; width: 45px; vertical-align:middle } #center { display: table-cell; width: 710px; vertical-align:top} #right { display: table-cell; width: 45px; vertical-align:middle} #valign_center { vertical-align:bottom; width:710px; height:150px; background-image:url(../img/main_menu/h_background.jpg);} #topleft { display: table-cell; width: 80%; height:60px } #topcenter { display: table-cell; width: 710px; background-color:#000000; vertical-align:top} #topright { display: table-cell; width: 20%; height:60px } div.bottommenu { width: 100%; padding:0em 0em; vertical-align:baseline } #mcontainer { display: table; width: 710px; margin-top: 0em; margin-bottom:0px; vertical-align:top} #mrow { display: table-row; background-color:#000000; vertical-align:top } #middleleft { display: table-cell; width: 150px; padding: 0px 10px; vertical-align:top} #middleright { display: table-cell; width: 535px; min-height:400px; height:380px; vertical-align:top } #middleinner { display: table-cell; width: 450px; min-height:400px; height:380px; vertical-align:top} /* IE ONLY */ * html #container { float:none} * html #row { float:none} * html #left { float:left} * html #right { float:right} * html #center{ float: left;} * html #topleft { float:left} * html #topright { float:right} * html #topcenter{ float: left} * html #middleleft { float:left;} * html #middleright { float:right; vertical-align:top; } #outer {overflow: hidden; position: relative; height:600px; width: 45px; vertical-align:middle;} #outer[id] {display: table; position: static;} /*#middle {position: absolute; top: 50%;} /* for explorer only*/ #middle[id] {display: table-cell; vertical-align: middle; position: static;} /*#inner {position: relative; top: -50%} /* for explorer only */ /* optional: #inner[id] {position: static;} */ /* copyright */ #copyright_container{position:relative; width:450px;} #copyright_text{position:relative; width:450px;} #copyright_buttons {padding:0 0 0 0;} *html #copyright_buttons {padding:10px 0 0 0;} /* next & back module */ #nextandback {position:relative; display:block; width:140px; height:31px; background-color:#000000} #new_back {position:relative; display:block; float:left; width:40px; height:31px; background:url('../img/fa_nextandback.gif') no-repeat;} #new_back a {position:relative; display:block; float:left; width:40px; height:31px; background:url('../img/fa_nextandback.gif') no-repeat;} #new_info {position:relative; display:block; float:left; width:60px; height:31px; background:url('../img/fa_nextandback.gif') no-repeat 100px 0;} #new_info a {position:relative; display:block; float:left; width:60px; height:31px; background:url('../img/fa_nextandback.gif') no-repeat 100px 0;} #new_next {position:relative; display:block; float:left; width:40px; height:31px; background:url('../img/fa_nextandback.gif') no-repeat 40px 0;} #new_next a {position:relative; display:block; float:left; width:40px; height:31px; background:url('../img/fa_nextandback.gif') no-repeat 40px 0;} #new_back a:hover { display:block; background:url('../img/fa_nextandback.gif') no-repeat 0 -31px;} #new_info a:hover { display:block; background:url('../img/fa_nextandback.gif') no-repeat 100px -31px;} #new_next a:hover { display:block; background:url('../img/fa_nextandback.gif') no-repeat 40px -31px;} .new_next { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#645E4D; text-decoration:none;} #new_left_text {position:absolute; top:10px; left:20px; display:block; z-index:2} #new_right_text {position:absolute; top:10px; right:20px; display:block; z-index:2} *html #nextandback {position:relative; width:140px; height:31px; background-color:grey} *html #new_back {position:relative; float:left; width:40px; height:31px; background:url('../img/fa_nextandback.gif') no-repeat 0 0;} *html #new_back a {position:relative; float:left; width:40px; height:31px; background:url('../img/fa_nextandback.gif') no-repeat 0 0;} *html #new_info {position:relative; float:left; width:60px; height:31px; background:url('../img/fa_nextandback.gif') no-repeat -40 0;} *html #new_info a {position:relative; float:left; width:60px; height:31px; background:url('../img/fa_nextandback.gif') no-repeat -40 0;} *html #new_next {position:relative; float:left; width:40px; height:31px; background:url('../img/fa_nextandback.gif') no-repeat -100px 0;} *html #new_next a {position:relative; float:left; width:40px; height:31px; background:url('../img/fa_nextandback.gif') no-repeat -100px 0;} *html #new_back a:hover { display:block; background:url('../img/fa_nextandback.gif') no-repeat 0 -31px;} *html #new_info a:hover { display:block; background:url('../img/fa_nextandback.gif') no-repeat -40px -31px;} *html #new_next a:hover { display:block; background:url('../img/fa_nextandback.gif') no-repeat -100px -31px;} /* next and back*/ *html #fa_next {position:relative; float:left; width:60px; height:31px; background:url('../img/fa_nextandback.gif') no-repeat -40 0;} *html #fa_next a {position:relative; float:left; width:60px; height:31px; background:url('../img/fa_nextandback.gif') no-repeat -40 0;} *html #fa_next a:hover { display:block; background:url('../img/fa_nextandback.gif') no-repeat -40px -31px;}