*{line-height:13px;} div { border: 0px solid #000; margin: 0px; padding: 0px; } html{height: 100%;} body{height: 90%; font-family: helvetica, verdana, arial, sans-serif; letter-spacing:0.06em; zzfont-size:11px; } img {border: 0px solid #000; margin: 0px; padding: 0px;} td {font-size:11px; vertical-align:top} hr{border:0px; border-top:1px solid black;} a:link ,a:active ,a:visited ,a:hover{ color:#000; text-decoration: none;} a:hover{ color:#b50000; } a:link.menu_title ,a:active.menu_title ,a:visited.menu_title ,a:hover.menu_title{ color:#000; text-decoration: none; } a:hover.menu_title{ color:#b50000; } a:active.menu_title{ color:#b50000; } a:link.menu_title_selected ,a:active.menu_title_selected ,a:visited.menu_title_selected ,a:hover.menu_title_selected{ color:#b50000; text-decoration: none;} a:link.news_title ,a:active.news_title ,a:visited.news_title ,a:hover.news_title{ color:#000; text-decoration: none;} a:hover.news_title{ font-weight:bold; } a:link.news_title_selected ,a:active.news_title_selected ,a:visited.news_title_selected ,a:hover.news_title_selected{ color:#000; font-weight:bold; text-decoration: none;} a:hover.news_title_selected{ font-weight:bold; } a:link.text_title ,a:active.text_title ,a:visited.text_title ,a:hover.text_title{ color:#000; text-decoration: none;} a:hover.text_title{ font-weight:bold; } a:link.text_title_selected ,a:active.text_title_selected ,a:visited.text_title_selected ,a:hover.text_title_selected{ color:#000; font-weight:bold; text-decoration: none;} a:hover.text_title_selected{ font-weight:bold; } a:link.chapter_title ,a:active.chapter_title ,a:visited.chapter_title ,a:hover.chapter_title{ color:#000; padding-right:10px; text-decoration: none;} a:hover.chapter_title{ color:#0; } a:link.chapter_title_selected ,a:active.chapter_title_selected ,a:visited.chapter_title_selected ,a:hover.chapter_title_selected{ color:#fff; padding-right:10px; text-decoration: none;} a:hover.chapter_title_selected{ color:#fff; } a:link.filter_title ,a:active.filter_title ,a:visited.filter_title ,a:hover.filter_title{ color:#000; text-decoration: none;} a:hover.filter_title{ color:#b50000; } a:link.filter_title_selected ,a:active.filter_title_selected ,a:visited.filter_title_selected ,a:hover.filter_title_selected{ color:#b50000; text-decoration: none;} a:hover.filter_title_selected{ color:#b50000; } a:link.work_title ,a:active.work_title ,a:visited.work_title ,a:hover.work_title{ color:#00b500; text-decoration: none;} a:hover.work_title{ font-weight:bold; } a:link.work_title_selected ,a:active.work_title_selected ,a:visited.work_title_selected ,a:hover.work_title_selected{ color:#00b500; text-decoration: none; font-weight:bold;} a:link.media_title ,a:active.media_title ,a:visited.media_title ,a:hover.media_title{ text-decoration: none;} a:hover.media_title{ color:#b50000;} .media_table {height:90%;width:90%;} .media_td {height:90%;width:90%;text-align:center;vertical-align:middle;} #canvas{position: relative; width: 890px; height:600px; margin-left: auto; margin-right: auto; text-align: left; border:0px solid black;} #banner {position:absolute; display:block; left:0px; top:0px; width:890px; height:60px;} #menu {position:absolute; display:block; left:0px; top:60px; width:100px; height:120px;} #news_list {position:absolute; display:block; left:0px; top:180px; width:250px; height:400px;} #news_list_all {position:absolute; display:none; left:0px; top:180px; width:250px; height:400px;} #news_item {position:absolute; display:block; left:260px; top:60px; width:500px; height:500px;} #news_subscribe_form {position:absolute; display:none; left:260px; top:60px; width:500px; height:500px;} #filters_all {position:absolute; display:block; left:100px; top:60px; width:160px; height:500px;} #work_list_all {position:absolute; display:block; left:275px; top:60px; width:525px; height:500px;} #work_list_of_filter {position:absolute; display:block; left:260px; top:60px; width:525px; height:500px;} #work_list_of_filter_xs {position:absolute; display:block; left:100px; top:60px; width:160px; height:500px;} #filter_list_of_work {position:absolute; display:block; left:100px; top:60px; width:160px; height:500px;} #work_media_list {position:absolute; display:block; left:260px; top:60px; width:160px; height:470px;} #work_item_image {position:absolute; display:block; left:420px; top:60px; width:470px; height:470px;} #work_item_info {position:absolute; display:none; left:420px; top:60px; width:470px; height:500px;} #work_item_text {position:absolute; display:none; left:420px; top:60px; width:470px; height:500px;} #work_item_animation {position:absolute; display:none; left:420px; top:60px; width:470px; height:500px;} #work_item_video {position:absolute; display:none; left:420px; top:60px; width:470px; height:500px;} #work_item_audio {position:absolute; display:none; left:420px; top:60px; width:470px; height:500px;} #text_list {position:absolute; display:block; left:0px; top:180px; width:260px; height:400px;} #text_item {position:absolute; display:block; left:260px; top:60px; width:500px; height:500px;} #contact_left {position:absolute; display:block; left:0px; top:180px; width:260px; height:400px;} #contact_image {position:absolute; display:block; left:260px; top:60px; width:470px; height:400px;} #curriculum_left {position:absolute; display:block; left:0px; top:180px; width:240px; height:400px;} #curriculum_large {position:absolute; display:block; left:260px; top:60px; width:470px; height:400px;} #search_form {position:absolute; display:block; left:260px; top:60px; width:500px; height:500px;} .img_arrow{padding-top:5px; padding-bottom:2px; vertical-align:bottom;} #dia_nav{} .info_value{padding-left:15px;} /* =============================================== */ .list_header{font-style:italic;} .work_image_container{width:470px; height:470px; } #media_img{position:absolute; bottom:0px;} .animation_container{position:absolute; bottom:33px;} .video_container{position:absolute; bottom:33px;} .media_list_content{position:absolute; bottom:0px; right:10px; text-align:right;} .banner_content{font-size:30px; padding-top:10px;} /*.news_item_image{width:400px;height:300px;}*/ .news_item_title{font-weight:bold;} #news_item_text{padding-bottom:50px; } .work_item_title{color:#00b500; font-weight:bold;} .work_media_type{border: 0px solid black; margin-top: 5px;} .text_item_title{font-weight:bold;} .text_item_author{font-style:italic;} #text_item_text{} .filter_title { color:#fff;} .chapter_title{ color:#fff; } .audio_caption{color:#b50000; } .pag_nav_index_td {padding:10px;} .prevnext_not_there {color:#888;font-weight:bold;} a:link.prevnext ,a:active.prevnext ,a:visited.prevnext ,a:hover.prevnext{ color:#fff; text-decoration: none; font-weight:bold;} a:hover.prevnext{ color:#fff; } a:link.page_list_title ,a:active.page_list_title ,a:visited.page_list_title ,a:hover.page_list_title{ color:#fff; text-decoration: none; font-weight:bold;} a:hover.page_list_title{ color:#fff; } .page_list_subtitle{} .page_list_parent_title{} .page_item_title{height:20px; font-weight:bold; letter-spacing: 0.15em; color:#fff; text-align:center} #page_item_text {height:480px ;overflow:auto; } .frame_content { position:relative; width: 470px; height:460px; text-align: center; margin: 0px; padding: 0px;} .frame_tag { position:relative; width: 100%; height:100%; text-align: center; margin: 0px; padding: 0px; border: 0px solid black;} .mediaitem{position:relative; top:39px; padding:0px; } #media_caption_text{height:100%; overflow:auto; padding:0px;} /*----------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------*/ /* #canvas_pag_speaker{position:absolute; left:250px; top:0px; width:100px; height:30px;} */ /* ------------------------------------------------------- */ /* --- custom scrollbar --- */ #mycustomscroll { /* Typical fixed height and fixed width example */ width: 100%; height: 270px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ position: relative; background-color: #E7EADE; margin: 0.3em auto; padding: 15px; } .scrollgeneric { position: absolute; top: 0; left: 0; line-height: 1px; font-size: 1px; /*filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;*/ } /*.vscrollerbase {width: 11px; background: green url(../ima/scroll_pix_white.gif) 0px 0px repeat-y; }*/ .vscrollerbase {width: 12px; xxbackground: url(../ima/xxscroll-streep.png) 0px 0px repeat-y; } /*.vscrollerbar {width: 11px; background: green url(aa_scroll_pix_white.gif) 0px 0px repeat-y ; padding: 10px; z-index: 2;}*/ .vscrollerbar {width: 20px; xxbackground: url(../ima/scroll-streep.png) 0px 0px repeat-y ; padding-top: 25px; padding-bottom: 22px; z-index:2;} .vscrollerbasebeg {width: 12px; height: 22px !important; background: url(../ima/scroll-up.jpg) 0px 1px no-repeat; } .vscrollerbaseend {width: 12px; height: 13px; background: url(../ima/scroll-down.jpg) 0px 0px no-repeat; } /* ------------------------------------------------------- */