/* * PALBASE (C) 2010 http://www.zenn.pt * Developed by David Oliveira | david.oliveira@zenn.pt */ /****************************************************************** RESET CSS ******************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /****************************************************************** MASTER PAGE - STRUCTURE ******************************************************************/ /* Structure */ #Page { width:1000px; margin:0px auto 0px auto; position:relative; } #Page-Header {position:relative; width:1000px; height:246px; background:url(../images/default-misc.png) no-repeat 0px 0px; } #Logotipo {position:absolute; top:30px; left:40px;} #Flags {position:absolute; top:40px; right:20px;} .Flag { width:32px; height:32px; display:block; float:left; cursor:pointer;} .Flag-Pt {background:url(../images/default-misc.png) no-repeat 0px -246px;} .Flag-Es {background:url(../images/default-misc.png) no-repeat -32px -246px;} .Flag-En {background:url(../images/default-misc.png) no-repeat -64px -246px;} .Flag-Fr {background:url(../images/default-misc.png) no-repeat -98px -246px;} .Flag-Ru {background:url(../images/default-misc.png) no-repeat -324px -246px;} #Search {position:absolute; top:44px; right:200px; width:172px; height:24px;} #Search > form {position:relative;} #SearchButton { position:absolute; top:0px; left:0px; background:url(../images/default-misc.png) no-repeat -148px -246px; width:23px; height:24px; border:0px; cursor:pointer;} #SearchValue { position:absolute; top:0px; left:23px; background:url(../images/default-misc.png) no-repeat -171px -246px; width:137px; height:17px; border:0px; font-size:11px; color:#7D7D7D; padding:3px 10px 4px 2px;} #ContactUs {position:absolute; top:130px; right:30px;} #Menu {position:absolute; top:135px; left:45px; } #Menu a, #Menu a:hover { display:block; float:left; font-family:Arial, Tahoma; color:#FFFFFF; font-size:14px; text-decoration:none; margin-right:20px; padding-bottom:5px;} .MenuItem-Selected {border-bottom:3px solid #0054A6;} #Page-Middle { position:relative; min-height:50px; background:url(../images/page-middle-bg.png); display:table-cell; padding-bottom:35px;} #Page-Middle-Left {position:relative; float:left; width:320px; padding-right:30px;} #Page-Middle-Right {position:relative; float:left; width:650px;} #Page-Footer { clear:both; position:relative; height:100px; background:url(../images/page-middle-bg.png) no-repeat 0px -119px;} #NoticesBar { position:relative; height:59px; background:url(../images/notices-bg.png); border-bottom:3px solid #000000;} #NoticesBar-Admin { position:absolute; top:-23px; left:160px;} #NoticesBar-Title { position:absolute; top:-25px; left:0px; width:150px; height:25px; line-height:25px; background:#0054A6; text-align:center; font-family:Arial, Tahoma; color:#FFFFFF; font-size:13px; font-weight:bold;} #NoticesBar-Prev {position:absolute; top:20px; left:20px; width:10px; height:20px; background:url(../images/default-misc.png) no-repeat -128px -246px; cursor:pointer;} #NoticesBar-Next {position:absolute; top:20px; right:50px; width:10px; height:20px; background:url(../images/default-misc.png) no-repeat -138px -246px; cursor:pointer;} #NoticesBar-Items { position:absolute; top:22px; left:40px; width:885px;} .NoticesBar-Item { display:none; color:#FFFFFF; font-size:13px;} .NoticesBar-Item-Admin {display:block; position:absolute; top:-43px; left:255px;} #NoticesBar-Twitter {position:absolute; top:10px; right:5px; background:url(../images/default-misc.png) no-repeat -487px -246px; width:36px; height:39px; text-decoration:none;} #WebsiteInfo {position:relative; color:#FFFFFF; font-size:11px; font-family:Tahoma, Verdana; margin-top:3px; height:30px;} #Copyright { position:absolute; top:0px; left:0px;} #DevelopedBy { position:absolute; top:0px; right:0px;} #DevelopedBy a, #DevelopedBy a:hover {text-decoration:none; color:#FFFFFF;} /****************************************************************** PAGES & CONTROLS ******************************************************************/ /* Iframe Form */ .Iframe {margin:0px; padding:0px; background:#FFFFFF; color:#000000; font-size:12px;} .Iframe h1 { font-size:13px; margin-bottom:10px;} .Iframe label {display:block; margin-top:6px;} .Iframe input[type="text"], .Iframe textarea {padding:2px; color:#6A6969; border: 1px solid; border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; font-family:Tahoma, Arial, Trebuchet MS; font-size:11px; width:170px;} .Iframe td {vertical-align:top; padding-bottom:10px; padding-right:5px;} .Iframe input[type="submit"] {font: bold 1.1em Arial, Sans-serif; margin: 0px; padding: 2px 3px; color:#555; background:#E6E6E6; cursor:pointer; border:1px solid #d4d4d4;} .Iframe-Status { color:#A7743B; font-weight:bold; font-family:Tahoma; font-size:1.1em; } /* BlueButton */ .BlueButton {background:url(../images/default-misc.png) no-repeat -522px -246px; width:156px; height:22px; line-height:22px; padding-bottom:3px; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:center; text-decoration:none; cursor:pointer;} /* ContentData */ .ContentData {color:#FFFFFF; margin-top:38px; margin-right:20px;} .ContentDownload { margin-top:10px;} .ContentDownload a, .ContentDownload a:hover {color:#FFFFFF; display:block; text-decoration:none; padding:5px;} .ContentDownload-Odd {background:url(../images/productsmenu-subcategorysub.png);} .ContentDownload-Even {background:url(../images/productsmenu-subcategory.png);} /* SearchResults */ #SearchResults {color:#FFFFFF; margin-top:38px; margin-right:20px;} #SearchResults a, #SearchResults a:hover {color:#FFFFFF; display:block; text-decoration:none; padding:5px;} .SearchResult-Odd {background:url(../images/productsmenu-subcategorysub.png);} .SearchResult-Even {background:url(../images/productsmenu-subcategory.png);} /* ProductsMenu */ #ProductsMenu {} #ProductsMenu, #ProductsMenu a, #ProductsMenu a:hover { font-family:Arial, Tahoma; color:#FFFFFF; font-size:12px; text-decoration:none; display:block; position:relative; } #ProductsMenu-Title {width:150px; height:25px; line-height:25px; background:#0054A6; text-align:center; font-size:13px; font-weight:bold; margin-bottom:20px;} #ProductsMenu-Admin { float:right; margin-top:-42px;} #CategoryMainSelectedSquare {position:absolute; top:45px; left:0px; background:#0054A6; width:30px; height:22px;} .ProductsMenu-Items-Admin {position:absolute; top:0px; right:-20px;} #ProductsMenu-Items { margin-left:30px;} #ProductsMenu .Level1 { border-top:1px solid #0054A6; padding:4px;} #ProductsMenu .Level2 { padding:4px 4px 4px 20px; margin-bottom:1px; background:url(../images/productsmenu-subcategorysub.png);} #ProductsMenu .Level3 { padding:4px 4px 4px 45px;} #ProductsMenu .Level4 { padding:4px 4px 4px 65px;} #ProductsMenu .Level3, #ProductsMenu .Level4 {margin-bottom:1px; background:url(../images/productsmenu-subcategorysub.png);} #ProductsMenu .SubLevel {display:none; /*border:1px solid red;*/} #ProductsMenu .SubLevel1 {border-top:1px solid #0054A6;} #ProductsMenu .Arrow {display:block; float:left; background:url(../images/default-misc.png) no-repeat -128px -266px; width:4px; height:7px; margin:3px 4px 0px 0px;} #ProductsMenu .Selected, #ProductsMenu .Selected:hover { font-weight:bold; color:#D6D6D6; font-size:13px;} #ProductsMenu .SelectedBg, #ProductsMenu .SelectedBg:hover { background:url(../images/productsmenu-subcategory.png);} /* ProductsHome */ #ProductsHome { border-top:1px solid #000000; border-bottom:2px solid #000000;} #ProductsHome table {width:100%;background:url(../images/ProductsHome-Bg.png);} #ProductsHome tr {} #ProductsHome td {} .ProductsHome-Sep { vertical-align:middle; text-align:center; padding:0px 10px 0px 10px;} .ProductsHome-Photo { width:30%; background:#FFFFFF; vertical-align:middle; text-align:center; padding:10px;} .ProductsHome-Info { padding-top:5px;} .ProductsHome-Info a, .ProductsHome-Info a:hover {color:#FFFFFF; font-weight:bold; font-size:13px; text-decoration:none; cursor:pointer;} /* ProductsList */ #ProductsList-Title { margin-top:44px;min-width:176px; display:block; float:left; background:#2D2E30; padding:3px 7px 3px 7px; text-align:center; color:#FFFFFF; font-family:Arial, Tahoma; font-size:14px;} #ProductsList-Admin {margin-top:44px; display:block; padding-left:10px;} #ProductsList { width:100%;} #ProductsList tr {border-bottom:1px solid #000000;} #ProductsList-Empty {color:#FFFFFF; text-align:left;} .ProductsList-Item-Thumbnail { width:190px; height:109px; background:#FFFFFF; text-align:center; vertical-align:middle;} .ProductsList-Item-Content {background:#E6EEF6;} .ProductsList-Item-Content > div {position:relative; height:109px; padding:5px 10px 30px 10px;} .ProductsList-Item-Title { font-size:13px; font-weight:bold; padding-bottom:10px;} .ProductsList-Item-Title a, .ProductsList-Item-Title a:hover {text-decoration:none; color:#000000;} .ProductsList-Item-Description { font-size:12px; text-align:justify;} .ProductsList-Item-More { position:absolute; bottom:0px; right:0px; background:#0054A6; display:block; width:100px; line-height:25px; cursor:pointer; z-index:4; color:#FFFFFF; text-decoration:none; text-align:center; font-size:13px;} .ProductsList-Page {border:1px solid #000000; color:#000000; background:#FFFFFF; display:inline-block; padding:3px 6px 3px 6px; font-family:Arial, Tahoma; font-size:11px; text-decoration:none;} .ProductsList-Page-Selected {color:#0054A6; font-weight:bold;} /* ProductInfo */ #ProductInfo { width:100%; position:relative; margin-top:44px;} #ProductInfo-ProductsList { font-size:12px; height:100px; width:190px; color:#FFFFFF; border-right:1px solid #616467;border-left:1px solid #616467; background:url(../images/ProductInfo-ProductsList-Bg.png);} #ProductInfo-Photo { position:relative; text-align:center; vertical-align:middle; width:650px; height:300px; padding:0px 0px 30px 0px;} .ProductInfo-Photo-Slide {display:none;} #ProductInfo-Photo-Prev {position:absolute; top:100px; left:0px; width:26px; height:43px; background:url(../images/default-misc.png) no-repeat -434px -246px; cursor:pointer; z-index:10;} #ProductInfo-Photo-Next {position:absolute; top:100px; right:20px; width:26px; height:43px; background:url(../images/default-misc.png) no-repeat -461px -246px; cursor:pointer; z-index:10;} #ProductInfo-Budget {position:absolute; top:295px; right:30px;} #ProductInfo-Title { width:470px; height:29px; line-height:29px; background:#CDCDCD; padding-left:9px;} #ProductInfo-Description { padding:15px; color:#FFFFFF; text-align:justify; font-size:12px; vertical-align:top;} #ProductInfo-Downloads { width:187px; background:url(../images/ProductInfo-ProductsList-Bg.png); vertical-align:top;} #ProductInfo-Downloads-Title {font-size:13px; height:29px; line-height:29px; padding-left:5px; color:#FFFFFF; background:url(../images/ProductInfo-ProductsList-Bg.png);} #ProductInfo-Admin {position:absolute; top:307px; left:0px;} #ProductInfo-Admin > span {margin-right:15px;} .ProductInfo-Items-Title { width:180px; color:#FFFFFF; font-size:12px; border-bottom:1px solid #161718;border-top:1px solid #161718; background:url(../images/ProductInfo-ProductsList-Sep-Bg.png); height:15px; line-height:15px;} .ProductInfo-Items-Title, .ProductInfo-Items { padding:5px;} .ProductInfo-Items a, .ProductInfo-Items a:hover {text-decoration:none; color:#FFFFFF; display:block; margin-bottom:5px; font-size:11px;} /* ProductBudget */ .ProductBudget { font-size:11px;} /****************************************************************** GENERAL ******************************************************************/ /* Standard Elements */ body { background:url(../images/background.jpg) top center; font-family:Arial, Trebuchet MS; font-size:12px; } /* TitlePage */ #TitlePage { display:none; } /* Loading Page */ #LoadingPage {position:relative;} #LoadingPage-Content { text-align:center; padding-top:100px;} /* Error Page */ #ErrorPage {} #ErrorPage-Content { text-align:left; font-family:Arial, Tahoma; font-size:14px; font-weight:bold; padding:30px 5px; color:#FFFFFF;} /* Admin Controls */ .AdminOptionBtn { cursor:pointer; font-family:Tahoma, Verdana; font-weight:bold; font-size:12px; color:#A7743B; z-index:99;} .AdminOptionBtn img { vertical-align:middle;} /* Icons */ .Icon-Video {background:url(../images/default-misc.png) no-repeat -132px -266px; width:8px; height:6px;} .Icon-File {background:url(../images/default-misc.png) no-repeat -140px -266px; width:8px; height:11px;} .Icon { display:inline-block; vertical-align:middle;} .Icon-Picture {background:url(../images/default/icons.png) no-repeat 0px 0px; width:24px; height:20px;} .Icon-Edit {background:url(../images/default/icons.png) no-repeat -25px 0px; width:20px; height:20px;} .Icon-Edit-Small {background:url(../images/default/icons.png) no-repeat -101px -26px; width:17px; height:17px;} .Icon-Download {background:url(../images/default/icons.png) no-repeat -50px 0px; width:19px; height:20px;} .Icon-Add {background:url(../images/default/icons.png) no-repeat -75px 0px; width:19px; height:20px;} .Icon-Add-Small {background:url(../images/default/icons.png) no-repeat 0px -25px; width:16px; height:17px;} .Icon-Delete {background:url(../images/default/icons.png) no-repeat -100px 0px; width:20px; height:20px;} .Icon-Email-Send {background:url(../images/default/icons.png) no-repeat -25px -25px; width:21px; height:20px;} .Icon-True {background:url(../images/default/icons.png) no-repeat -50px -25px; width:20px; height:20px;} .Icon-False {background:url(../images/default/icons.png) no-repeat -75px -25px; width:20px; height:20px;} .Icon-Users {background:url(../images/default/icons.png) no-repeat -100px -25px; width:20px; height:20px;} .Icon-UserEdit {background:url(../images/default/icons.png) no-repeat 0px -50px; width:20px; height:20px;} .Icon-UserDelete {background:url(../images/default/icons.png) no-repeat -25px -50px; width:20px; height:20px;} /* Smiles */ .Smile { display:inline-block; vertical-align:middle;} .Smile-Crap {background:url(../images/default/smiles.png) no-repeat 0px 0px; width:19px; height:18px;} .Smile-Thumbup {background:url(../images/default/smiles.png) no-repeat 0px -53px; width:26px; height:18px;} /* FACEBOX */ #facebox .b { background:url(../images/facebox/b.png); } #facebox .tl { background:url(../images/facebox/tl.png); } #facebox .tr { background:url(../images/facebox/tr.png); } #facebox .bl { background:url(../images/facebox/bl.png); } #facebox .br { background:url(../images/facebox/br.png); } #facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup { position: relative; } #facebox table { border-collapse: collapse; } #facebox td { border-bottom: 0; padding: 0; } #facebox .body { padding: 10px; background: #fff; width: 370px; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox .footer { /*border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px;*/ text-align: right; } #facebox .close { position:absolute; top:10px; right:15px; display:block; background:url(../images/facebox/closelabel.gif); width:17px; height:22px; cursor:pointer;} #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 99; } * html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }