/* CSS Stylesheet written by Romi Dumitrescu at Adworks Media -- www.adworks.ro */ /* Copyright 2008 Adworks Media, All Rights Reserved */ /* Have a nice day! */ /* RESET ================================================================== */ 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, caption, tbody, tfoot { margin: 0; padding: 0; border: 0; outline: 0; } table, tr, th, td { margin: 0; padding: 0; outline: 0; font-size: 100%; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; }/* remember to define focus styles! */ ins { text-decoration: none; }/* remember to highlight inserts somehow! */ del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */ /* GENERAL ================================================================== */ html, body { padding:0; margin:0; } body { overflow:-moz-scrollbars-vertical; /*background: #fff url("main.gif"/*tpa=http://www.remembertoday.ro/images/main.gif*/) 50% 0 repzeat;*/ background:#fff; } a img { border: 0px; } img.centered { display: block; margin: 0 auto;} small { font-size: 9px; } big { } img { -ms-interpolation-mode: bicubic; } /* IE will rander html resized images decent */ .clear { clear:both; } div.clear { height: 0; clear: both; width: 100%; font-size: 0;line-height: 0; } /* fix for older browsers */ #wrapper div.clear { height: 0px; } .right { float: right; } .left { float: left; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } #wrapper img { vertical-align:middle; } .disabled { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; cursor:default; } .hidden { display: none; } /* DEFAULT TYPE ================================================================== */ body { font:normal 12px/15px Arial, Helvetica, sans-serif; color:#333; } a { color:#000; text-decoration:none; cursor:pointer; cursor:hand; } a:hover { border-bottom: 1px dotted #000; } /* MAIN CONTAINERS ================================================================== */ #wrapper { width:980px; margin:0 auto; position:relative; background:#fff; z-index:0; } #top-bar { display:block; width:980px; border-bottom: 5px solid #000; height:41px; overflow: auto; background:#fff; z-index:10; position:relative; } /* @media screen { div#wrapper>div#top-bar { position: fixed; } } */ #header { position:relative; } #under-header { height:194px; position:relative; } /* GRID */ .column { display:block; float:left; } .x1col { width:196px; } .x2col { width:392px; } .x3col { width:588px; } .x4col { width:784px; } .x5col { width:980px; } .x1col-slim { width:176px; margin:0 10px 10px 10px; } .x2col-slim { width:372px; margin:0 10px 10px 10px; } .x3col-slim { width:568px; margin:0 10px 10px 10px; } .x4col-slim { width:764px; margin:0 10px 10px 10px; } .x5col-slim { width:960px; margin:0 10px 10px 10px; } .column.last { margin-bottom: 0 !important; } .column, .x1col, .x2col, .x3col, .x4col, .x5col, .column:after, .x1col:after, .x2col:after, .x3col:after, .x4col:after, .x5col:after, .x1col-slim, .x2col-slim, .x3col-slim, .x4col-slim, .x5col-slim, .x1col-slim:after, .x2col-slim:after, .x3col-slim:after, .x4col-slim:after, .x5col-slim:after { zoom:1; } .smallx { font-size: 0.8em; } /* HEADER ================================================================== */ form#filter-bar { padding:0 10px; display:block; height:39px; border-bottom: 1px solid #000; } form#filter-bar label { font:bold italic 13px/23px Georgia, "Times New Roman", Times, serif; letter-spacing:-0.01em; color:#666; padding-right:10px;} form#search-bar label { font:bold italic 13px/23px Georgia, "Times New Roman", Times, serif; letter-spacing:-0.01em; color:#666; padding-right:10px;} fieldset.date-picker { display:block; height:23px; width:210px; position:absolute; top:8px; left:-5px; } fieldset.category-picker { display:block; height:23px; width:240px; position:absolute; top:8px; left:266px; } fieldset.search { display:block; height:23px; width:250px; position:absolute; top:8px; right:10px; } fieldset.date-options { display:block; height:23px; width:23px; position:absolute; top:8px; left:206px; } .category-picker-panel { display:block; position:absolute; z-index:30; top:33px; left:340px; padding:2px; border:1px solid #000; background:#fff; width:310px; -o-box-shadow: 3px 3px 0px rgba(0,0,0,0.3); -icab-box-shadow: 3px 3px 0px rgba(0,0,0,0.3); -khtml-box-shadow: 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 3px 3px 0px rgba(0,0,0,0.3); } .category-picker-panel ul { padding:7px 5px 0 5px; } .category-picker-panel ul li { float:left; width:150px; display:block; height:20px; line-height:20px; } .category-picker-panel ul li.special { width:300px; border-top: 1px dotted #000; padding: 3px 0; margin:2px 0;} .category-picker-panel p { display:block; height:29px; line-height:29px; background:#000; text-align:right; padding:0 13px; } .category-picker-panel a.submit-btn { font:bold italic 13px/29px Georgia, "Times New Roman", Times, serif; letter-spacing:-0.01em; color:#fff; } .category-picker-panel a.submit-btn:hover { text-decoration:underline; } input, textarea, select { overflow-x: hidden; overflow-y: auto; } input.regular-tf { font: bold 12px/14px Arial, Helvetica, sans-serif; color:#000; outline:0; border:1px dotted #000; padding:5px 3px; background: url("input-white-bg.gif"/*tpa=http://www.remembertoday.ro/images/input-white-bg.gif*/) 0 0 repeat; } input.regular-tf:focus, input.regular-tf:hover { border:1px solid #000; } p.date-holder, p.search-holder, a.options-holder { background:#fff; border:1px dotted #000; height:21px; width:100px; } p.search-holder { width:172px; } a.options-holder { width:21px; display:block; text-indent: -10000px; background:url("gui-top.gif"/*tpa=http://www.remembertoday.ro/images/gui-top.gif*/) -67px -64px no-repeat; } /* a.options-holder:hover { background-position: -67px -97px; } <--disabled */ p.date-holder:hover, p.date-holder:active, p.search-holder:hover, p.search-holder:active { border:1px solid #000; } input.regular-tf.date { border: 0px; width:64px; padding:3px 5px 2px 5px; line-height:14px; cursor:pointer; cursor:hand; } input.regular-tf.search { border: 0px; width:133px; padding:3px 5px 2px 5px; line-height:14px; } a.category-picker-btn { font: bold 12px Arial, Helvetica, sans-serif; color:#000; border:1px dotted #000; height:16px; padding:3px 28px 2px 5px; background:url("gui-top.gif"/*tpa=http://www.remembertoday.ro/images/gui-top.gif*/) 3px -162px no-repeat; } a.category-picker-btn:hover, a.category-picker-btn:active { border:1px solid #000; } a.search-btn { display:block; height:21px; width:29px; text-indent:-10000px; background: url("gui-top.gif"/*tpa=http://www.remembertoday.ro/images/gui-top.gif*/) -25px 0px no-repeat; } a.search-btn:hover { background-position: -25px -29px; } /* LOGO */ a#logo { display:block; height:176px; width:176px; text-indent:-10000px; background:url("logo_remember_today.jpg"/*tpa=http://www.remembertoday.ro/images/logo_remember_today.jpg*/) 0 0 no-repeat; position:absolute; top: 10px; left:10px; } a#logo:hover { border:0; } /*Banner 728x90*/ .banner-728x90 { display:block; height:90px; width:728px; border:1px dotted #000; padding: 9px 9px 9px 25px; background:url("ad-text.gif"/*tpa=http://www.remembertoday.ro/images/ad-text.gif*/) 8px 9px no-repeat; position:absolute; right:10px; top:43px; } .banner-728x90 span { display:block; height:90px; width:728px; background:url("banner_728x90_bg.gif"/*tpa=http://www.remembertoday.ro/images/banner_728x90_bg.gif*/) 0 0 no-repeat; } /*View Switcher*/ #switch { position:absolute; bottom:3px; right:10px; display:block; width:47px; height:23px; } a.list-view, a.brickwall-view { display:block; height:23px; width:23px; background-image: url("gui-top.gif"/*tpa=http://www.remembertoday.ro/images/gui-top.gif*/); text-indent:-10000px; position:absolute; bottom:0px; } a.list-view { background-position: 0 -63px; left:0; } a.list-view.activ { background-position: 0 -129px; } a.list-view:hover { background-position: 0 -96px; border:0; } a.brickwall-view { background-position: -33px -63px; right:0; } a.brickwall-view:hover { background-position: -33px -129px; border:0; } a.brickwall-view.activ { background-position: -33px -96px; } /* NEWSPAPER ================================================================== */ /*Box*/ #news { overflow: auto; /* clearing floats */ padding-top:4px; margin-bottom:50px; width:1000px; } #single { overflow: auto; /* clearing floats */ padding-top:4px; margin-bottom:50px; width:1000px; } /*NEWSPAPER - BRICKWALL VIEW*/ #news div.article { width: 196px; margin:-4px 0 1px 0; padding:0; float: left; background: #fff; display: inline; /* IE6 fix */ } #news div.article div.header { display:block; width:176px; margin:0 10px; padding:2px 0; border-top: 3px solid #000; border-bottom:1px solid #000; } #news div.article div.header h3 { display:block; float:left; font:bold 12px/20px Arial, Helvetica, sans-serif; letter-spacing:0.03em; text-transform:uppercase; color:#fff; padding: 0px 4px; } #news div.article div.header a.filter-category { display:block; width: 27px; height:20px; background:#000 url("arhiva_ico.gif"/*tpa=http://www.remembertoday.ro/images/arhiva_ico.gif*/) 0 top no-repeat; text-indent:-10000px; float:left; margin-left:1px; } #news div.article div.header a.filter-category:hover { border:0; background-position:0 bottom; } #news div.article a.image { display:block; width:176px; height:176px; margin:2px 10px 0 10px; padding-bottom:2px; position:relative; border-bottom:1px dotted #000; } #news div.article a.image span { position:absolute; top:0px; left:0px; display:block; height:176px; width:176px; background:url("img_cross.png"/*tpa=http://www.remembertoday.ro/images/img_cross.png*/) 0 0 no-repeat; cursor:pointer; cursor:hand; } #news div.article h2 { margin:0 10px; font: italic 18px/19px Georgia, "Times New Roman", Times, serif; padding:10px 0; letter-spacing:0.03em; border-bottom: 1px dotted #000; overflow:hidden; } #news div.article h2 a { color:#000; } #news div.article h2 a:hover { border:0; text-decoration:underline; } #news div.article p.content { margin:0 10px; padding:10px 0; border-bottom: 1px dotted #000; overflow:hidden; } #news div.article p.releasedate { margin:0 10px; font:bold 9px/13px Arial, Helvetica, sans-serif; color:#000; padding-top:6px; } #news div.article h6 { margin:0 10px; font:bold 9px/13px Arial, Helvetica, sans-serif; color:#000; background: url("article_bottom_bg.gif"/*tpa=http://www.remembertoday.ro/images/article_bottom_bg.gif*/) 0 bottom repeat-x; padding-bottom:26px; } #news div.article h6 a { color:#3399ff; text-decoration:none; } #news div.article h6 a:hover { text-decoration:underline; } /*Banner 160x160*/ #news div.banner-160x160 { width: 176px; margin:-4px 10px 1px 10px; padding:20px 0 0 0; float: left; background: #fff; display: inline; /* IE6 fix */ border-top: 3px solid #000; background: url("article_bottom_bg.gif"/*tpa=http://www.remembertoday.ro/images/article_bottom_bg.gif*/) 0 bottom repeat-x; } #news div.banner-160x160 p { padding:7px; display:block; width:160px; height:160px; border:1px dotted #000; background:url("banner_160x160_bg.gif"/*tpa=http://www.remembertoday.ro/images/banner_160x160_bg.gif*/) 7px 7px no-repeat; } #news div.banner-160x160 span { display:block; height:27px; font:normal 9px/24px Arial, Helvetica, sans-serif; text-align:right; } #news div.banner-160x160 span img { padding:0 5px 3px 0;} /*NEWSPAPER - LIST VIEW*/ #news.list div.article { width: 980px; margin:-4px 0 1px 0; padding:0; float: left; background: #fff; display: inline; /* IE6 fix */ } #news.list div.article div.header { display:block; width:960px; margin:0 10px; padding:2px 0; border-top: 3px solid #000; border-bottom:1px solid #000; } #news div.article div.header h3 { display:block; float:left; font:bold 12px/20px Arial, Helvetica, sans-serif; letter-spacing:0.03em; text-transform:uppercase; color:#fff; padding: 0px 4px; } #news.list div.article div.header a.filter-category { display:block; width: 27px; height:20px; background:#000 url("arhiva_ico.gif"/*tpa=http://www.remembertoday.ro/images/arhiva_ico.gif*/) 0 top no-repeat; text-indent:-10000px; float:left; margin-left:1px; } #news.list div.article div.header a.filter-category:hover { border:0; background-position:0 bottom; } #news.list div.article a.image { display:none; width:176px; height:176px; margin:2px 10px 0 10px; padding-bottom:2px; position:relative; border-bottom:1px dotted #000; } #news.listdiv.article a.image span { position:absolute; top:0px; left:0px; display:none; height:176px; width:176px; background:url("img_cross.png"/*tpa=http://www.remembertoday.ro/images/img_cross.png*/) 0 0 no-repeat; cursor:pointer; cursor:hand; } #news.list div.article h2 { margin:0 10px; font: italic 18px/19px Georgia, "Times New Roman", Times, serif; padding:10px 0; letter-spacing:0.03em; border-bottom: 1px dotted #000; } #news.list div.article h2 a { color:#000; } #news.list div.article h2 a:hover { border:0; text-decoration:underline; } #news.list div.article p.content { margin:0 10px; padding:10px 0; border-bottom: 1px dotted #000; } #news.list div.article p.releasedate { margin:0 10px; font:bold 9px/13px Arial, Helvetica, sans-serif; color:#000; padding-top:6px; } #news.list div.article h6 { margin:0 10px; font:bold 9px/13px Arial, Helvetica, sans-serif; color:#000; background: url("article_bottom_bg.gif"/*tpa=http://www.remembertoday.ro/images/article_bottom_bg.gif*/) 0 bottom repeat-x; padding-bottom:26px; } #news.list div.article h6 a { color:#3399ff; text-decoration:none; } #news.list div.article h6 a:hover { text-decoration:underline; } /*Banner 160x160*/ #news.list div.banner-160x160 { width: 960px; margin:-4px 10px 1px 10px; padding:20px 0 0 0; float: left; background: #fff; display: inline; /* IE6 fix */ border-top: 3px solid #000; background: url("article_bottom_bg.gif"/*tpa=http://www.remembertoday.ro/images/article_bottom_bg.gif*/) 0 bottom repeat-x; } #news.list div.banner-160x160 p { padding:7px; display:block; width:160px; height:160px; border:1px dotted #000; background:url("banner_160x160_bg.gif"/*tpa=http://www.remembertoday.ro/images/banner_160x160_bg.gif*/) 7px 7px no-repeat; margin:0 auto; } #news.list div.banner-160x160 span { display:block; height:27px; font:normal 9px/24px Arial, Helvetica, sans-serif; text-align:right; } #news.list div.banner-160x160 span img { padding:0 5px 3px 0;} /*Article Hovers*/ #news div.article:hover { background:#000; } #news div.article:hover div.header h3 { margin-top:-5px; padding-top:5px; } #news div.article:hover div.header { border-bottom:1px solid #fff; } #news div.article:hover a.image { border-bottom:1px dotted #fff; } #news div.article:hover h2 { border-bottom:1px dotted #fff; } #news div.article:hover h2 a { color:#fff; } #news div.article:hover p.content { color:#999; border-bottom:1px dotted #fff; } #news div.article:hover h6, #news div.article:hover p.releasedate { color:#fff; } /*NEWSPAPER - SINGLE VIEW*/ #single div.article { margin:-4px 0 1px 0; padding:0; float: left; background: #fff; display: inline; /* IE6 fix */ overflow:hidden; } #single div.article div.header { display:block; width:568px; margin:0 10px; padding:2px 0; border-top: 3px solid #000; border-bottom:1px solid #000; } #single div.article div.header h3, #single div.article h3 { display:block; float:left; font:bold 12px/20px Arial, Helvetica, sans-serif; letter-spacing:0.03em; text-transform:uppercase; color:#fff; padding: 0px 4px; } #single div.article div.header a.filter-category { display:block; width: 27px; height:20px; background:#000 url("arhiva_ico.gif"/*tpa=http://www.remembertoday.ro/images/arhiva_ico.gif*/) 0 top no-repeat; text-indent:-10000px; float:left; margin-left:1px; } #single div.article div.header a.filter-category:hover { border:0; background-position:0 bottom; } #single div.article a.image { display:block; width:176px; height:176px; margin:2px 10px 0 10px; padding-bottom:2px; position:relative; border-bottom:1px dotted #000; float: left; } #single div.article a.image span { position:absolute; top:0px; left:0px; display:block; height:176px; width:176px; background:url("img_cross.png"/*tpa=http://www.remembertoday.ro/images/img_cross.png*/) 0 0 no-repeat; cursor:pointer; cursor:hand; } #single div.article h1 { margin:0 10px; font: italic 24px/25px Georgia, "Times New Roman", Times, serif; padding:10px 0; letter-spacing:0.03em; border-bottom: 1px dotted #000; } #single div.article h1, #single div.article h1 a { color:#000; } #single div.article h1 a:hover { border:0; text-decoration:underline; } #single div.article h2 { margin:0 10px; font: italic 18px/19px Georgia, "Times New Roman", Times, serif; padding:10px 0; letter-spacing:0.03em; border-bottom: 1px dotted #000; } #single div.article h2 a { color:#000; } #single div.article h2 a:hover { border:0; text-decoration:underline; } #single div.article p.content { margin:0 10px; padding:10px 0; border-bottom: 1px dotted #000; } #single div.article p.content a { font-weight: bold; } #single div.article p.content a:hover { border:0; text-decoration:underline; } #single div.article p.releasedate { margin:0 10px; font:bold 9px/13px Arial, Helvetica, sans-serif; color:#000; padding-top:6px; } #single div.article h6 { margin:0 10px; font:bold 9px/13px Arial, Helvetica, sans-serif; color:#000; padding-bottom:16px; } #single div.singleclearer { margin:0 10px; height: 5px; line-height: 5px; display: block; clear: both; font:bold 9px/13px Arial, Helvetica, sans-serif; color:#000; background: url("article_bottom_bg.gif"/*tpa=http://www.remembertoday.ro/images/article_bottom_bg.gif*/) 0 bottom repeat-x; padding-bottom:10px; } #single div.article h6 a { color:#3399ff; text-decoration:none; } #single div.article h6 a:hover { text-decoration:underline; border:0; } /*Same category box*/ #single div.samecategory { margin:-4px 0px 10px 0px; float: left; padding:0; display: inline; /* IE6 fix */ overflow:hidden; } #single div.samecategory div.header { display:block; margin:0px 10px; padding:2px 0; border-top: 3px solid #000; border-bottom:1px solid #000; } #single div.samecategory div.header h3 { display:block; float:left; font:bold 12px/20px Arial, Helvetica, sans-serif; letter-spacing:0.03em; text-transform:uppercase; color:#fff; padding: 0px 4px; } #single div.samecategory div.header a.filter-category { display:block; width: 27px; height:20px; background:#000 url("arhiva_ico.gif"/*tpa=http://www.remembertoday.ro/images/arhiva_ico.gif*/) 0 top no-repeat; text-indent:-10000px; float:left; margin-left:1px; } #single div.samecategory div.header a.filter-category:hover { border:0; background-position:0 bottom; } div.samecontent { font-size: 0.9em; } div.samecontent ul { background:url("article_bottom_bg.gif"/*tpa=http://www.remembertoday.ro/images/article_bottom_bg.gif*/) 10px bottom no-repeat; padding-bottom:13px; padding-top:10px; } div.samecontent li { padding: 0px 10px 0px 10px; display:block; } div.samecontent li a { display: block; padding: 5px 0; margin-top:-1px; border-bottom:1px dotted #000; border-top:1px dotted #000; font-weight: bold; } div.samecontent li:hover { background:#000; } div.samecontent li:hover a { color:#fff; border-bottom:1px solid #000; } div.samecontent li a:hover { text-decoration:underline; } /*Banner 160x160*/ #single div.banner-160x160 { width: 176px; margin:0px 10px 1px 10px; padding:20px 0 0 0; float: left; background: #fff; display: inline; /* IE6 fix */ background: url("article_bottom_bg.gif"/*tpa=http://www.remembertoday.ro/images/article_bottom_bg.gif*/) 0 bottom repeat-x; } #single div.banner-160x160 p { padding:7px; display:block; width:160px; height:160px; border:1px dotted #000; background:url("banner_160x160_bg.gif"/*tpa=http://www.remembertoday.ro/images/banner_160x160_bg.gif*/) 7px 7px no-repeat; } #single div.banner-160x160 span { display:block; height:27px; font:normal 9px/24px Arial, Helvetica, sans-serif; text-align:right; } #single div.banner-160x160 span img { padding:0 5px 3px 0;} /*Category styles*/ h3.economie { background:#ff9000; } h3.sport { background:#00aa08; } h3.monden { background:#ff33cc; } h3.itc { background:#6600ff; } h3.politica { background:#735841; } h3.automoto { background:#ff0033; } h3.lifestyle { background:#ffcc33; } h3.international { background:#3366cc; } h3.artecultura { background:#999966; } h3.actualitate { background:#009999; } h3.bloguri { background:#b6c075; } h3.daily { background: #333333; } /*More BTN*/ #news a.more { display:block; height:89px; width:134px; background:#000; border:1px solid #000; margin:-1px 10px 1px 10px; padding:85px 20px 0 20px; font: bold italic 22px/24px Georgia, "Times New Roman", Times, serif; color:#fff; } #news a.more:hover { border:1px dotted #000; background:#fff; color:#000; } #news.list a.more { display:block; height:89px; width:918px; background:#000; border:1px solid #000; margin:-1px 10px 1px 10px; padding:10px 20px 0 20px; font: bold italic 22px/24px Georgia, "Times New Roman", Times, serif; color:#fff; } #news.list a.more:hover { border:1px dotted #000; background:#fff; color:#000; } /* FOOTER ================================================================== */ #footer { background:#000 url("article_bottom_bg.gif"/*tpa=http://www.remembertoday.ro/images/article_bottom_bg.gif*/) 0 top repeat-x; padding-bottom:50px; } #footer h3 { font:bold italic 13px/23px Georgia, "Times New Roman", Times, serif; color:#fff; padding:15px 10px; height:23px; position:relative; } #footer ul.category-list { padding:5px 0px; border-top: 3px solid #fff; margin:0 10px; width: 176px; } #footer ul.category-list li { margin:0 0px; line-height:20px; } #footer ul.category-list li a { color:#999; border-bottom:1px solid #000; display:block; } #footer ul.category-list li a:hover { color:#fff; border-bottom:1px dotted #fff;} #footer p.about { padding:5px 0px; border-top: 3px solid #fff; margin:0 10px; font: 11px/18px Arial, Helvetica, sans-serif; color:#999; } p.about a, div.twitter-col a { color:#fff; font-weight:bold; } p.about a:hover, div.twitter-col a:hover { text-decoration:underline; border:0; } #footer h3 span.twitter-bird { display:block; height:36px; width:40px; background:url("twitter-bird.gif"/*tpa=http://www.remembertoday.ro/images/twitter-bird.gif*/) 0 0 no-repeat; text-indent:-10000px; position:absolute; right:6px; top:23px; } #footer p.last-tweet { border-top: 3px solid #fff; background:url("twitter-bg.gif"/*tpa=http://www.remembertoday.ro/images/twitter-bg.gif*/) 0 bottom no-repeat; margin:0 10px; padding:5px 0px 20px 0; font: 11px/18px Arial, Helvetica, sans-serif; color:#999; } div.twitter-col a { margin:0 10px; font-size:11px; } /* TOOLTIP ================================================================== */ #tooltip { position: absolute; z-index: 3000; border: 1px solid #000; background: #ffff99; padding: 5px 10px; color:#000; } #tooltip h3, #tooltip div { margin: 0; font-family: Tahoma, Geneva, sans-serif; font-size:10px; font-weight:normal; letter-spacing:normal; } span.r { display:block; width:3px; background:#000; position:absolute; top:2px; right:-4px; bottom:-4px; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; } span.b { display:block; height:3px; background:#000; position:absolute; left:2px; right:-1px; bottom:-4px; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; } /* UNIFORM FORM STYLING ---- DISABLED (Due to problems with validation) ================================================================== */ /* Check box */ div.checker { height: 11px; width: 14px; overflow: hidden; background: url("gui-top.gif"/*tpa=http://www.remembertoday.ro/images/gui-top.gif*/) 0 0 no-repeat; float: left; display: inline; margin: 4px 7px 0px 3px; position: relative; } div.checker:hover { background: url("gui-top.gif"/*tpa=http://www.remembertoday.ro/images/gui-top.gif*/) 0 -21px no-repeat; } div.checker.focus { } div.checker.focus span { top: 0; left: 0; right: 0; bottom: 0; } div.checker span { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } div.checker span.checked { background: url("gui-top.gif"/*tpa=http://www.remembertoday.ro/images/gui-top.gif*/) 0 -42px no-repeat; } div.checker span input { position: absolute; opacity: 0; } /* Radio box */ div.radio { height: 19px; width: 19px; overflow: hidden; background: #fff url("bg.png"/*tpa=http://www.remembertoday.ro/images/bg.png*/) repeat-x left 10px; float: left; display: inline; margin-right: 10px; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 9px; border-radius: 9px; border: solid 1px #ddd; } div.radio.focus { border-color: #999; } div.radio.focus span { top: 0; left: 0; right: 0; bottom: 0; background-position: center center; } div.radio span { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } div.radio span.checked { background: url("radio.gif"/*tpa=http://www.remembertoday.ro/images/radio.gif*/) no-repeat center center; } div.radio span input { position: absolute; opacity: 0; } /* Select Box */ div.selector { display: block; width: 150px; border: solid 1px #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; background: url("bg.png"/*tpa=http://www.remembertoday.ro/images/bg.png*/) repeat-x left 12px; line-height: 22px; margin-top: 3px; text-shadow: 0 1px 0 #fff; height: 22px; color: #444; } div.selector select { width: 150px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } div.selector.focus { border-color: #999;} div.selector span { position: absolute; left: 6px; top: 0px; font-size: 1.1em; padding: 0; display: block; padding-right: 20px; background: url("select.gif"/*tpa=http://www.remembertoday.ro/images/select.gif*/) no-repeat right 60%; right: 0; } div.selector.focus span { left: 5px; } div.selector select { position: relative; font-size: 1.1em; padding: 0; line-height: 23px; border: 0; margin: 0; padding-right: 40px; } /* PAGINATION ================================================================== */ div#pagination { clear: both; display: block; line-height: 30px; height: 30px; text-align: center; border-top: 1px solid #000000; } div#pagination a.pagprev, div#pagination a.pagnext { display: block; margin:1px 0 0 0; padding: 0px 5px 0px 5px; height:26px; background: #000; color: #ffffff; text-transform: uppercase; font-size: 11px; line-height:26px; font-weight: bold; border:1px solid #000; } div#pagination a.pagprev:hover, div#pagination a.pagnext:hover { background-color: #fff; color:#000; border: 1px dotted #000; } div#pagination a.pagprev { float: left; } div#pagination a.pagnext { float: right; } div#pagination div.pages { color: #888888; } div#pagination div.pages a { color: #444444; padding: 6px 4px; border:1px solid #fff; } div#pagination div.pages a:hover { color: #000; border:1px dotted #000; } div#pagination div.pages a:visited { color:#666; } div#pagination div.pages a:visited:hover { border:1px dotted #666; } div#pagination div.pages a.curent { color: #fff; font-weight: bold; background:#000; cursor:default; border:1px solid #000; } div#pagination div.pages a.curent:hover { border-bottom:none; text-decoration:none; } /* Archive */ div#archive { border-top: 1px dotted #000000; margin: 10px 0px; } div#archive li { display: block; width: 20%; float: left; } div#archive li a { display: block; padding: 3px 0px 3px 10px; margin: 1px; background-image: url("ico-bull.gif"/*tpa=http://www.remembertoday.ro/images/ico-bull.gif*/); background-position: left; background-repeat: no-repeat; } div#archive li a:hover { border: none; background-color: #000; color: #fff; text-decoration: underline; } /* Messages */ div#messages { display:block; height:26px; background: #000 url("messeges_bottom_bg.gif"/*tpa=http://www.remembertoday.ro/images/messeges_bottom_bg.gif*/) 0 bottom repeat-x; position:relative; padding:10px; } div#messages span.alert { font: bold 26px/26px Georgia, "Times New Roman", Times, serif; color:#fff; display:block; height:26px; width:26px; text-align:center; position:absolute; left:10px; top:11px; } div#messages p { font: normal 12px/26px Arial, Helvetica, sans-serif; color:#ccc; margin-left: 36px; } div#messages a.close_btn { display:block; height:23px; width:23px; text-indent:-10000px; position:absolute; top:11px; right:10px; background: url("gui-top.gif"/*tpa=http://www.remembertoday.ro/images/gui-top.gif*/) 0 -191px no-repeat; } div#messages a.close_btn:hover { background-position: 0 -224px; } /* FRAMED-PAGE ================================================================== */ /* Body */ body.framed-page { overflow:hidden; background:#fff no-repeat scroll 0 0; } /* HeaderCell */ body.framed-page .frame-header { height:46px; background: #fff url("iframe_bg.gif"/*tpa=http://www.remembertoday.ro/images/iframe_bg.gif*/) 0 bottom repeat-x scroll; display:block; } a.frame-logo, a.close-frame, a.back-btn { display:block; position:absolute; text-indent:-10000px; } a.frame-logo:hover { border:0; } a.frame-logo { height:19px; width:24px; top:9px; left:10px; background:url("frame-logo.gif"/*tpa=http://www.remembertoday.ro/images/frame-logo.gif*/) 0 0 no-repeat; } a.close-frame { height:23px; width:23px; top:8px; right:10px; background: url("gui-top.gif"/*tpa=http://www.remembertoday.ro/images/gui-top.gif*/) -65px -224px no-repeat; } a.close-frame:hover { background-position: -65px -191px; border:0; } a.back-btn { height:23px; width:23px; top:8px; right:34px; background: url("gui-top.gif"/*tpa=http://www.remembertoday.ro/images/gui-top.gif*/) -32px -224px no-repeat; } a.back-btn:hover { background-position: -32px -191px; border:0; } p.source { display: block; text-align:left; font: normal 11px/23px Arial, Helvetica, sans-serif; height:23px; position:absolute; right:67px; top:9px; } p.source a { color:#3399ff; text-decoration:none; } p.source a:hover { text-decoration:underline; border:0; } .frame-actions { margin-left:46px; padding-top:8px; } .frame-actions h1 { font: italic 14px/23px Georgia, "Times New Roman", Times, serif; color:#000; float:left; } .frame-actions div.share { float:left; display:block; height:21px; border:1px dotted #000; font: bold 12px/21px Arial, Helvetica, sans-serif; padding:0 0 0 5px; margin-left:30px; } .frame-actions div.share span { margin-right:5px; } .frame-actions div.share span, .frame-actions div.share a { float:left; } a.share_ym, a.share_facebook, a.share_twitter { display:block; height:14px; width:14px; text-indent:-10000px; margin:4px 5px 0 5px; } a.share_ym { background: url("gui-top.gif"/*tpa=http://www.remembertoday.ro/images/gui-top.gif*/) 0 -301px no-repeat; } a.share_ym:hover { background-position: 0 -267px; border:0; } a.share_facebook { background: url("gui-top.gif"/*tpa=http://www.remembertoday.ro/images/gui-top.gif*/) -32px -301px no-repeat; } a.share_facebook:hover { background-position: -32px -267px; border:0; } a.share_twitter { background: url("gui-top.gif"/*tpa=http://www.remembertoday.ro/images/gui-top.gif*/) -65px -301px no-repeat; } a.share_twitter:hover { background-position: -65px -267px; border:0; } .frame-actions a.more_btn { display:block; height:23px; width:23px; text-indent:-10000px; margin-left:1px; background: url("gui-top.gif"/*tpa=http://www.remembertoday.ro/images/gui-top.gif*/) -98px -224px no-repeat; float:left; } .frame-actions a.more_btn:hover { border:0; /* background-position: -98px -191px; -- No hover while disabled */ } /* IframeCell */ body.framed-page .frame { height:100%; width:100%; overflow:auto; }