/********************************************************************************************** Main Sections in CSS: 1. BASIC ELEMENTS Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. 2. LAYOUT Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site 3. PAGE COMMON STYLES Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc 4. PAGE SPECIFIC STYLES Define content styles that are specific to a particular page ***********************************************************************************************/ /* import core styles */ @import url(base.css); body { display: block !important; } .ui-tabs-hide{display:none;} /*------------------------------------------ // 1.BASIC ELEMENTS // Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. //------------------------------------------*/ body { color:#000; font-family: Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; } /*------------------------------------------ // 2.LAYOUT // Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site //------------------------------------------*/ /*---- Container ----*/ div#container { width:100%; min-width:978px; overflow-x:hidden; position:relative;} div#container div.wrapper{width:978px; margin:0 auto;} /*---- Header ----*/ div#header { background:#fff url(../images/theme/header/header-bg.jpg) repeat-x 0 bottom; padding:10px 0 5px 0; height:55px; } /*---- Main Navigation ----*/ div#main-navigation { background:#292929; height:32px;} /*---- Content ----*/ div#content { background:url(../images/theme/content/content-bg.jpg) repeat-x 0 0; padding-top:15px; } /*---- Main ----*/ div#main { float:left; width:730px; margin-bottom: 10px; } /*---- Sidebar ----*/ div#sidebar { float:right; width:223px; margin-bottom: 160px; } /*---- Footer ----*/ div#footer { background:#00548f; position:relative; } /*------------------------------------------ // 3. PAGE COMMON STYLES // Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc //------------------------------------------*/ /*---- Header - Logo ----*/ div#header div.logo{width:262px; float:left; padding-top:5px; position:relative; margin-left:-2px; margin-right:15px;} div#header div.logo h1 a { position:relative; width:262px; height:0px; padding-top:39px; overflow:hidden; position:relative; display:block; background:url(../images/theme/header/logo.jpg) 0 0 no-repeat; } /*----- Search-form-----*/ div#header div#search-form{float:left; border:3px solid #d5d5d5; background:#fff; width:395px; position:relative; padding:5px 5px 5px 12px; } div#header div#search-form p{background:url(../images/theme/header/search-icon.gif) no-repeat left center; padding-left:18px;} div#header div#search-form p input.textbox{height:30px; line-height:30px; background:none; border:0; float:left; display:block; width:300px; font-size:146.5%; color:#4e4e4e;} div#header div#search-form p input.submit{display:block; float:right; width:65px; height:32px; position:relative; margin-bottom:-2px; background:url(../images/theme/header/find-btn.gif) no-repeat 0 0; cursor:pointer; border:0;} /*---- User-area ---*/ div#header div.user-area{float:right; width:270px;} div#header div.user-area span{color:#4e4e4e; font-size:120%; display:inline-block; margin-bottom:8px;} div#header div.user-area a{color:#00548f; font-size:120%; display:inline-block; margin-bottom:8px; line-height:1em;} div#header div.user-area img{margin-right:6px;} /*---- Header - User Area ----*/ div.user-area{ float:right; width:360px; padding-top:3px;} div.user-area ul li{ color:#fff; font-size:120%; float:left; position:relative; z-index:15; line-height:1em;} div.user-area ul li a{color:#fff; text-decoration:none; } div.user-area ul li a:hover{ text-decoration:none;} div.user-area ul li span{ color:#d2e9fa;} div.user-area ul li.login{ border-right:1px solid #16669e; margin-right:4px;} div.user-area ul li.login a.login {display:block; padding:4px 5px 6px 5px; margin-top:-4px; width:25px; z-index:20; position:relative; border:1px solid #00548f; border-bottom:0; } div.user-area ul li.login:hover a{border:1px solid #a7ddff; background:#2f2f2f; border-bottom:0; } div.user-area ul li.login ul{position:absolute; border:1px solid #a7ddff; background:#2f2f2f; left:0px; top:18px; z-index:10; padding:12px 5px 0px 5px; display:none; } div.user-area ul li.login:hover ul{ display:block;} div.user-area ul li.login ul li { margin-bottom:10px; float:none;} div.user-area ul li.login ul li input.textbox{ background:url(../images/theme/content/textbox.gif) no-repeat left top; height:16px; width:181px; padding:2px 5px ; line-height:16px; color:#2f2f2f; font-size:80%; } div.user-area ul li.login ul li a.forget-password{ color:#a7ddff; width:auto; background:none; border:none; font-size:80%; line-height:14px; float:left; } div.user-area ul li.login ul li a.sign-in{ color:#fff498; width:auto; background:none; border:none; font-size:80%; float:right; display:block; line-height:14px;} div.user-area ul li.login ul li input.submit{ display:none;} /*---- Main Navigation ----*/ div#main-navigation ul.softwares{ float:left; width:350px;} div#main-navigation ul li{ float:left; height:32px; color:#fff; font-size:120%; font-weight:bold; line-height:32px; background:url(../images/theme/navigation/divider.gif) no-repeat right center; padding-right:14px; margin-right:11px; display:block;} div#main-navigation ul li a { text-decoration:none; display:inline-block; line-height:32px; color:#fff;} div#main-navigation ul li a img{ vertical-align:middle; margin-right:4px; margin-top:-4px;} div#main-navigation ul.navigation{ float:right; } div#main-navigation ul li a:hover{ color:#ffe718;} div#main-navigation ul li a.active{color:#5bdeff;} div#main-navigation ul li.outer-most{background:none; margin:0; padding:0;} div#main-navigation ul li a.upload-btn{background:url(../images/theme/navigation/upload-bg.gif) no-repeat 0 center; padding-left:12px; color:#ffe718;} /*----- Language selector ----*/ div#main-navigation div.languages{ float:right; width:80px; background:url(../images/theme/header/down-arrow.gif) right 11px no-repeat; padding-right:5px; display:block; z-index:5; position:relative; margin-right:0; padding-top:10px; z-index:5; } div#main-navigation div.languages a{text-decoration:none; display:block; font-size:120%; color:#fff; font-weight:bold; height:12px; line-height:12px; } div#main-navigation div.languages a img{ vertical-align:middle; margin-left:5px;} div#main-navigation div.languages ul { position:absolute; border:1px solid #292929; background:#2f2f2f; left:-5px; top:5px; z-index:1;} div#main-navigation div.languages ul li{ padding:4px; line-height:12px; float:none; display:block; background:none; height:auto; margin-right:0; font-size:100%; height:1%;} div#main-navigation div.languages ul li:hover{ background:#0067af;} div#main-navigation div.languages ul li.selected, div#main-navigation div.languages ul li.selected:hover{ background:url(../images/theme/header/down-arrow.gif) right 5px no-repeat; margin-right:2px;} div#main-navigation div.languages ul li.selected a img{ vertical-align:bottom; margin-left:5px !important; position:relative; top:1px;} div#main-navigation div.languages ul li a{ color:#fff; height:12px; line-height:12px; display:block;} div#main-navigation div.languages ul li a img{ vertical-align:middle; margin-right:5px; margin-left:0px;} div#main-navigation div.languages ul{ width:91px; display:none;} div#main-navigation div.languages:hover ul{ display:block;} /*----- Heading ---*/ div.heading {margin-bottom:11px; padding-left:4px;} div.heading h2{font-size:16px; font-weight:normal; color:#767676; font-style:italic; line-height:22px; } div.heading h2 span.inner{color:#2a2a2a;} /*---- stats ----*/ div.heading div.stats{float:right;} div.stats p{ color:#767676; font-size:16px; line-height:24px;} div.stats p img{ display:inline-block; vertical-align:baseline; margin-right:7px;} div.stats p span.inner{color:#292929; display:inline-block;} div.stats p a{color:#76a611;} /*---- Post ---*/ div.post h1 { font-size:250%; margin-bottom:20px; color:#000; font-weight:normal;} div.post h1 span{ color:#00548f; font-style:italic; font-weight:bold; font-size:120%;} div.post h2 { font-size:260%; margin-bottom:10px;} div.post h3 { font-size:240%; margin-bottom:10px;} div.post h4 { font-size:220%; margin-bottom:10px;} div.post h5 { font-size:200%; margin-bottom:10px;} div.post h5 { font-size:180%; margin-bottom:10px;} div.post p { color:#000; line-height:1.2em; font-size:120%; margin-bottom:20px; display:block; } div.post p a { color:#000; } div.post blockquote { margin-bottom:20px; } div.post blockquote p{ margin-bottom:5px; font-style:italic;} div.post blockquote p cite{ font-weight:bold; text-align:right; display:block;} div.post img { max-width:100%; } div.post img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;} div.post img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;} div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;} div.post ul { margin:0 0 20px 14px; list-style:disc; } div.post ol { margin:0 0 20px 18px; list-style:decimal; } div.post li { line-height:1.2em; font-size:120%; } div.post li ul, div.post li ol { margin-bottom:0px; } div.post li li, div.post li p { font-size:100%; margin-bottom:0px; } /*---- Post - Custom Lists ---*/ div.post ul.list1 { margin:0; padding:0; } div.post ul.list1 li { margin:0; padding:0; } div.post ol.list2 { margin:0; padding:0; } div.post ol.list2 li { margin:0; padding:0; } /*---- tabstrips1 ---*/ ul.tabstrips1{border-bottom:1px solid #c2c2c2; padding-left:19px; margin-bottom:10px;} ul.tabstrips1 li{float:left; padding:0 10px; height:30px; line-height:30px; border:1px solid #fff; border-bottom:0; font-size:13px; background:#fff;} ul.tabstrips1 li a{display:inline-block; font-weight:bold; color:#00548f;} ul.tabstrips1 li a:hover, ul.tabstrips1 li.ui-state-active a{color:#2a2a2a; text-decoration:none;} ul.tabstrips1 li.ui-state-active{border:1px solid #c2c2c2; position:relative; top:1px; border-bottom:0;} div.tab-content{padding:10px 0 0 15px; margin-bottom:32px;} /*---- tabstrips2 ---*/ ul.tabstrips2 li{list-style:none; float:left;} ul.tabstrips2 li a{display:inline-block; padding:0 12px; height:26px; line-height:26px; color:#9c9ea4; font-weight:bold; font-size:120%;} ul.tabstrips2 li:hover a{color:#00548f; text-decoration:none;} ul.tabstrips2 li.ui-state-active a{color:#292929; border:1px solid #c2c2c2; border-bottom-color:#fff; position:relative; margin-bottom:-1px;} /*---- Section ----*/ div#content div.section{ float:left; width:165px; margin:0px 20px 30px 0px;} div#content div.section.outermost{ margin-right:0px;} div#content div.section h2{ color:#666666; font-size:140%; font-weight:bold;} div#content div.section h2 img{ vertical-align:middle; margin-right:5px;} div#content div.section span{color:#073b76;} div#content div.section h2 span{ color:#666666;} .sfirst {width: 140px;} /*---- widget ----*/ div.widget{ margin-bottom:12px;} div.widget h2{ color:#fff; font-size:140%; line-height:28px; background:#292929; padding-left:12px; margin-bottom:8px;} div.widget h2 a{ color:#fff; text-decoration:none; font-size:100%;} div.widget div.sociable{ margin-bottom:16px;} div.widget div.sociable a{ display:inline-block; margin-right:4px;} div.widget dl{padding:0 15px 0 0;} div.widget dl dt{ float:right; color:#6ca000; font-size:120%; margin-bottom:10px; display:block;} div.widget dl dd{color:#073b76; font-size:120%; margin-bottom:10px; float:left; display:block; width:120px;} div.widget dl dd a{ color:#073B76;} div.widget dl dd a:hover{color:#292929;} div.widget ul li{list-style:none; margin-bottom:10px; color:#666666; font-size:120%;} div.widget ul li h3{color:#00548f; font-size:100%; line-height:13px; margin-bottom:5px;} div.widget ul li h3 a{color:#00548f;} div.widget ul li h3 a:hover{color:#292929;} div.widget ul li span.metadata{color:#6ca000; display:block; font-size:90%; } div.widget p.select{height:30px; position:relative; z-index:5;} /*----- Sidebar ---*/ div.categories{ } div.categories a{display:block; width:221px; height:49px; position:relative; margin-bottom:8px; border:1px solid #ccc; } div.categories a:hover{border-color:#000; text-decoration:none;} div.categories a.windows{background:url(../images/theme/buttons/windows.jpg) no-repeat 0 0;} div.categories a.mac{background:url(../images/theme/buttons/mac.jpg) no-repeat 0 0;} div.categories a.linux{background:url(../images/theme/buttons/linux.jpg) no-repeat 0 0;} div.categories a.drivers{background:url(../images/theme/buttons/drivers.jpg) no-repeat 0 0;} div.categories a.games{background:url(../images/theme/buttons/games.jpg) no-repeat 0 0;} div.categories a.android{background:url(../images/theme/buttons/android.png) no-repeat 0 0;} div.categories a.active{background-position:0 -51px; border-color:#0095ff;} /*---- Old-versions-widget ---*/ div.old-versions-widget ol li{list-style:none; margin-bottom:15px;} div.old-versions-widget ol li span.number{display:block; float:left; width:21px; height:21px; background:url(../images/theme/content/sidebar/number-bg.gif) repeat-x 0 0; position:relative; border:1px solid #cccccc; line-height:21px; margin-right:5px; text-align:center; font-size:120%; font-weight:bold; color:#292929;} div.old-versions-widget ol li:hover span.number{background:#fff8c9; border-color:#eebc41; } div.old-versions-widget ol li h3{color:#073b76; font-size:120%; line-height:13px; margin-bottom:2px;} div.old-versions-widget ol li h3 a{color:#073b76;} div.old-versions-widget ol li span.downloads{color:#76a611; font-size:110%; display:block; } /*---- Poll ---*/ div.poll h3{margin-bottom:13px; line-height:15px; color:#292929; font-size:120%;} div.poll select{width:100%; color:#292929; font-size:120%; margin-bottom:14px; display:block;} /*--- submit-btn --*/ input.submit{display:inline-block; background:url(../images/theme/buttons/submit-btnbg.gif) repeat-x 0 0; height:27px; line-height:27px; line-height:25px; border:1px solid #ccc; color:#00548f; padding:0 6px; position:relative; cursor:pointer; margin-right:5px; top:2px;} input.submit:hover{border-color:#000; background:url(../images/theme/buttons/submit-btn-hover.gif) no-repeat 0 0; color: #292929; } /*----- Software-select ----*/ div.quick-search{margin-bottom:43px;} div.quick-search select{width:100%; color:#292929; font-size:120%;} /*---- Blogs-widget ----*/ div.blogs-widget ul li{margin-bottom:18px;} div.blogs-widget ul li h3{line-height:18px;} /*---- Footer ----*/ div#footer div.wrapper{ padding:10px; position:relative;} /*---- Footer ---*/ div#footer p{ color:#d9e9f4; font-size:13px; line-height:18px; margin-bottom:20px; clear:left; } div#footer div.logo{ float:left; width:260px; } div#footer div.logo h1 a { position:relative; width:262px; height:0px; padding-top:35px; display:block; overflow:hidden; background: url(../images/theme/footer/logo.jpg) no-repeat top left;} div#footer div.logo span.facebook{ display: block; margin-top:15px; width: 150px;} /*---- Footer - Navigation ---*/ div#footer div#footer-navigation { text-align:left; } div#footer div#footer-navigation ul li { display:inline; font-size:120%; color:#fff; background:url(../images/theme/footer/footer-menu-li-bg.gif) no-repeat bottom right; padding-right:6px; margin-right:3px;} div#footer div#footer-navigation ul li.copyright, div#footer div#footer-navigation ul li.last{ background:none;} div#footer div#footer-navigation ul li a{ color:#fff;} /*---- Footer ---*/ div#footer ul.sociable{ margin:0px; padding:0px; } div#footer ul.sociable li{ list-style:none; float:left; margin-right:4px; } div#footer ul.sociable li a{display:block; width:46px; height:48px; text-decoration:none;} div#footer ul.sociable li a:hover{text-decoration:none;} div#footer ul.sociable li a.rss{ background:url(../images/theme/icons/sociable.gif) no-repeat left top;} div#footer ul.sociable li a.rss:hover{ background:url(../images/theme/icons/sociable.gif) no-repeat left bottom;} div#footer ul.sociable li a.facebook{ background:url(../images/theme/icons/sociable.gif) no-repeat -47px top;} div#footer ul.sociable li a.facebook:hover{ background:url(../images/theme/icons/sociable.gif) no-repeat -47px bottom;} div#footer ul.sociable li a.twitter{ background:url(../images/theme/icons/sociable.gif) no-repeat -97px top;} div#footer ul.sociable li a.twitter:hover{ background:url(../images/theme/icons/sociable.gif) no-repeat -97px bottom;} div#footer ul.sociable li a.youtube{ background:url(../images/theme/icons/sociable.gif) no-repeat right top;} div#footer ul.sociable li a.youtube:hover{ background:url(../images/theme/icons/sociable.gif) no-repeat right bottom;} div#footer img.image{position:absolute; top:-180px; right:0px; float:right;} /*---- Common Boxes & Containers ----*/ /*---- Box1 ---*/ div.box1{background:#f5f5f5 url(../images/theme/boxes/box1-bg.jpg) repeat-x 0 bottom; border:1px solid #000; padding:12px;} div.box1 h3{color:#00548f; font-size:160%; text-transform:uppercase; margin-bottom:5px;} div.box1 h3 a{color:#00548f; font-size:100%;} div.box1 p{color:#656565; font-size:120%; line-height:18px;} /*---- Box2 -----*/ div.box2{border:1px solid #c0c0c0; padding:1px; background:#fff;} div.box2 div.inner{background:#e7f6c7; padding:10px;} div.box2:hover div.inner{background:#fffabf;} div.box2 a.button4, div.box2 input.button4{margin-bottom:6px;} div.box2:hover a.button4, div.box2:hover input.button4{background-position:0 -40px; text-decoration:none;} div.box2 dl{margin-bottom:5px;} div.box2 h3{color:#3e4e9c; font-size:140%; margin-bottom:10px;} div.box2 h3 a{color:#3e4e9c;} div.box2 dl dt{font-size:120%; font-weight:bold; color:#4c4c4c; line-height:16px; display:inline;} div.box2 dl dd{color:#4c4c4c; font-size:120%; line-height:16px; margin-right:10px; display:inline;} /*--- Box3 --*/ div.box3{background:#fff url(../images/theme/content/box3-bg.jpg) repeat-x 0 0; padding:10px; margin-bottom:10px;} div.box3 div.section1{width:335px;} div.box3 div.section1 img{float:left; margin-right:10px;} div.box3 div.section1 h3{color:#292929; font-size:110%; font-weight:normal; margin-bottom:5px;} div.box3 div.section1 a{display:block; color:#3e4e9c; font-weight:bold; font-size:170%;} div.box3 div.section1 a:hover{color:#292929;} /*---- Buttons ----*/ /*---- Button1 ----*/ a.button1{ background:url(../images/theme/buttons/button1.gif) right top no-repeat; height:17px; display:block; padding-right:5px; text-decoration:none; color:#fff; } a.button1 span{ background:url(../images/theme/buttons/button1.gif) left top no-repeat; height:17px; display:block; padding-left:20px; color:#fff; font-size:110%; line-height:17px; } a.button1:hover{ text-decoration:none;} /*---- Button2 ----*/ a.button2{ background:url(../images/theme/buttons/button2.gif) repeat-x left top; height:25px; display:block; text-decoration:none; color:#fff; padding:0px 10px; line-height:25px; font-size:140%; position:relative; margin-right:10px; } a.button2:hover{ text-decoration:none; background:url(../images/theme/buttons/button2.gif) left bottom repeat-x;} /*-----Button4 -----*/ a.button4, input.button4 {display:block; background:url(../images/theme/buttons/button4-bg.png) no-repeat 0 0; width:222px; height:38px; line-height:38px; color:#fff; font-size:15px; font-weight:bold; padding:0 0 0 13px; position:relative; border: none; cursor: pointer; text-align:left; } a.button4:hover, input.button4:hover{background-position:0 -40px; text-decoration:none;} /*--- Button5 ---*/ a.button5{display:inline-block; background:url(../images/theme/buttons/submit-btnbg.gif) repeat-x 0 0; height:25px; line-height:25px; line-height:25px; border:1px solid #ccc; color:#00548f; padding:0 6px; position:relative; cursor:pointer; font-size:120%;} a.button5:hover{border-color:#000; background:url(../images/theme/buttons/submit-btn-hover.gif) no-repeat 0 0; color: #292929; text-decoration:none; } /*---- Email Subscribe-btn ----*/ a.email-subscribe-btn{ background: url(../images/theme/icons/email.gif) no-repeat left top; height:12px; float:left; display:block; padding-left:16px; margin-right:10px; font-size:120%; color:#0033FF; } /*---- Rss Btn----*/ a.rss-btn{ background:url(../images/theme/icons/rss.gif) no-repeat left top; height:12px; float:left; display:block; padding-left:16px; margin-right:10px; font-size:120%; color:#0033FF;} /*---- Link ----*/ a.link1{ font-size:120%; color:#00548f; text-decoration:none; display:inline-block; font-weight:bold;} /*---- Link ----*/ a.link2{ color:#292929; text-decoration:none; line-height:18px; font-size:120%; font-weight:bold;} a.link2 span{color:#6ca000 !important;} /*---- Lists ----*/ /*---- List1 ----*/ ul.list1{ margin:0px; padding:0px;} ul.list1 li{ list-style:none; font-size:120%; line-height:18px;} ul.list1 li a{ color:#073b76; text-decoration:none;} /*---- List2 ----*/ ul.list2{ margin:0px; padding:0px;} ul.list2 li{ list-style:none; font-size:120%; line-height:12px; background:url(../images/theme/icons/list2-li-bg.gif) no-repeat center left; padding-left:10px; margin-bottom:10px; font-weight:bold;} ul.list2 li a{ color:#FFF;} /*---- List3 ----*/ ul.list3{ margin:0px 0px 5px 0px!important; padding:0px 0px 0px 0px;} ul.list3 li{ list-style:none; font-size:120%; line-height:18px; font-weight:bold;} ul.list3 li a{ text-decoration:none; color:#00548f;} ul.list3 li a:hover{color:#292929;} /*---- List4 ----*/ ul.list4{ margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px;} ul.list4 li{ list-style:none; line-height:18px; float:left; width:330px; margin:0px 30px 30px 0px} ul.list4 li h2{ font-size:115%; font-weight:bold; color:#00548f; line-height:18px; margin-bottom:0px;} ul.list4 li h2 a{ color:#00548f; } ul.list4 li p.date{color:#76a611; line-height:18px; margin-bottom:20px; font-weight:normal;} ul.list4 li p{ line-height:18px; color:#383838;} ul.list4 li p span{color:#00548f;} /*---- List5 ----*/ ul.list5{ margin-bottom:21px; padding:0px;} ul.list5 li{ background:url(../images/theme/content/list5-bg.gif) left center no-repeat; padding-left:10px; margin-bottom:5px; color:#4c4c4c; font-size:120%; } ul.list5 li a{ color:#4c4c4c;} /*---- List6 ---*/ ul.list6 li{list-style:none; float:left; margin:0 25px 18px 0; width:315px; height: 32px;} ul.list6 li.alt{margin-right:0;} ul.list6 li img{float:left; margin-right:5px;} ul.list6 li h3{color:#073b76; font-size:140%; margin-bottom:6px; line-height:1em;} ul.list6 li h3 a{color:#073b76;} ul.list6 li span{display:block; color:#76a611; font-size:120%;} /*---- list7 -----*/ ul.list7{margin-bottom:20px;} ul.list7 li{ float:left; margin:0px 7px 7px 0px; background:#ebebeb; border-bottom:2px solid #d5d4d4; height:22px; line-height:22px; font-size:120%;} ul.list7 li a{ float:left; display:block; line-height:22px; padding:0px 10px; color:#3e4e9c; text-decoration:none; font-weight:bold;} ul.list7 li:hover{border-color:#e7daab;} ul.list7 li:hover a{background:#fff2be; text-decoration:none;} /*---- list8 ----*/ ul.list8{ margin:0px 0px 20px 0px } ul.list8 li{ float:left; margin-right:40px; text-align:center; list-style:none; min-height:135px; max-width:120px; margin-bottom:20px;} ul.list8 li h3{ margin-bottom:5px; font-size:120%; color:#212121; font-weight:normal; line-height:18px;} ul.list8 li span.points{ color:#6ca000; font-size:140%; display:block; margin-bottom:10px;} ul.list8 li span.points a{color:#6ca000;} ul.list8 li a{ display:block;} ul.list8 li a img{ vertical-align:bottom;} ul.list8 li.outer-most{ margin-right:0px;} /*---- List9 ----*/ ul.list9 {padding-top:20px;} ul.list9 li{list-style:none; margin-bottom:35px;} ul.list9 li span.votes{display:block; position:relative; height:6px; background:url(../images/theme/content/votes-bg.gif) repeat-x 0 0; margin-bottom:5px;} ul.list9 li span.votes span.total-votes{position:absolute; height:18px; line-height:18px; color:#39351a; font-size:120%; padding:0 5px; border:1px solid #eebc41; min-width:65px; text-align:center; background:#fff8c9; right:-38px; top:-30px;} ul.list9 li span.votes span.total-votes span.arrow{display:block; background:url(../images/theme/content/arrow.gif) no-repeat 0 0; width:11px; height:6px; top:18px; left:40%; position:absolute;} ul.list9 li p{color:#00548f; font-size:140%; font-weight:bold;} ul.list9 li p a{color:#00548f;} /*---- popup ----*/ div.popup{position:absolute; padding:18px 90px 25px 19px; background:#FFF; left:20%; top:20%; width:730px; display:none;} div.popup a.close-btn{display:block; cursor: pointer; position: absolute; top:-15px; right:-15px; text-decoration:none; width:39px; height:39px; background: url(../images/theme/buttons/close-btn.png) no-repeat left top;} div.popup a.close-btn:hover{ text-decoration:none;} div.popup h2{ font-size:180%; font-weight:bold; line-height:24px; color:#000; margin-bottom:10px;} div.popup h2 a{ color:#00548f;} div.popup h2 span{color:#6ca000;} div.popup p{ font-size:120%; line-height:16px; margin-bottom:20px; color:#212121;} div.popup p a{ color:#00548f; font-weight:bold;} /*---- form1 ----*/ div.form1 h3{font-size:120%; margin-bottom:22px; color:#073b76;} div.form1 ul li{list-style:none; margin-bottom:15px; display:block;} div.form1 ul li label{font-size:120%; color:#073b76; display:block; margin-bottom:5px;} div.form1 span.required{color:#ff0000;} div.form1 ul li input.textbox{display:block; height:18px; line-height:18px; border:1px solid #ccc; width:238px; padding:0 5px;} div.form1 ul li input#uname{width:345px;} div.form1 ul li.half{width:250px; float:left; margin-right:35px;} div.form1 ul li img{margin-bottom:10px; display:block;} div.form1 ul li.full{width:100%; float:left;} /*---- Breadcrumbs ----*/ div.breadcrumbs{ background:#292929; padding:0 10px; margin-bottom:14px;} div.breadcrumbs p{ color:#fff; font-size:120%; line-height:28px; font-weight:bold;} div.breadcrumbs p a{color:#fff;} div.breadcrumbs p span{ color:#ffe718;} div.breadcrumbs p a span{color:#fff;} /*----Table1 ----*/ table.table1{width:100%; border:1px solid #c0c0c0; margin-bottom:20px;} table.table1 th{background:url(../images/theme/content/main/th-bg.gif) repeat 0 0; height:24px; font-size:120%; color:#292929; line-height:24px; padding:0 6px; font-weight:normal; text-align:left; border:1px solid #c0c0c0; } table.table1 th span.asc{display:inline-block; background:url(../images/theme/content/asc-arrow.png) no-repeat right center; padding-right:10px;} table.table1 th span.dsc{display:inline-block; background:url(../images/theme/content/dsc-arrow.png) no-repeat right center; padding-right:10px;} table.table1 td{padding:6px 10px; text-align:left; border:1px solid #c0c0c0;} table.table1 td a{color:#00548f; font-weight:bold;} table.table1 td{color:#4c4c4c; font-size:110%;} table.table1 td.version{font-size:120%;} table.table1 .version{width:40%;cursor:pointer;} table.table1 .compatibility{width:30%;} table.table1 .rdate{width:16%;cursor:pointer;} table.table1 .alC{cursor:pointer;} table.table1 th.compatibility{font-size:110%;} table.table1 th.compatibility .newListSelected{top:5px !important; position:relative !important;} table.table1 .newList{width: 220px;} table.table1 td.version a{font-weight:bold; color:#3e4e9c;} table.table1 td a:hover{color:#292929;} table.table1 tr.alt td{background:#f2f6f8;} table.table1 td.requested{padding:0;} table.table1 td.requested table{width:100%; border:0 !important; border-collapse:collapse;} table.table1 td.requested table th{background:#e6eaec; font-weight:normal; color:#292929;} table.table1 td.requested td, table.table1 td.requested th{border-bottom:1px solid #c0c0c0; border-width:0 0 1px 0 !important; padding:3px 10px;} table.table1 td.requested td{padding:6px 10px !important;} table.table1 td.requested table td{background:#f2f6f8; padding:5px 10px;} table.table1 td.requested table td a{color:#3e4e9c;} table.table1 td.requested table td a.user{color:#00548f;} table.table1 td.requested table td a.upload{color:#6ca000; cursor: pointer;} table.table1 td.requested tr{border:0;} table.table1 td.requested tr.last td{border:0;} /*---- Table2 ---*/ table.table2{width:100%; border:1px solid #c2c2c2; margin-bottom:10px;} table.table2 .description{width:60%;} table.table2 th{background:url(../images/theme/content/main/th-bg.gif) repeat 0 0; height:24px; font-size:120%; color:#292929; line-height:24px; padding:3px 0px 0px 0px; font-weight:normal; text-align:left; border:1px solid #c0c0c0; } table.table2 th span {font-weight:bold; float: left;} table.table2 tr td{padding:10px; text-align:center; border:1px solid #c2c2c2;} table.table2 td.description {text-align:left;} table.table2 td.description div.heading2{margin-bottom:0;} table.table2 td.description div.heading2 img{float:left; margin:0 10px 10px 0;} table.table2 td.description p{color:#4c4c4c; font-size:110%; line-height:17px; margin-bottom:0;} table.table2 td.description p a{color:#00548f; display:inline !important;} table.table2 td.description p a:hover{color:#292929;} table.table2 td.description div.heading2 a:hover{color:#292929;} table.table2 td.description div.heading2 span{margin-bottom:14px; font-size:110%;} table.table2 td.description div.heading2 span span.inner{color:#4c4c4c; display:inline; font-size:100%;} table.table2 td.description div.heading2 span span.inner a{color:#4c4c4c;} table.table2 td.description div.heading2 span span.divider{margin:0 5px; display:inline; font-size:100%;} table.table2 td.rating{vertical-align:top;} table.table2 td.rating span.title{display:block; color:#2a2a2a; margin-bottom:5px; font-size:120%; font-weight:bold;} table.table2 td.rating span.rating{margin-bottom:8px; text-align:left; height:14px;} table.table2 td.rating span.rating span{height:14px;} table.table2 td.rating span.votes{display:block; color:#4c4c4c; font-size:110%; font-weight:bold;} td.downloads span{color:#2a2a2a; font-size:120%; display:block; } td.downloads span.total{margin-bottom:10px;} td.downloads strong{color:#6a9b05; display:block; line-height:14px; font-size:110%; margin-bottom:3px;} /*---- Pagination -----*/ div.pagination1{border:1px solid #c2c2c2; margin-bottom:10px; padding:6px;} div.pagination1 a, div.pagination1 span{display:inline-block; padding:0 4px; height:16px; line-height:16px; border:1px solid #c2c2c2; color:#292929; margin-right:5px; font-size:120%;} div.pagination1 a.next-btn, div.pagination1 a.previous-btn{color:#626262;} div.pagination1 a:hover, div.pagination1 span.active{color:#fff !important; text-decoration:none; background:#00548f; border-color:#00548f;} div.pagination1 span.control{display:inline-block; float:right; line-height:20px; color:#292929; font-size:120%; border:0; padding:0;} div.pagination1 span.control select{width:40px; margin:0 3px;} div.pagination1 span.etc{border:0; } div.pagination1 span.control span.inner{display:inline-block; float:left; font-size:100%; display:inline-block; border:0; padding:0; margin:0 3px;} div.pagination1 .newListSelected {width:36px; color:#292929; height:20px; background:url(../images/theme/content/selectbox2.gif) no-repeat 0 0 ; padding:0 0 0 0px; font-weight:normal; float:left; display:inline-block; } div.pagination1 .selectedTxt{width:36px !important;} div.pagination1 ul.newList { width:36px !important; overflow:auto; } div.pagination1 ul.newList li { margin-bottom:2px; font-weight:normal; background:none; width:36px !important; } div.pagination1 ul.newList li a:hover{color:#292929 !important;} #mysection {display: none;} /*------------------------------------------ // 4.1 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/ div#footer div.section{ float:left; margin:0px 25px 15px 0px; overflow:hidden; } div#footer div.section.last{margin:0px 25px 15px 10px; width:220px;} div#footer div.section h2{ color:#abd4f0; font-size:153.9%; margin-bottom:10px; font-weight:normal;} div.ads{ margin-bottom:5px;} /*---- Softwares ----*/ div.softwares{ margin-bottom:10px;} /*---- Softwares Title ----*/ div.softwares div.title{ margin-bottom:15px;} div.softwares div.title h1.logo { float:left; margin:6px 13px 0px 3px;} div.softwares div.title h1.logo a { position:relative; width:32px; height:32px; display:block; } div.softwares div.title h1.logo a span { position: absolute; top: 0; left: 0; background:url(../images/theme/content/logo.jpg) 0 0 no-repeat; width:100%; height:100%; display:block; } div.softwares div.title h2{ color:#00548f; font-size:140%; margin:7px 0px 5px 0px; float:left;} div.softwares div.title h2 a{ color:#00548f; } div.softwares div.title h2 span { color:#4c4c4c; font-size:90%; margin-bottom:5px; display:block; font-weight:normal;} div.softwares div.title h2 span a { color:#4c4c4c; } div.softwares img.ads{ margin-bottom:20px;} div.softwares h3.heading1{ background:#4c4c4c; color:#fff; font-size:120%; margin-bottom:10px; height:28px; font-weight:normal; line-height:28px; padding-left:10px;} div.softwares h3.heading1 span{color:#ffe718; font-weight:bold;} h3.heading1{ background:#4c4c4c; color:#fff; font-size:120%; margin-bottom:10px; height:28px; font-weight:normal; line-height:28px; padding-left:10px;} h3.heading1 span{color:#ffe718; font-weight:bold;} div.softwares div.title ul{ float:right; margin:5px 0px 0px 20px;} div.softwares div.title ul li{ float:left; margin-right:23px;} div.softwares div.description p{color:#2a2a2a; font-size:120%; line-height:18px; margin-bottom:15px;} /*---- Softwares Meta-data ----*/ div.softwares div.meta-data h3{color:#2a2a2a; font-size:140%; margin-bottom:12px;} div.softwares div.meta-data h3 span.underline{display:block; font-size:80%; color:#4c4c4c; font-weight:normal;} div.softwares div.meta-data h1{color:#2a2a2a; font-size:140%; margin-bottom:12px;} div.softwares div.meta-data h1 span{display:block; font-size:80%; color:#4c4c4c; font-weight:normal;} div.softwares div.meta-data ul li{ padding-bottom:5px; margin-bottom:5px; color:#4c4c4c; font-size:110%; border-bottom:1px solid #c0c0c0; line-height:14px;} div.softwares div.meta-data ul li.last{ border:0px;} div.softwares div.meta-data ul li span{ color:#6ca000; } div.softwares div.meta-data ul li span a{color:#3e4e9c; font-weight:bold;} div.softwares div.meta-data a.software{color:#00548f;} div.softwares div.meta-data ul li span a:hover{color:#292929;} div.softwares div.meta-data ul li a.rate{ font-size:95%; color:#00548f; font-weight:bold;} div.softwares div.meta-data ul li span.vote{ font-size:95%; color:#4c4c4c; font-weight:bold;} div.softwares div.meta-data ul li span.vote span { color:#4c4c4c; } div.softwares.version div.meta-data ul li{font-size:120%;} div.softwares.version div.meta-data ul li span{font-weight:bold;} a.versionsetlink {cursor: pointer;} .changelog { color: #4C4C4C; font-size: 120%; margin-bottom: 10px; display: block; } /*-- Rating ----*/ span.rating{ background:url(../images/theme/content/rating.png) no-repeat left bottom; height:14px; width:78px; display:inline-block; white-space: nowrap; overflow: hidden; } span.rating span{ background:url(../images/theme/content/rating.png) no-repeat left top; height:14px; display:inline-block; text-indent: -999em; } /*---- tested ----*/ span.tested{ font-size:120%; color:#4c4c4c; display:block; background:url(../images/theme/icons/tested.png) no-repeat left center; padding-left:18px; font-weight:normal; line-height:18px; } div.softwares div.column{width:355px; margin-bottom:10px;} div.softwares div.downloads{clear:both; margin-bottom:15px;} div.softwares div.downloads h3.heading1{font-style:italic; margin-bottom:2px;} div.softwares div.downloads h3.heading1 span{color:#fff;} div.softwares div.downloads h3.heading1 span.inner{color:#ffe718; font-weight:normal;} /*----- Heading2 ---*/ div.heading2{margin-bottom:30px;} div.heading2 img{float:left; margin-right:5px;} div.heading2 h3{color:#073b76; font-size:140%; margin-bottom:6px; line-height:1em;} div.heading2 h3 a{color:#073b76;} div.heading2 h1{color:#073b76; font-size:140%; margin-bottom:6px; line-height:1em;} div.heading2 h1 a{color:#073b76;} div.heading2 p.downloads{display:block; color:#76a611; font-size:120%;} div.heading2.large h1{font-size:180%;} /*---- Softwares Tools ----*/ div.softwares div.tools{ margin-bottom:30px; position:relative; } /*---- Softwares Screenshots ----*/ div.softwares div.screenshots{ margin-bottom:20px;} div.softwares div.screenshots ul li{ height: 60px; width: 80px; float:left; margin-right:10px; border:4px solid #ebebeb; float: left; font-size: 10px; cursor: pointer; text-align: center;} div.softwares div.screenshots ul li:hover{ border:4px solid #7b7b7b;} div.softwares div.screenshots ul li img{ display:block;} div.softwares div.screenshots ul li div.b-software-screenshot__data{ height: 50px; font-size: 10px; width: 80px; text-align: center; cursor: pointer; padding-top: 10px; } /*---- Softwares Other-Software ----*/ div.softwares div.other-software ul.list7 li:hover a{color:#736630;} /*---- Softwares Comments ----*/ div.comments{ margin-bottom:58px; padding-top:9px;} div.comments div.rating{ margin-bottom:25px;} div.comments div.rating a.like{ background:url(../images/theme/content/like.gif) no-repeat left top; width:52px; height:22px; float:left; margin-right:3px; display:block; text-decoration:none;} div.comments div.rating a.dislike{ background:url(../images/theme/content/dislike.gif) no-repeat left top; width:22px; height:22px; float:left; margin-right:3px; display:block; text-decoration:none;} div.comments div.rating span{ display:block; line-height:22px; font-size:140%; float:left; color:#000;} div.comments div.rating span.user{ float:right;} div.comments div.comment h4{color:#000; font-size:160%; margin-bottom:19px;} div.comments div.comment h4 a{ display:block; line-height:10px; float:right; font-size:80%; color:#03F; font-weight:normal; margin-right:21px;} div.comments div.comment p{ margin-bottom:22px;} div.comments div.comment p span.user{ float:left; background:url(../images/theme/content/user.gif) no-repeat left top; height:36px; width:36px; display:block; margin-right:10px;} div.comments div.comment p span.textarea{ float:left; background:#f4f4f4 url(../images/theme/content/textarea.gif) repeat-x left top; position:relative; border:1px solid #c1c1c1; padding:0px 2px;} div.comments div.comment p span.textarea textarea{width:644px; height:70px; max-width:644px; max-height:70px; padding:5px; color:#816666; font-size:140%; font-family:Arial, Helvetica, sans-serif; border:none; background:none; overflow:auto;} div.comments div.comment p { color:#000; font-size:120%; } div.comments div.comment p a { color:#0033FF;} div.comments div.comment select.selectbox{ float:right; width:140px; padding:0px 5px; height:18px; line-height:18px; color:#000; border:1px solid #e3e9ef; border-top:1px solid #abadb3; font-size:100%;} div.comments div.comment select.selectbox1{ float:right; width:140px; padding:0px 5px; height:18px; line-height:18px; color:#000; border:1px solid #e3e9ef; border-top:1px solid #abadb3; font-size:100%;} div.comments div.comment input.submit{ display:none;} div.disqus img{margin-bottom:15px;} /*------------------------------------------ // 4.1 SOFTWAREUPLOAD PAGE SPECIFIC STYLES //------------------------------------------*/ ul.steps{margin-bottom:23px;} ul.steps li{list-style:none; float:left; margin-right:19px; background:url(../images/theme/content/steps-li-bg.gif) repeat-x 0 0; line-height:21px; border:1px solid #ccc; padding-right:10px; font-size:140%; color:#929292; height:21px; } ul.steps li span.number{border-right:1px solid #ccc; margin-right:6px; width:20px; line-height:20px; text-align:center; font-weight:bold; display:inline-block; line-height:21px; height:21px; float:left;} ul.steps li span.number img{ position:relative; top:3px; } ul.steps li.active{background:#fff8c9; border-color:#f1c861; color:#292929;} ul.steps li.active span{border-color:#f1c861;} ul.steps li.done{background:#e7f6c7; border-color:#b6cc88; color:#040404; } ul.steps li.done span{border-color:#b6cc88;} /*------ software-details ----*/ div.software-details h2{font-size:140%; color:#292929; font-weight:normal; margin-bottom:25px;} div.software-details h2 span{color:#ff0000;} div.software-details h2 a{color:#00548f; font-weight:bold;} div.software-details span.version {display:block; float:left; width:700px; margin-right:35px; margin-bottom:35px;} div.software-details p span.section{display:block; float:left; width:225px; margin-right:35px; margin-bottom:35px;} div.software-details p label{display:block; color:#292929; margin-bottom:10px; font-size:140%;} div.software-details p span.textbox{display:block; border:1px solid #dbdfe6; height:18px; line-height:18px; font-size:120%; color:#292929; border-top-color:#abadb3; position:relative; padding:0 8px;} div.software-details p input.textbox{display:block; border:0; background:none; width:100%; height:16px; line-height:16px;} div.software-details p span.required{color:#ff0000;} div.software-details span.version span.textbox{width:210px;} div.software-details p.notetext{font-size:120%; color:#4c4c4c; margin-bottom:25px;} div.software-details p.notetext span{font-weight:bold;} div.software-details p.notetext a{color:#00548f; font-weight:bold;} div.software-details span.section select{width:220px; color:#292929; font-size:140%;} div.software-details div.additional-details{border-top:1px solid #cccccc; padding-top:22px; margin-bottom:40px; } div.software-details div.additional-details h3{color:#000; font-size:140%; margin-bottom:10px !important;} div.software-details div.additional-details p{font-size:120%; color:#4c4c4c; margin-bottom:25px;} div.software-details div.additional-details p a{color:#00548f; font-weight:bold;} div.software-details div.additional-details h4{font-size:140%; font-weight:normal; color:#292929; margin-bottom:15px;} div.software-details div.additional-details h5{font-size:120%; margin-bottom:7px; color:#6b6b6b;} div.software-details div.additional-details ul{margin-bottom:15px;} div.software-details div.additional-details ul li{list-style:none; margin:0 5px 0 0; display:inline-block; width: 30%;} div.software-details div.additional-details ul li label{display:inline; font-size:120%; font-weight:bold; color:#6b6b6b;} div.software-details div.additional-details ul li input{position:relative; top:2px;} div.software-details div.info{margin-bottom:40px;} div.software-details div.info h4 {font-size:140%; font-weight:normal; color:#292929; margin-bottom:10px;} div.software-details div.info h4 span{font-size:90%;} div.software-details div.info span.textarea{position:relative; border:1px solid #7f7f7f; padding:5px; width:580px; height:70px; display:block; font-size:140%; color:#292929; } div.software-details div.info span.textarea textarea{display:block; border:0; background:none; width:580px; height:70px; min-width:580px; max-width:580px; min-height:70px; max-height:70px; font-family:Arial, Helvetica, sans-serif; position:relative;} div.software-details p label.license{margin-bottom:15px;} div.software-details p span.release-date{display:block; width:145px; } div.software-details p span.release-date img{display:inline; } div.software-details p span.release-date span.textbox{width:92px; margin-right:5px; display:inline-block;} div.screenshots{margin-bottom:10px;} div.screenshots h4{font-size:140%; font-weight:normal; color:#292929; margin-bottom:20px;} div.screenshots p{margin-bottom:10px; } div.screenshots p input.file-input{display:block; float:left; width:245px;} div.screenshots p span.textbox{float:left; width:202px; margin-left:30px;} div.screenshots p span.textbox input{color:#787878;} /*------ registration form ------*/ h2.regmember{ color:#666666; font-size:140%; font-weight:bold;margin-bottom: 5px;} div.regmessage {color: #656565;font-size: 115%;line-height: 18px;margin-bottom: 10px;} div.regreq {color: #00548F;font-size: 115%;line-height: 18px;font-weight:bold;margin-bottom: 5px;} span.formreq {color: #FF0000;} span.b-form-required-mark {color: #FF0000; padding-right: 3px;} div.b-form-input {color: #00548F;font-size: 110%;line-height: 18px;font-weight:bold;} #ov_types_client_user_fullName {width: 300px} #b-form-input-email2 { margin-top: -43px; margin-left: 250px; } #b-form-input-password2 { margin-top: -43px; margin-left: 250px; } .formsingup {margin-top:10px;margin-bottom: 30px;} div.regmemberd {border-bottom: 1px solid #a9a9a9} #ov_types_client_userd_fullName {width: 300px} #b-form-input-d-email2 { margin-top: -43px; margin-left: 250px; } #b-form-input-d-password2 { margin-top: -43px; margin-left: 250px; } #b-form-input-d-companyName { margin-top: -43px; margin-left: 250px; } div.regdeveloperd {margin-top:20px;} .b-form-errors { color: #ff0000; font-size: 140%;} /*------ forgot form ------*/ h2.forgotmember{ color:#666666; font-size:140%; font-weight:bold;margin-bottom: 5px;} /*------ login form ------*/ h2.loginmember{ color:#666666; font-size:140%; font-weight:bold;margin-bottom: 5px;} div.loginmessage {color: #656565;font-size: 115%;line-height: 18px;margin-bottom: 10px;} span.error {color: #ff0000;} /*------ search result ------*/ h2.resultmessage{ color:#666666; font-size:140%; font-weight:bold;margin-bottom: 5px;} .category-programs-list_ads {background-color: #DDDDDD} .category-programs-list_ads h3 {color:#666666; font-size:140%; font-weight:bold;margin-bottom: 5px;} /*------ user info page ------*/ div.usercont {width: 355px; margin-top: 40px;} div.usercont h1 {color: #2A2A2A;font-size: 140%;margin-bottom: 12px;} div.usercont ul {list-style-image: none;list-style-position: outside;list-style-type: none;line-height: 1em;} div.usercont ul li {border-bottom: 1px solid #C0C0C0;color: #4C4C4C;font-size: 110%;line-height: 14px;margin-bottom: 5px;padding-bottom: 5px;} div.usercont ul li span {color: #6CA000;} /*------ user list page ------*/ h2.userlistmessage {color: #666666;font-size: 140%;font-weight: bold;margin-bottom: 5px;} /*------ upload page ------*/ h2.unregupload {color: #666666;font-size: 140%;font-weight: bold;margin-bottom: 5px;margin-top: 15px;} ul.newList li{width: 200px;} ul.newList {width: 220px;} .form-load {padding-right: 18px;background: url('../img/ajax-loader-small.gif') 100% 50% no-repeat;} .formquestion {display: inline-block; width: 20px; height: 20px; background: url('../images/theme/icons/questions.png') 0 0 no-repeat;cursor: pointer;} .formquestion:hover {background-position: -20px 0;} .isok {display: block; margin-left: 230px} .istextok {display: block; margin-left: 220px; margin-top: -17px;} .isdateok {display: block; margin-left: 150px; margin-top: -17px;} /*------ some tech styles ------*/ .hiddenitem {display:none !important;} /*------ ui datepicker ------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; background-color: whiteSmoke; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background-color: #292929; color: white } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; padding: 3px; cursor: pointer } .ui-datepicker .ui-datepicker-next { right:5px; padding: 3px; cursor: pointer } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:4px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; color: #00548F} .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /*------ rate styles ------*/ #ratesdiv form {width: 400px; min-height: 100px; background-color: #ffffff; padding-left: 350px; padding-top: 80px} #setsdiv form {width: 300px; min-height: 300px; background-color: #ffffff; padding-left: 300px; padding-top: 80px;} #licensesdiv form { width: 400px; min-height: 100px; background-color: #ffffff; padding-left: 300px; padding-top: 80px } #changelogsdiv form {width: 300px; min-height: 300px; background-color: #ffffff; padding-left: 150px; padding-top: 80px} #requestdiv form {width: 400px; min-height: 100px; background-color: #ffffff; padding-left: 200px; padding-top: 60px; text-align: center;} .emptystar {background: url(../images/theme/content/star.png) 0px -14px no-repeat; height: 14px; width: 15px; display: inline-block;} #ratesubmit {padding-top: 10px; padding-left: 8px;} #licensesubmit {padding-top: 20px; padding-left: 75px;} #stardiv {cursor: pointer;} #ratemessage {font-size: 120%;line-height: 16px;color: #212121; } #rateclose {padding-top: 10px; padding-left: 35px;} .popup h1 {font-size: 160%; font-weight: bold; margin-bottom: 20px;} .popup h2.h2popup {margin-bottom: 10px;} /*------ search suggestion ------*/ ul.ui-autocomplete {display: block; width: 412px !important; font-size: 120%; background-color: #ffffff; border: 3px solid #D5D5D5; border-top: 0px solid black;} li.ui-menu-item {padding: 10px; cursor: pointer; padding-left: 38px;} li.ui-menu-item:hover {background-color: #aaaaaa;} /*------ version set ------*/ .versionsetformel { display: inline-block; margin-bottom: 20px;} .compset { width: 180px; text-align: left; padding-left: 20px; } .versionsetbut {text-align: center;} a.sendmorelink { color: #073B76 } a.sendmorelink:hover { color: #000000 } .clickable { cursor: pointer } .loaderimage { margin-left: 50%; margin-top: 50px; } .changeloglink { color: #3E4E9C;font-weight: bold; } .changeloglink:hover { color: #292929; } #changelog { width: 500px; height: 150px; } .screenuploadbutton { display: inline-block; padding: 10px; font-size: 140%; background-color: whiteSmoke; border: 1px solid black; color: #00548F; font-weight: bold; margin: 5px; cursor: pointer; vertical-align: top} .screenuploadprogress { display: none; font-size: 140%; background: url('../img/upload-progress.png') blue repeat-x;height: 31px;border: 1px solid #7f7f7f;width: 0;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;margin: 5px; vertical-align: top } .screenuploadname { display: inline-block; padding: 10px; font-size: 140%; margin: 5px; vertical-align: top} .facebooklike { width: 150px;} input.download-go { display: inline; border: none; background: transparent; font-size: 10px; margin: 0; padding: 0; cursor: pointer; } .flash, .flash-notice, .flash-error, .flash-success { font-size: 18px; border: 1px solid #aaaaa; background: #cccccc; padding: 20px; border-radius: 5px; margin-bottom: 10px; line-height: 1em; } .flash-notice { color: #333333; background: #fff2be; border: 1px solid #ffaa22; } .flash-error { color: #ffffff; background: #ff3333; border: 1px solid #ff0000; } .flash-success { color: #ffffff; background: #33ff33; border: 1px solid #00ff00; } #b-form-input-isdeveloper .b-form-input__input { display: inline; } #b-form-input-isdeveloper .help { display: block; color: #333; font-weight: normal; } #b-form-input-webSite, #b-form-input-companyName { margin-left: 20px; display: none; } label.recaptcha_label { display: block; margin-top: 10px; } div#content div.section span.viewmore { color: #292929; text-decoration: none; line-height: 18px; font-size: 120%; font-weight: bold; } div#content div.section span.viewmore span { color: #6CA000; } .category-title a:hover, .category-title a:active { color: #292929; } .tabs.main { height: 302px; margin-bottom: 20px; } .tab-content.tabs-category { height: 250px; } #point-system h6 { font-size: 180%; font-weight: bold; line-height: 24px; color: black; margin-bottom: 10px; } /********************************************************************************************** PURPOSE This CSS file provide a clever way to add browser and OS specific css styles. USAGE .[os].[browser] .mylink { font-weight: bold; } -> without space between .[os] and .[browser] AVAILABLE OS CODES [os]: win - Microsoft Windows linux - Linux (x11 and linux) mac - Mac OS freebsd - FreeBSD ipod - iPod Touch iphone - iPhone webtv - WebTV mobile - J2ME Devices (ex: Opera mini) AVIALABLE BROWSER CODES [browser]: ie - Internet Explorer (All versions) ie8 - Internet Explorer 8.x ie7 - Internet Explorer 7.x ie6 - Internet Explorer 6.x ie5 - Internet Explorer 5.x gecko - Mozilla, Firefox (all versions), Camino ff2 - Firefox 2 ff3 - Firefox 3 ff3_5 - Firefox 3.5 new opera - Opera (All versions) opera8 - Opera 8.x opera9 - Opera 9.x opera10 - Opera 10.x konqueror - Konqueror webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome safari3 - Safari 3.x chrome - Google Chrome iron - SRWare Iron EXAMPLES: html.gecko div#header { margin: 1em; } .opera #header { margin: 1.2em; } .ie .mylink { font-weight: bold; } .mac.ie .mylink { font-weight: bold; } ***********************************************************************************************/ /*------------------------------------------ // IE - All Versions - Windows //------------------------------------------*/ /* Clearfix Method for containing floats in IE */ .ie .clearfix { display: inline-block; } /* ... especialy for IE7 */ .ie .clearfix { display: block; } /* ... for IE5,IE6,IE7 */ * html.ie .clearfix { height: 1%; } /* ... for IE5 + IE6/Win */ /* Adjustment of .floatbox class for IE */ .ie .floatbox { width:100%; } /*Use to make CSS 3 Rounded Corners , Text Shadows and Box Shadows for IE */ .ie .css3 { behavior: url(/bundles/oldversionsite/css/PIE.htc); } /*------------------------------------------ // IE - IE6.0 - Windows //------------------------------------------*/ /* Adds near-native PNG support with alpha opacity in IE6 */ /* ie6 img { behavior: url("../js/iepngfix.htc"); } */ /* Adds ability to user :hover selector on any tag in IE6 */ .ie6 body { behavior: url(/bundles/oldversionsite/css/csshover.htc); } .ie div.search-form p select.selectbox {margin-right: 4px;} .ie div.software-details p{margin-bottom:35px;} .ie div.software-details div.screenshots p{margin-bottom:10px !important;} .ie input.submit{position:relative; top:4px;} .ie div#header div#search-form p input.submit{top:2px;} .ie div.software-details p span.release-date img{position:relative; top:5px;} .ie7 div.quick-search{padding-top:1px;} .ie7 table.table1 th.compatibility .newListSelected{position:relative; top:-2px !important;} .ie7 div#main-navigation div.languages ul li.selected a img, .ie6 div#main-navigation div.languages ul li.selected a img{ top:-2px;} .ie7 div.software-details div.info span.textarea{position:static;} .ie7 ul.tabstrips1 li{padding:0 14px;} .ie6 a.button4:hover{background-position:0 bottom; position:relative;} .ie6 div#main-navigation ul.navigation{width:380px;} .ie6 div#main { width:715px;} .ie6 div#content div.section{width:158px; margin:0px 20px 30px 0px;} .ie6 div.blogs-widget ul li {margin-bottom:5px;} .ie6 div.categories a{ float:left; border-radius:0; } .ie6 ul.list4 li{ width:322px;} .ie6 span.rating{ background:url(../images/theme/content/rating.gif) no-repeat left bottom; } .ie6 span.rating span{ background:url(../images/theme/content/rating.gif) no-repeat left top; } .ie6 ul.tabstrips1 li{padding:0 12px;} .ie6 div.softwares div.title ul li{margin-right:17px;} .ie6 div#footer div#footer-navigation ul li, .ie7 div#footer div#footer-navigation ul li{ margin-right:7px;} .ie6 table.table1 th.compatibility .newListSelected{top:-2px !important; position:relative !important;} .ie6 div.softwares div.title a.button1{ width:168px;} .ie6 div.user-area ul li.login:hover a{border-top:1px solid #a7ddff; border-right:1px solid #a7ddff; border-left:1px solid #a7ddff; border-bottom:0;} .ie6 a.button4:hover{height:38px;} .chrome input.submit{position:relative; top:0px;} /* invalid css cross-browser rules */ a.button1 span{text-shadow: 2px 2px 2px #666;} a.button2, input.submit, a.button5{ border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} div.comments div.comment p span.textarea, div.software-details div.info span.textarea{ border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} div#header div#search-form{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} a.button4, input.button4{text-shadow:1px 1px #6b8f24; } div.categories a, div.software-details p span.textbox{border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px;} div.popup{border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ;} div.popup{box-shadow:2px 2px 5px #0f0f0f; -webkit-box-shadow:2px 2px 5px #0f0f0f ; -moz-box-shadow:2px 2px 5px #0f0f0f ;} /* stylish select */ /******************************************************************************/ .stylish-select ul.newList {left:-9999px; margin:0 !important; background:#fff; padding:0; z-index:9999; width:221px; overflow:auto; } ul.newList * {margin:0 !important; padding:0;} div.form ul.newList li { margin-bottom:0; } ul.newList a {color: #000; text-decoration:none; display:block; border:0; } .newListSelected span {width:206px; display:block;} ul.newList {margin:0; padding:0; list-style:none; position:absolute; border:0; overflow:auto; z-index:9999;} div.post div.form ul.newList li { float:none; margin-bottom:0px; font-size:120%; } ul.newList li { margin-bottom:2px; font-weight:normal; background:none; width:200px; font-size:110%; } ul.newList li a { padding:5px 7px; display: block; font-size:100%; font-weight:normal; text-decoration:none !important; line-height:1.2em; -moz-outline-style: none;} ul.newList li a:focus {-moz-outline-style: none;} ul.newList li a:hover { text-decoration:none; background:#fff5b0;} .selectedTxt { overflow:hidden; font-weight:normal; } .hiLite {background:#fff!important;} .hiLite a {background:#fff!important;} .newListHover { background:#fff5b0!important; cursor:default;} .newListOptionTitle {font-weight:bold;} .newListOptionTitle ul {margin:3px 0 0;} .newListOptionTitle li {font-weight:normal; } .newListSelected:hover { cursor:pointer;} .newListSelected {width:218px; color:#292929; height:20px; background:url(../images/theme/content/selectbox1.gif) no-repeat 0 0 ; padding:0 0 0 5px; font-weight:normal; float:left; } .selectedTxt { width:218px; height:20px; line-height:20px; padding:0 0 0 5px; font-size:120%; font-weight:normal; color:#292929; } ul.newList { color:#666666; width:220px; left:0px !important; background:#fff; top:20px !important; border:1px solid #dadad4; } /* ICONS */ /******************************************************************************/ /* ICONS */ .i-category { background: url('../img/icons/categories.png') no-repeat 0 99px; float: left; width: 18px; height: 18px; margin: 0 4px 0 0; position: relative; top: -5px; } .i-category_windows { background-position: 0 -19px; } .i-category_mac { background-position: 0 -2px; margin-top: 1px; } .i-category_drivers { background-position: 0 -36px; } .i-category_games { background-position: 0 -54px; margin-right: 4px; } /*- -*/ .i-category-gray { background: url('../img/icons/category-icons.png') no-repeat 50px 0; float: left; width: 22px; height: 22px; margin: 0 4px 0 0; position: relative; top: -5px; } .i-category-gray_communication { background-position: 0 0; } .i-category-gray_multimedia { background-position: -24px 0; } .i-category-gray_utilities { background-position: -48px 0; } .i-category-gray_internet { background-position: -72px 0; } .i-category-gray_file { background-position: -96px 0; } .i-category-gray_ftp { background-position: -120px 0; } .i-category-gray_security { background-position: -144px 0; } .i-category-gray_graphics { background-position: -168px 0; } .i-category-gray_networking { background-position: -192px 0; } .i-category-gray_cd { background-position: -216px 0; } .i-category-gray_office { background-position: -240px 0; } .i-category-gray_dev-tools { background-position: -264px 0; } .i-category-gray_strategy { background-position: -288px 0; } .i-category-gray_sport { background-position: -312px 0; } .i-category-gray_simulation { background-position: -336px 0; } .i-category-gray_rpg { background-position: -360px 0; } .i-category-gray_puzzle { background-position: -384px 0; } .i-category-gray_platform { background-position: -408px 0; } .i-category-gray_patches-updates { background-position: -432px 0; } .i-category-gray_mods-addons { background-position: -456px 0; } .i-category-gray_game-utilities { background-position: -480px 0; } .i-category-gray_arcade { background-position: -504px 0; } .i-category-gray_adventure { background-position: -528px 0; } .i-category-gray_action { background-position: -552px 0; } .i-language { width: 16px; height: 16px; margin: -2px 3px 0 5px; display : -moz-inline-stack; display : inline-block; *display: inline; *zoom: 1; /* IE 6-7 styles */ vertical-align: middle; } .i-language_en { background: url('../img/lng/en.gif') no-repeat center center; } .i-language_ru { background: url('../img/lng/ru.gif') no-repeat center center; } .i-language_ar { background: url('../img/lng/ar.gif') no-repeat center center; } .i-language_de { background: url('../img/lng/de.gif') no-repeat center center; } .i-language_es { background: url('../img/lng/es.gif') no-repeat center center; } .i-language_fr { background: url('../img/lng/fr.gif') no-repeat center center; } .i-language_it { background: url('../img/lng/it.gif') no-repeat center center; } .i-language_ja { background: url('../img/lng/ja.gif') no-repeat center center; } .i-language_ro { background: url('../img/lng/ro.gif') no-repeat center center; } .i-language_tr { background: url('../img/lng/tr.gif') no-repeat center center; } .i-language_zh { background: url('../img/lng/zh.gif') no-repeat center center; } .silver-gradient { background: #f0f0f0; background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%); background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E6E6E6)); background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%); background-image: -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%); background-image: linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#ffffffff,endColorstr=##e6e6e6ff,GradientType=0); zoom: 1; background-clip: border-box; -moz-background-clip: border; -webkit-background-clip: border-box; background-origin: border-box; -moz-background-origin: border; -webkit-background-origin: border-box; } /* Poll CSS Styling */ .survey_wrapper { width: 100%; background: #72A40C; } div.form-linkout { padding: 10px 10px 10px 10px; text-align: center; width: 70%; margin: 0 auto; } div.form-linkout h4 { font-size: 16px; padding: 5px; color: #3C5703; } div.form-linkout a { color: #00568F; } div.form-linkout a:hover { text-decoration: none; } .text-normal { font-size: 1.6em; }