/* Copyright (c) 2007 RelationTech Inc. */ /* * style.css 9/29/2007 23:00 * ---------------- * Control the look of the http://www.relationtech.com/ output pages with this style sheet file. */ /* Build by weizhuce Category Color description RGB Use -------- ----------------- --- --- Backgrounds: white #FFFFFF main background color for all pages Text colors: black #000000 main text color Color light grey #CCCCCC Page width 1024/+ Content Width 1000 div headers, in page gfx Left/Right Margin 0/0 Between top boxes 0 Font sizes: 14px Table Title (bold, blue) 12px Normal text Pixel Infos: ------------ Transparent gif: 1 x 1 Subpage nice middle pic */ /* screen media */ body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color:#FFFFFF; margin:0; padding:0; } #wrapper {width:1000px; margin:0 auto;} .clearfloat {clear:both; height:0; line-height:0; font-size:0;} #masthead {clear:both;} #column_wrapper {background:#FFFFFF url(img/middle.gif) repeat-x left top;} #logo {width:900px; float:left;} #language {width:100px; float:left;} #nav {clear:both;} #intro {clear:both;} #left {width:210px; float:left;} #center {width:790px; float:left;} #right {width:210px; float:right;} #footer {clear:both; background:#FFFFFF url(img/footer_bg.jpg) no-repeat left bottom;} /* for index */ #center.index {width:580px; float:left;} #right.index {width:210px; float:left;} #logo .content {padding:0;} #language .content {padding:88px 0 0 0;} #nav .content {padding:0;} #intro .content {padding:0;} #left .content {padding:24px 10px 0 10px; line-height:1.5em;} #center .content {padding:14px 15px 0 15px; line-height:1.65em;} #right .content {padding:24px 15px 0 15px; line-height:1.5em;} #footer .content {padding:0; margin:30px 0 0 0;} #left a:link {color:#9B7C00;} #left a:visited {color:#333333;} #left a:hover {color:#000000;} #center a:link {color:#114375;} #center a:visited {color:#333333;} #center a:hover {color:#000000;} #right a:link {color:#000000;} #right a:visited {color:#333333;} #right a:hover {color:#826800;} #footer a:link {color:#999999;} #footer a:visited {color:#666666;} #footer a:hover {color:#FFFFFF;} #logo .content h1 {margin:0;} #logo .content h1 a {background:#FFFFFF url(img/logo.gif) no-repeat left top; padding:108px 0 0 0; height:0; width:420px; display:block; overflow:hidden; color:#0B2A58;} #language .content p {color:#052145; margin:0;} #language .content p a:link {color:#052145;} #language .content p a:visited {color:#052145;} #language .content p a:hover {color:#000000;} #intro .content p {margin:0;} #left .content h4 {font-size:12px; background:url(img/arrow_h4.gif) no-repeat left top; height:27px; line-height:27px; padding:0 0 0 15px; margin:0 0 5px 0;} #left .content div.user {border-left:2px solid #071E41;} #left .content form {padding:5px 0 10px 10px; margin:0;} #left .content form label {display:block;} #left .content form .text1 {width:100px;} #left .content form .text2 {width:50px;} #left .content form p {padding:0 0 0 48px; margin:5px;} #left .content form p a:link {color:#900101;} #left .content form p a:visited {color:#900101;} #left .content form p a:hover {color:#900101;} #left .content form .button {background:url(img/button.gif) no-repeat left top; width:73px; height:24px; border:none; font-size:12px;} #left .content div.list {background:#B4DAEF url(img/left_bg.jpg) no-repeat left top; padding:28px 0;} #left .content div.list p {margin:0;} #left .content div.list p.success {padding:0px 20px 10px 20px; text-align:center;} #left .content div.list p.success a {background:url(img/success.gif) no-repeat left top; padding:50px 0 0 0; height:0; width:150px; text-align:center; overflow:hidden; display:block;} #left .content div.bottom {background:url(img/left_bottom_bg.gif) no-repeat left top;} #wrapper .successlist {margin:6px 0 12px 0; padding:0; list-style-type:none; text-align:center;} #wrapper .successlist li {margin:6px 0; padding:0; list-style-type:none; text-align:center;} #wrapper .successlist a, #wrapper .successlist a:visited {color:#000000;} #wrapper .successlist a:hover {} #wrapper .successlist img {width:150px; height:60px; border:1px solid #D0E5EF;} #wrapper .successlist a:hover img {border:1px solid #FFFFFF;} #wrapper .morelist {margin:6px 12px 12px 12px; padding:0; list-style-type:none; color:#FFFFFF; font-size:14px; font-weight:bold;} #wrapper .morelist li {margin:0; padding:10px; list-style-type:none; border-bottom:1px solid #7AAECD;} #wrapper .morelist a, #wrapper .morelist a:visited {color:#FFFFFF; font-size:14px; font-weight:bold; text-decoration:none;} #wrapper .morelist a:hover {color:#FFFF00; font-size:14px; font-weight:bold;} #center .content .about {color:#114375;} #center .content .about .title {background: url(img/about.gif) no-repeat left top; display:block; height:0; padding-top:30px; overflow:hidden;} #center .content .service {color:#565B6B;} #center .content .service .title {background: url(img/service.gif) no-repeat left top; display:block; height:0; padding-top:60px; overflow:hidden;} #center .content .service ul {list-style:none; margin:0; padding:0;} #center .content .service ul li {padding:0;} #center .content .service ul li .serviceimg {float:left; width:120px; height:120px; padding:10px 0 0 0; margin:0;} #center .content .service ul li .serviceimg img {border:0px;} #center .content .service ul li .servicetitle {margin:0 0 0 130px; padding:0;} #center .content .service ul li .servicetitle a {font-size:14px; color:#FF7014; text-decoration:none;} #center .content .service ul li .servicetitle a:hover {font-size:14px; color:#FF7014; text-decoration:underline;} #center .content .service ul li .servicelist {margin:0 0 10px 130px; padding:0;} #center .content .service ul li .servicelist li {display:inline;} #center .content .service ul li .servicelist li a {color:#565B6B; text-decoration:none;} #center .content .service ul li .servicelist li a:hover {color:#565B6B; text-decoration:underline;} #center .content .service ul li .servicemore {margin:0 0 0 130px;} #center .content .service ul li .servicemore a {background:url(img/more.gif) no-repeat left top; width:68px; height:20px; line-height:20px; display:block; color:#FFFFFF; text-align:center; text-decoration:none;} #center .content .product {color:#565B6B;} #center .content .product .title {background: url(img/product.gif) no-repeat left top; display:block; height:0; padding-top:60px; overflow:hidden;} #center .content .product ul {list-style:none; margin:0; padding:0;} #center .content .product ul li {padding:0;} #center .content .product ul li .productimg {float:left; width:120px; height:120px; padding:10px 0 0 0; margin:0;} #center .content .product ul li .productimg img {border:0px;} #center .content .product ul li .producttitle {margin:0 0 0 130px; padding:0;} #center .content .product ul li .producttitle a {font-size:14px; color:#FF7014; text-decoration:none;} #center .content .product ul li .producttitle a:hover {font-size:14px; color:#FF7014; text-decoration:underline;} #center .content .product ul li .productlist {margin:0 0 10px 130px; padding:0;} #center .content .product ul li .productlist li {display:inline;} #center .content .product ul li .productlist li a {color:#565B6B; text-decoration:none;} #center .content .product ul li .productlist li a:hover {color:#565B6B; text-decoration:underline;} #center .content .product ul li .productmore {margin:0 0 0 130px;} #center .content .product ul li .productmore a {background:url(img/more.gif) no-repeat left top; width:68px; height:20px; line-height:20px; display:block; color:#FFFFFF; text-align:center; text-decoration:none;} #center .content .web {color:#114375; display: none;} #center .content .web .title {background: url(img/web.gif) no-repeat left top; display:block; height:0; padding-top:50px; overflow:hidden;} #center .content .web ul {padding:0px; margin:0px; color:#565B6B; list-style:none;} #center .content .web ul li {float:left; width:270px; padding:0px; margin:0px; color:#565B6B;} #center .content .web ul li ul.productlist {padding:5px; width:260px; margin:0px; color:#565B6B;} #center .content .web ul li ul.productlist li {float:left; width:130px; padding:0px; margin:0px; color:#565B6B; display:block;} #center .content .web ul li ul.productlist li a {padding:0px; margin:0px; color:#565B6B; text-decoration:none;} #center .content .web ul li ul.productlist li a:hover {padding:0px; margin:0px; color:#565B6B; text-decoration:underline;} #right .content dl {margin:0; padding:10px; width:155px; background:#0279B3 url(img/contact_bg.jpg) no-repeat left top; color:#FFFFFF; line-height:2.5em;} #right .content dt {font-weight:bold;} #right .content dd {margin:0 0 0 1.5em;} #right .content dd a:link {color:#FFFFFF;} #right .content dd a:visited {color:#FFFFFF;} #right .content dd a:hover {color:#FFFF00;} #right .content p a.onlineask {background:#0279B3 url(img/online_ask.jpg) no-repeat left top; padding:70px 0 0 0; height:0; width:175px; display:block; overflow:hidden; color:#FFFFFF;} #right .content p a.rtvmis {background:#0279B3 url(img/rtvmis.jpg) no-repeat left top; padding:70px 0 0 0; height:0; width:175px; display:block; overflow:hidden; color:#FFFFFF;} #right .content p a.drsmtp {background:#0279B3 url(img/dr.smtp.jpg) no-repeat left top; padding:70px 0 0 0; height:0; width:175px; display:block; overflow:hidden; color:#FFFFFF;} #footer .content p {background:#CDF2FA; border-bottom:8px solid #9AD5EB; line-height:30px; text-align:center; margin:0;} #footer .content p a:link {color:#113892; text-decoration:none;} #footer .content p a:visited {color:#113892; text-decoration:none;} #footer .content p a:hover {color:#000000; text-decoration:underline;} #footer .content div {height:148px; padding:17px 0 0 0; width:460px; margin:0 auto;} #footer .content div p {background:none; line-height:2em; border-bottom:none; color:#EEEEEE; text-align:left;} #footer .content div p a:link {color:#EEEEEE; text-decoration:underline;} #footer .content div p a:visited {color:#EEEEEE; text-decoration:underline;} #footer .content div p a:hover {color:#FFFF00;} #center .content #Aritcle {} #center .content #Aritcle h1 {line-height:2em;} #center .content #Aritcle hr {height:1px; font-size:1px; color:#0A2347;} #center .content #Content {} #center .content #Content p {} #center .content #Content table {border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; color:#FFFFFF;} #center .content #Content tbody {} #center .content #Content thead {} #center .content #Content tfoot {} #center .content #Content tr {} #center .content #Content tr.light {background:#80A5C3;} #center .content #Content tr.dark {background:#355C80;} #center .content #Content th {background:#0E274C; color:#FFFFFF; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; padding:3px;} #center .content #Content td {border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; padding:3px; font-size:12px;} #center .content .listtitle {color:#114375;} #center .content .list {color:#114375;} #center .content .list li {} #center .content .list .paper {} #center .content .list .paper li {display:inline; background:none; padding:8px;} #center .content .list .paper li a {border:1px solid #000000; padding:3px; margin:0; background:#B4DAEF; text-decoration:none; color:#0A2347;} #center .content .list .paper li a:hover {border:1px solid #0A2347; padding:3px; margin:0; background:#FFFFFF; text-decoration:none; color:#000000;} #center .content .list .this {} .nomargintop {margin-top:0;} .content p {margin:12px 0;}