﻿/*==============================================
 * Author: Patrick.Chen@tp-link.com
 * Created: 2011-02-13
 * Last Modified: 2013-02-20
//==============================================*/
 /*Common Style*/
#tpContentCol h2 {font:bold 14px/1 "Trebuchet MS", Arial, Helvetica, sans-serif; color:#0071b3; margin:25px 0 0 0; background:url(https://static.tp-link.com/res/images/gradient-line-short.jpg) no-repeat 0 100%; padding-bottom:12px; margin-bottom:12px;}
#tpContentCol h3 { color:#0071b3; font-size:13px;}

/*Press*/
.current { color:#0071b3;}
#tpNavCol > ol > li.current > span a { background-image:url(https://static.tp-link.com/res/images/menubar_arrow.jpg);}
#tpNavCol > ol > li[class="current"] + li > span { border-top-color:#fff;}
#tpNavCol .ads { border:1px #d2d2d2 solid; background:url(https://static.tp-link.com/res/images/menuBarColor.jpg) repeat; margin-bottom:9px; padding:5px 0;}
#tpNavCol .ads span { display:block;}
#tpNavCol .ads br { display:none;}
#tpNavCol .ads img { display:block; margin:0px auto; margin-top:0;}
#tpNavCol .ads .title { font:bold 12px/1 "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:1px #d2d2d2 solid; margin-bottom:5px;}
#tpNavCol .ads .title, #tpNavCol .ads .comment { padding:3px 15px 5px 17px; line-height:1em;}
#tpNavCol .ads .image { width:100%; overflow:hidden;}

#tpContentCol div.title { position:relative; padding-bottom:20px;}
#tpContentCol div.title .timeList { position:absolute; top:0; right:0;}
#tpContentCol div.title .timeList li { line-height:1em; float:left; padding:0 16px; border-left:1px #333 solid;}
#tpContentCol div.title .timeList li:first-child { border:none;}
#tpContentCol div.title .timeList li.current a { color:#0071b3;}
#tpContentCol .articleList { font-size:13px; padding-bottom:2.5em; background:url(https://static.tp-link.com/res/images/gray-gradient-line.jpg) no-repeat 50% 100%;}
#tpContentCol .articleList li { padding-top:1.6em;}
#tpContentCol .articleList li .date { float:left; width:108px; overflow:hidden; line-height:1.2em;}
#tpContentCol .articleList li dl { width:561px; overflow:hidden; float:right;}
#tpContentCol .articleList li dt { font-weight:bold; padding-bottom:0.5em; line-height:1.2em;}
#tpContentCol .articleList li dd { line-height:1.5em;}

#pageNav { text-align:right; color:#666;}
#pageNav a.current, #pageNav a:hover { text-decoration:underline;}

/*Exhibition Style*/
#exhibition { padding-bottom:8em;}/*
#exhibition h2 { font:bold 14px/1 "Trebuchet MS", Arial, Helvetica, sans-serif; color:#0071b3; margin:25px 0 0 0; background:url(../images/gradient-line-short.jpg) no-repeat 0 100%; padding-bottom:12px; margin-bottom:12px;}*/
#exhibition a { text-decoration:underline;}
#exhibition p { margin-bottom:25px;}
#exhibition table { width:99%; margin-bottom:1em; border-spacing:0; border-collapse:collapse;}
#exhibition th, td {  border:1px #ccc solid; padding:10px 22px; line-height:1.2em;}
#exhibition .borderNoneR { border-right:none;}
#exhibition .borderNoneL { border-left:none;}
#exhibition th { font-weight:bold;}
#exhibition thead th { background-color:#ebebed; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#exhibition tbody th { width:80px;}
#exhibition div { padding-top:1em;}
#exhibition ul li { margin-left:1.2em; list-style:disc outside;}
/*End*/

/*Awards Style*/
#awards table { border:none; width:100%; background:url(https://static.tp-link.com/res/images/line_1px.jpg) repeat-y 50% 0;}
#awards table td table { background:none;}
#awards td { border:none; vertical-align:middle; padding:40px 0;}
#awards td td { padding:0;}
#awards td.left { padding-right:25px; width:50%;}
#awards td.right { padding-left:25px; width:50%;}
#awards tr { background:url(https://static.tp-link.com/res/images/line_1px.jpg) repeat-x 0 100%;}
#awards tr tr { background:none;}
#awards td .image { display:block; width:130px; overflow:hidden; float:left;}
#awards td dl { width:170px; overflow:hidden; float:left; height:auto;}
#awards td dt, #awards td .from { font-weight:bold;}
#awards td dt { font-size:14px; line-height:1em; padding-bottom:5px;}
#awards td .description { line-height:1.6em;}
#awards td .from { display:block; padding-top:5px;}
/*End*/

/*About*/
body#about #tpContentCol div.title { padding-bottom:20px;}
body#about h2 { margin-bottom:1.5em; margin-top:2em;}
body#about #tpContentCol div.content p { margin-bottom:1.5em;}
body#about #tpContentCol div.content ul { padding-left:1.4em;}
body#about #tpContentCol div.content ul li { list-style:disc outside; margin-bottom:0.2em;}
#fastFacts td { padding-top:5px; padding-bottom:5px;}
body#about #tpContentCol div.content dt { font-weight:bold; clear:left; padding-right:0.5em;}
body#about #tpContentCol div.content dt { float:left;}
body#about #contactus { padding-bottom:8em;}
body#about #contactus h2 { background:none; color:#0071b3; font:bold 16px/1 Arial, Helvetica, sans-serif; padding:0; margin:0; margin:2em 0 0.8em 0;}
body#about #contactus h3 { color:#333; font-weight:bold; margin-bottom:0.3em;}
body#about #contactus dl { margin-bottom:0.6em; line-height:1.6em;}
body#about #contactus dt, body#about #contactus dd { }
body#about #contactus dd p { margin-bottom:0.25em!important;}

#careers { padding-bottom:50px;}
#careers h2 { font-size:1.15em;}
#careers h3 { margin-bottom:0.4em;}
#careers li { margin-bottom:0.3em;}
#careers ol { margin-bottom:1em; padding-left:1.6em; *padding-left:1.8em;}
#careers ol li { list-style:decimal;}
#careers ul li { list-style:disc;}
#careers ul { margin-left:1.4em;}
#careers li ul { margin-bottom:0.5em; margin-top:0.5em;}
#careers p, #careers ol, #careers ul { margin-bottom:1em;}
#careers a { text-decoration:underline;}