
/* 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; height:100%; }
body { overflow:-moz-scrollbars-vertical; background:#fff; }
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 */
* html 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; }

* html img { vertical-align:middle; }
/*.disabled { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; cursor:default; }*/



/* TYPE 
================================================================== */
body { font: normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; }
a { color:#3399cc; text-decoration:none; cursor:pointer; cursor:hand; }
a:hover { text-decoration:underline; }



/* MAIN CONTAINERS 
================================================================== */
a#top-logo, p.last-blog-post, .ad-728x90 a.close-ads, .ad-300x250 a.close-ads, .ad-235 a.close-ads, .dl-btn a.default-btn, li.report a, a.avatar, a.avatar span { background-image: url(../images/sprite_dlpage.png); }

#global-header { display:block; height:33px; background:#3399cc; border-bottom: 2px solid #2d8ab8; line-height:31px; color:#fff; position:relative;  }
a#top-logo { display:block; height:21px; width:83px; text-indent:-10000px; position:absolute; top:6px; left:20px; background-position:0 0; background-repeat:no-repeat; }

#main-nav { font: bold 13px/35px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; }
#main-nav a.item { cursor:pointer; cursor:hand; line-height:35px; vertical-align:middle; display:block; /*opera*/  display:inline-block; /*ie*/  display:-moz-inline-box;  /*ff*/ color: #FFFFFF; padding-right: 12px; color:#9addff; }
#main-nav a.item span { height:35px; display:block; display:inline-block; line-height:33px; padding-left: 12px; }
#main-nav a.item:hover { background:#2e89b7; text-decoration:none; }
#main-nav a.item.activ { background:#fff; color:#000; height:35px; }
#main-nav a.item.activ span { background:#fff; height:35px; }
#main-nav a.item:hover span { text-decoration:none; line-height:35px; }
#main-nav a.item.activ:hover span { text-decoration: none; cursor:default; line-height:33px; }

p.last-blog-post { position:absolute; right:20px; top:8px; font:normal 11px/18px Arial, Helvetica, sans-serif; text-align:left; padding-left:18px; background-position: -878px -26px; background-repeat:no-repeat; }
p.last-blog-post a { color:#fff; padding-left:5px; }
p.last-blog-post strong { color:#9addff; } 

#wrapper { width:920px; margin:40px auto; }
.ad-728x90 { text-align:center; margin-bottom:40px; }
.ad-728x90 p { display:block; height:90px; width:728px; background:#ffffff; margin:0 auto; position:relative; }

.ad-300x250 { text-align: center; margin:50px 0; display: block; }
.ad-300x250 p { display: block; margin:0 auto; position: relative; left:-65px;}

.ad-235 { float:right; width:235px; border:0; }
.ad-235 p { display:block; height:160px; min-height:160px; height:auto !important; background:#dfdfdf; margin:0 auto; position:relative; }

.ad-728x90 a.close-ads, .ad-300x250 a.close-ads, .ad-235 a.close-ads { display:block; position:absolute; top:-15px; right:5px; text-align:left; font: normal 10px/11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; padding-right:14px; background-position: right -49px; background-repeat:no-repeat; }
.ad-728x90 a.close-ads:hover, .ad-300x250 a.close-ads:hover, .ad-235 a.close-ads:hover { background-position: right -68px; text-decoration:none; color:#999; }

.column { width:438px; border:1px solid #fff; float:left; margin:0 10px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;  text-align:left; }
.column.adbox { border: 1px solid #eee; }
.column.download { border: 1px solid #d6d6d6; background:#dbdbdb; }
.column.download div.dl-btn { margin:18px auto; height:54px; position:relative; }
.column.download div.dl-btn a.default-btn { display:block; width:321px; height:54px; position:absolute; left:58px; top:0px; text-indent:-10000px; background-position: -569px -88px; }
.column.download div.dl-btn a.default-btn:hover { background-position: -569px -172px; }
.column.download div.dl-btn a.default-btn.disabled { background-position: -569px -256px; cursor:default; }
.column.download div.dl-btn span.counter { display:block; height:32px; width:32px; position:absolute; top:11px; left:115px; font: normal 18px/32px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; letter-spacing:-1px; text-align:center; z-index:10; }

.tabbed-box { display:block; }
.tabbed-box .tabs { height:40px;}
.tabbed-box .tabs a { font: bold 16px/26px Arial, Helvetica, sans-serif; color:#fff; float:left; background:#3399cc; height:26px; border-bottom:2px solid #2b82ae; padding:5px 20px 2px 20px; margin:5px 1px 0 0; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; }
.tabbed-box .tabs a:hover { text-decoration:none; background:#2e89b7; height:25px; margin-top:6px; }
.tabbed-box .tabs a.activ { background:#fff; border-bottom:2px solid #fff; color:#3399cc; margin-top:0px; height:31px; line-height:31px; }
.tabbed-box .tabs a.activ:hover { cursor:default; }
.tabbed-box .tabs a span { letter-spacing:-1px; }

.tab-content { background:#fff; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; padding:15px 19px; }
.tab-content h3 { font: normal 16px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; }
.tab-content hr { border:0; height:1px; color:#dbdbdb; background-color:#dbdbdb; margin:10px 0; }

#box1 { }
#box2 { display:none; }
#box3 { display:none; }

ul.descript { position:relative; padding-right:40px; }
ul.descript li span { font-weight:bold; color:#3399cc; }
ul.descript li.report { display:block; height:20px; width:20px; position:absolute; right:10px; top:0px; }
ul.descript li.report a { display:block; height:20px; width:20px; background-position: -870px -330px; background-repeat: no-repeat; text-indent:-10000px; }
ul.descript li.report a:hover { background-position: -870px -370px; } 
ul.links { padding:10px 0; }
ul.links li { width:190px; float:left; font-weight:bold; }
ul.links li:last-child { margin-left:20px; }
ul.links li a { font-weight:normal; }

input, textarea, select { border: 1px solid #cccccc; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background: #fff url(../images/textarea_bg.gif) 0 0 repeat; color: #666666; padding: 4px; margin: 3px 0; overflow-x: hidden; overflow-y: auto; }
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus { border: 1px solid #acacac; border: 1px solid #aaa; background: #fff url(../images/textarea_bg.gif) 0 -400px repeat; }

#footer { margin:40px 10px; display:block; }
#footer .box { width:214px; float:left; border-left: 1px solid #dbdbdb; height:160px; min-height:160px; height:auto !important; }
#footer .box h3 { padding:0 20px; margin-bottom:10px; font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3399cc;  }
#footer .box ul { padding:0 20px }
#footer .box ul li a { color:#999; font-weight:bold; }
#footer .box ul li a:hover { color:#666; }

a.adworks {background:transparent url(../images/adworks-media.gif) no-repeat scroll 0 0; bottom:15px; display:block; height:20px; position:absolute; right:15px; text-indent:-10000px; width:20px; cursor:pointer; cursor:hand;}
 
.comments-holder { overflow:auto; height: 198px; margin:20px 0; position:relative; }
ul.comment-list { margin:-10px 0 -10px 66px;}
ul.comment-list li { position:relative; padding: 10px 10px 10px 0px; min-height: 46px; height:46px; height: auto !important; }
ul.comment-list li p { line-height:16px; }
a.avatar { display:block; width:46px; height:46px; position:absolute; top:10px; left:-66px; background-position: -854px -476px; background-repeat:no-repeat;}
a.avatar span { display:block; width:46px; height:46px; position:absolute; top:0px; left:0px; background-position: -854px -410px; background-repeat:no-repeat; text-indent:-10000px; }
p.commenttitle { font-size:12px; font-weight:bold; color:#666; }
p.commenttitle span { font-weight:normal; color:#3399cc; font-size:11px; }
p.comment { color:#7a7a7a; }

div.links { padding:10px 0; }
a.classic-btn { padding:5px 15px; background:#3399cc; color:#fff; font: bold 13px Arial, Helvetica, sans-serif; border-bottom:1px solid #2b82ae; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; margin:0 3px; } 
a.classic-btn:hover { background:#00be0d; border-bottom-color:#00910a; text-decoration:none; } 
a.classic-btn:active { border-top: 1px solid #00910a; border-bottom:1px solid #00be0d; padding-top:3px; }

.default-msg { background:#ffffe1; padding: 5px; border: 1px solid #ebebc3; -moz-border-radius:4px; margin:10px 0; text-align:center; -webkit-border-radius:4px; border-radius:4px; }

/* GRID */
.column { display:block; float:left; } 
.xcolumn { display:block; float:left; } 
.x1col { width:184px; margin-bottom: 20px; }
.x2col { width:368px; margin-bottom: 20px; }
.x3col { width:552px; margin-bottom: 20px; }
.x4col { width:736px; margin-bottom: 20px; }
.x5col { width:920px; margin-bottom: 20px; }

.borderbox { border:1px solid #d6d6d6; background-color: #ffffff; margin:0 10px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; position: relative; }
.borderbox p { padding: 10px 0px; }
.greybox { border:1px solid #dbdbdb; background-color: #dbdbdb; margin:0 10px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.greyboxsquare { background-color: #dbdbdb; padding: 10px;  }
.padd10 { padding: 10px; }
.htitle { color: #000; font-size: 32px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: -1px; line-height: 34px; padding-bottom: 15px;  margin-bottom: 15px; border-bottom: 1px solid #dbdbdb; }
.blue { color: #3399cc; font-weight: bold; font-size: 11px; }
.green { color: #009900; font-weight: bold; }
.center { text-align: center; }
.rullerbottom { border-bottom: 1px solid #dbdbdb;}
.underplayaleft { display: block; height: 40px; width: 400px; float: left; line-height: 40px; font-size: 16px; }
.underplaya a { font-weight: bold; }
.underplayaright { display: block; height: 40px; width: 100px; float: left; text-align: right; overflow: hidden; }
.underplayaright img { vertical-align: middle; }

.big-green { font-size: 32px; color: #00CC00; font-weight: bold; letter-spacing: -2px; line-height: 40px; vertical-align: middle; padding-left: 10px; }
.big-red { font-size: 32px; color: #CC0000; font-weight: bold; letter-spacing: -2px; line-height: 40px; vertical-align: middle; padding-left: 10px; }

.tabbed-box2 { display:block; }
.tabbed-box2 .tabs { height:39px;}
.tabbed-box2 .tabs a { font: bold 16px/26px Arial, Helvetica, sans-serif; color:#3399cc; float:left; background:#fff; height:26px; border-bottom:0px solid #2b82ae; padding:5px 20px 2px 20px; margin:5px 1px 0 0; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; }
.tabbed-box2 .tabs a:hover { text-decoration:none; background:#2e89b7; border-color: #3399cc; color: #fff; height:29px; margin-top:2px; }
.tabbed-box2 .tabs a.activ { background:#3399cc; border-bottom:0px solid #fff; border-color: #3399cc; color:#fff; margin-top:0px; height:31px; line-height:31px; }
.tabbed-box2 .tabs a.activ:hover { cursor:default; }
.tabbed-box2 .tabs a span { letter-spacing:-1px; }

.tab-content2 { background:#fff; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px; padding:15px 19px; border-top: 2px solid #3399cc;  border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.tab-content2 h3 { font: normal 16px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; }
.tab-content2 hr { border:0; height:1px; color:#dbdbdb; background-color:#dbdbdb; margin:10px 0; }

.thumbbox { display: block; position: relative; height: 170px; width: 156px; padding: 0px 10px 10px 10px;float: left; }
.thimg { padding-bottom: 5px; text-align: center; }
.thtitle { font-weight: bold; padding-bottom: 5px; }
.thtitle a { color: #666; }
.thvot {}
#pagination { border-top: 1px solid #ccc; padding-top: 10px; }

/*******	PAGINATION		*******/

#pagination { margin: 0px; clear: both; display: block; font-size: 11px; line-height: 15px; text-align: center; color: #999999; }
#pagination a, #pag_this { padding: 1px 4px; margin: 0px 3px; text-decoration: none; color:#999999; }
#pag_this { background: #3399cc; color: #FFFFFF; border:1px solid #2e89b7; }
#pag_prev { float: left; }
#pag_next { float: right; }
span#pag_prev a, span#pag_next a { padding: 0px; margin: 0px 0px 0px 0px; }
span#pag_next a:hover, span#pag_prev a:hover { color: #3399cc; background: transparent; border:0px; margin: 0px;  }
#pagination a:hover { color: #fff; background: #3cae30; border:1px solid #129952; margin: 0px 2px; }
#pagnr { width:160px; float:left; margin: 5px 0px 0px 7px; padding: 10px 0px; font-size: 9px; line-height: 15px; text-align: center; color: #333333; }

.column.last { margin-bottom: 0 !important; }
.column, .x1col, .x2col, .x3col, .x4col, .x5col, .column:after, .x1col:after, .x2col:after, .x3col:after, .x4col:after, .x5col:after { zoom:1; } 

.overlay_original { position: absolute; top:0px; left:16px; width: 144px; height: 84px; cursor:pointer; cursor:hand; background: url(../images/overlay_original.png) 0 0 no-repeat; }

.borderbox span.hallmark { display:block; height:82px; width:17px; background:url(../images/hallmark-head.png) 0 0 no-repeat scroll; position:absolute; top:12px; left:-1px; z-index:1; }

