/* CSS Document Build for ADS Graphics Firm*/ /*______________________________________Globals*/ /*________________________ blue #15ADFF */ body{margin:0;padding:0;font-size:100%;font-family:Arial, Helvetica, sans-serif;color:#303236;} a{color:#86878B;} a:hover{color:#15ADFF;} a img{border:0;} p{padding:5px 10px;} p label{font-weight:bold;} h1{margin:10px; font-family:tahoma, Verdana;font-size:18px;} h2{padding:0;margin-left:35px;margin-bottom:-20px;font-size:19px;} h3{} hr{height:1px;background:none;border:none;border-top:1px solid #c4c4c4;font-size:.1em;} /*__________STANDARDS__________*/ .italic{font-style:italic;} .bold{font-weight:bold;} strong{color:#15ADFF;} .clear{clear:both;} .heading{font-size:2em;margin-top:20px;color:#15adff;font-weight:bold;} .hot{color:#f00;font-weight:bold;padding:5px;} .green{color:#093;font-weight:bold;} /* =======Content =======*/ #page{width:900px;margin:0px auto;font-size:12.9px;line-height:1.8em;} #header{padding:0 0 20px 0;border-bottom:1px solid #c4c4c4;margin-top:0px;} #logo{width:250px;height:70px;background:url(../images/logo.jpg) no-repeat;display:block;float:left;margin-right:10px;cursor:pointer;} #nav{float:left;width:640px;font-size:17px;padding-top:30px;} .navItem{width:90px;float:left;text-align:center;} #nav a{text-decoration:none;font-size:14px;} #content{} #flash{height:100px;border:1px solid #aaa;border-top:0;text-align:center;display:none;} #flash img{margin-top:20px;} #banner{height:250px;border:1px solid #aaa;border-top:0;} #banner2{} .blockRow{} .blocks{width:200px;height:122px;background:#ececec;float:left;margin:10px 15px 20px 10px;} .cont{width:220px;float:left;border-right:1px dotted #c3c3c3;margin:15px 0;} .cont p{line-height:1.5em;margin-top:0;padding:5px 10px;} .blocks2{width:200px;height:122px;background:#ececec;margin:10px 10px 5px 10px;} .w{width:60%;float:left;margin-left:3%;} .r{width:31%;float:right;margin-left:3%;border-top:1px solid #c3c3c3;} .t{width:30%;float:left;margin-left:3%;}/* Third */ .h{width:45%;float:left;margin-left:3%;min-height:250px;position:relative;}/* Half */ .blink{position:absolute;bottom:0;} #left{width:200px;margin-right:5px;float:left;} #tagCloud{width:auto;margin-right:5px;float:left;} #myContent1{} .list{list-style:none;line-height:2em;padding-left:10px;} .list a{text-decoration:none;} .list a:visited{} #right{width:650px;margin-right:5px;float:left;} .imgLeft{width:auto;float:left;margin:0px 10px 10px 0;border:1px solid #c3c3c3;} .outline{border:1px solid #c3c3c3;padding:3px;} #footer{padding:10px 0px 10px 0px;border-top:1px solid #c4c4c4;width:100%;} #footer td{vertical-align:top;} #footer a{text-decoration:none;margin:10px;} .copyright{font-size:11px;} /*__________POP UP Credits__________*/ #creditsbody{border:1px solid #000;width:480px;margin:5px auto 5px auto;background:#fff;font-size:.8em;} #creditsbody a{text-decoration:underline;} #creditsbody p{text-align:center;margin:0;padding:3px;} #closecredit{background:#fff;text-align:center;padding:5px;border-top:1px solid #003;} /*__________Forms Attributes__________*/ .row {margin-top:10px;font-size:.9em;;} .row label {display:block;float:left;width:75px;text-align:right;padding-top:10px;padding-right:5px;} .boldLabel {font-weight:bold;color:#15ADFF;} .formField {width:200px;margin-top:10px;} button {margin:0px 2px 0px 0px;border:1px solid #c3c3c3;background:#fff;color:#15adff;font-weight:bold;} button:hover{background:#15adff;color:#fff;} textarea {height:100px;} .ff{margin-top:15px;} #moreInfo{display:none;} #lessbtn{display:none;} /*____________TRANSMENU___________*/ .transMenu {position:absolute;overflow:hidden;left:-1000px;top:-1000px;} .transMenu .content {position:absolute;} .transMenu .items {position:relative;left:0px; top:0px;z-index:2;} .transMenu.top .items {border-top:none;} .transMenu .item {color:white;font-size:10px;font-weight: bold;font-family:sans-serif;text-decoration:none;border:none;cursor:pointer;} .transMenu .background {position:absolute;left:0px; top:0px; z-index:1;} .transMenu .shadowRight {position:absolute;z-index:3;top:0px; width:2px;} .transMenu .shadowBottom {position:absolute;z-index:1;left:3px; height:2px;} .transMenu .item.hover {background-color:#fec124;color:#000;} .transMenu .item img {margin-left:10px;} /* tool tip */ #easyTooltip{padding:5px 10px;border:1px solid #195fa4;background: url(../images/bg.gif) #195fa4 repeat-x;color:#fff;} /* Solution Icons */ #solutionIcons {padding-top:5px;} #solutionIcons img{margin-right:5px;} /* Soocial Icons */ #socialIcons{margin-right:100px;m} #socialIcons a {display: block;width:47px;height:46px;text-indent:-9999px;margin:5px;overflow:hidden;float: right; background: url(../images/social-networking-sprite-adsgraphicsfirm.png);} #socialIcons label{} #socialIcons a#social-facebook{background-position:-47px -47px;} #socialIcons a#social-facebook:hover{background-position:-47px -1px;} #socialIcons a#social-twitter{background-position:0 -47px;} #socialIcons a#social-twitter:hover{background-position:0 -1px;} #socialIcons a#social-myspace{background-position:-96px -47px;} #socialIcons a#social-myspace:hover{background-position:-96px -1px;} #socialIcons a#social-googletalk{background-position:-143px -47px;} #socialIcons a#social-googletalk:hover{background-position:-143px -1px;} .clear {clear:both;height:0;line-height:0;} .clearfix:after {content:".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display:inline-block;} * html .clearfix {height:1%;} .clearfix {display:block;} .clearfix {height:1%;} .clearfix {display:block;} .tab {background:url(../images/tab_b.png) repeat-x 0 0;height:42px;position:relative;top:0;z-index:999;} .tab ul.login {display:block;position:relative;float:right;clear:right;height:42px;width:auto;font-weight:bold;line-height:42px;margin:0;right:150px;color:white;font-size:70%;text-align:center;} .tab ul.login li.left {background:url(../images/tab_l.png) no-repeat left 0;height:42px;width:30px;padding:0;margin:0;display:block;float:left;} .tab ul.login li.right {background:url(../images/tab_r.png) no-repeat left 0;height:42px;width:30px;padding:0;margin:0;display:block;float:left;} .tab ul.login li {text-align:left;padding:0 6px;display:block;float:left;height:42px;background:url(../images/tab_m.png) repeat-x 0 0;} .tab ul.login li a {color:#15ADFF;text-decoration:none;} .tab ul.login li a:hover {color:white;} .tab .sep {color:#414141} .tab a.open, .tab a.close {height:20px;line-height:20px !important;padding-left:30px !important;cursor:pointer;display:block;width:100px;position:relative;top:11px;} .tab a.open {background:url(../images/bt_open.png) no-repeat left 0;} .tab a.close {background:url(../images/bt_close.png) no-repeat left 0;} .tab a:hover.open {background:url(../images/bt_open.png) no-repeat left -19px;} .tab a:hover.close {background:url(../images/bt_close.png) no-repeat left -19px;} /* sliding panel */ #toppanel {position:relative;top:0;width:100%;z-index:999;text-align:center;margin-left:auto;margin-right:auto;} #panel {width:100%;height:270px;color:#999999;background:#272727;overflow:hidden;position:relative;z-index:3;display:none;} #panel h1 {font-size:1.6em;padding:5px 0 10px;margin:0;color:white;} #panel h2{font-size:1.2em;padding:10px 0 5px;margin:0;color:white;} #panel p {margin:5px 0;padding:0;font-size:.9em;} #panel a {text-decoration:none;color:#15ADFF;} #panel a:hover {color:white;} #panel a-lost-pwd {display:block;float:left;} #panel .content {width:960px;margin:0 auto;padding-top:15px;text-align:left;font-size:0.85em;} #panel .content .left {width:280px;float:left;padding:0 15px;border-left:1px solid #333;} #panel .content .right {border-right:1px solid #333;} #panel .content form {margin:0 0 10px 0;} #panel .content label {float:left;padding-top:8px;clear:both;width:280px;display:block;} #panel .content input.field {border:1px #1A1A1A solid;background:#414141;margin-right:5px;margin-top:4px;width:200px;color:white;height:16px;} #panel .content input:focus.field {background:#545454;} #panel .content input.bt_login, #panel .content input.bt_register {display:block;float:left;clear:left;height:24px;text-align:center;cursor:pointer;border:none;font-weight:bold;margin:10px 0;} #panel .content input.bt_login {width:74px;background:transparent url(../images/bt_login.png) no-repeat 0 0;} #panel .content input.bt_register {width:94px;color:white;background:transparent url(../images/bt_register.png) no-repeat 0 0;} #panel .lost-pwd {display:block;float:left;clear:right;padding:15px 5px 0;font-size:0.95em;text-decoration:underline;} /* portfolio popup */ .clientRef{width:220px; float:left;border-right:1px dotted #c3c3c3;} .clientRef h3{background-color:#323232;color:#FFF;padding:5px;} .narrowcolumn{margin-top:30px;} .box ul{list-style:none;} .box a{text-decoration:none;} .box{float:left;padding:5px 0 10px 0;width:230px;background-position:bottom;background-repeat:repeat-x;margin:0;text-align:center;position:relative;} .box a img{padding:3px;border-width:1px;border-style:solid;margin-right:10px;width:200px;height:122px; background-image:url(../images/iface/load_black.gif);background-repeat:no-repeat;background-position:50% 50%;} .box a:visited img{ border-color:#660;} .box a:hover img{border-color:#990;} .box h2{ font-size: 25px; font-weight:normal; letter-spacing:-1px; text-transform:uppercase;} .box h2 a:link, .box h2 a:visited{color: #99FF00;} .box h2 a:hover{color:#FFF;} .clear{clear:both;} .box .url{margin:10px 10px;padding:5px 0;background-color:#000;width:200px; left:10px;font-family:'Tahoma',Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold; opacity: 0.85; -moz-opacity: 0.85; filter:alpha(opacity=85); *top: 151px !important; font-size:12px; } .box .url a{display:block;color:#333;background-color:#fff;border:1px solid #c0c0c0;} .box .url a:hover{background-color:#15adff;color:#fff;} .box ul{text-align:left; width:145px; margin:0 auto; padding:10px 0 0 0} ul.details .pop{padding:2px 0px 2px 20px;border:1px solid #000;background-repeat:no-repeat;background-position:left;color:#585858;border-bottom:1px solid #c3ccd0;font-size:11px;line-height:1.3em;font-weight:bold;} ul.details .site {background-image:url(../images/icon_site.gif);} ul.details .date {background-image:url(../images/icon_date.gif);font-weight:bold;} ul.details .plataform {background-image:url(../images/icon_plataform.gif);} ul.details .valid {background-image:url(../images/icon_valid.gif);} ul.details .warning {background-image:url(../images/icon_warning.gif);} ul.details .failed {background-image:url(../images/icon_failed.gif);} ul.details .edit {background-image:url(../images/icon_edit.gif);} ul.details .read {background-image:url(../images/icon_read.gif);} ul.details .language {background-image:url(../images/icon_language.gif);} ul.details .comments {background-image:url(../images/icon_comments.gif);} ul.details .favorite {background-image:url(../images/icon_favorite.gif);} ul.details .site a:link, ul.details li.site a:visited {color:#333;} ul.details .site a:hover {color:#FFCC00;} #content .box .details li a{display:block; white-space:nowrap; z-index:251; position:relative; font-weight:bold;} #content .popup .details a{font-weight:normal;} .popup {width:165px;position:absolute;display: none;z-index:250;background-image:url(../images/bubble_bg.png);background-position:0 0;background-repeat:no-repeat;} .popup ul.details li a:link, .popup ul.details li a:visited{color:#585858;} .popup ul.details li a:hover{color:#006699;} .bubBot{background-image:url(../images/bubble_bot.png);width:165px;height:32px;display:block;text-indent:-9999em;} .popup{*background-image:url(../images/bubble_bg.png) !important;} .bubBot{ *background-image:url(../images/bubble_bot.png) !important; /**height:28px !important;*/ *background-position:bottom !important; } /* testimonial */ #testimonial {position:relative;width:190px;margin: 20px -10px 10px; padding:0 0 5px; background:url(../images/bg-postit-bottom.png) 0 100% no-repeat; color:#888;} #Tcontent {position:relative;top:-25px;width:145px;min-height:90px;margin:0;padding:15px 25px 0 20px;background:url(../images/bg-postit-top.png) 0 0 no-repeat;} #Tcontent h2{color:#8fb7c2;}