/*--------------------------------------------------------------- # Package - Joomla Template based on Helix Framework # --------------------------------------------------------------- # Author - JoomShaper http://www.joomshaper.com # Copyright (C) 2010 - 2011 JoomShaper.com. All Rights Reserved. # license - PHP files are licensed under GNU/GPL V2 # license - CSS - JS - IMAGE files are Copyrighted material # Websites: http://www.joomshaper.com - http://www.joomxpert.com -----------------------------------------------------------------*/ /* Master 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,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0} body{line-height:1} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:none} :focus{outline:0} ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse;border-spacing:0} /* Core */ body{color:#525253;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:150%} .bg{background:#f5f5f5} .bg1{background:url(../images/shadow.gif) repeat-y 50% 0} .sp-wrap{margin-left:auto;margin-right:auto} .sp-block{float:left;display:inline} .mod-block {padding:10px} .sp-inner{padding-left:10px;padding-right:10px} .sp-block .first {margin-left:-10px} .sp-block .last {margin-right:-10px} .sp-block .single {margin-left:-10px;margin-right:-10px} .gap{clear:both; margin-bottom:10px} /*Header Area*/ #header {position:relative;background:#fff url(../images/header.gif) repeat-x 0 100%} a#logo,#logo-text{float:left;margin:0 10px} a#logo{background:url(../images/logo.png?20210917) no-repeat 0 50%} #logo-text h1{font-size:200%;font-weight:bold;text-transform:uppercase;border:0!important;margin:10px 0 0!important;padding:0!important} #logo-text h1 a{} #logo-text p.site-slogan{margin:0;padding:0;color:#999} /*Search*/ #search{float:right;margin:28px 10px 0 10px} #search input#mod-search-searchword,input#mod-finder-searchword{height:24px;line-height:24px;color:#000;border:0;margin:0;padding:0 5px 0 20px;background:#f1f1f1 url(../images/search.png) no-repeat 5px 50%} .mod-search{overflow:hidden;margin:0;padding:0} /*Module positions user1-user4*/ #sp-userpos {background:url(../images/divider.png) no-repeat 50% 100%} #sp-userpos h3 {color:#333} #sp-bottom{background:#171717;color:#888;font-size:90%} /* Layout */ #sp-leftcol, #sp-rightcol, #sp-maincol ,#inset1, #inset2, #inner_content {float:left} #sp-leftcol, #sp-rightcol, #sp-maincol {padding:10px 0} /*Font Resizer*/ div.font-sizer{width:45px;height:16px;line-height:16px;position:absolute;z-index:1;top:5px;right:10px} div.font-sizer a.btn_fs_big,div.font-sizer a.btn_fs_reset,div.font-sizer a.btn_fs_small {background-image:url(../images/font-resizer.png);background-repeat:no-repeat;height:16px;width:15px;border:medium none;cursor:pointer;display:block;float:left;text-indent:-999em;padding:0} div.font-sizer a.btn_fs_big{background-position:0 0} div.font-sizer a.btn_fs_reset{background-position:-15px 0} div.font-sizer a.btn_fs_small{background-position:-30px 0} div.font-sizer a.btn_fs_big:hover{background-position:0 -16px} div.font-sizer a.btn_fs_reset:hover{background-position:-15px -16px} div.font-sizer a.btn_fs_small:hover{background-position:-30px -16px} /* Breadcrumbs */ #breadcrumbs{overflow:hidden;height:30px;line-height:30px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7} #breadcrumbs span.showhome {font-weight:bold;margin-right:5px} #breadcrumbs .padding{padding:5px 8px} #breadcrumbs a,#breadcrumbs span,#breadcrumbs strong{display:block;float:left} #breadcrumbs a,#breadcrumbs span.separator{margin-right:10px;padding-right:15px;background:url(../images/breadcrumbs.png) 100% 50% no-repeat} #breadcrumbs span.current{color:#666} a#topofpage{float:right!important;background:none!important;margin:0!important;padding:0!important} /* Footer */ #sp-footer{height:108px;margin-bottom:50px;background: url(../images/footer-bg.gif) no-repeat 50% 100%} #sp-footer .cp {float:left;} #sp-footer .sp-inner {padding:10px} /*Footer Navigation*/ #footer-nav{float:right;margin-top:8px} #footer-nav ul{list-style-type:none;padding:0;margin:0 0 5px 0} #footer-nav li{background:none;padding:0;display:inline} #footer-nav a{font-size:11px;font-weight:normal;text-decoration:none;display:inline;margin:0;padding:0 8px} /* Helix Logo */ #powered-by{display:block;text-indent:-999em} .helix-logo-light,.helix-logo-dark,.helix-logo-light-small,.helix-logo-dark-small{display:block;float:left;padding:0 10px 0 0;margin:0 15px 0 0;border-right:1px solid #e5e5e5} .helix-logo-light,.helix-logo-dark,.helix-logo-light a,.helix-logo-dark a{height:33px;width:160px} .helix-logo-light-small,.helix-logo-dark-small,.helix-logo-light-small a,.helix-logo-dark-small a{height:33px;width:100px} .helix-logo a{background-position:center center;background-repeat:no-repeat;display:block;text-indent:-999em} .helix-logo-light a{background-image:url(../images/helix-logo/helix_light.png)} .helix-logo-dark a{background-image:url(../images/helix-logo/helix_dark.png)} .helix-logo-light-small a{background-image:url(../images/helix-logo/helix_light_small.png)} .helix-logo-dark-small a{background-image:url(../images/helix-logo/helix_dark_small.png)} /* Clearfix */ .clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} .clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0} * html .clearfix,:first-child+html .clearfix{zoom:1} /************************************ Retry modifications ************************************/ body{color:#4E4E4E;font-size:13px;line-height:140%} .articletopimage {float: right; margin-bottom: 15px; margin-left: 25px;} .bg1{background:url(../images/shadow.png) repeat-y 50% 0;} .main-bg {background:#FFFFFF;} #header {position:relative;background:#fff url(../images/header.jpg) repeat-x 0 100%} #sp-footer{height:108px;margin-bottom:50px;background: url(../images/footer-bg.png) no-repeat 50% 100%} body.bg { /*background-image: url(../images/1280x1280_BG.jpg);*/ background-image: url(../images/AD16background.jpg); /*background-image: url(../images/AltiumBoardBG.jpg);*/ background-position: left 0px; background-attachment: fixed; background-repeat: no-repeat; background-color: #000A0C; color: #333; } a#logo,#logo-text{margin-left: 35px} #search{margin-top:95px;} /*Annoucement area*/ div#slides.sp-inner.clearfix {padding-left:0px; padding-right:0px} div#slides2.sp-inner.clearfix {padding-left: 20px; padding-right: 40px;} .customannoucements {border-bottom:1px solid #e5e5e5; color: #EEEEEE; font-weight: bold; background:#505050 no-repeat 100% } .customannoucements-light {border-bottom:1px solid #e5e5e5; color: #000; font-size: 140%; line-height: 140%; background:#EFDFB8 no-repeat 100% } #separator {height: 40px; background:url(../images/divider.png) no-repeat 50% 100%} div.item-page{font-size:120%!important; line-height: 160%;} div.item-page p, div.item-page ul, div.item-page li, div.item-inner li, div.items-leading li {font-size:16px!important; line-height: 160%;} div.item-page li, div.item-inner li, div.items-leading li { background: url(../images/pcb_bullet_icon.png) no-repeat 18px 10px!important; background-size: 16px 16px!important; padding: 5px 10px 5px 38px; } div.sp-component-area {padding-left:25px;padding-right:25px} div#sp-bottom {padding-left:50px;padding-right:50px} div#sp-userpos {padding-left:25px;padding-right:25px} /*Others*/ .forme td {vertical-align: top; padding-bottom: 5px;} .altiumbutton { -moz-box-shadow:inset 0px 1px 0px 0px #fce2c1; -webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1; box-shadow:inset 0px 1px 0px 0px #fce2c1; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFB217), color-stop(1, #cc9934) ); background:-moz-linear-gradient( center top, #FFB217 5%, #cc9934 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB217', endColorstr='#cc9934'); background-color:#FFB217; -webkit-border-top-left-radius:20px; -moz-border-radius-topleft:20px; border-top-left-radius:20px; -webkit-border-top-right-radius:20px; -moz-border-radius-topright:20px; border-top-right-radius:20px; -webkit-border-bottom-right-radius:20px; -moz-border-radius-bottomright:20px; border-bottom-right-radius:20px; -webkit-border-bottom-left-radius:20px; -moz-border-radius-bottomleft:20px; border-bottom-left-radius:20px; text-indent:0px; border:1px solid #edb23d; display:inline-block; color:#ffffff; font-family:Arial; font-size:16px; font-weight:bold; font-style:normal; height:40px; line-height:40px; width:160px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #cc9f52; margin: 5px 10px; padding: 0 10px; } .altiumbutton:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cc9934), color-stop(1, #FFB217) ); background:-moz-linear-gradient( center top, #cc9934 5%, #FFB217 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc9934', endColorstr='#FFB217'); background-color:#cc9934; color:#EEEEEE; }.altiumbutton:active { position:relative; top:1px; color:#EEEEEE; } .altiumbutton2 { -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; color: #ffffff; background: #DCA92B; font-size: 1.2em; border: solid #ffffff 3px; text-decoration: none; text-weight: bold; } .altiumbutton2 a { padding: 10px 20px; display: block; color: #FFF; } .altiumbutton2:hover { background: #f1d282; text-decoration: none; } /* https://buttonoptimizer.com/ */ .retrybutton { display: inline-block; text-align: center; vertical-align: middle; padding: 11px 25px; margin-bottom: 10px; border: 0px solid #0e679e; border-radius: 5px; background: #2184c2; background: -webkit-gradient(linear, left top, left bottom, from(#2184c2), to(#0e679e)); background: -moz-linear-gradient(top, #2184c2, #0e679e); background: linear-gradient(to bottom, #2184c2, #0e679e); font: normal normal normal 16px arial; color: #ffffff; text-decoration: none; } .retrybutton:hover, .retrybutton:focus { border: 0px solid #1179ba; background: #289ee9; background: -webkit-gradient(linear, left top, left bottom, from(#289ee9), to(#117cbe)); background: -moz-linear-gradient(top, #289ee9, #117cbe); background: linear-gradient(to bottom, #289ee9, #117cbe); color: #ffffff; text-decoration: none; } .retrybutton:active { background: #144f74; background: -webkit-gradient(linear, left top, left bottom, from(#144f74), to(#0e679e)); background: -moz-linear-gradient(top, #144f74, #0e679e); background: linear-gradient(to bottom, #144f74, #0e679e); } /* TABLE */ .tg {border-collapse:collapse;border-spacing:0;border:none;} .tg td{font-family:Arial, sans-serif;font-size:14px;padding:6px 10px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;} .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 10px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;} .tg .tg-lqy6{text-align:right;vertical-align:top} .tg .tg-9hbo{font-weight:bold;vertical-align:top} .tg .tg-yw4l{vertical-align:top} /* TWO COLUMNS */ #wrap { width:100%; margin:0 auto; } #left_col { float:left; width:50%; } #right_col { float:right; width:50%; }