/* =================================================================== created: 26.01.2007, by eLab, eLearning Lab, USI/SUPSI name: screen.css description: stylesheet for screen media for USIVIRTUAL website last modified: 5.03.2007 =================================================================== */ /* **************************************************************************************************************** HTML ELEMENTS **************************************************************************************************************** */ html { margin: 0; padding: 0; background: #fc5a0f; height: 100%; } body { margin: 0; padding: 0; overflow: auto; font-size: 11px; font-family: "lucida grande", lucida, Verdana, Arial, Helvetica, sans-serif; line-height: 16px; background: #fc5a0f; color: #333; height: auto; } img { border: none; } img { behavior: url(/css/iepngfix.htc); } a, a:link, a:visited { margin: 0; padding: 0; text-decoration: none; color: #fc5a0f; } a:hover, a:active { text-decoration: none; color: #06c; } h1 { margin: 0; padding: 0; font-size: 18px; line-height: 18px; color: #fc5a0f; font-weight: normal; } h2 { margin: 0; padding: 0; font-size: 18px; line-height: 18px; color: #000; font-weight: normal; } h3 { margin: 30px 0 10px 0; padding: 0; font-size: 14px; line-height: 14px; color: #666; font-weight: bold; } h4 { margin: 30px 0 0 0; padding: 0; font-size: 14px; line-height: 14px; color: #fc5a0f; font-weight: bold; } h5 { margin: 5px 0 10px 0; padding: 0; font-size: 10px; line-height: 10px; color: #fc5a0f; font-weight: bold; } /* **************************************************************************************************************** PAGE LAYOUT **************************************************************************************************************** */ /* common definitions --------------------------------------------------- */ #pageMenu, #siteMenu, #content, #mainContent, #sideContent, #homeContent, #adminContent, #adminMenu { float: left; background: #fff url(../img/css-img/main-content.gif) top left repeat-x; } /* ---------------------------------------------------------------------- */ /* WRAPPER -------------------------------------------------------------- the first layout container, set the height and width of the layout */ #wrapper { width: 900px; height: 600px; margin: 0 auto; overflow: hidden; } /* ---------------------------------------------------------------------- */ /* HEADER --------------------------------------------------------------- contains the upper logo and enrollment banner */ #header { width: 900px; height: 70px; padding: 10px 0 0 0; margin: 0; background: #fc5a0f url(../img/css-img/logo-usi.gif) left 10px no-repeat; overflow: hidden; } #stamp { position: relative; top: -30px; left: 692px; width: 80px; height: 80px; } /* ---------------------------------------------------------------------- */ /* CHOOSELANG ----------------------------------------------------------- 12px space between the header and content, also contain the link to change language */ #chooseLang { width: 900px; height: 12px; padding: 0; font-weight: bold; color: #fff; font-size: 12px; line-height: 12px; margin: 4px 0 4px 0; text-align: right; } #chooseLang a { text-decoration: none; color: #fff; line-height: 12px; font-size: 12px; height: 12px; } #chooseLang a:link, #chooseLang a:visited { text-decoration: none; color: #fff; } #chooseLang a:active, #chooseLang a:hover { text-decoration: none; color: #fff; } /* ---------------------------------------------------------------------- */ /* PAGE, SITE, ADMIN MENU ----------------------------------------------- the left navigation menu's on pages */ #pageMenu { display: block; height: 440px; width: 135px; padding: 10px 10px 0 10px; line-height: 11px; } #pageMenu ul { margin: 20px 0 0 7px; padding: 0; list-style: none; text-indent: 0; } #pageMenu li { margin: 0; padding: 0; text-indent: 0; } #pageMenu ul a { margin: 0; padding-left: 12px; text-decoration: none; font-size: 11px; line-height: 15px; color: #fc5a0f; } #pageMenu ul a:link, #pageMenu ul a:visited { text-decoration: none; } #pageMenu ul a:hover, #pageMenu ul a:active { color: #c30; text-decoration: none; background: url(../img/css-img/mainmenu-here.gif) left 3px no-repeat; } #pageMenu ul .here a { padding-left: 12px !important; background: url(../img/css-img/mainmenu-here.gif) left 3px no-repeat; font-weight: bold !important; color: #c30 !important; } #pageMenu ul .top { margin: 2px 0; font-size: 11px; line-height: 15px; color: #fc5a0f; } #pageMenu ul .section { margin: 20px 0 0 0; padding: 0 0 0 12px; font-size: 10px; line-height: 10px; color: #333; font-weight: bold; } a.togglePageMenu { display: block; margin-top: 15px !important; width: 80px; height: 16px; background-position: top left; background-repeat: no-repeat; padding-left: 19px; } a.togglePageMenu:link, a.togglePageMenu:visited{ padding-left: 19px; color: #fc5a0f; background-image:url(../img/css-img/menu-arrowR.gif); } a.togglePageMenu:active, a.togglePageMenu:hover { padding-left: 19px; color: #c30; background-image:url(../img/css-img/menu-arrowR-hover.gif); } #siteMenu { display: none; height: 440px; width: 135px; padding: 10px 10px 0 10px; line-height: 11px; overflow: hidden; } #siteMenu ul { margin: 20px 0 0 7px; padding: 0; list-style: none; text-indent: 0; } #siteMenu li { margin: 0; padding: 0; text-indent: 0; } #siteMenu ul .top { margin: 2px 0; font-size: 11px; line-height: 15px; color: #fc5a0f; } #siteMenu ul .section { margin: 15px 0 0 0; padding: 0 0 0 12px; font-size: 10px; line-height: 10px; color: #333; font-weight: bold; } #siteMenu ul a { margin: 0; padding-left: 12px; text-decoration: none; font-size: 11px; line-height: 15px; color: #fc5a0f; } #siteMenu ul a:link, #siteMenu ul a:visited { text-decoration: none; } #siteMenu ul a:hover, #siteMenu ul a:active { color: #c30; text-decoration: none; background: url(../img/css-img/mainmenu-here.gif) left 3px no-repeat; } #siteMenu ul .here a { padding-left: 12px !important; background: url(../img/css-img/mainmenu-here.gif) left 3px no-repeat; font-weight: bold !important; color: #c30 !important; } a.toggleSiteMenu { display: block; margin-top: 15px !important; width: 80px; height: 16px; background-position: top left; background-repeat: no-repeat; padding-left: 19px; } a.toggleSiteMenu:link, a.toggleSiteMenu:visited{ padding-left: 19px; color: #fc5a0f; background-image:url(../img/css-img/menu-arrowL.gif); } a.toggleSiteMenu:active, a.toggleSiteMenu:hover { padding-left: 19px; color: #c30; background-image:url(../img/css-img/menu-arrowL-hover.gif); } ul#adminMenu { display: block; height: 440px; width: 135px; padding: 10px 10px 0 10px; overflow: auto; margin: 0; list-style: none; text-indent: 0; } ul#adminMenu li { margin: 0; padding: 0; text-indent: 0; } ul#adminMenu li a { margin: 0; padding-left: 12px; text-decoration: none; font-size: 11px; line-height: 15px; color: #fc5a0f; } ul#adminMenu li a:link { } ul#adminMenu li a:visited { text-decoration: none; } ul#adminMenu li a:hover, ul#adminMenu li a:active { color: #c30; text-decoration: none; background: url(../img/css-img/mainmenu-here.gif) left 3px no-repeat; } ul#adminMenu li.here a { padding-left: 12px !important; background: url(../img/css-img/mainmenu-here.gif) left 3px no-repeat; font-weight: bold !important; color: #c30 !important; } ul#adminMenu li.top { margin: 2px 0; font-size: 11px; line-height: 15px; color: #fc5a0f; } ul#adminMenu li.bottom { margin: 20px 0 2px 0; font-size: 11px; line-height: 15px; color: #fc5a0f; } ul#adminMenu li.section { margin: 20px 0 0 0; padding: 0 0 0 12px; font-size: 10px; line-height: 10px; color: #333; font-weight: bold; } /* ---------------------------------------------------------------------- */ /* CONTENT -------------------------------------------------------------- ADMINCONTENT, HOMECONTENT, CONTENT, MAINCONTENT, div's wich contain the main text of the pages adminContent: 750px wide for right content of admin pages homeContent: 450px wide for the home page left content content: 750px wide for the right content of normal pages mainContent: 460px wide for the center content of normal pages */ /*#adminWrapper { width: 900px; height: 450px; }*/ #adminContent { width: 725px; height: 440px; padding: 10px 10px 0 10px; overflow: auto; } #adminContent h2 { margin-bottom: 30px; } #adminContent h3 { margin: 5px 0; } /*#homeWrapper { width: 900px; height: 450px; }*/ #homeContent { height: 430px; width: 395px; padding: 20px 30px 0 20px; float: left; } /* web tv admin christian */ #content { height: 430px; width: 715px; padding: 20px 10px 0 20px; } /* problema con IE 6 computer di Isa, questo div dovrebbe essere largo 400px ma cosi pare che sul suo pc mandi a pallino tutto l'allineamento.... con 3px in meno non succede... misteri.... */ #mainContent { height: 430px; width: 395px; padding: 20px 10px 0 20px; overflow: auto; } #content p, #mainContent p { margin: 0; padding: 0; font-size: 13px; line-height: 20px; color: #999; } #mainContent a:link, #content a:link, #mainContent a:visited, #content a:visited { color: #39c; } #mainContent a:hover, #content a:hover, #mainContent a:active, #content a:active { color: #369; } /* ---------------------------------------------------------------------- */ /* SIDECONTENT, HOMENAVIGATION ------------------------------------------ right content div's sidecontent: used with #mainContent homeNavigazion: contain the right navigation area on the home page */ #sideContent { height: 430px; width: 320px; padding-top: 20px; overflow: hidden; } #campusSidePhoto { height: 390px; margin: 0; padding: 0; padding-top: 40px; } #homeNavigation { width: 454px; height: 450px; overflow: hidden; margin: 0; padding: 0; border-left: 1px solid #fc5a0f; float: left; background: #fff; } #homeNavigation div { height: 91px; padding-left: 30px; } #homeNavigation h1 { color: #000; margin-bottom: 5px; } #homeNavigation a { display: block; margin: 2px 0; font-size: 11px; line-height: 12px; padding-left: 12px; background-position: center left; background-repeat: no-repeat; } #homeNavigation a:link, #homeNavigation a:visited { background-image:url(../img/css-img/mainmenu-hover.gif); color: #fc5a0f; } #homeNavigation a:hover, #homeNavigation a:active { background-image:url(../img/css-img/mainmenu-here.gif); color: #c30; } #homeNavFirst { padding-top: 20px; } #homeNavSecond, #homeNavThird, #homeNavFourth { padding-top: 22px; background: url(../img/css-img/home-nav-bg.gif) top left no-repeat; } /*img.homeImg { position: relative; top: -390px; left: 130px; width: 320px; height: 390px; }*/ span.homeImg { position: absolute; display: block; top: 160px; height: 390px; left: 50%; margin-left: 130px; width: 320px; padding: 0; } span.homeImg img { border: 0; padding: 0; margin: 0; } span.shopImg { position: absolute; display: block; top: 160px; height: 390px; left: 50%; margin-left: 130px; width: 320px; padding: 0; } span.shop img { border: 0; padding: 0; margin: 0; } div#ofFormTit { margin-top:65px;margin-left:45px;color:#FC5A0F;font-size:14px;font-weight:normal;line-height:16px; } div#ofFormImg { margin-top:10px; } /* ---------------------------------------------------------------------- */ /* FOOTER --------------------------------------------------------------- contains the USIVRTUAL logo */ #footer { width: 900px; height: 40px; padding-top: 10px; } #footer ul { list-style: none; margin: 0; padding: 0; font-size: 10px; line-height: 12px; color: #333; } #footer li { list-style: none; float: left; display:block; margin: 2px 10px 2px 0 !important; padding: 0; } #footer li a, #footer li a:link, #footer li a:visited, #footer li a:hover, #footer li a:active { margin: 0; padding: 0; font-size: 10px; line-height: 12px; color: #fff; } #footer p.usivirtual { width: 187px; height: 19px; margin: 0 0 2px 0; padding: 0; background: #FC5A0F url(../img/css-img/logo-usivirtual.gif) top left no-repeat; display: block; float: left; } #footer p.usivirtualcredits { float:right;margin:0px;padding:0px; color:#fff; } #footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active, { color:#fff !important; } /* ---------------------------------------------------------------------- */ /* **************************************************************************************************************** ZONES STYLES **************************************************************************************************************** */ /* BLOG ----------------------------------------------------------------- blog: -on the home page -on the admin pages */ /* blog home */ ul#blogHome { height: 354px; margin: 20px 0 0 0; padding: 0; list-style: none; text-indent: 0; overflow: hidden; } ul#blogHome li { display: block; height: 105px; margin: 0 0 20px 0; padding: 0; font-size: 12px; line-height: 13px; } ul#blogHome li h3 { margin: 0 0 2px 0; color: #fc5a0f; } ul#blogHome li h4 { margin: 0 0 2px 0; color: #333; } ul#blogHome li p { margin: 5px 0 5px 0; font-size: 12px; line-height: 13px; color: #999; } ul#blogHome li a { margin: 0 5px 0 0; font-size: 12px; line-height: 13px; color: #39c; width: auto; } ul#blogHome li a:link, ul#blogHome li a:visited { font-size: 12px; line-height: 13px; color: #39c; } ul#blogHome li a:active, ul#blogHome li a:hover { font-size: 12px; line-height: 13px; color: #369; } ul#blogNav { height: 20px; margin: 0; padding: 0; list-style: none; text-indent: 0; } ul#blogNav li { float: left; display: block; height: 16px; margin: 0 5px; color: #999; padding-top: 4px; } ul#blogNav li a { cursor:pointer; } /* admin blog */ ul#blogAdmin { height: 304px; margin: 10px 0 0 0; padding: 0; list-style: none; text-indent: 0; overflow: auto; } ul#blogAdmin li { display: block; padding: 2px; margin-bottom: 10px; background-color:#FDE2D9; } ul#blogAdmin li div { display: block; float:left; } ul#blogAdmin li div.content { width: 400px; margin-right: 10px; } ul#blogAdmin li div.admin { width: 100px; } ul#blogAdmin li h3 { margin: 0 0 2px 0; color: #fc5a0f; } ul#blogAdmin li span { margin: 0 0 8px 0; display: block; color: #fc5a0f; font-size: 10px; line-height: 11px; } ul#blogAdmin li p { margin: 0; font-size: 13px; line-height: 15px; } ul#blogAdmin li a { float: left; margin: 0 5px 0 0; font-size: 13px; line-height: 15px; } /* ---------------------------------------------------------------------- */ /* SIDECONTENT VIDEO ---------------------------------------------------- videos of professors/deans/ex students on the right box composed by 3 bloks: 1) videoText -> contains the slogan and the author 2) videoCommands -> list with the button as lists item link 3) video -> link that load the video flash, inside before there's an image of the person */ #sideContent #videoText { float: left; height: 125px; margin-top: 65px; padding-left: 35px; overflow: auto; width: 195px; } #sideContent #videoText p { margin: 0 10px 0 0; padding: 0; font-size: 15px; line-height: 20px; font-family: Georgia, Times, serif; font-style: italic; color: #FC5A0F; } #sideContent #videoText .quote { font-size: 17px; line-height: 17px; font-weight: bold; padding: 0 2px; } #sideContent #videoText .author { margin-top: 10px; font-size: 10px; line-height: 12px; } #sideContent ul#videoCommands { float: left; height: 125px; width: 80px; margin: 65px 0 0 0; padding: 0 0 0 10px; list-style: none; text-indent: 0; } ul#videoCommands li { margin: 0; padding: 0; text-indent: 0; margin-bottom: 5px; } ul#videoCommands li a { height: 14px; display: block; padding-left: 18px; background-position: center left; background-repeat: no-repeat; } ul#videoCommands li a:link, ul#videoCommands li a:visited { color: #fc5a0f; text-decoration: none; } ul#videoCommands li a:active, ul#videoCommands li a:hover { color: #c30; text-decoration: none; } a#sideVideoPlay:link, a#sideVideoPlay:visited { background-image: url(../img/video-img/video-play.gif); } a#sideVideoPlay:active, a#sideVideoPlay:hover { background-image: url(../img/video-img/video-play-hover.gif); } a#sideVideoMore:link, a#sideVideoMore:visited { background-image: url(../img/video-img/video-more.gif); } a#sideVideoMore:active, a#sideVideoMore:hover { background-image: url(../img/video-img/video-more-hover.gif); } a#sideVideoText:link, a#sideVideoText:visited { background-image: url(../img/video-img/video-download.gif); } a#sideVideoText:active, a#sideVideoText:hover { background-image: url(../img/video-img/video-download-hover.gif); } #sideContent #video { height: 240px; } /* ---------------------------------------------------------------------- */ /* SIDECONTENT PROJECTS ------------------------------------------------- list of last videos of projects from the webTV, TO CHANGE CLASSNAMES!!!! */ #sideContent div#jobsListTitle { font-size: 12px; line-height: 12px; height: 12px; padding: 0 0 18px 0; margin: 0; } #sideContent ul#projVideosList { list-style: none; margin: 0 20px; padding: 0; height: auto; } #sideContent #projVideosList li { list-style: none; height: 55px; display: block; margin: 0 0 20px 0; padding: 0; background-color: #fee; } #sideContent #projVideosList li img { float: left; border: 1px solid #fee; display: block; } #sideContent #projVideosList li div { float: right; width: 186px; height: 55px; margin: 0 0 0 10px; padding: 0; } #sideContent #projVideosList li p { margin: 0; padding: 0; } #sideContent #projVideosList li p.VLTitle { margin: 0; padding: 0; height: 35px; } #projVideosList li { list-style: none; height: 55px; display: block; margin: 0 0 18px 0; padding: 0; background-color: #fee; } #projVideosList li img { float: left; border: 1px solid #fee; display: block; } #projVideosList li div { float: right; width: 116px; height: 55px; margin: 0 0 0 10px; padding: 0; } #projVideosList li p { margin: 5px 0 5px 0; padding: 0; } #projVideosList li p.VLTitle { font-weight: bold; height: 20px; overflow: hidden; } #projVideosList li p.VLDuration{ } #projVideosList li p.VLLangs { } #projVideosList li p.VLLangs a { display: block; height: 14px; width: 14px; float: left; margin-right: 5px; background-position: top left; background-repeat: no-repeat; } /* ---------------------------------------------------------------------- */ /* STUDY STRUCTURE ------------------------------------------------------ map of the study structure */ #studyStructure { width: 896px; margin: 0; border-left: 2px solid #fff; height: 418px; background: #efefef url(../img/css-img/study-structure-bg.gif) top left repeat; overflow: hidden; font-size: 10px; line-height: 11px; } #studyStructure ul { list-style: none; margin: 0; padding: 0; } #studyStructure ul li a, #studyStructure ul li a:link, #studyStructure ul li a:visited, #studyStructure ul li a:active, #studyStructure ul li a:hover { text-decoration: none; color: #fff; } ul#studyStructureYears { height: 16px; margin: 0; overflow: hidden; } #studyStructureYears li { float: left; display: block; width: 112px; text-align: center; margin: 0; padding: 0; } #studyStructureContent { height: 398px; } #studyStructureContent ul { float: left; padding: 0; margin: 0; border: 0; } #studyStructureContent li { height: 34px; margin: 0 0 2px 0; color: #fff; padding: 1px; } #studyStructureContent li.head { height: 16px; padding: 0; } #studyStructureContent li.title { color: #fc5a0f; background: none !important; } ul#studyStructureBa { height: 396px; overflow: hidden; width:334px; margin: 0 2px 0 0 !important; } #studyStructureBa li { background-color: #fdac87; } ul#studyStructureMa { height: 396px; overflow: hidden; width:222px; margin: 0 2px 0 0 !important; } #studyStructureMa li { background-color: #fd8b57; overflow: visible; } ul#studyStructurePhd { height: 396px; overflow: hidden; width:334px; margin: 0 2px 0 0 !important; } #studyStructurePhd li { background-color: #fc5a0f; } /* ---------------------------------------------------------------------- */ /* LIFESTYLE ------------------------------------------------------------ lifestyle content: - last video lista - link list */ /* lifestyle last video list */ ul#lifestyleLastVideos { width: 715px; list-style: none; margin: 0; padding: 0; } ul#lifestyleLastVideos li { width: 340px; float: left; list-style: none; display: block; margin: 0 10px 20px 0; padding: 5px 0 0 0; border-top: 1px solid #999; } ul#lifestyleLastVideos li img { float: left; display: block; } ul#lifestyleLastVideos li div { float: right; width: 250px; height: 60px; margin: 0 0 0 10px; padding: 0; } ul#lifestyleLastVideos li span { margin: 0; padding: 0; display: block; } ul#lifestyleLastVideos li div p.LLVTitle { font-size: 15px; line-height: 14px; color: #999; } ul#lifestyleLastVideos li div p.LLVDesc { font-size: 11px; line-height: 12px; color: #333; margin: 5px 0 5px 0; } ul#lifestyleLastVideos li div p.LLVDuration { font-size: 10px; line-height: 10px; color: #999; float: left; display: block; padding-right: 5px; padding-top:3px; border-right: 1px solid #999; } ul#lifestyleLastVideos li div p.LLVSpeaker { font-size: 10px; line-height: 10px; color: #999; float: left; display: block; padding-left: 5px; padding-top:3px; } ul#lifestyleLastVideos li div p.LLVLangs { height: 14px; margin-top: 5px; } ul#lifestyleLastVideos li div p.LLVLangs a { display: block; height: 14px; width: 14px; float: left; margin-right: 5px; background-position: top left; background-repeat: no-repeat; } /* lifestyle link list */ /* ---------------------------------------------------------------------- */ /* CAMPUS MAP ----------------------------------------------------------- campus map, from where you access the virtual tours and image gallery */ a.tourMapText, a.tourMapText:link, a.tourMapText:visited { display: block; position: absolute; background: #000 url(../img/video-img/vritualtour-arrow.gif) 2px 2px no-repeat; width: 0px; height: 16px; padding: 0; padding-left: 16px; overflow: hidden; color: #fc5a0f; font-size: 12px; line-height: 12px; font-weight: bold; } a.tourMapText:active, a.tourMapText:hover { display: block; position: absolute; background: #000 url(../img/video-img/vritualtour-arrow-hover.gif) 2px 2px no-repeat; width: 130px; height: 40px; padding: 2px; padding-left: 18px; color: #fc5a0f; font-size: 12px; line-height: 12px; font-weight: bold; } div.campusMapDiv { position: absolute; z-index: 1; left: 50%; width: 14px; height: 13px; overflow: hidden; padding: 3px; } div.campusMapDivHover { position: absolute; z-index: 2; left: 50%; width: auto; height: auto; background-color:#fff; padding: 3px; } div.campusMapDiv span, div.campusMapDivHover span { padding-left: 17px; display: block; border-top: 1px solid #000; } div.campusMapDiv strong, div.campusMapDivHover strong { font-weight: bold; } div#campusMapLuganoAule { } div#campusMapLuganoBiblioteca { } div#campusMapLuganoInformatica { } div#campusMapLuganoIstituti { } div#campusMapLuganoLab { } div#campusMapLuganoMagna { } div#campusMapLuganoPrincipale { } div#campusMapLuganoServizi { } /* ---------------------------------------------------------------------- */ /* POPUP ---------------------------------------------------------------- - common styles - webTV - virtual tours - images slideshows - study structure map */ /* common styles */ #overlay { position: absolute; top: 0pt; left: 0pt; z-index: 90; width: 100%; background-color: #000; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; overflow: hidden; } #popup { position: absolute; top: 100px; left: 50%; z-index: 150; margin-left: -450px; width: 898px; height: 448px; background: #fff; border: 2px solid #fc5a0f; overflow: hidden; } #popupHead { width: 898px; height: 28px; background-color: #f0c4a9; } #popupHeadTitle { float: left; height: 21px; padding-top: 7px; padding-left: 20px; font-size: 13px; line-height: 13px; color: #fc5a0f; font-weight: bold; } #popupHeadClose, #popupHeadSlidePrev, #popupHeadSlideNext { display: block; float: right; height: 14px; width: 14px; text-decoration: none; margin-top: 8px; padding-right: 10px; background-position: top left; background-repeat: no-repeat; } #popupHeadClose { margin-left: 10px; margin-right: 10px; } #popupHeadClose:link, #popupHeadClose:visited { text-decoration: none; background-image: url(../img/video-img/video-close.gif); } #popupHeadClose:active, #popupHeadClose:hover { text-decoration: none; background-image: url(../img/video-img/video-close-hover.gif); } #popupHeadSlidePrev:link, #popupHeadSlidePrev:visited { text-decoration: none; background-image: url(../img/video-img/video-backward.gif); } #popupHeadSlidePrev:active, #popupHeadSlidePrev:hover { text-decoration: none; background-image: url(../img/video-img/video-backward-hover.gif); } #popupHeadSlideNext:link, #popupHeadSlideNext:visited { text-decoration: none; background-image: url(../img/video-img/video-forward.gif); } #popupHeadSlideNext:active, #popupHeadSlideNext:hover { text-decoration: none; background-image: url(../img/video-img/video-forward-hover.gif); } #popupHeadSlideIndex { display: block; float: right; height: 13px; margin: 8px 10px 0 0; width: 48px; text-align: right; font-size: 13px; line-height: 13px; color: #fc5a0f; font-weight: bold; } #popupContent { width: 898px; height: 420px; background-color: #f8e2d4; border-top:1px solid #fc5a0f; /*padding-top:5px;*/} /* webTV */ /* web tv head */ /* web tv navigation menu */ #webTvMenu { width: 200px; height: 418px; float: left; background-color: #fff; } #popupContent div.webTvTabs { height:22px;padding:0px;margin:0;padding-top:5px !important;background-color:#f8e2d4;line-height: 16px !important; font-size:11px !important; } #popupContent div.webTvTabs div.webTvTab { float:left; margin: 0 1px 0 0; border-bottom:1px solid #f8e2d4; background-color:#fff;line-height: 16px !important; font-size:11px !important; } #popupContent div.webTvTabs div.webTvTab span{ float:left;} #popupContent div.webTvTabs div.webTvTab span.webTvTabContent{ padding:3px 3px 2px 3px; } #popupContent div.webTvTabs div.webTvTab span.webTvTabLeft{ width:6px;height:21px; background: transparent url(../img/video-img/video-tab-left.gif) top left no-repeat; } #popupContent div.webTvTabs div.webTvTab span.webTvTabRight{ float:left;width:6px;height:21px;background: transparent url(../img/video-img/video-tab-right.gif) top right no-repeat; } #popupContent div.webTvTabs div.webTvTab a { float:left; padding:3px 3px 2px 3px; } #popupContent div.webTvTabs div.activelink { border-bottom:1px solid #fff; } #popupContent div.webTvTabs div.activelink a {color:#cc3300;} #dhtmlgoodies_slidedown_menu li.selectedCategory{ background-image: url(../img/video-img/video-arrow-down.gif) !important; } #dhtmlgoodies_slidedown_menu li{ list-style-type:none; position:relative; } #dhtmlgoodies_slidedown_menu li.firstLevel{ background-image: url(../img/video-img/video-arrow-right.gif); background-position:0 4px; background-repeat:no-repeat; padding-left:8px; } #dhtmlgoodies_slidedown_menu li li.selectedSubcategory a:link, #dhtmlgoodies_slidedown_menu li li.selectedSubcategory a:active{ color:#cc3300; } #dhtmlgoodies_slidedown_menu li li.selectedSubcategory a:hover{ color:#06c; } #dhtmlgoodies_slidedown_menu li li.selectedSubcategory{ background-image: url(../img/video-img/video-arrow-right-selected.gif) !important; background-position:0 4px; background-repeat:no-repeat; } #dhtmlgoodies_slidedown_menu ul{ margin:0px; padding:0px; position:relative; } #dhtmlgoodies_slidedown_menu div{ margin:0px; padding:0px; } /* Layout CSS */ #dhtmlgoodies_slidedown_menu{ width:180px; padding:10px 10px 10px 2px; } /* All A tags - i.e menu items. */ #dhtmlgoodies_slidedown_menu a{ text-decoration:none; display:block; clear:both; width:162px; padding-left:2px; } /* A tags */ #dhtmlgoodies_slidedown_menu .slMenuItem_depth1{ /* Main menu items */ margin-top:1px; /*border-bottom:1px solid #000;*/ font-weight:bold; color:#000; } #dhtmlgoodies_slidedown_menu .slMenuItem_depth2{ /* Sub menu items */ margin-top:1px; } /* UL tags, i.e group of menu utems. It's important to add style to the UL if you're specifying margins. If not, assign the style directly to the parent DIV, i.e. #dhtmlgoodies_slidedown_menu .slideMenuDiv1 instead of #dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul */ #dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{ padding:1px 0; } #dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{ margin-left:5px; padding:1px 0; } #dhtmlgoodies_slidedown_menu .slideMenuDiv2 li{ padding-left:8px; } /* menu destra webtv */ .clear{ clear:both; } /* web tv videos list */ #webTvVideos { width: 220px; height: 418px; float: left; padding: 0px 0px; margin: 0 5px 0 5px; font-size: 10px; line-height: 10px; background-color: #fff; } /* up and bottom buttons */ #up-arrow-container, #down-arrow-container { margin:3px 3px 2px 0; padding: 0px; text-align: right; } #up-arrow, #down-arrow { cursor:pointer; } /* list video UL */ #videoListWrapper { margin-left: auto; margin-right: 15px; overflow: hidden; height: 350px; } ul#webTvVideosList { list-style: none; margin: 0; padding: 0; overflow: hidden;height: 350px; } #webTvVideosList li { list-style: none; height: 55px; display: block; margin: 0 0 7px 0; padding: 0 0 7px 5px; border-bottom:1px solid #f8e2d4; } #webTvVideosList li img { float: left; display: block; } #webTvVideosList li div { float: right; width: 116px; height: 55px; margin: 0 0 0 10px; padding: 0; } #webTvVideosList li p { margin: 5px 0 5px 0; padding: 0; } #webTvVideosList li p.VLTitle { font-weight: bold; height: 20px; overflow: hidden; } #webTvVideosList li p.VLDuration{ } #webTvVideosList li p.VLLangs { } #webTvVideosList li p.VLLangs a { display: block; height: 14px; width: 14px; float: left; margin-right: 5px; background-position: top left; background-repeat: no-repeat; } /* button view video in italian */ a.VLLangIt, a.VLLangIt:link, a.VLLangIt:visited { background-image: url(../img/video-img/lang/video-it.gif); } a.VLLangIt:active, a.VLLangIt:hover { background-image: url(../img/video-img/lang/video-it-hover.gif); } /* button view video in english */ a.VLLangEn, a.VLLangEn:link, a.VLLangEn:visited { background-image: url(../img/video-img/lang/video-en.gif); } a.VLLangEn:active, a.VLLangEn:hover { background-image: url(../img/video-img/lang/video-en-hover.gif); } /* button view video in french */ a.VLLangFr, a.VLLangFr:link, a.VLLangFr:visited { background-image: url(../img/video-img/lang/video-fr.gif); } a.VLLangFr:active, a.VLLangFr:hover { background-image: url(../img/video-img/lang/video-fr-hover.gif); } /* button view video in german */ a.VLLangDe, a.VLLangDe:link, a.VLLangDe:visited { background-image: url(../img/video-img/lang/video-de.gif); } a.VLLangDe:active, a.VLLangDe:hover { background-image: url(../img/video-img/lang/video-de-hover.gif); } /* button view video in spanish */ a.VLLangEs, a.VLLangEs:link, a.VLLangEs:visited { background-image: url(../img/video-img/lang/video-es.gif); } a.VLLangEs:active, a.VLLangEs:hover { background-image: url(../img/video-img/lang/video-es-hover.gif); } /* button view video in potuguese */ a.VLLangPt, a.VLLangPt:link, a.VLLangPt:visited { background-image: url(../img/video-img/lang/video-pt.gif); } a.VLLangPt:active, a.VLLangPt:hover { background-image: url(../img/video-img/lang/video-pt-hover.gif); } /* button view video in lituanian */ a.VLLangLt, a.VLLangLt:link, a.VLLangLt:visited { background-image: url(../img/video-img/lang/video-lt.gif); } a.VLLangLt:active, a.VLLangLt:hover { background-image: url(../img/video-img/lang/video-lt-hover.gif); } /* web tv video */ #webTvVideo { width: 468px; height: 418px; float: left; padding: 0; background-color:#fff; } #webTvVideoContent { margin: 10px 0px 0px 5px; width:320px; } #webTvVideo p { margin: 0; padding: 5px 0; font-size: 12px; line-height: 14px; height: 42px; overflow: auto; } #webTvVideoAuthor { margin: 10px 0px 0px 5px; width:320px; font-size: 12px; line-height: 14px; } #webTvVideoPlayer { float:left; height: 240px; width: 320px; margin-right: 10px; } #webTvVideoMenu { float:right; height: 313px; width: 120px; font-size: 10px; line-height: 10px; overflow: hidden; } #webTvVideoMenu li{ padding-left:10px; padding-top:6px;border-bottom: 1px solid #f8e2d4;height:15px; } #webTvVideoMenu li.firstLine{ border-bottom: none !important; } #webTvVideoMenu li.secondLine{ padding-top:0px !important; } #webTvVideoMenu li li{ padding-left:0px !important;padding-top:0px !important;border-bottom: 0px; } ul#webTvVideoMenuCommands { list-style: none; margin: 0; padding: 0; } #webTvVideoMenuCommands a, #webTvVideoMenuCommands a:link, #webTvVideoMenuCommands a:visited { color: #fc5a0f; display: block; background-position: center left; background-repeat: no-repeat; } #webTvVideoMenuCommands a:hover, #webTvVideoMenuCommands a:active { color: #c30; display: block; background-position: center left; background-repeat: no-repeat; } #submitVideo{background: transparent url(../img/video-img/submitvideo-tab-top.gif) top no-repeat;position: absolute;top: 239px !important; top: 247px; left: 50%; margin-left: 169px; padding: 0;width:280px;z-index:1000; } #submitVideoContent{background-color:#f8e2d4;margin-top:6px;height:157px;} #submitVideoContentSubmitted{background-color:#f8e2d4;margin-top:6px;height:40px;} #submitVideoContent form{margin:0px;padding:0px;} #submitVideoContentClose{text-align:right;font-size:10px;line-height:10px;padding-right:10px;} #submitVideoContent div.formElements{margin-left:5px;float:left;margin-top:5px;} #submitVideoContent div.formElements span{float:left;} #submitVideoContent div.formElements span.leftForm {width:80px;} #submitVideoContent div.formElements span input, #submitVideoContent div.formElements span textarea{width:180px;} #submitVideoSend{ margin-left:85px;margin-top:5px; } #submitVideoBottom{padding:0;margin:0;background:transparent url(../img/video-img/submitvideo-tab-bottom.gif) bottom no-repeat;height:6px;} #submitVideoOk{padding-bottom:10px;padding-left:15px;} a#webTvVMCdown, a#webTvVMCdown:link, a#webTvVMCdown:visited { /*background-image: url(../img/video-img/video-download.gif);*/ } a#webTvVMCdown:hover, a#webTvVMCdown:active { /*background-image: url(../img/video-img/video-download-hover.gif); */} a#webTvVMCpod, a#webTvVMCpod:link, a#webTvVMCpod:visited { /*background-image: url(../img/video-img/video-podcast.gif);*/ } a#webTvVMCpod:hover, a#webTvVMCpod:active { /*background-image: url(../img/video-img/video-podcast-hover.gif);*/ } a#webTvVMCmail, a#webTvVMCmail:link, a#webTvVMCmail:visited { /*background-image: url(../img/video-img/video-mail.gif);*/ } a#webTvVMCmail:hover, a#webTvVMCmail:active { /*background-image: url(../img/video-img/video-mail-hover.gif);*/ } a#webTvVMCvote, a#webTvVMCvote:link, a#webTvVMCvote:visited, a#webTvVMCvote:hover, a#webTvVMCvote:active { /*background-image: url(../img/video-img/video-vote.gif);*/ color: #fc5a0f; } /* webtv star rating */ #webTvVMCrate { margin: 0; padding-top: 2px !important; height:19px !important; } .star-rating { list-style:none; padding: 0px !important; margin: 0; width: 90px !important; height: 18px; position: relative !important; background: url(/img/video-img/alt_star.gif) top left repeat-x; } .star-rating li { padding: 0 !important; margin: 0; /*\*/ float: left; /* */ } .star-rating li a { display:block; width: 18px !important; height: 18px !important; text-decoration: none !important; text-indent: -9000px !important; z-index: 20 !important; position: absolute !important; padding: 0 !important; } .star-rating li a:hover { background: url(/img/video-img/alt_star.gif) left bottom !important; z-index: 2 !important; left: 0 !important; } .star-rating a.one-star { left: 0 !important; } .star-rating a.one-star:hover { width:18px !important; } .star-rating a.two-stars { left:18px !important; } .star-rating a.two-stars:hover { width: 36px !important; } .star-rating a.three-stars { left: 36px !important; } .star-rating a.three-stars:hover{ width: 54px !important; } .star-rating a.four-stars { left: 54px !important; } .star-rating a.four-stars:hover { width: 72px !important; } .star-rating a.five-stars { left: 72px !important; } .star-rating a.five-stars:hover { width: 90px !important; } .star-rating li.current-rating { position: absolute; height: 18px !important; display: block;background: url(/img/video-img/alt_star.gif) left center; text-indent: -9000px; z-index: 1; padding: 0!important; margin: 0 !important; } div#rating { margin: 0; padding: 0; } div#rating pre { margin: 0; padding: 0; } ul#webTvVideoMenuLabels { list-style: none; padding: 0; margin: 0; } #webTvVideoMenuLabels li { list-style: none; } /* virtual tour */ #virtualTourContainer { width: 898px; height: 418px; } #virtualTourMovie { width: 698px; height: 418px; float: left; background-color: #fff; } #virtualTourText { width: 190px; height: 408px; float: left; background-color: #fff; padding: 5px; } /* images slideshows */ /* **************************************************************************************************************** CREDITS *************************************************************************************************************** */ #overlayCredits { position: absolute; top: 0pt; left: 0pt; z-index: 90; width: 100%; background-color: #000; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; overflow: hidden; } #credits { position: absolute; top: 100px; left: 50%; z-index: 150; margin-left: -200px; width: 396px; height: 446px; background: #fff; border: 2px solid #fc5a0f; overflow: hidden; } #creditsHead { width: 396px; height: 28px; background-color: #f0c4a9; } #creditsHeadTitle { float: left; height: 21px; padding-top: 7px; padding-left: 10px; font-size: 13px; line-height: 13px; color: #fc5a0f; font-weight: bold; } #creditsHeadClose { margin-left: 10px; margin-right: 10px; } #creditsHeadClose { display: block; float: right; height: 14px; width: 14px; text-decoration: none; margin-top: 8px; padding-right: 10px; background-position: top left; background-repeat: no-repeat; } #creditsHeadClose { margin-left: 10px; margin-right: 10px; } #creditsHeadClose:link, #creditsHeadClose:visited { text-decoration: none; background-image: url(../img/video-img/video-close.gif); } #creditsHeadClose:active, #creditsHeadClose:hover { text-decoration: none; background-image: url(../img/video-img/video-close-hover.gif); } #creditsContent { width: 396px; height: 420px; background-color: #f8e2d4; border-top:1px solid #fc5a0f; } #creditsContent div { padding: 10px; } #creditsContent div p { padding: 0;padding-bottom:5px !important; margin:0; } /* **************************************************************************************************************** SPECIAL STYLES **************************************************************************************************************** */ .hide { display: none; } .break { display: block; clear: both; } /* external link */ a.out { margin: 0; padding-right: 12px; text-decoration: none; } a.out:link { } a.out:visited { } a.out:hover { background: url(../img/css-img/out-hover.gif) right no-repeat; } a.out:active { background: url(../img/css-img/out-hover.gif) right no-repeat; color: #06c; } #videoFlv { z-index: -1; } /* form & tables */ #loginForm { margin: 15px 0; } #loginForm label, #loginForm .inputText { display: block; width: 150px; float: left; margin-bottom: 10px; } #loginForm label { text-align: right; width: 80px; padding-right: 5px; } #loginForm br { clear: both; } textarea { font-family: "lucida grande", lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } /*--- TABLE LAYOUT ---*/ #table_view { border-color: #000; border-style:solid; border-width:0px;border-left:0px;border-right:0px; border-collapse:collapse; width:700px; } #table_view td { padding:2px; vertical-align:top; border-color: #000; border-style:solid; border-width:1px; border-collapse:collapse; border-left:0px;border-right:0px;} #table_title { background-color:#ddd;} #table_title td { padding:4px; font-weight:bold; border-top:0px;} .odd { background-color:#eee;} .pair { background-color:#ddd;} .fieldelement { padding: 0px; margin: 0px; width:400px;}