/* CSS Document */

*{ padding:0px; margin:0px; }
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}


html, body {height: 100%;} /* sticky footer */

body{ background-color:#83cce6; font-size:12px; font-family:Arial, Helvetica, sans-serif; background-image:url(images/page-background.png); background-repeat:repeat; background-position:top; }

#page{ width:820px; margin:0 auto -135px auto; min-height:100%; /* -135px margin and min-height is for sticky footer */ overflow:hidden; }
#header{ margin-top:10px; overflow:hidden; background-image:url(images/header-cloud.png); background-repeat:no-repeat; background-position:500px 20px; }
#header #logo{ float:left; background-image:url(images/logo.png); background-repeat:no-repeat; width:265px; height:85px; display:block; text-indent:-1000em; }
#header #searchbox { float:right; margin-top:45px; height:22px; width:240px; background-image:url(images/searchbox-bg.png); background-repeat:no-repeat; display:block; }
#header #searchbox input[type=text]{ margin:3px 5px 3px 10px; width:220px; background-color:#f0f0f0; border:0px; outline:none; padding-top:2px; font-size:11px; color:#666; }
#header #nav-links { float:left; list-style:none; margin:5px 0px 0px 64px; clear:both;  font-size:11px; }
#header #nav-links li{ float:left; margin-right:15px;}
#header #nav-links li a{ color:#333; text-decoration:none; }
#header #nav-links li a:hover{ text-decoration:underline; }

#header #share-links { float:right; list-style:none; margin:3px 0px 0px 0px; }
#header #share-links li{ float:left; margin-right:10px; }
#header #share-links li a{ display:block; height:16px; width:16px; background-image:url(images/sprite-share.png); text-indent:-1000em; }
#header #share-links li a.facebook{ background-position:0px 16px; }
#header #share-links li a.delicious{ background-position:42px 16px; }
#header #share-links li a.rss{ background-position:16px 16px; }

#update-board{ margin-top:20px; margin-bottom:30px; font-size:12px; overflow:hidden; }
#update-board .bottom{  padding-top:3px; height:22px; }
#update-board .bottom .btn-more{  float:right; }
#update-board ul{ list-style:none; margin-top:14px; }
#update-board ul li{ line-height:18px; margin-bottom:7px;}
#update-board ul li img{ float:left; border:0px; }
#update-board ul li a{ color:#000; text-decoration:none; margin-left:10px; }
#update-board ul li a:hover{ color:#036; text-decoration:underline; }
#update-board ul li .date{ float:left; margin-right:10px; }
#update-board #latest-updates{ height:205px; width:345px; background-image:url(images/board-background.png); float:left; padding:15px; }
#update-board #latest-updates h3{ height:23px; width:155px; background-image:url(images/title-latest-updates.png); display:block; text-indent:-1000em; }
#update-board #popular-downloads{ height:205px; width:345px; background-image:url(images/board-background.png); float:right; padding:15px; }
#update-board #popular-downloads h3{ height:23px; width:204px; background-image:url(images/title-popular-downloads.png); display:block; text-indent:-1000em; }

.ads-728{ padding:10px; border:1px solid #ebebeb; background-color:#fbf9ee; text-align:center;}
.ads-728.noborder{ padding:0px; border:0; background-color:transparent; text-align:center; margin-top:20px;}

#main-categories{ margin-top:30px; width:820px; overflow:hidden;}
#main-categories .menu{ width:201px; float:left; height: 274px;}

#main-categories .menu .container{ background-image:url(images/nav-bg.png); background-repeat:repeat-y; height:273px; }
#main-categories .menu .items{ background-image:url(images/nav-bg.png); background-repeat:repeat-y; }
#main-categories .menu .items a{ display:block; height:26px; line-height:26px; width:198px; text-align:center; background-color:#d7d7d7; border-bottom:1px solid #FFF; font-weight:bold; color:#333; text-decoration:none; margin-left:2px; }
#main-categories .menu .items a:hover{ background-color:#535151; color:#FFF; }
#main-categories .menu .btn-top{ display:block; height:26px; background-image:url(images/sprite-nav.png); background-position:0px 0px; }
#main-categories .menu .btn-top:hover{ background-position:0px -26px; }
#main-categories .menu .btn-bottom{ display:block; height:25px; background-image:url(images/sprite-nav.png); background-position:0px -52px; }
#main-categories .menu .btn-bottom:hover{ background-position:0px -78px; }
#main-categories .divider{ float:left; height:324px; width:4px; background-color:#484848; background-image:url(images/category-divider-bottom.png); background-repeat:repeat-x;  background-position:bottom; }
#main-categories .divider .top{  background-image:url(images/category-divider-top.png); background-repeat:repeat-x; height:2px; }
#main-categories .category-list{ float:right; width:615px; }
#main-categories .category-list .title{  padding-top:2px; height:23px; background-image:url(images/sprite-nav.png); background-position:0px -104px; }
#main-categories .category-list .title h2{ padding:0px 25px 0px 15px; line-height:25px; color:#FFF; font-size:12px; font-weight:bold; background-color:#434343; display:inline; }
#main-categories .category-list .bottom{  padding-top:3px; height:22px; background-image:url(images/sprite-nav.png); background-position:0px -186px; }
#main-categories .category-list .bottom .btn-more{  float:right; margin-right:25px; }
#main-categories .category-list #category-list-items { background-image:url(images/nav-bg.png); background-position:top right; background-repeat:repeat-y; }
#main-categories .category-list #category-list-items .item{ width:593px; height:33px; border-top:1px solid #FFF; border-bottom:1px solid #FFF; background-color:#ebebeb; background-image:url(images/sprite-nav.png); background-position:0px -213px; padding:10px; }
#main-categories .category-list #category-list-items .item:hover{ background-position:0px -130px; }
#main-categories .category-list #category-list-items .item img{ border:0px; margin-left:5px; margin-right:15px; float:left; }
#main-categories .category-list #category-list-items .item .sw-title{ font-size:12px; }
#main-categories .category-list #category-list-items .item .sw-title a{ text-decoration:none; color:#666; }
#main-categories .category-list #category-list-items .item .sw-title a strong{ color:#000; }
#main-categories .category-list #category-list-items .item .sw-title a:hover{ text-decoration:underline; }
#main-categories .category-list #category-list-items .item .sw-by{  font-size:11px; color:#333; float:right; }
#main-categories .category-list #category-list-items .item .sw-description{ margin-top:5px; font-size:11px; color:#666; }


#content{ width:820px; margin-top:20px; overflow:hidden; }
#content .top{ background-image:url(images/content-top-bottom.png); background-position:top; height:8px; }
#content .bottom{ background-image:url(images/content-top-bottom.png); background-position:bottom; height:8px; }
#content .inner{ min-height:200px; background-color:#FFF; padding:9px 15px 9px 15px; overflow:hidden; }



#content #content-left{ width:485px; float:left; }

#content #kategori{ color:#666; margin-bottom:20px; font-size:11px; }
#content #kategori a{ text-decoration:none; color:#666; }
#content #kategori a:hover{ text-decoration:underline; color:#000; }

#content #content-left h1{ font-size:24px; font-weight:bold; margin-bottom:30px; }

#content #content-left #title{ margin-top:10px; margin-bottom:15px; }
#content #content-left #title img{ float:left; margin-right:10px; border:0;}
#content #content-left #title h1{ font-size:20px; font-weight:bold; margin-bottom:0px; }
#content #content-left #title #company{ margin-left:10px; font-size:11px; text-decoration:none; color:#666; }
#content #content-left #title #company a{ text-decoration:none; color:#0066CC; }
#content #content-left #title #company a:hover{ color:#039; }

#content #content-left .software-item{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #DDD; }
#content #content-left .software-item img{ float:left; margin-right:10px; border:0; }
#content #content-left .software-item h2 a{ font-size:17px; font-weight:bold; color:#000; text-decoration:none; }
#content #content-left .software-item h2 a:hover{ text-decoration:underline; }
#content #content-left .software-item .date{ float:right; margin-top:-15px; }
#content #content-left .software-item .company{ margin-left:10px; font-size:11px; text-decoration:none; color:#666; }
#content #content-left .software-item .company strong{ color:#0066CC; }
#content #content-left .software-item .company a{ text-decoration:none; color:#0066CC; }
#content #content-left .software-item .company a:hover{ color:#039; }
#content #content-left .software-item .description{ margin-top:10px; font-size:12px; text-decoration:none; color:#666; }
#content #content-left .software-item .subdownloads{ margin-top:10px; margin-left:45px; list-style:square; font-size:13px;  }
#content #content-left .software-item .subdownloads li{ margin-bottom:8px; }
#content #content-left .software-item .subdownloads li a{ font-weight:bold; color:#000; text-decoration:none; }
#content #content-left .software-item .subdownloads li a:hover{ text-decoration:underline; }

#content #content-left #beta-alert{ background-image:url(images/beta-message.png); height:31px; margin-bottom:15px; line-height:31px; text-align:center; color:#FFF; font-size:11px; }

#content #content-left #download-btn{ background-image:url(images/sprite-btn-download.png); height:44px; width:203px; background-position:top; display:block; float:right; margin-top:-15px; margin-bottom:15px; text-indent:-1000em; }
#content #content-left #download-btn:hover{ background-position:0px -44px; }
#content #content-left #download-btn.old{ background-position:0px -88px; }
#content #content-left #download-btn.old:hover{ background-position:0px -132px; }

#content #content-left #software-info{ overflow:hidden; margin-bottom:10px; }
#content #content-left #software-info .tabs{ min-height:37px; list-style:none; background-image:url(images/download-menu.png); font-size:11px; }
#content #content-left #software-info .tabs li{ min-height:37px; float:left; background-image:url(images/download-menu.png); text-align:center; }
#content #content-left #software-info .tabs li.active div.arrow{ height:6px; width:20px; margin:-1px auto 0 auto; background-image:url(images/download-menu.png); background-position:-20px -111px; }
#content #content-left #software-info .tabs li a{ font-weight:bold; color:#FFF; text-decoration:none; height:22px; padding-top:9px; display:block; }
#content #content-left #software-info .tabs li.description{ width:121px; margin-right:2px; background-position:0px 0px; }
#content #content-left #software-info .tabs li.description:hover{ background-position:0px -37px; }
#content #content-left #software-info .tabs li.description.active{ background-position:0px -74px; }
#content #content-left #software-info .tabs li.technical{ width:118px; margin-right:2px; background-position:-123px 0px; }
#content #content-left #software-info .tabs li.technical:hover{ background-position:-123px -37px; }
#content #content-left #software-info .tabs li.technical.active{ background-position:-123px -74px; }
#content #content-left #software-info .tabs li.changelog{ width:118px; margin-right:2px; background-position:-243px 0px; }
#content #content-left #software-info .tabs li.changelog:hover{ background-position:-243px -37px; }
#content #content-left #software-info .tabs li.changelog.active{ background-position:-243px -74px; }
#content #content-left #software-info .tabs li.versions{ width:122px; background-position:-363px 0px; }
#content #content-left #software-info .tabs li.versions:hover{ background-position:-363px -37px; }
#content #content-left #software-info .tabs li.versions.active{ background-position:-363px -74px; }
#content #content-left #software-info #software-info-content{ background-image:url(images/download-info-bg.png); padding:15px; min-height:30px; }
#content #content-left #software-info #software-info-content #software-info-description{ line-height:1.5em; }
#content #content-left #software-info #software-info-content #software-info-technical{ display:none; }
#content #content-left #software-info #software-info-content #software-info-technical strong{ width:120px; display:block; float:left; }
#content #content-left #software-info #software-info-content #software-info-technical p{ clear:both; padding-bottom:10px; }
#content #content-left #software-info #software-info-content #software-info-changelog{ display:none; }
#content #content-left #software-info #software-info-content #software-info-versions{ display:none; }
#content #content-left #software-info #software-info-content #software-info-versions ul { list-style:none; clear:both; padding-top:10px; }
#content #content-left #software-info #software-info-content #software-info-versions ul li{ clear:both; }
#content #content-left #software-info #software-info-content #software-info-versions ul li a{ color:#000; text-decoration:none; float:left; margin-bottom:5px; }
#content #content-left #software-info #software-info-content #software-info-versions ul li a:hover{ color:#333; text-decoration:underline; }
#content #content-left #software-info #software-info-content #software-info-versions ul li .date{ float:right; }
#content #content-left #software-info .subdownloads-title{ margin-top:20px; margin-left:30px; font-weight:bold; font-size:13px; color:#900;  }
#content #content-left #software-info .subdownloads{ margin-top:10px; margin-left:45px; list-style:square; font-size:13px;  }
#content #content-left #software-info .subdownloads li{ margin-bottom:8px; }
#content #content-left #software-info .subdownloads li a{ font-weight:bold; color:#000; text-decoration:none; }
#content #content-left #software-info .subdownloads li a:hover{ text-decoration:underline; }

#content #content-left .grey-area-bottom{ background-image:url(images/sprite-inner-grey-topbottom.png); height:10px; background-position:bottom; }
#content #content-left .grey-area-top{ background-image:url(images/sprite-inner-grey-topbottom.png); height:10px; background-position:top; }

#content #content-left #software-options{ padding:0px 5px 0px 5px; }
#content #content-left #software-options .options{ float:left; }
#content #content-left #software-options .options .faq{ display:block; background-image:url(images/btn_faq.png); width:76px; height:26px; text-indent:-1000em; background-position:top; }
#content #content-left #software-options .options .faq:hover{ background-position:bottom; }
#content #content-left #software-options .addthis_toolbox{ float:right; margin-top:3px; }

#content #content-left #software-screenshots { clear:both; padding-top:10px; }
#content #content-left #software-screenshots .content{ background-image:url(images/download-info-bg.png); padding:5px 15px 5px 15px; }
#content #content-left #software-screenshots .content h2{ font-size:12px; margin-bottom:10px; }
#content #content-left #software-screenshots .content a{ margin-right:20px; }
#content #content-left #software-screenshots .content img{ border:1px solid #f3f3f3; }
#content #content-left #software-screenshots .content img:hover{ border:1px solid #666; }

#content #content-left #facebookpage{ clear:both; padding-top:10px; margin-top:10px; }

#content #content-left .software-faq { clear:both; padding-top:10px; margin-bottom:10px; }
#content #content-left .software-faq .content{ background-image:url(images/download-info-bg.png); padding:5px 15px 5px 15px; font-size:12px; }
#content #content-left .software-faq .content h2{ font-size:14px; margin-bottom:10px; }
#content #content-left .software-faq .content a{ margin-right:20px; color:#000; text-decoration:none; }
#content #content-left .software-faq .content a:hover{ text-decoration:underline; }
#content #content-left .software-faq .content ul { list-style:circle; padding-left:15px; }
#content #content-left .software-faq .content ul li{ margin-bottom:10px; }
#content #content-left .software-faq .content ol { padding-left:15px; }
#content #content-left .software-faq .content ol li{ margin-bottom:10px; }
#content #content-left .software-faq .textbox a{ color:#036; text-decoration:none; margin:0; }
#content #content-left .software-faq .textbox a:hover{ text-decoration:underline; }
#content #content-left .software-faq .textbox p{ margin-bottom:10px; }

#content #content-left ul.pagelist { list-style:none; }
#content #content-left ul.pagelist li { float:left; padding:3px 7px 3px 7px; font-weight:bold; }
#content #content-left ul.pagelist li a{ font-weight:normal; text-decoration:none; color:#000; }
#content #content-left ul.pagelist li a:hover{ text-decoration:underline; }
#content #content-left ul.pagelist li.active { background-color:#83cce6; border-radius:5px; }

#content #content-left .notfound strong{ font-size:17px; font-weight:bold; }

#content #content-right{ width:278px; float:right; }
#content #content-right .ads-250x250{ width:250px; height:250px; padding:13px; background-image:url(images/bg-250x250.png); background-repeat:no-repeat; margin-bottom:20px; }

#content #content-wide #screenshot-info #snapshot { width:100%; display:block; text-align:center; }
#content #content-wide #screenshot-info #description { margin:0px auto 20px auto; width:100%; text-align:center; }
#content #content-wide #screenshot-info #return { margin-top:-35px; background-color:#cceefc; border-radius:5px; padding:7px 12px 7px 12px; color:#000; font-weight:bold; text-decoration:none; float:right; line-height:18px;}
#content #content-wide #screenshot-info #return:hover { background-color:#83cce6; }
#content #content-wide #screenshot-info #return img { vertical-align:middle; border:0; margin-right:5px; }

#content #content-wide #download-page { margin-bottom:50px; }
#content #content-wide #download-page h2 { margin-bottom:30px; font-size:20px; }
#content #content-wide #download-page p { margin-bottom:20px; }

.push{ height:135px; } /* used for sticky footer in content container div #page */
#footer{ background-image: url(images/footer-grass.png); background-repeat:repeat-x; background-position:bottom;  }
#footer #footer-inner{ background-image: url(images/footer-bg.png); background-repeat:no-repeat; background-position:bottom; width:960px; height:55px; margin:0 auto 0 auto; padding-top:80px; }
#footer #footer-inner #footer-links{ float:left; margin-left:90px; }
#footer #footer-inner #footer-links ul{ list-style:none; margin-top:15px; }
#footer #footer-inner #footer-links li{ float:left; }
#footer #footer-inner #footer-links a{ height:11px; margin-right:20px; text-indent:-1000em; display:block; background-repeat:no-repeat; }
#footer #footer-inner #footer-links a.about{ background-image: url(images/btn-about.png); width:40px; }
#footer #footer-inner #footer-links a.tos{ background-image: url(images/btn-terms.png); width:117px; }
#footer #footer-inner #footer-links a.blog{ background-image: url(images/btn-blog.png); width:31px; }
#footer #footer-inner #footer-logo{ float:right; display:block; height:33px; width:104px; text-indent:-1000em; background-image:url(images/logo-bottom-small.png); background-repeat:no-repeat; margin-right:90px; }
.btn-more{ width:65px; height:18px; background-image:url(images/button-more.png); background-repeat:no-repeat; display:block; text-indent:-1000em; }