/* --------------------------------------------------------------------------------------------------------- BRASIL PART 1 : Overall standard layout components 1.1 Main layout components 1.2 Navigation Components 1.3 Footer PART 2: Common content formatting 2.1 Text 2.2 Links & special button links 2.3 Content 2.4 Specials PART 3 : Specific pages with specific layout and formatting needs 3.1 Plone Template related 3.2 Home page 3.3 Experience meditation 3.4 Thought for today 3.5 Calendar 3.6 Mailinglist 3.7 Sitemap 3.8 Locations near you page styles 3.9 Feedback page 3.10 FAQ 3.11 Events --------------------------------------------------------------------------------------------------------- */ /* ------------------- Comment on how to use: ---------------------- - the code marked with "permanent - do not touch unless really necessary or wanted" is the essential code to make the layout stand and contains most of the positioning CSS - little changes here would very likely break parts if not the full layout; if needed some of these settings can be adapted by using overruling statements in the 'customizable sections'. - the code in the customized sections is adaptable as the name says - it allows to modify the 'skin' of the layout and even if this code would be totally omitted the foundation of the layout should still stand. - to allow maximum flexibility as much formatting and 'skin' related code has been added to the 'adaptable' areas - for font colouring, background colours etc. this is quite easy, however for spacing with margins and paddings some initial choices might have been made in the permanent areas as these seemed the best starting point for most of the layouts which are going to be made available - if needed they can be overruled but be especially carefull with containers set to 100%, as adding borders or padding to these areas tend to easily break the layout in IE6; to avoid a maximum of hacks for this browser a point of awareness is to set margin/padding/border on the containing divs in stead of doing so directly on the container set to 100%. - each page will receive a default id for the body tag, something like , with a matching name for the choosen template in Plone for this specific page ; this happens automatically and will trigger off the provided CSS for the page. If needed one can however provide another ID for a specific page - this can be done through the Plone management pages - such an approach may be the only solution to some complexer design issues, where pages and containers need to be addressed very specifically. - the code has been divided into 3 logical parts for layout, common content and specific pages; this means that some css selectors will be repeated in two or even all 3 parts or in several subsections... and at the same time some selectors will be repeated in both the permanent and customized areas of each section.... however in this way it should be easier to find one's way throughout the code and allow a methodological approach - special attention is needed towards the order of the declarations ; this is often a good starting point when debugging - the firebug addon for FF is definitely a good help too if no other CSS editor is available - bottlenecks, traps and dangerous point have explaining comments - the pure "hacks" to make the code work in IE7,IE6 (and IE5, but partially as this browser can be considered dead) have been added to special stylesheets IE6.css, IE7.css which are detected by conditional comments in the xhtml - if there's a need for extra hacks in a layout, then be sure to checkout these stylesheets too and add or overrule declaration there as well. - the print.css takes on board all css but makes header and all navigation areas unvisible when printing - also all borders have been removed as well for printing (well leaving aside IE6 probably) - for new pages / templates this css file needs to be adapted asper the needs as well. */ /* --------------------------------------------------------------------------------------------------------- PART 1 : Overall standard layout components --------------------------------------------------------------------------------------------------------- */ /* ----------------------- 1.1 Main layout components --------------------------*/ /* permanent - do not touch unless really necessary or wanted */ body {min-width: 780px; margin:0; padding: 0; text-align:center ;}/* considers IE 5 and IE6 quirck mode - keep image file names consistent*/ #container {max-width: 955px; margin: 0 auto; padding: 10px 0; text-align:left;} #header {margin: 0 10px; padding: 0; height: 110px; background: url(images/header.jpg) left top no-repeat;} #printLogo {display:none;visibility:hidden;} #navigation {padding: 0; margin:10px 10px 0 10px; background-color: #fff;} #toolboxWrapper {margin:0 0 5px 0;} #toolbox {padding: 5px 0 5px 10px;margin:0; line-height:24px; height:24px;} #mainMenu{list-style: none; text-align: center; clear:both; margin:0 ; padding:0; position:relative; z-index: 10; width:auto; }/*IE7 needs auto width*/ #trail {margin: 10px 0 0 0;} #mainBody {clear:both;float:left;margin:0 0 10px 0;width:100%;} #secondaryNavigation {float:left; margin:10px 0 0 10px; width:220px; clear: both;} #subMenu {padding:0; margin:10px 0; border:none;width: auto;} #contentContainer {margin:10px 10px 0 240px; min-height: 525px; z-index: 1; position: relative; padding:0;}/* no margin bottom for IE7*/ #contentContainerExtra {padding:0; margin:0; float: right; width:auto; position: relative;} /* width here sometimes need 100% (liquid layout) - not fully clear what's best, but this will do and can be overridden */ #content {margin:0 auto; z-index: 1; clear: both; position: relative;} #footer {clear:both; padding:0; margin: 0 10px;line-height:25px; height:25px;} .clearer{height: 1%; clear: both; background-color:transparent; overflow: hidden; } span.clearer{display:block; height:1px;margin-bottom:-1px;}/* used to force certain non floated containers to contain their floated children properly */ /* ========================================================================================================= */ /* Customized settings - layout */ /*--------------------------------- */ /* */ /* LAYOUT PRINCIPAL - BRASIL */ /* 31.03.08 */ /*--------------------------------- */ /* ---- COR DE FUNDO DO WEBSITE ---- */ body {background:#D3E6F5 url(images/fundo_site.gif);} /* change 8/1/2008 */ #container {background-color: #fff;} /*8/1/2008 */ /* ---- COR DE FUNDO DO BANNER - CABECALHO ---- */ #header {background-color: #669ACC;} #navigation {margin-top:10px;} /* ---- COR DE FUNDO - SEARCH, LANGUAGE, TEXT SIZE ---- */ #toolboxWrapper {background:#B5D2F0; margin:0;} /* ---- COR DA FONTE - SEARCH, LANGUAGE, TEXT SIZE ---- */ #toolbox {color:#e2e2e2;line-height:22px;height:22px;} /* ---- COR DE FUNDO MENU PRINCIPAL (HOME, QUEM SOMOS NOS...) ---- */ #mainMenu {background: #669ACC;line-height:33px;height:33px; /*overruling for this layout */} #trail {margin: 3px 0 0 0;} #secondaryNavigation{height:auto;margin-top:0;} /* ---- COR DE FUNDO - SUBMENU (SEDES OFICIAIS, LOJA...)---- */ #subMenu {background:#669ACC; font-size: 0.8em; font-weight: bold;margin:0 0 25px 0; padding: 10px 10px 20px 20px;} #contentContainer {margin-top:0; } #contentContainerExtra{width:100%;} /*in this layout width: 100%seems best*/ #content {padding: 0 20px 0 0; background-color:transparent; width:95%; margin:0 auto; } /* ---- COR DE FUNDO - RODAPE (COPYRIGHT...)---- */ #footer {font-size: 0.7em;background:#FFCC33; color:#669ACC;margin:10px 10px 0 10px;} /* ========================================================================================================= */ /* ---------------------- 1.2 Navigation Components ----------------------- */ /*toolbox - permanent - do not touch unless really necessary or wanted */ #accessJumps {position:absolute;left:-9000px;font-size:0.7em;} #searchForm, #languageForm {display: block; float:left; margin: 0px 10px} /*navigation*/ #navigation input {height:14px; position: relative; float: left; line-height: 14px;} #navigation select {float: left;width: 14em;} #navigation label {display:block;float:left; padding: 1px 10px 0 0; line-height:16px;} input#searchText {width:14em;} #navigation #searchButton {position:relative;top:0px;height:18px;} #navigation #textSize {display:block; margin:1px 0 0 10px; width:10em; float:right; line-height:15px; padding:0; float:right;} /* Customized settings - toolbox */ #searchForm {font-family: Tahoma; color: #36525D; font-size:0.7em;padding-top:3px;} #navigation input {border: 1px solid; border-color: #D2D2D2; background-color: #FEF9F5;font-size:1em;} #navigation select {background-color: #FEF9F5;font-size:0.9em;background-color: #FEF9F5;margin-top:-1px;} #navigation label {color: #000;font-weight:normal;} #navigation #searchButton {background-color: #669ACC;color: #FFFFFF;font-weight:bold; margin-right:25px;} #navigation #textSize {font-weight:bold; color:#000; font-size:0.70em; padding-top:3px;} #navigation #textSize a {text-decoration:none; color:#fff; padding-right:3px;} #navigation #textSize a:hover {color:#bb3c47;} #navigation #textSize .largeTextSize {font-size:1.5em;} #navigation #textSize .mediumTextSize {font-size:1.25em;} #navigation #textSize .smallTextSize {font-size:1em; padding-left:7px;} /* main menu - permanent - do not touch unless really necessary or wanted */ #mainMenu li {margin: 0; padding: 0; float: left; display: block; text-align: center; position: relative;} #mainMenu #home {margin: 0; width: 12%;} #mainMenu #menu0 {margin: 0; width: 19%;} #mainMenu #menu1 {margin: 0; width: 21%;} #mainMenu #menu2 {margin:0; width:21%;} #mainMenu #menu3 {margin:0; width:23.5%;} #mainMenu ul {padding:0; margin:0; list-style: none; z-index: 10; position: absolute; text-align: center; display: none; left:0;right:0;/* IE7*/ overflow:visible;width:auto; -moz-opacity:0.9; opacity: 0.9;}/* IE 7 collapsing menu items... widht saves - filter:alpha(opacity=90) does not validate and moved to IE7.css */ #mainMenu ul li{min-height: 1%; padding:0; margin: 0; float:none; width:auto;} #mainMenu a {display: block; margin:0; padding: 0; white-space:nowrap; height:1%;} /* height gives IE HasLayout - all links are blocks - reset margin/padding */ #mainMenu li a{line-height: 22px; margin: 0; overflow: visible;white-space:nowrap;} #mainMenu li:hover ul {display:block;} /*IE doesn't get this: javascript menu */ /* Customized settings - main menu */ /*main menu*/ #mainMenu li#home {margin-left:10px;border-right:1px solid #fff;} #mainMenu li#menu0 {border-right:1px solid #fff;/*background:url(images/nav_seperator.jpg) top left no-repeat;*/ } /* separators */ #mainMenu li#menu1 {border-right:1px solid #fff;/*background:url(images/nav_seperator.jpg) top left no-repeat;*/ } #mainMenu li#menu2 {border-right:1px solid #fff;/*background:url(images/nav_seperator.jpg) top left no-repeat;*/ } #mainMenu li#menu3 {/*background:url(images/nav_seperator.jpg) top left no-repeat;*/ width:23%;} #mainMenu ul {margin-right:-1px;} #mainMenu ul li {border: 1px solid #fff; border-bottom:none;line-height:22px;/*IE needs line-height here too*/} #mainMenu a {text-decoration:none; font-weight: normal;color: #fff; font-size: 1.0em; font-family: Tahoma;} /* links main menu items */ #mainMenu li a{line-height: 33px;text-transform:uppercase; } #mainMenu ul li a {font-size: 0.7em;font-weight: bold;color: #fff; background-color: #D7AF38 ; line-height: 22px;font-variant:small-caps; font-family: Tahoma;} /* links main submenu items */ #mainMenu ul li.last {margin: 0; padding: 0; border-bottom: 1px solid #fff; } /*#mainMenu ul li:last-child {border-width: 1px 1px 1px 1px; padding: 0; margin: 0;} alternative expression not understood by IE*/ #mainMenu li a:hover, #mainMenu li:hover {background-color: #D7AF38;color: #fff;} #mainMenu li ul li a:hover {background-color: #cc9900;color: #000;} /* trailer - permanent - do not touch unless really necessary or wanted */ #countryIndicator {width: 200px;float:left; border:none; margin: 0; padding: 3px 0 3px 20px;line-height:27px;} #breadcrumbs {margin: 0 0 0 230px; padding: 0 0 0 20px;line-height:27px;} #breadcrumbs span { display:block;padding:0 5px 0 10px;} /* Customized settings - trailer */ #countryIndicator {color:#1874CD; font-size: 80%; background: #B5D2F0 ;padding:0;line-height:27px;width: 220px; font-weight:bold;} #countryIndicator span {display:block; padding: 0 0 0 20px; } #breadcrumbs {background-color:#B5D2F0;color:#333;font-size: 0.7em;margin: 0 0 0 220px;} /* 8/1/2008 need to overrule*/ #breadcrumbs a.crumbs{color:#666;border-bottom:1px #666 solid;text-decoration:none;} #breadcrumbs a.crumbs:hover {color:#000;border-bottom:1px #000 dashed;} /* secondary navigation - country navigation - permanent - do not touch unless really necessary or wanted */ /* Customized settings - secondary navigation - country navigation */ /* CONTROLA O SIMBOLO DE ITEM DO SUBMENU */ #subMenu li {padding:0 0 0 25px; list-style:none; background: url(images/submenu_bullet01.gif) no-repeat left 7px; line-height:2.5em;} #subMenu li a {color:#fff; padding:0; background:none; text-decoration:none; border-bottom:none; font-size:1.15em; font-weight:normal;} #subMenu li a:hover {font-weight:normal; color:#000080; padding:0; background:none; text-decoration:none;border-bottom:1px solid #FFFF00;} #subMenu .subOption {padding:0 0 10px 10px; margin:-5px 0 0 0;} #subMenu li .subOption li {line-height:2em; background: url(images/submenu_bullet01.gif) no-repeat left 5px;} #subMenu li .subOption li a {font-size:1em;} /* Quicklinks/Floaters - Related Links - permanent - do not touch unless really necessary or wanted */ /* Customized settings - Quicklinks/Floaters */ /*ul#quickLinks {margin: 0;padding: 0;} ul#quickLinks li {list-style-type: none; margin: 0 0 4px 0; padding: 0; line-height: 14px;} ul#quickLinks li a {display: block; width: 212px; padding: 5px 0;margin: 0; border:4px double #fff; font: 1.2em Tahoma; text-decoration:none;text-align:center;color: #006699;font-weight:bold;letter-spacing: -0.09em;} ul#quickLinks li a:hover {color: #fff; background:#3399cc; text-decoration:none;font-weight: bold;} */ ul#quickLinks {margin:0; padding: 0;} ul#quickLinks li {list-style-type:none; margin:0 0 4px 0; padding:0; line-height:0.95em;} ul#quickLinks li a {display: block; width:202px; padding:5px; margin:0; border:4px double #fff; font-size:0.9em; text-decoration:none; text-align:center; color:#34696F; font-weight:bold; background:#ffb502;} ul#quickLinks li a:hover {color:#fff; background:#e9790b; text-decoration:none; font-weight: bold;} /* ------------------------------ 1.3 footer - fully customizable -------------------------------- */ /* CONTROLA COR DE FONTE DO RODAPÉ */ #footer a {color:#1874CD;text-decoration: none;} #footer a:hover {color:#FFFFFF;text-decoration: none;} #copyright{float: left; padding: 0 0 0 25px;} #footerLinks{float: right;padding: 0 25px 0 0;} /* --------------------------------------------------------------------------------------------------------- PART 2: Common content formatting - fully customizable --------------------------------------------------------------------------------------------------------- */ /* --------- 2.1 Text ----------*/ body {font-size:1em;font-family: Tahoma;} td {vertical-align: top;} p {color:#003300;margin:0;font-size: 0.85em; line-height: 170%; padding: 0;} h1,h2 {font-family:Tahoma;} h2{font-size: 0.95em;padding: 0;margin:0 0 10px;color:#CC9900; } h3{font-size: 0.85em;font-weight: bold; margin: 0 0 5px 10px;padding: 0; text-transform:uppercase; color:#8B814C; line-height:2em;} h4{font-size: 0.8em;font-weight: bold; margin:-8px 0 10px 10px; padding: 0;color:#E82691;} form {font-size:0.8em;} /* ------------------------------ 2.2 Links & special button links ---------------------------------*/ a {color: #5AA3C3;} a:hover {color: #B35438;text-decoration: underline;} a img {border:none;} #content a {margin:0;color:#5AA3C3;text-decoration:none;border-bottom:0px #5AA3C3 solid; font-weight:normal;} #content a:hover {color:#000;border-bottom:1px #000 solid; font-weight:normal;} #content a.buttlink {font-weight: bold;color: #669ACC; text-decoration: none; padding:5px 7px;border:1px #D7B85B solid;background:#ffcc00; margin:20px 0 0;font-size:100%;font-family: tahoma;} #content a.buttlink:hover{background-color:#669ACC; border:1px solid #FDEA9F; color:#fff; text-decoration:none;} #content a.buttlinknormal {font-weight: bold;border: 0;padding: 0;} #content a.buttlinknormal:hover{color: #ae587f;border-bottom: 1px #ae587f solid;} /*print link*/ #content #print{ clear:both; border-top: 1px solid #669ACC; padding: 1px 0 0 0; margin: 30px 0 0 0; visibility: visible; line-height:24px; height:24px; } /*default is hidden set visibility: visible; to change - IE7 needs height */ #print a{background: url(images/print.gif) no-repeat left center;padding: 0 0 0 25px; font-size: 0.85em; color: #333;border: 0;display:block;float:right;margin-right:20px;} #print a:hover{border-bottom: 0;color: #C63200;} /* ----------- 2.3 Content ------------ */ #contentContainer h1 {float: left; color:#CC9900; font-size: 1.6em; border-left:none; margin: 10px 0 0 10px; padding: 0; width: auto; font-weight:normal;} #contentContainer h1 span {margin:0;padding:0 8px;z-index: 1; display: block; line-height: 57px;} #content ul {margin:0 0 30px 30px; width:auto; padding: 0;} #content p {margin: 0 10px 10px 10px;line-height:1.8em;} #content p.first {padding:20px 0 0 0;} #content p span.quote {color:#6B4E3E;} .hrule{ display:block; height:20px; border:none; border-bottom:2px dotted #FFC125; margin: -5px 0 10px 0; padding:0; clear:both; text-decoration: none;} #content img {border:1px solid #cc9966; padding:4px;} #content img.firstfloatright { float:right; margin:22px 0 20px 20px; } #content img.floatleft {float:left;margin:2px 30px 20px 20px;} #content img.floatright { float:right; margin:2px 0 20px 30px; } #content img.flushtr {border:none;display:inline;float:right;margin:0 0 10px 20px;} #content img.flushl {border:none; display:inline; float:left; margin:10px 20px 10px 0;} #content img.flushr {border:none;display:inline;float:right;margin:10px 0 10px 20px;} .split {border-bottom:1px dashed #6B4E3E;border-top:1px dashed #6B4E3E; color:#6B4E3E;font-size:0.8em;font-weight:bold;margin:40px 10px 25px 10px; padding: 0;} /*---------- 2.4 Specials ------------ */ /* --------------------------------------------------------------------------------------------------------- PART 3 : Specific pages with specific layout and formatting needs - Customizable unless noted differently --------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------- 3.1 Plone Template layout related - Customizable ------------------------------------------------ */ /* specific code related to certain plone templates or page code for specific Plone templates only */ /* template A*/ #typeA #contentContainer {min-height:375px;} /* template B*/ #typeB #content img {float:right;margin:0 0 0 10px;padding:3px;display:block;} #typeB #content h3 {margin:0 0 10px 10px;} /* template C*/ #typeC #content img {border:none;} /* template special 2 */ #special2 #content {width:93%;} /* template G */ /* Like the Soul added 6/1/2008*/ #content #midknow {clear:both; margin:0; padding:10px;} #knowtxt {clear:both;} .kquotetxt {color:#9E4A04;font-size:0.7em;font-style:italic;font-weight:bold;line-height:175%;} .quote {color:#6B4E3E;font-size:110%;font-style:italic;font-weight:bold;} #sideknowledge {display:inline;float:left;margin:0 20px 20px 0pt;width:200px;} #content img.qstart {border:0 none;display:inline;float:left;margin:0 10px 0 0;} #content img.qend {border:0 none;display:inline;float:right;margin:15px 0pt 0pt;} #typeG #content h2{margin: 0 20px 0 10px; font-size:0.8em;} #typeG h4 {margin:0 0 0 10px;color:#6B4E3E;} /* template K */ /* Like the Topics page added 6/1/2008*/ .heading3 {border-bottom:2px solid #9B5C8B; margin:0 0 14px 10px;padding:20px 0 0 0; position:relative;} /*section edit 6/1/2008*/ .heading3First {border-bottom:2px solid #9B5C8B;margin:0 0 14px 10px;padding:20px 0 0 0;position:relative;} .heading3 h3, .heading3First h3 {background:#9B5C8B url(images/right2.gif) no-repeat right top; color:#fff;display:inline;font-size:0.7em;font-weight:bold;margin:0;padding:5px 12px 5px 9px;position:relative;top:0;} #typeK #content img {border:none;} /* ---------- 3.2 Home page ------------- */ /*#homeView #content {background: url(images/amphitheatre.jpg) no-repeat center top;} */ /* edited 4/1/2008 - only for Greek country template - not blue leaves */ #homeView #content img {margin:15px;float:right;display:block;} /* #homeView #content .welcomeImg {background:url(images/anthony.png) no-repeat center center;width:183px; height:200px;float:right;margin:15px;}*/ /* edited 4/1/2008 - only for Greek country template - not blue leaves */ /*----------------------- 3.3 Experience meditation --------------------------*/ /* actual content and styles */ #MeditationBoxes {float:left; margin:20px 0; width:100%;} /* IE7 needs width here - overal width and margin is subject of layout*/ .row {margin:0 20px 0 20px; clear:both;} #whoami, #myhome, #innerpeace, #forgive, #peace, #stillness {background: no-repeat left top; height:140px; width:46.5%; margin:0 5px 20px 5px; padding:0 ;} /* common for all boxes - width & margin stretch the boxes, but layout may collapse */ #whoami {background-image:url(images/whoami.jpg);} #myhome {background-image:url(images/myhome.jpg);} #innerpeace {background-image:url(images/innerpeace.jpg);} #forgive {background-image:url(images/forgive.jpg);} #peace {background-image:url(images/peace.jpg);} #stillness {background-image:url(images/stillness.jpg);} #whoami, #myhome, #innerpeace {float:left;} #forgive, #peace, #stillness {float:right;} #MeditationBoxes h1 {background-image:none; float:none; border:none; margin:0; padding:0;}/* overruling some general h1 settings */ #MeditationBoxes .row h1 {margin:113px 0 0 0; padding:5px; color:#fff; text-align:center; font-weight:normal; font-size:1em;} #whoami h1, #whoami {background-color:#945F59;} #myhome h1, #myhome {background-color:#A26C21;} #innerpeace h1, #innerpeace {background-color:#2F5785;} #forgive h1, #forgive {background-color:#3E67AF;} #peace h1, #peace {background-color:#2C7853;} #stillness h1, #stillness {background-color:#5D5639;} #whoami a, #myhome a, #innerpeace a, #forgive a, #peace a, #stillness a {color:#fff; border:0; font-weight:bold;} #whoami a:hover, #myhome a:hover, #innerpeace a:hover, #forgive a:hover, #peace a:hover, #stillness a:hover {color:#fdea9f; border:0; font-weight:bold;} /* new code for futur update: This is a total concept - only background images and font settings can be changed */ /*#experienceMeditation {float:left;margin: 0;padding:0;} #experienceMeditation ul {padding:0;list-style-type: none;clear:both; margin: 0;} - IE7 does not allow to float this - put back in - comment - #experienceMeditation li {padding:0;margin:7px ;display:block;float:left;height: 140px;line-height: 100%;} #whoami, #myhome, #innerpeace, #forgive, #peace, #stillness {width:200px;} #experienceMeditation li a { text-align: center;margin: 110px 0 0 0;padding: 5px; display:block;} /* customizable /* #meditationexp #contentContainer {min-height:725px;} */ /* this is an issue with change of template ref removed this 4/1/2008 */ /*#experienceMeditation li a {font: 1.1em Arial, Helvetica, sans-serif; color:#fff; border:none;} #experienceMeditation li a:hover {color:#000;border: none;} #whoami{background: #945F59 url(images/whoami.jpg) 0 0 no-repeat;} #myhome{background: #A26C21 url(images/myhome.jpg) 0 0 no-repeat;} #innerpeace{background: #2F5785 url(images/innerpeace.jpg) 0 0 no-repeat;} #forgive{background: #3E67AF url(images/forgive.jpg) 0 0 no-repeat;} #peace{background: #2C7853 url(images/peace.jpg) 0 0 no-repeat;} #stillness{background:#5D5639 url(images/stillness.jpg) 0 0 no-repeat;}*/ /* ------------------- 3.4 Thought for today ---------------------- */ /* This is a total concept - only background images and font settings can be changed */ /* #thoughts #content {width:90%;} transferred to special2 4/1/2008 */ #TFTcontact {display:block;float:right;width:70px;margin:10px 30px 0 0;} #TFTcontact a {padding:0 3px;} #thoughtForToday {background-image:url(images/thought/day_image.jpg);background-position:center bottom;background-repeat:no-repeat; height:460px;} /* customizable */ #thoughtForToday p {color:#003333;font-family:arial;font-size:1.35em;font-weight:strong;line-height:0.9em;margin-left:14px;height:50px;text-align:left;} #thoughtForToday .firstCap {color:#003333;float:left;font-size:3.5em;margin: -12px 0 400px 10px; padding: 0 2px 0 0;} /* ------------ 3.5 Calendar --------------- */ /* do not change */ table#calendar {margin: 0 ; padding: 0; border-collapse: collapse;} .cal_month {text-align: center; height: 30px; vertical-align: middle; margin-bottom: 0;} .cal_month select {border: none;} .cal_month form {margin-bottom: 0px;margin-top: 3px;} .cal_days td {width: 13%; text-align: center; height: 28px; padding: 6px 0 0 0;} .closeThisOut {display:block;text-align:right;margin: 0; } #content .closeThisOut a:link, #content .closeThisOut a:visited {border:none; margin: 0;padding: 2px; text-align: center; text-decoration: none;} #whatsOn #frame {margin:0;position:absolute; left: 8%; top: -90px;visibility: hidden;} /* customizable */ #whatsOn #contentContainer {min-height:750px;} #calendar {font-family: tahoma;} .cal_month {border: 1px #69C4CD solid; background-color: #669ACC; color: #ffffff; font-weight: bold; font-size: 0.8em;} .cal_month select {color: #ffffff; font-weight: bold;background-color: #669ACC;} .cal_dates td {height: 112px; background-color: #fff; border: 1px #B4B4B4 dashed; border-top:none; text-align: right; vertical-align: bottom;padding: 0;color: #C5F0DB;font-weight: normal; font-size: 230%;color: #b5d2f0;margin:0;} #content .cal_dates span {display:inline;padding: 0 3px 0 0;bottom:0;} .notThisMonth { color: #dadada; } .cal_days td {border-bottom: 1px #B4B4B4 dashed;border-right: 1px #B4B4B4 dashed; border-left: 1px #B4B4B4 dashed; color: #DB8C74;font-weight: bold; font-size: 0.8em;} .cal_days td.sat, .cal_days td.sun {color: #69C4CD;} #content .hasEvent {background-color: #C5F0DB;text-align:left; margin:0; padding: 2px; position:relative; height:144px;} #content .hasEvent span.dayEvent {position:absolute;color:#8CC1D1; vertical-align:bottom;bottom:0;right:0;text-align:right;display:block;} #content .hasEvent .eventlink {display:block;} #content .hasEvent .eventlink a{font-size: 10px; padding: 0; margin:0; font-weight:normal;display:inline;vertical-align:top;line-height:14px;} #content .hasEvent .eventlink a:hover {font-size: 10px;color: #36525D;font-weight:solid; border-bottom: 1px dashed;} #content .hasEvent div.dayEvent {position:absolute;color:#8CC1D1; vertical-align:bottom;bottom:0;right:0;text-align:right;display:block;} #content .hasEvent ul {margin:0; padding:1;} /*zero out margins & padding for diff browsers*/ #content .hasEvent li {font-size:7px; margin:0; padding:0 0 0 8px; list-style-type:none; background:transparent url(images/bullet.gif) no-repeat left 0px;} /* don't use bullets, browser incompatible, but use background image for full control - i've slightly reduced text size as well */ #content .closeThisOut a:link, #content .closeThisOut a:visited {color: #3392B2;font-size: 0.8em;background-color: #C5F0DB;} #content .closeThisOut a:hover {font-weight: bold;text-decoration: underline;} /* Iframe Activity Popup - Customizable */ #frame iframe {height: 900px;width: 650px;clear:both;} #iframe {background:none #fff;border: #83cad1 solid 3px;margin: 0;padding: 10px; text-align:left; min-width:480px; overflow:auto;} .ProgramDetail {border: #92dac2 solid 1px;margin: 0;background-color: #fff; padding: 10px; width:auto; height: 900px;} .ProgramDetail .date {color: #3366FF;font-size: 0.8em;margin: 0;font-weight: bold;text-align:center;} .ProgramDetail .title {color: #d19f8e;font-size: 1.4em; font-weight: bold; margin-top: 0px;margin-bottom: 10px;text-align:center;} .ProgramDetail img {padding-top: 0px;padding-right: 10px;padding-bottom: 0px;padding-left: 0px;} .ProgramDetail p, .ProgramDetail td, .ProgramDetail th, .ProgramDetail {font-size: 1em; line-height: 1.3em; color: #000000;margin: 0; padding: 0;text-align:center;} .ProgramDetail table {margin: 10px;clear: both;} .ProgramDetail th {color: #83cad1;text-align: center;font-weight: normal;} /* ------------ 3.6 Mailinglist --------------- */ #mailinglistcontainer {color:#bb3c47;line-height:1.5em;background-color:#fff;margin:0;padding:0;} /*needs to be set in source document as this refers to the framed html page */ #mailingIframe {background-color:#fff;position:relative;min-height:450px;width:100%;} /* 4/1/2008 - to avoid problems we need to address iframe with another ID which i've put inside the iframe tag in the xhtml */ /* ------------ 3.7 Sitemap --------------- */ ul#sitemap {padding: 0 0 0 40px;margin: 0;font-size: 0.7em;} #sitemap li {list-style: none;padding: 0 0 0 20px;margin: 0;background-image: url(images/folder_icon.gif);background-repeat: no-repeat;background-position: 0 0.3em;line-height: 2.0em;} #sitemap li ul{font-size: inherit;padding: 0 0 0 20px;margin: -3px 0 0 0;} #sitemap li ul li{font-size: inherit;padding: 0 0 0 20px;margin: 0;line-height: 1.8em;} /* ---------------------- 3.8 Locations near you ------------------------- */ /*completely revised 4/1/2008*/ /* map image*/ #locationsIntro {margin: auto 20px;} #map #locationsIntro img {border: 0; float:none; margin:20px 0 0 0;} /*becomes tricky here, overruling template setting 4/1/2008*/ #map #print {clear:both;} /* form sections*/ /*adding template ID here is optional, as form is also used on home page, but that code is precede with #home - just to keep it clear and sure */ #map #addressForm {margin: 20px 35px; padding: 0;float:left; width:25em;} #map #addressForm label {color:#922582;display:block; width:95px;line-height:22px;float:left; clear: left;padding: 0;} #map #addressForm select {float:left; font-size:1em; width:13em; border:#dea181 1px solid;color: #36525d;height: 18px;background-color: #fef9f5;margin:3px 0;} /* result table */ #mapresults{font-size: 70%;color: #6B4E3E;line-height: 175%;margin: 20px 20px 20px 20px;padding: 0;border: 0;clear: both;} #mapresults td{vertical-align: top;padding: 10px 20px 10px 20px;border-bottom: 1px #DEA182 dashed;} #mapresults td.tdborderlast{border-right: 1px #DEA182 dashed;border-bottom: 0;} #mapresults td.tdborderlastcorner{border: 0;} #mapresults .tdborder{border-right: 1px #DEA182 dashed;} #mapresults #cityh{width: 8%;font-size: 100%;font-weight: bold;color: #922582;} #mapresults #address{width: 27%;font-size: 100%;font-weight: bold;color: #922582;} #mapresults #contactinfo{width: 70%; font-size: 100%;font-weight: bold;color: #922582;} #mapresults .pinktxt{font-weight: bold;color: #E72691;} /* ------------------------------- 3.9 Feedback page ---------------------------------- */ /* fully revised 10/01/2008 */ #contact {font-size:1em; margin: 5px 0 30px 20px;float:left; color:#000;} #contact label {width: 7em; text-align:right;padding: 0 10px 0 0;float: left;font-size:inherit;line-height:1.5em;} #contact input, #contact textarea {margin: 0; width: 15em; border:1px solid #CC9900; padding:1px;overflow:auto;} #contact #comments {width:25em;} /* only FF not exactly as should? */ #contact p {margin: 20px 0 0 0;} #contact #submit, #contact #reset {width:auto; color:#CC9900;font-weight:bold; font-size:inherit; padding:5px;} #contact #submit {margin-left:7.8em;border-top:none;border-left:none;} #contact #reset {margin-left:1em;border-top:none;border-left:none;} #contact #submit:hover, #contact #reset:hover {color:#B35438;} /* old code table#contact{border: 0;padding: 0;margin: 0 0 0 5px;} table#contact input{height: 16px; color: #36525D; font-size: 70%; border: 1px #DEA181 solid; margin: 3px 0;} table#contact td{ vertical-align: top; line-height:16px;} table#contact p{margin: 0 12px 20px 20px;} table#contact td.label{text-align: right;} table#contact #submit, table #contact #reset{height: 26px;font-weight: bold;color: #C63200;text-decoration: none;padding: 5px 9px 4px 10px;margin: 0 20px 0 0;background-color: #FCD7C5;border: 0;border-right: 1px #C63200 solid;border-bottom: 1px #C63200 solid;} table#contact textarea{width: 264px;height: 70px;color: #36525D;font-size: 70%;border: 1px #DEA181 solid;overflow: auto;} */ /* ------------------------------- 3.10 FAQ ---------------------------------- */ #faq #content #faqList{margin:0 0 0 25px; font-size:1em; } /* change this to reset size for whole list*/ #faq #content ul {margin:10px;} #faq #content ul li {font-size:inherit; line-height:0.2em;} #faq #content #faqList > .faqTitle {font-size:1em; list-style-type:square; color:#495748; margin-top:15px;} /* not all browsers understand*/ #faq #content #faqList ul ul, #faq #content #faqList ul ul ul {list-style-type:disc;} #faq #content ul p {font-size:0.9em; margin:5px 0; line-height:0.2em;} /* ------------------------------- 3.11 EVENTS ---------------------------------- */ .cal {width:86px; height:105px; margin:6px 16px 16px 16px; background:url(images/datebg.gif) no-repeat; float:right;} .calfirst {width:86px; height:105px; margin:22px 16px 16px 16px; background:url(images/datebg.gif) no-repeat; float:right;} h3.eventtitlefirst {font-size: 1.2em; margin-top:16px; margin-bottom:0; font-weight:bold; margin:0 10px 0 10px ; padding-top:15px;} h3.eventtitle {font-size: 1.2em; margin-bottom:0; font-weight:bold;} #events h4 {font-weight:normal; font-size:0.8em;} .date {margin:0 0 10px 10px; display: block; font-size:0.8em; color:#927847; font-weight:bold;} .number {font-size:3em; color:#927847; display:block; margin:9px 4px 0 0; text-align:center;} .month {font-size:1.7em; color:#333; display:block; text-transform:uppercase; margin:-6px 6px 0 0; text-align:center;} /* ------------------------------- 3.12 MULTIMEDIA ---------------------------------- */ #multimedia dl {font-size:0.7em; } /* required images: star_1.gif, star_2.gif, star_3.gif,star_4.gif ,star_5.gif, ratingStar.gif, ratingStarLeft.gif, ratingStarRight.gif, bkgdButton.gif, bkgdButtonLarge.gif, gold_star_empty.png, gold_star_full.png , videoItem.gif, audioIcon.gif, comment.gif, close_button.gif, close_button_hover.gif tab.gif, adminComment.jpg, adminComment2.jpg, play.png, fly_light.jpg */ /*home and basic search template */ body#multiMedia {min-width:955px; } #multiMedia #content { padding:15px 5px 0 0; min-width:650px; } #content #mmTabSelectors {list-style:none; margin:0; padding:0;} #content #mmTabSelectors li { float:left; display:block; width:100px; margin:0 10px 0 0; line-height:35px; font-size:1.5em; text-align: center; } #content #mmTabSelectors li a {background:url(images/AVmodule/tab.gif) no-repeat center top; padding:0; display:block; text-decoration:none; border:none; } #content #mmTabSelectors li a:link, #content #mmTabSelectors li a:visited { color:#EC7A19; } #content #mmTabSelectors li a:hover, #content #mmTabSelectors li a:active {color:#B35438;} #content #mmTabSelectors li a.current{ color:#FFF; background-color: #62A5B8; } #mmSearch { float:right; margin:5px 2px 0 0; position: relative; text-align: right; } #mmSearch #mmSearchItem {width:10em;} #mmSearch input, #mmSearch select { font-size:0.95em; } #mmSearch input#mmSearchLaunch { color:#AE2D1A; background:#F1B149; border:1px solid #ec7a19;} #mmSearch input#mmSearchLaunch:hover { color:#fff; background:#EC7A19; cursor:pointer; border: 1px solid #EC7A19; } #mmSearch #mmChannelSelector { border: 1px solid #AE2D1A; } #mmMain { border:solid 1px #5abbff; clear: both; overflow:hidden; padding: 0 0 10px 0; min-height:350px; } /*overflow:auto to contain the floats*/ #mmMain h2 { font-size:0.7em; margin:15px 25px 15px 15px; text-transform:none; width:auto; float:left; padding: 3px; color: #AE2D1A; } #mmMain h3 { text-transform: capitalize; font-size: 0.8em; margin: 20px 0; clear: both; } #mmMain h3.commentHeading {position:relative;} #mmMain img {margin:0; padding:0; border:none;} #mmMain a { border:none; text-decoration:none; } #mmMain a:link, #mmMain a:visited { color:#6B4E3E; } #mmMain a:hover, #mmMain a:active { color:#B35438; cursor: pointer; } #content #mmCategories { border-bottom:solid 1px #5abbff; margin:0; padding:0; list-style-type:none; font-size:0.7em; margin:0; } #content #mmCategories li {display:inline; line-height:35px; padding:0 7px; margin:0 0 0 -3px; text-align:center; background:url(images/AVmodule/catSeparator.gif) no-repeat right center; text-align:center; } #content #mmCategories li.last {background:none;} #content #mmCategories li a.current{color:#B35438;} #content #mmSort { float:left; list-style-type:none; margin:14px 5px 15px 0; padding:0; } #content #mmSort li { display:inline; font-size:10px; padding:0 7px; } #content #mmSort li a{border:none;text-decoration:underline; text-align:center;} #content #mmSort li a.current{color:#B35438;} #mmItems { margin: 0; padding: 0; clear: both; overflow:hidden; width: 100%; float: left; } /*IE7 */ .mmItem { float:left; position: relative; margin:0 6px 15px 6px; top: 5px; width: 308px; left: 6px; min-height: 100px; } .mmItem object{position:absolute; left:0; top:0; } .mmItem dt, .mmItem dd { font-size:11px; padding:0 10px 5px 160px; margin:0; } .mmRating { float: left; display:block; line-height:25px; padding: 2px 0 0 0; position: absolute; bottom: 5px; } .mmItem .thumbnail{position:absolute; left:0; top:0;border:double;} .mmItem dt, .mmItem dd { padding:0 10px 5px 160px; margin:0; } .videoItem { background:url(images/AVmodule/videoItem.gif) no-repeat center center; width:30px; height:20px; display:block; line-height: 25px; position: absolute; right: 5px; bottom: 2px; } .audioItem { background:url(images/AVmodule/audioIcon.gif) no-repeat center center; width:30px; height:20px; display: block; line-height: 25px; position: absolute; right: 5px; bottom: 0px; } #mmSelectDefaultPageItems { margin: 25px 0; font-size: 10px; text-align:right; padding:5px 15px 5px 5px; } #mmSelectDefaultPageItems select { margin: 0 0 0 5px; font-size: 10px; color: #EC7A19; border: 1px solid #5abbff; } /* Detailed item page */ #mmMain h2.mmItemTitle { float:none; font-size:0.85em; margin:15px 0 15px 11px; text-transform:none; background:none; padding: 0; width: 100%; } #mmItemDetail { float:left; width: 410px; margin: 10px; padding: 0; } #mmItemDetail dl.mmItemFeedback { margin: 0; list-style-type: none; padding: 0; clear: both; border-top: 1px solid #698668; } #mmItemDetail dl.mmItemFeedback dd { margin: 0; padding: 5px 10px 0 35px; background: url(images/AVmodule/comment.gif) no-repeat 4px 0; min-height:25px; } #mmItemDetail dl.mmItemFeedback dd.adminComment{ background:#DEECF8 url(images/AVmodule/adminComment.jpg) no-repeat 2px 2px; color: #115CF3; } #mmItemDetail dl.mmItemFeedback dd.adminComment + dt { font-weight:bold; color:#115CF3; background-color: #deecf8; } #mmItemDetail dl.mmItemFeedback dt{ margin:0 0 0 0; padding: 3px 0 7px 35px; border-bottom:1px solid #5abbff; position: relative; font-size: 11px; } #mmItemDetail dl.mmItemFeedback dt strong {font-weight:bold; font-style:normal; display:inline; text-align:left;} #mmItemDetail dl.mmItemFeedback dt span { position: absolute; right: 3px; } #mmItemDetail p.mmItemFeedbackMsg { clear:both; margin:0 0 15px 11px; } #mmItemDetail a.player {display:block; background:url(images/AVmodule/splash2.png) no-repeat; width:400px; height:300px; padding-bottom:5px; text-align:center; color:#fff; text-decoration:none; cursor:pointer; } #mmItemDetail a.player img {margin-top:120px; border:0} /* splash image */ #mmItemDetail #commentForm { clear:both; margin-bottom:1em; float: left; } #mmItemDetail form.mmComment { float: left; width: 405px; margin: 0; padding: 0 0 10px 0; clear: both; } #mmItemDetail .mmComment label{ margin: 0 10px 0 10px; float:left; width: 5em; } #mmItemDetail .mmComment label.email { width:2.5em; } #mmItemDetail .mmComment p { font-size:1em; clear: both; line-height: 1.4em; padding: 10px 0; margin:0;} #mmItemDetail .mmComment p .metaComment { font-size:9px; line-height:1.2em; padding: 5px 0 0 10px; display:block; float:left; width: 175px; } #mmItemDetail .mmComment .remainingChar { font-size:0.9em; padding:3px 0 0 90px; margin: 0; } #mmItemDetail .mmComment .commentCharCount {width:35px; float: none; font-size:0.9em; margin: 0 0 0 5px; border:hidden;} #mmItemDetail .mmComment textarea { float:left; margin: 5px 0 0 0; border: 1px solid #5abbff; color: #6f6f6f; padding: 1px; } #mmItemDetail .mmComment input { float: left; margin: 0 10px 0 0; width: 120px; border: 1px solid #5abbff; color: #6f6f6f; height: 18px; padding: 1px; line-height: 18px; font-size: 1.1em; } #mmItemDetail .mmComment input#mmCommentLaunch1, #mmItemDetail .mmComment input#mmCommentLaunch2 { margin:6px 0 0 6.5em; float: left; width: 120px; font-size: 12px; color: #AE2D1A; height: 26px; font-weight: bold; line-height:26px; border: none; padding: 0 0 5px 0; border:1px solid #AE2D1A; background:#F1B149; } #mmItemDetail .mmComment input#mmCommentLaunch1:hover, #mmItemDetail .mmComment input#mmCommentLaunch2:hover { color:#fff; cursor: pointer; background:#EC7A19; border:1px solid #EC7A19; cursor: pointer;} #mmItemDetail a.commentFormButton { display:block; width:120px; font-size:11px; height: 24px; text-align:center; font-weight: bold; line-height:24px; position: absolute; top:-5px; right: 8px; text-decoration:none; border:1px solid #AE2D1A; background:#F1B149; color:#AE2D1A; } #mmItemDetail a.commentFormButton:hover { border: 1px solid #EC7A19; background:#EC7A19; color:#fff; cursor: pointer; } #mmItemDetail #mmNavigation { margin:25px 0; width:60%; float:right; } #mmRelatedItems { float:right; width:32%; margin: 10px 10px 0 0; } #mmRelatedItems p.explanation { line-height:normal; padding: 0 0 5px 2px; } #mmRelatedItems p.postDt { line-height:normal; border-bottom:solid 1px #5abbff; padding: 0 0 5px 2px; } #mmRelatedItems h3 { width:5em; float: left; margin: 2px 2px 2px 2px; } #mmRelatedItems #mmSearchRelated { float:left; width: 5em; } #mmRelatedItems #mmSearchRelated select { font-size:11px; margin: 0 0 0 25px; } #mmRelatedItems .mmRelatedItemsList { position:relative; min-height:350px; overflow: auto; clear: both; padding: 0 0 0 5px; font-size: 11px; height: 350px; top: 10px; } #mmRelatedItems .mmRelatedItemsList ul { list-style-type:none; margin: 0 0 10px 0; float: left; } #mmRelatedItems .mmRelatedItemsList ul li { font-size:11px; line-height:1.75em; } #mmRelatedItems .mmRelatedItemsList dt { margin:10px 0 5px 0; clear:both; } #mmRelatedItems .mmRelatedItemsList object { float:left; width:75px; margin: 0 5px 0 0; } #mmRelatedItems .mmRelatedItemsList .thumbnail { float:left; width:75px; margin: 0 5px 0 0; } #mmRelatedItems .mmRelatedItemsList dd { border-bottom:solid 1px #5abbff; margin:5px 0; float: left; width: 99%; min-height: 65px; position: relative; padding: 0 0 3px 0; } #mmRelatedItems .videoItem, #mmRelatedItems .audioItem { position:absolute; width:30px; height:20px; padding: 0; top: 0px; left: 80px; } #mmRelatedItems .mmRating { position: absolute; left: 80px; bottom: 5px; top: 40px; width: 75px; } /* add width for IE6*/ #mmRelatedItems .viewsRelated {position: absolute; left: 80px;top: 20px;} /* search results */ #content #searchResults { border-bottom:solid 1px #698668; background-color:#fff; margin:0; padding:0 0 0 10px; font-size:0.8em; font-weight: bold; line-height: 40px; color: #330; } #mmMain #Paginator { clear:both; margin:0 auto; text-align: center; font-size:10px; padding: 0 0 5px 0; position: relative; top: 25px; } #mmMain #Paginator a {padding: 2px 6px; border: solid 1px #ddd; background: #fff; color:#B35438; text-decoration: none;} #mmMain #Paginator a:hover { color: #FFF; background: #1FA0B3; border:1px solid #5abbff; text-decoration: none; } #mmMain #Paginator a:visited { padding: 2px 6px; border: solid 1px #ddd; text-decoration: none; } #mmMain #Paginator .AtStart, #mmMain #Paginator .AtEnd {padding: 2px 6px; color: #aaa; border: solid 1px #ddd;} #mmMain #Paginator .Prev, #mmMain #Paginator .Next {padding: 2px 6px; border: solid 1px #ddd; } #mmMain #Paginator .break { padding: 2px 6px; border: none; text-decoration: none; } #mmMain #Paginator .this-page { padding: 2px 6px; font-weight: bold; color: #FF0084; border: none; } #mmMain .Results { text-align: center; font-size: 10px; color: #aaa; margin:5px auto; display: block; clear: both; } /* upload mmItems */ #content #mmRelatedItems .mmInvite { display:block; height:100px; border:solid 1px #5abbff; font-size:11px; padding:3px; position: relative; top: 15px;} #content #mmRelatedItems .mmInvite a {text-decoration:none;} #mmUpload { position:absolute; left:-17%; top:75px; width:650px; background:#fff; border:2px solid #115CF3; padding: 10px; z-index:20; visibility: visible; min-height:450px; } #mmUpload p { font-size:1em; clear: both; margin: 0; padding: 7px 0; } #mmUpload p.copyrightCheck { font-size:10px; padding-left:120px; line-height: 12px; } #mmUpload p.fileFormat { text-align:center; font-size:9px; line-height: 10px; } #mmUpload p.fileFormat em { color:#EC7A19; font-weight: bold; } #mmUpload h2 { margin:0 0 1em 0; padding:0; font-size:0.9em; text-transform: none; } #mmUpload fieldset { border:none; margin:0 5em 1em 0; clear:both; padding: 0; } #mmUpload fieldset.personalData { border-bottom:solid 1px #ccc; padding:0 0 2em 0; } #mmUpload label { width:120px; float:left; font-size: 10px; line-height: 11px; font-weight: bold; } #mmUpload label.col2Label { padding-left:28px; width: 100px; } #mmUpload label.radioLabel { width:40px; padding: 0; } #mmUpload label.mmChanelLabel {width:250px;} #mmUpload input, #mmUpload textarea, #mmUpload select { padding:0 2px; } #mmUpload input, #mmUpload select { width:165px; float: left; font-size: 12px; height:18px; } #mmUpload input#fullName, #mmUpload input#mediaTitle, #mmUpload textarea#mediaDescription{ width:460px; } #mmUpload input[type="radio"], #mmUpload input[type="checkbox"] {width:auto; margin: -1px 3px 0 0; border:none;} #mmUpload input#browseMedia, #mmUpload input#upload, #mmUpload input#cancelUpload { color:#AE2D1A; width:100px; font-weight:bold; font-size:11px; border: 1px solid #AE2D1A; background: #F1B149; padding:5px; line-height: 1.8em; height: auto; margin: 0 5px 5px 15px; } #mmUpload input#browseMedia:hover, #mmUpload input#upload:hover, #mmUpload input#cancelUpload:hover { color:#fff; cursor:pointer; background: #EC7A19; border: 1px solid #EC7A19; cursor: pointer; } #mmUpload input#cancel { width:100px; height: 24px; font-weight:bold; font-size:11px; padding-left:2px} #mmUpload input#browseMedia{width:460px; } #mmUpload input#upload { margin-left:120px; } #mmUpload input#mediaUpload { margin: 0 5px 0 0; height: 22px; width: 350px; } #mmUpload input#cancelUpload { } #mmUpload input#copyrightCheck { display: block; margin: 2px 2px 40px 0; } #mmUpload #emailAddressConfirm {width:161px;} #mmUpload #country {width:167px;} #mmUpload a.closeWindow { display:block; background:url(images/AVmodule/close_button.gif) no-repeat top right; float:right; width:27px; height:27px; border: none; text-decoration: none; } #mmUpload a.closeWindow:hover { background:url(images/AVmodule/close_button_hover.gif) no-repeat right top; } #upload_target {border:hidden; font-size:0.9em; width:95%; height:50%; padding:5px; margin:10px auto 0 auto; overflow:hidden; color:#B35438; } #upload_target pre {font-weight:bold;} #TermsOfUse {height:330px;} #mmUpload #termsOfUseContent{font-size:10px; overflow:auto; padding:5px; height:300px; border: 1px solid #5abbff; } #mmUpload #termsOfUseContent p { font-size:10px; line-height:12px; padding: 3px 0; } #mmUpload input.backButton {width:100px; background:url(images/AVmodule/bkgdButton.gif) no-repeat center center; border:none; height:24px; font-weight:bold; font-size:11px; padding:0 0 2px 0 } /* rating & voting */ #mmItemDetail ul.mmObjectSubTitles { list-style-type:none; margin: 10px 0 0 0; position: relative; font-size: 10px; padding: 0 0 0 0; clear: both; } #mmItemDetail ul.mmObjectSubTitles li { padding: 0 10px; line-height: 26px; float: left; } #mmItemDetail ul.mmObjectSubTitles li.rating { } #mmItemDetail ul.mmObjectSubTitles li.rating img { padding: 0 0 0 5px; } #mmItemDetail ul.mmObjectSubTitles div { float: left; } #mmItemDetail ul.mmObjectSubTitles #rate1 { width:150px; float: left; } #mmItemDetail ul.mmObjectSubTitles #rate1 div { display:block; float: left; } #mmItemDetail ul.mmObjectSubTitles #rate1 div.starContainer { position:absolute; display: block; left: 50px; top: 5px; height:18px;} #mmItemDetail ul.mmObjectSubTitles #ratingMessage { padding:0 0 0 5px; width: 55px; } #mmItemDetail ul.mmObjectSubTitles .views { float: left; width: 50px; } #mmItemDetail ul.mmObjectSubTitles li.download { margin: 0 4px 0 20px; position: absolute; right: 0px; width: 70px; } #mmMain #mmItemDetail ul.mmObjectSubTitles li.download a { border:#EC7A19 1px solid; height: 26px; line-height: 26px; text-decoration:none; text-align: center; font-size: 11px; color:#AE2D1A; background:#F1B149; padding:5px; font-weight: bold; } #mmMain #mmItemDetail ul.mmObjectSubTitles li.download a:hover { background:#EC7A19; border: 1px solid #EC7A19; color:#FFF; } #mmItemDetail .star-rating { cursor: pointer; clear: both; display: block; } #mmItemDetail .star-rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden; } #mmItemDetail .cancel, #mmItemDetail .star { float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; cursor: pointer; } #mmItemDetail .star-left, #mmItemDetail .star-right { width: 8px } #mmItemDetail .cancel, #mmItemDetail .cancel a { background: url(delete.gif) no-repeat 0 -16px; } #mmItemDetail .star, #mmItemDetail .star a { background: url(images/AVmodule/ratingStar.gif) no-repeat 0 0; } #mmItemDetail .star-left, #mmItemDetail .star-left a { background: url(images/AVmodule/ratingStarLeft.gif) no-repeat 0 0; } #mmItemDetail .star-right, #mmItemDetail .star-right a { background: url(images/AVmodule/ratingStarRight.gif) no-repeat 0 0; } #mmItemDetail .cancel a, #mmItemDetail .star a { display: block; width: 100%; height: 100%; background-position: 0 0; } #mmItemDetail div.star-rating div.on,#mmItemDetail div.star-rating div.on a { background-position: 0 -16px; } #mmItemDetail div.star-rating div.hover a,#mmItemDetail div.star-rating div a:hover { background-position: 0 -32px; } #mmItemDetail #ratingmsg { text-align: left; font-size: 9px; color:#aaa; min-height:15px; width: 100px; margin: -5px 0 0 50px; clear: both; } /* general form management with javascript / DOM */ #dim{position:fixed; z-index:20; top:0; left:0; height:100%; width:100%; background: url('images/dim.png'); display:none; text-align:left; } .hidden {display: none; } .unhidden {display: block; } .visible {visibility:visible;} .invisible {visibility:hidden;}