/*GLOBAL RESETS*/ *{padding:0; margin:0;} ul{list-style-type:none;} fieldset{border:none;} a img{border:none;} a{-moz-outline:none;} .last{_margin:0; _padding:0; } /*GLOBAL HACKS*/ .clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} .clear{display:inline-block;} .clear{display:block;} /*GLOBAL STYLES*/ body{background:#edeef0;} a{text-decoration:none; color:#fff;} .text_hide{background-repeat:no-repeat; outline:0; text-indent:-9999px;} /*GLOBAL TEMPLATE STYLES*/ #background_top{height:200px; background-color:#3d3d3d; width:100%;} #background_top.homebg{height:400px;} #background_bottom{height:245px; background:url("../images/bg-bottom.gif") repeat-x;} #the_body{position:absolute; top:0; width:100%;} #wraper{width:960px; margin:0 auto;} #container{margin:25px 0 35px 0;} /*GLOBAL HEADER NAVIGATION*/ #global_nav{} #global_nav a{} #global_nav h1#persada_logo{float:left; margin:25px 22px 0 0} #global_nav h1#persada_logo a{display:block; background: transparent url("../images/persada-logo.png") no-repeat; height:22px; width:18px;} #global_nav ul#nav_links{float:left; border-bottom:1px dotted #999; _border-bottom:1px solid #999; width:920px; margin-top:25px; padding-bottom: 10px;} #global_nav ul#nav_links li{float:left; background:url("../images/nav_separator.gif") no-repeat right;} #global_nav ul#nav_links li.right{float: right;} #global_nav ul#nav_links li.last{background: none;} #global_nav ul#nav_links li a{position: relative; float:left; overflow:hidden; margin-left:15px; padding-bottom: 10px;} #global_nav ul#nav_links li a.first{margin-left: 0px;} #global_nav ul#nav_links li#products_services_nav{width:135px; height:15px;} #global_nav ul#nav_links li#products_services_nav a{width:110px; height:15px;} #global_nav ul#nav_links li#products_services_nav a .marker{width:107px;} #global_nav ul#nav_links li#inside_us_nav{width:122px; height:15px;} #global_nav ul#nav_links li#inside_us_nav a{width:108px; height:15px;} #global_nav ul#nav_links li#inside_us_nav a .marker{width:48px;} #global_nav ul#nav_links li#contact_nav{width:56px; height:15px;} #global_nav ul#nav_links li#contact_nav a{width:41px; height:15px;} #global_nav ul#nav_links li#contact_nav a .marker{width:41px;} #global_nav ul#nav_links li#faq_nav{width:48px; height:15px;} #global_nav ul#nav_links li#faq_nav a{width:23px; height:15px;} #global_nav ul#nav_links li#faq_nav a .marker{width:23px;} #global_nav ul#nav_links li#client_portal_nav{width:79px; height:15px;} #global_nav ul#nav_links li#client_portal_nav a{width:67px; height:15px;} #global_nav ul#nav_links li#client_portal_nav a .marker{width:67px;} #global_nav ul#nav_links li a .marker{ background:#fff; position:absolute; height: 3px; bottom:0; -webkit-transition: margin-left; -webkit-transition-timing-function: ease-in; -webkit-transition-duration: 150ms; -moz-transition: margin-left; -moz-transition-timing-function: ease-in; -moz-transition-duration: 150ms; margin-left:-110px; !important margin:0; z-index: 100; } #global_nav ul#nav_links li#products_services_nav a:hover .marker{margin-left: 0px;} #global_nav ul#nav_links li#inside_us_nav a:hover .marker{margin-left: 0px;} #global_nav ul#nav_links li#contact_nav a:hover .marker{margin-left: 0px;} #global_nav ul#nav_links li#faq_nav a:hover .marker{margin-left: 0px;} #global_nav ul#nav_links li#client_portal_nav a:hover .marker{margin-left: 0px;} /*GLOBAL BODY NAV*/ #global_body_nav{background:#bbb; padding:15px 25px; width:910px; height:20px;} #global_body_nav a{margin-right:5px;} /*GLOBAL FOOTER*/ #footer{background:#3d3d3d; width:100%;} #footer #footer_content{width:910px; height:240px; padding:35px 25px 25px 25px; margin:0 auto;} #footer #footer_content ul{float:left; margin-right:25px; width:125px;} #footer #footer_content ul.contact_footer{width:250px;} #footer #footer_content li{line-height: 14px;} #footer #footer_content li.double_deck{margin:10px 0;} #footer #footer_content li:first-child{margin-bottom: 10px;} #footer #footer_content li.last{margin-right: 0px;} #footer #footer_content li .skype {padding-top:10px;} #footer #copyright{background:#03aeef; width:100%; height:60px;} #footer #copyright #copyright_content{width:910px; padding:21px; margin:0 auto;} #footer #copyright #copyright_content p{float:left;} #footer #copyright #copyright_content a{float:right; margin-left:15px;} /*GLOBAL SLIDESHOW*/ #slideshow{background:#fff; width:960px; height:350px;} #slideshow #slideshow_engine{z-index:1000; width:350px; height:185px; float:right; position:relative; margin-bottom:-210px; top:-210px; left:-25px;} #slideshow #slideshow_engine #slider_big_description{position:absolute; background-color:rgba(0,0,0,0.5); width:326px; height:130px; padding:10px 12px; top:-5px;} #slideshow #slideshow_engine #slider_big_description #slider_big_description_content h6{margin-bottom: 13px;} #slideshow #slideshow_engine #engine_slider{position:absolute; height:30px; width: 350px; background-color:#3d3d3d; top:150px;} #slideshow #slideshow_engine #engine_slider #slider_caption{padding:7px 12px;} #slideshow #slideshow_engine #engine_slider #slider_caption p a {margin-right:10px;} #slideshow #slideshow_engine #engine_slider #slider_nav{position:absolute; right:8px; bottom: 7px;} #slideshow #slideshow_engine #engine_slider #slider_nav a{text-indent:-9999px; overflow:hidden; display:block; background-color:#266a84; width:25px; height:16px; float:left; margin-left:7px; cursor:pointer; overflow:hidden;} #slideshow #slideshow_engine #engine_slider #slider_nav a:hover{background-color:#03aeef;} #slideshow #slideshow_engine #engine_slider #slider_nav a.activeSlide{background-color:#03aeef;} #slideshow #slideshow_engine #engine_slider #slider_nav a{outline:none;} #slideshow li span.slide_caption{display:none;} #slideshow li span.slide_description{display:none;} /*HOMEPAGE STYLING*/ .home_body_contact {background:#3d3d3d; padding:15px 25px; width:910px; height:20px;} .home_body_contact p {float:left; margin-top:2px;} .home_body_contact p.mess{margin-left: 15px; margin-right:15px; } .primary_row_wrap{padding: 25px 25px 25px 25px; border-bottom:1px solid #ccc;} .three_primary_col{position:relative; overflow:hidden; background:#fff; float:left; width:280px; height:250px; margin-right:35px;} .three_primary_col.last{margin-right:0; _margin:0; _padding:0;} .three_primary_col .three_primary_col_description_box{position:relative; top:220px; background:#3d3d3d; width:266px; height:16px; padding:7px; text-align:center;} .three_primary_col .primary_details h6{margin:5px 0;} .three_primary_col.quick_tour{background:url("../images/tour-prev.jpg") no-repeat;} .three_primary_col.quick_tour .primary_details{ width:92px; height:90px; background:#03aeef; position:absolute; top:45px; right:0; margin-right:-132px; padding:20px 20px; -webkit-transition:margin-right; -webkit-transition-timing-function:ease-in; -webkit-transition-duration:250ms; -moz-transition:margin-right; -moz-transition-timing-function:ease-out; -moz-transition-duration: 250ms; } .three_primary_col.quick_tour .primary_details img{margin-bottom: 5px;} .three_primary_col.quick_tour:hover .primary_details{margin-right:0;} .three_primary_col.green_printing{background:url("../images/green-printing-prev.jpg") no-repeat;} .three_primary_col.green_printing .primary_details{ width:110px; height:110px; background:#03aeef; position:absolute; top:45px; left:0; margin-left:-170px; padding:10px 20px; -webkit-transition:margin-left; -webkit-transition-timing-function:ease-in; -webkit-transition-duration:250ms; -webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.3); -moz-transition:margin-left; -moz-transition-timing-function:ease-out; -moz-transition-duration: 250ms; -moz-box-shadow:3px 3px 10px rgba(0,0,0,0.3); } .three_primary_col.green_printing:hover .primary_details{margin-left:0;} .three_primary_col.client_portal{background:url("../images/client-portal-prev.jpg") no-repeat;} .three_primary_col.client_portal .primary_details{ width:92px; height:90px; background:#03aeef; position:absolute; top:45px; right:0; margin-right:-132px; padding:20px 20px; -webkit-transition:margin-right; -webkit-transition-timing-function:ease-in; -webkit-transition-duration:250ms; -moz-transition:margin-right; -moz-transition-timing-function:ease-out; -moz-transition-duration: 250ms; } .three_primary_col.client_portal:hover .primary_details{margin-right:0;} .secondary_row_wrap{padding:15px 25px; border-bottom:1px solid #ccc;} .secondary_row_wrap.last{padding:15px 25px 0 25px; border-bottom:none;} .intro_description{position:relative; float:left; width:200px; height:200px; margin-right:20px;} .secondary_row_wrap .intro_description h6{position:relative; margin:10px 0;} .secondary_row_wrap .intro_description p{position:relative;} .secondary_row_wrap .intro_description a{position:absolute; top:175px;} .three_secondary_col{ backround:#fff; position:relative; float:left; width:220px; height:165px; margin-right:15px; opacity: 1; -webkit-transition:opacity; -webkit-transition-timing-function:ease-out; -webkit-transition-duration: 200ms; -moz-transition:opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 200ms; } .three_secondary_col:hover{ opacity: 0.6; } .three_secondary_col.last{margin:0; _margin:0; _padding:0;} .three_secondary_col.digital_printing{background:#8ebe26 url("../images/digital-printing-prev.jpg") no-repeat;} .three_secondary_col.offset_printing{background:#03aeef url("../images/offset-printing-prev.jpg") no-repeat;} .three_secondary_col.post_press{background:#ff0096 url("../images/post-press-prev.jpg") no-repeat bottom;} .three_secondary_col.our_equipments{background:url("../images/our-equipments-prev.jpg") no-repeat;} .three_secondary_col.our_team{background:url("../images/our-team-prev.jpg") no-repeat;} .three_secondary_col.persada_history{background:url("../images/persada-history-prev.jpg") no-repeat bottom;} /*PRODUCTS AND SERVICES STYLES PAGE*/ #products_services{width:960px; background:#03aeef;} #products_services .left_panel{float:left; width:310px; margin:25px;} #products_services .left_panel h3{margin-bottom:10px;} #products_services .right_panel{width:550px; background:#3d3d3d; float:right; padding:25px;} #products_services .right_panel .product_box{position:relative; overflow:hidden; float:right; width:162px; height:190px; margin:0 0 20px 20px} #products_services .right_panel .product_box.last{margin-left:0;} #products_services .right_panel .product_box .product_box_description{position:relative;width:162px; padding-top:7px; text-align:right;} #products_services .right_panel .product_box .border {border:1px dotted #999; width: 160px; height: 160px;} #products_services .right_panel .product_box .books{background:transparent url("../images/products-services/books.png") no-repeat center center;} #products_services .right_panel .product_box .brochures{background:transparent url("../images/products-services/brochures.png") no-repeat center center;} #products_services .right_panel .product_box .media_kit{background:transparent url("../images/products-services/mediakit.png") no-repeat center center;} #products_services .right_panel .product_box .magazines{background:transparent url("../images/products-services/magazines.png") no-repeat center center;} #products_services .right_panel .product_box .boxes{background:transparent url("../images/products-services/boxes.png") no-repeat center center;} #products_services .right_panel .product_box .cards{background:transparent url("../images/products-services/cards.png") no-repeat center center;} #products_services .right_panel .product_box .stationaries{background:transparent url("../images/products-services/stationaries.png") no-repeat center center;} #products_services .right_panel .product_box .invitation{background:transparent url("../images/products-services/invitation.png") no-repeat center center;} #products_services .right_panel .product_box .shopping_bag{background:transparent url("../images/products-services/shoppingbag.png") no-repeat center center;} #products_services .right_panel .product_box .calendar{background:transparent url("../images/products-services/calendar.png") no-repeat center center;} #products_services .right_panel .product_box .poster{background:transparent url("../images/products-services/poster.png") no-repeat center center;} #products_services .right_panel .product_box .many_others{background:transparent url("../images/products-services/manyothers.png") no-repeat center center;} #products_services .right_panel .product_box .border .image_popup{ width:160px; height:160px; background:#000; color:#fff; text-align:center; position:absolute; top:1px; left:1px; opacity: 0; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 400ms; -moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 400ms; } #products_services .right_panel .product_box .border:hover .image_popup{ opacity: 1; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 400ms; -moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 400ms; } #products_services .right_panel .product_box .border .books_over{background:transparent url("../images/products-services/books-hover.jpg") no-repeat center center;} #products_services .right_panel .product_box .border .brochures_over{background:transparent url("../images/products-services/brochures-hover.jpg") no-repeat center center;} #products_services .right_panel .product_box .border .mediakit_over{background:transparent url("../images/products-services/mediakit-hover.jpg") no-repeat center center;} #products_services .right_panel .product_box .border .magazines_over{background:transparent url("../images/products-services/magazines-hover.jpg") no-repeat center center;} #products_services .right_panel .product_box .border .boxes_over{background:transparent url("../images/products-services/boxes-hover.jpg") no-repeat center center;} #products_services .right_panel .product_box .border .cards_over{background:transparent url("../images/products-services/cards-hover.jpg") no-repeat center center;} #products_services .right_panel .product_box .border .stationaries_over{background:transparent url("../images/products-services/stationaries-hover.jpg") no-repeat center center;} #products_services .right_panel .product_box .border .invitation_over{background:transparent url("../images/products-services/invitation-hover.jpg") no-repeat center center;} #products_services .right_panel .product_box .border .shopping_bag_over{background:transparent url("../images/products-services/shoppingbag-hover.jpg") no-repeat center center;} #products_services .right_panel .product_box .border .calendar_over{background:transparent url("../images/products-services/calendar-hover.jpg") no-repeat center center;} #products_services .right_panel .product_box .border .poster_over{background:transparent url("../images/products-services/poster-hover.jpg") no-repeat center center;} #products_services .right_panel .product_box .border .many_others_over{background:transparent url("../images/products-services/manyothers-hover.jpg") no-repeat center center;} /*PRODUCT AND SERVICES SELECTED*/ #products_services .left_panel h6 {margin-bottom:10px;} #products_services .right_panel.product_selected {height:670px; width:600px; position:relative; padding:0;} #products_services .right_panel.product_selected img {position: absolute; display:none;} #products_services .right_panel.product_selected ul li {float:left; width:170px; padding:15px; position: relative; cursor:pointer;} #products_services .right_panel.product_selected ul li.active {float:left; width:170px; padding:15px; background:#ddd;} #products_services .right_panel.product_selected ul li #time_bar {height:5px; width:200px; background:#266a84; position:absolute; top:0; left:0;} #products_services .right_panel.product_selected ul li #time_bar.active_bar {background-color:#03aeef;} #products_services .right_panel .product_preview_slider {position:absolute; bottom:0; background:#ccc; height:60px;} /*GREEN PRINTING*/ #green_printing{width:960px; background:#fff; z-index:10;} #green_printing{background:} #green_printing .col{width:430px; padding:25px; float:left; position:relative;} #green_printing .col .title_box{background:rgba(0,0,0,0.6); width:380px; padding:20px 25px;} #green_printing .col .title_box h6, #green_printing .col .title_box h3{color:#fff;} #green_printing .col .title_box h3{margin:0 0 10px 0;} #green_printing .col.left{background:url("../images/green-printing/leaf-1.jpg") no-repeat left top;} #green_printing .col.right{background:url("../images/green-printing/leaf-2.jpg") no-repeat right top;} #green_printing p{color:#3d3d3d; margin:10px 25px;} #green_printing p.smallcenter{color:#999; margin:0 25px 25px 25px;} #green_printing h6{margin-top:5px;} #green_printing h3{color:#8ebe26; margin:25px 25px 0 25px;} #green_printing h3.supercenter{margin: 0 25px 0 25px;} /*CONTACT US*/ #contact{width:960px; background:#03aeef; height:650px;} #contact .contact_description {float:left; width:310px; padding:25px 25px;} #contact .right_panel {width:600px; height:650px; background:#fff; float:right; } #contact .right_panel.grey {background:#3d3d3d; padding:25px !important; width:550px !important; height:600px !important;} #contact .contact_description h6 {margin-top: 20px;} #contact .contact_description h5 {margin-top: 10px;} #contact .contact_description p{} #contact .right_panel h3{margin-bottom: 20px;} #contact .right_panel p{} #contact input[type="text"], input[type="password"], input[type="email"], textarea, select{ width:350px; margin:0; border:1px solid #E9E9E9; font-family:"Century Gothic", "Helvetica", "Arial", sans-serif; font-size:12px; color:#A9A9A9; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -webkit-appearance:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:12px 15px; -moz-transition: all 0.12s ease; -webkit-transition: all 0.12s ease; -o-transition: all 0.12s ease; -ms-transition: all 0.12s ease; transition: all 0.12s ease; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #contact input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="submit"]:focus, textarea:focus { color:#333; outline:none; -moz-transition: all 0.12s ease; -webkit-transition: all 0.12s ease; -o-transition: all 0.12s ease; -ms-transition: all 0.12s ease; transition: all 0.12s ease; } #contact fieldset{ margin:20px 0 0 0; } #contact .button_submit { cursor: pointer; display:inline-block; font-size: 14px; font-weight: bold; text-transform:uppercase; text-decoration:none; outline:none; text-align: center; padding: 12px 10px; line-height: 1em; color:#fff; -moz-transition: background 0.12s linear; -webkit-transition: background 0.12s linear; -o-transition: background 0.12s linear; -ms-transition: background 0.12s linear; transition: background 0.12s linear; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #777; width: 350px; margin:20px 0 0 0; } #contact input[type="submit"] { border: none; color: #fff; } #contact input[type="submit"]:hover { border: none; color: #fff; background: #03aeef; } /*JOB OPPURTUNITIES*/ #job_oppurtunities {background:#fff; width:960px; } #job_oppurtunities .job_header{background:#03aeef; width:910px; float:left; padding:25px;} #job_oppurtunities .job_header h3 {width:500px; margin-bottom:10px;} #job_oppurtunities .job_header h5 {width:500px;} #job_oppurtunities .job_list {background:#fff; width:910px; float:left; padding:25px;} #job_oppurtunities .job_list h3 {width:500px; margin-bottom:10px;} #job_oppurtunities .job_list h5 {width:500px;} /*FAQ*/ #faq{width:960px; background:#fff;} #faq .questionbox{background:#03aeef; padding:25px 400px 25px 25px; color:#fff;} #faq .answerbox{background:#3d3d3d; padding:25px 400px 25px 25px; color:#fff;} #faq h3{margin-bottom:25px;} #faq h5{margin-bottom:20px;} #faq h6{margin-bottom:5px;} #faq p{margin-bottom:15px;} /*INSIDE US*/ .inside_us{width:960px; background:#03aeef; height:650px;} .inside_us ul {float:left; width:310px;} .inside_us ul li{float:left; width:310px; padding:10px 25px; background:#03aeef;} .inside_us ul li.ui-tabs-selected, .inside_us ul li.ui-tabs-active, .inside_us ul li.selected-tab, .inside_us ul li:hover{background:#ddd;} .inside_us ul li:hover{opacity:1;filter:alpha(opacity=0);-webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;} .inside_us .tour img {margin-top:20px;-webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;} .inside_us .tour:hover img {opacity:0.8;-webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;} .inside_us ul li.ui-tabs-selected a, .inside_us ul li.ui-tabs-active a, .inside_us ul li:hover a { color:#03aeef; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; -webkit-transition: color .3s; transition: color .3s;} .inside_us ul h3{margin:25px 25px;} .inside_us .panel-container{width:600px; height:650px; background:#fff; float:right; position:relative;} .inside_us .panel-container h6{margin:25px 25px 10px 25px;} .inside_us .panel-container p{margin:0 25px 25px 25px;} .inside_us .img_margin{margin:0 25px; float:left;} .inside_us .team_pic{bottom:0; position:absolute; left:30px;} .inside_us .equipment_pic{bottom:0; position:absolute;} .ui-tabs .ui-tabs-hide {display:none !important;} /*CLIENT PORTAL LOGIN*/ #cp_login .top_row{ background:url("../images/client-portal/login-bg.jpg") no-repeat left top; width:960px; height:350px; position:relative;} #cp_login .top_row .login_box {width:260px; height:250px; padding:25px; margin:25px; background-color:rgba(0,0,0,0.8); float:left;} #cp_login .top_row .login_box h3{ margin-bottom:15px;} #cp_login .top_row .login_box input[type="text"], #cp_login .top_row .login_box input[type="password"] { border:solid 1px #8a8a8a; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 40%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#ffffff), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top, #ffffff 40%,#e8e8e8 100%); background: -o-linear-gradient(top, #ffffff 40%,#e8e8e8 100%); background: -ms-linear-gradient(top, #ffffff 40%,#e8e8e8 100%); background: linear-gradient(top, #ffffff 40%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); width: 248px; height: 30px; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } #cp_login .top_row .login_box input[type="checkbox"]{float:left; margin-right: 10px;} #cp_login .top_row .login_box label[for="remember"]{float:left;} #cp_login .top_row .login_box input[type="submit"], #cp_login .top_row .login_box .login_button{ float:right; border:solid 1px #266a84; background: #03a8e7; /* Old browsers */ background: -moz-linear-gradient(top, #03a8e7 0%, #0279a7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#03a8e7), color-stop(100%,#0279a7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #03a8e7 0%,#0279a7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #03a8e7 0%,#0279a7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #03a8e7 0%,#0279a7 100%); /* IE10+ */ background: linear-gradient(top, #03a8e7 0%,#0279a7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03a8e7', endColorstr='#0279a7',GradientType=0 ); /* IE6-9 */ width:105px; height:19px; text-align:center; padding:8px 0; } #cp_login .top_row .login_box input[type="submit"]:active, #cp_login .top_row .login_box .login_button:hover { background: #0279a7; /* Old browsers */ background: -moz-linear-gradient(top, #0279a7 0%, #03a8e7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0279a7), color-stop(100%,#03a8e7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0279a7 0%,#03a8e7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0279a7 0%,#03a8e7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0279a7 0%,#03a8e7 100%); /* IE10+ */ background: linear-gradient(top, #0279a7 0%,#03a8e7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0279a7', endColorstr='#03a8e7',GradientType=0 ); /* IE6-9 */ } #cp_login .top_row .login_box .login_description_box {background: rgba(0,0,0,0.4); width:260px; height:50px; position:absolute; top:225px; left:25px; padding:25px 25px;} #cp_login .top_row .login_slide_show {background:#fff; width:575px; height:300px; float:left; margin-top:25px;} #cp_login .top_row .login_slide_show .pic_box{ height:200px;} #cp_login .top_row .login_slide_show .login_slide_desc_box{ height: 50px; padding:25px; width: 525px; background-color:#03aeef;} #cp_login .top_row .login_slide_show .login_slide_desc_box img{float:left; } #cp_login .top_row .login_slide_show .login_slide_desc_box span{width:200px; float:left; margin-left:30px; } #cp_login .bottom_row {background:#03aeef; padding:25px;} #cp_login .bottom_row h3 {margin-bottom: 20px; } #cp_login .bottom_row h4 {margin-bottom: 5px; } #cp_login .bottom_row p {width:600px; margin-bottom: 15px;} /*CLIENT PORTAL LOGGED*/ #client_portal .customer_detail{background:#03aeef; padding:25px;} #client_portal .customer_detail h3.bannered{background:#fff; margin-left:-42px; margin-bottom:25px; padding:6px 25px 6px 42px; width: 110px;} #client_portal .project_manager{background:#3d3d3d; padding:25px 25px 0 25px;} #client_portal .project_manager h3{margin-bottom:5px;} #client_portal .project_manager h4.line_creator{padding-top:25px; margin-bottom:35px; width:910px; border-top:1px solid #777; } #client_portal .project_manager .add_new_project{padding:25px; width:100px; height:100px; background-color:rgba(104,194,18,1); margin:25px 0 25px 0; cursor:pointer;} #client_portal .project_manager .add_new_project:hover{background-color:rgba(136,220,56,1); } #client_portal .project_manager ul li{margin-left: -25px; padding:15px 25px 25px 25px; width:910px;} /*#client_portal .project_manager ul li:hover, #client_portal .project_manager ul li:nth-child(2n):hover{background:#555;}*/ #client_portal .project_manager ul li:nth-child(2n){background-color:#303030;} #client_portal .project_manager ul li .project_title_header .project_title_description {float:left;} #client_portal .project_manager ul li .project_title_header .project_title_description h5{margin-bottom: 10px } #client_portal .project_manager ul li .project_title_header .delete_project_btn{cursor:pointer; background:#252525; height:30px; width:40px; float:right; padding:15px 15px 15px 5px;} #client_portal .project_manager ul li .project_title_header .delete_project_btn:hover{background:#cc0700; } #client_portal .project_manager ul li .project_title_open_accor{padding:25px 0 0 20px; } #client_portal .project_manager ul li .project_title_open_accor h6.file_for_this_project{margin-bottom:20px; } #client_portal .project_manager ul li .project_title_open_accor input.file{margin:7px 0; } #client_portal .project_manager tr,#client_portal .project_manager tr td {border:none; } #client_portal .project_manager tr.file_att{height:25px;} #client_portal .project_manager tr td.comment_td{height:100%; padding-left: 25px;} #client_portal .project_manager tr td.comment_td .comment_box textarea{ padding: 5px 5px 5px 5px; background:#666; border:none; height:70px; display:block; width: 847px; margin-bottom:10px;} #client_portal .project_manager tr td.file_list_number{width:25px; } #client_portal .project_manager tr td.file_list_title{width:170px; } #client_portal .project_manager tr td.file_list_size{width:90px; text-align:right; padding-right: 10px;} #client_portal .project_manager tr td.file_list_progress{width:250px; text-align:center;} #client_portal .project_manager tr td.file_list_progress .progress_bar{width:250px; height:20px; background:#666; position:relative; z-index:100;} #client_portal .project_manager tr td.file_list_progress .progress_bar .bar{ height:18px; position:absolute; left:0; top:1px; background: #8a8a8a; z-index:110; background: -moz-linear-gradient(top, #8a8a8a 0%, #bbbbbb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a8a8a), color-stop(100%,#bbbbbb)); background: -webkit-linear-gradient(top, #8a8a8a 0%,#bbbbbb 100%); background: -o-linear-gradient(top, #8a8a8a 0%,#bbbbbb 100%); background: -ms-linear-gradient(top, #8a8a8a 0%,#bbbbbb 100%); background: linear-gradient(top, #8a8a8a 0%,#bbbbbb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#bbbbbb',GradientType=0 ); } #client_portal .project_manager tr td.file_list_progress .progress_bar p.bar_description{position:absolute; z-index:120; text-align:center; width: 250px; padding-top:3px;} #client_portal .project_manager tr td.file_list_buttons{width:320px; position:relative;} #client_portal .project_manager tr td.file_list_buttons a.buttons{width:80px; padding:3px 10px; height:14px; text-align:center; border:0;} #client_portal .project_manager tr td.file_list_buttons a.buttons.hide_button{display:none;} #client_portal .project_manager tr td.file_list_buttons a.buttons.cancel_upload{ background:#dfcd07; position:absolute; left:10px; top:0;} #client_portal .project_manager tr td.file_list_buttons a.buttons.cancel_upload:hover{background-color:#c8b803;} #client_portal .project_manager tr td.file_list_buttons a.buttons.delete_upload{ background:#cc0700; position:absolute; left:120px; top:0;} #client_portal .project_manager tr td.file_list_buttons a.buttons.delete_upload:hover{background-color:#860000;} #client_portal .project_manager tr td.file_list_buttons a.buttons.show_comment{ background:#aaa; position:absolute; left:230px; top:0;} #client_portal .project_manager tr td.file_list_buttons a.buttons.show_comment:hover{background-color:#ccc;} #client_portal .project_manager tr{float:left; } #client_portal .project_manager .show_comment {float:right;} /*POP UP*/ .popup {background-color:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; z-index:10000; top:0; left:0; display:none;} .popup:target{display:block;} .popup .pop_box{background-color:#3d3d3d; -webkit-box-shadow:-5px 5px 15px 0px rgba(0,0,0,0.4); position:fixed; top:50%; left:50%; padding:25px;} .popup .pop_box ._row1{width:150px;} .popup .pop_box ._row2{width:345px; } .popup .pop_box ._row1,.popup .pop_box ._row2 {height:20px; } .popup #pop_new_project {height:130px; width:500px; margin:-90px -275px;}/*centerize using minus the half size+padding25px*/ .popup #pop_new_project h3{margin-bottom:20px; } .popup #pop_delete_file {min-height:175px; width:500px; margin:-115px -275px;}/*centerize using minus the half size+padding25px*/ .popup #pop_delete_file h3{margin-bottom:20px; } .popup #pop_under_construction {height:125px; width:500px; margin:-115px -275px;} .popup #pop_under_construction h3{margin-bottom:15px; } .popup input.text_input {background-color:#888; border:0; padding:7px 15px; width:470px;} .popup input.pop_buttons, .popup .pop_buttons {background-color:#222; width:155px; text-align:center; padding:7px 0; border:0; color:#fff; margin: 15px 0 0 10px; float:right;} .popup input.pop_buttons:hover, .popup .pop_buttons:hover {background-color:#555;} /*INSIDE US*/ .inside_us{width:960px; background:#03aeef; height:650px;} .inside_us ul {float:left; width:310px;} .inside_us ul li{float:left; width:310px; padding:10px 25px; background:#03aeef;} .inside_us ul li.ui-tabs-selected, .inside_us ul li.ui-tabs-active, .inside_us ul li.selected-tab, .inside_us ul li:hover{background:#ddd;} .inside_us ul li:hover{ opacity:1;filter:alpha(opacity=0);-webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out;} .inside_us ul li.ui-tabs-selected a, .inside_us ul li.ui-tabs-active a, .inside_us ul li:hover a {color:#03aeef;} .inside_us ul h3{margin:25px 25px;} .inside_us .panel-container{width:600px; height:650px; background:#fff; float:right;} .inside_us .panel-container h6{margin:25px 25px 10px 25px;} .inside_us .panel-container p{margin:0 25px 25px 25px;} .ui-tabs .ui-tabs-hide {display:none !important;}