body {
  background-color:#e6e6e6;
  font: 62.5% Helvetica, Arial, sans-serif;
  color: #333;
  background:url(../../img_lcn/qiyi_topBg.gif) repeat-x;
}

.container { width: 960px; margin: 0 auto; } 

#header {
  width: 100%;
  padding: 0.5em 0;
  margin: 0 0 2em 0;
  overflow: hidden;
}

  #logo { float: left; background: url(../../img_lcn/pic_logohelp_119x32.gif) 0 0 no-repeat; width: 220px; height: 50px; text-indent: -5000px; }
  
    #logo a { display: block; width: 268px; height: 47px; }
    
  span.home { float: right; line-height: 3.3em; font-size: 1.2em; font-weight: bold; } 
  
    span.home a { text-decoration: none; color: #006699; }
    span.home a:hover { text-decoration: underline; color: #006699; }
    
#content {
  width: 920px;
  padding: 20px;
  background: #fff;
  margin: 0 auto;
  overflow: hidden;
}

#date {
height: 100px;
width: 100px;
float: left;
margin: 10px 0 10px 0;
background: url(../../img_lcn/date_button.gif) no-repeat;
}

/* Styles for tables */

#table .sample {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
}
#table .sample th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
#table .sample td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
</style>

table.servicesT
{ font-family: Helvetica,Arial,sans-serif;
font-weight: normal;
font-size: 13px;
color: #404040;
width: 520px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;
vertical-align: top;
}


table.servicesT td.servHd
{ border-bottom: 2px solid #6699CC;
background-color: #BEC8D1;
text-align: center;
font-family: Helvetica,Arial,sans-serif;
font-weight: bold;
font-size: 12px;
color: #404040;
vertical-align: top;
}


table.servicesT td
{ 
font-family: Helvetica,Arial,sans-serif;
font-weight: normal;
font-size: 12px;
color: #404040;
background-color: white;
text-align: left;
padding-left: 11px;
vertical-align: top;
}

table .servicesT .servBodL  { }



    #cnbc-recent { width: 530; padding:0; margin:0; font:13px arial; color:#333; }

#cnbc-recent p { width: 530px; font-size: 13px; margin: 0 0 14px 0; line-height: 18px; }

#cnbc-recent h2 { line-height: 22px; width: 530px; color:#069; font-size:120%; margin:0 0 8px 0; }


#cnbc-recent h3 { color:#069; font: 14px; margin:0 10px 8px 0 }


#cnbc-recent .cnbc-post { list-style-type:none; margin:10px 0 15px 0; padding-bottom:10px; border-bottom:1px solid #ccc; width: 525px; }

#cnbc-recent .cnbc-post li { list-style-type: circle; width: 530px; }
#cnbc-recent .cnbc-post ul { padding: 0 0 0 16px; }

/* date/time box for a single post */
#cnbc-recent .cnbc-singlepost { list-style-type:none; margin:10px 0 15px 0; padding-bottom:10px; width: 530px; }


#cnbc-recent .cnbc-singlepost li { list-style-type: circle; width: 530px; }
#cnbc-recent .cnbc-singlepost ul { padding: 0 0 0 16px; }

#cnbc-recent. cnbc-singlepost {list-style-type: circle; }
#cnbc-recent .cnbc-singlepost h3 { color:#069; font-size:16px; margin:-2px 0 8px 0; width: 530px; }




#cnbc-recent .cnbc-singlepost .datetime { width:98px; height:57px; background:url(../../img_lcn/date_button.gif); margin-top: 5px; color:white; float:left; }

#cnbc-recent .cnbc-singlepost .date { display:block; text-align:center; font-family: arial; font-size:23px; font-weight: 700; line-height:22px; padding-top:8px; margin:0 4px 3px 0; }

#cnbc-recent .cnbc-singlepost .time { display:block; text-align:center; font-family: arial; font-weight: 700;  font-size:13px; line-height:12px; margin-right:4px; }


    /* Date/time box */
#cnbc-recent .cnbc-post .datetime { width:98px; height:57px; background:url(../../img_lcn/date_button.gif); color:white; float:left; margin-top: 5px; margin-left: 0px; }
    #cnbc-recent .cnbc-post .date { display:block; text-align:center; font-size:22px; line-height:22px; padding-top:8px; margin:0 4px 3px 0; }
    #cnbc-recent .cnbc-post .time { display:block; text-align:center; font-family: arial; font-weight: 700;  font-size:13px; line-height:12px; margin-right:4px; }

    /* Excerpt */
    #cnbc-recent .cnbc-post .cnbc-content {line-height: 1.3; padding:0 0 0 115px; margin:0px; }
    #cnbc-recent .cnbc-post h2 { color:#069; font:bold 19px; margin:4px 0 8px 0;}
    #cnbc-recent .cnbc-post h3 { color:#069; font-size: 16px; margin:-3px 0 18px 0; }
    #cnbc-recent .cnbc-post .read-more { font-size:11px; color:#039; font-weight:bold; }
    
#cnbc-recent .line { width:520px; }


  /* Primary Nav */

  ul#nav { float: left; width: 200px; background: url("../../img_lcn/bkg-sidebar-rounded-bottom.jpg") bottom left no-repeat; }
  
    ul#nav ul { width: 198px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
    
    ul#nav ul:last-child { padding-bottom: 20px; }
    
      ul#nav a { text-decoration: none; color: #069; }
      
      ul#nav a:hover { text-decoration: underline; }
    
      ul#nav ul li { padding: 0 15px; font-size: 13px; line-height: 18px; }
      
      ul#nav ul li.active { padding: 0 0 0 10px; margin: 0 5px; line-height: 18px; background:#eee; }
      
      ul#nav ul li.active a { text-decoration: none; font-weight: bold; }
      
  #right { float: right; width: 700px; }
        
    #right ul { font-size: 13px; line-height: 18px; padding: 0 0 0 40px; margin: 0 0 20px 0; width: 390px; }

    #right ul.tips { background: url("../../img_lcn/ul-tips.png") 0 0 no-repeat; padding: 0 20px 0 60px; }

      #right ul li { list-style: disc; margin: 0 0 3px 0; }
      
      #right ul ul { padding: 0 20px 0 20px; margin: 0; width: 350px;}
      
        #right ul ul li { list-style: circle; }
        
    #right ol { font-size: 13px; line-height: 18px; padding: 0 0 0 40px; margin: 0 0 20px 0; width: 390px; }
    
      #right ol li { list-style: decimal; margin: 0 0 3px 0;}
      
    #right hr { margin: 0 0 35px 0; border: none; background: #ccc; color: #ccc; height: 1px; clear: both; }
    
    /* Styles for Use Cases Only */
    
    #usecase ul { position: relative; margin: 0 0 20px 0; padding: 0 0 0 15px;  width: auto; }
    
      #usecase ul li { margin: 0 0 5px 0; }
      
    #usecase p { position: relative; width: auto; }
      
    #usecase hr { height: 1px; margin: 40px 0 40px 0 !important; width: 430px; clear: none; width: auto; }
    
    #usecase .right { margin: 0 0 20px 20px; }
        
  /* Subnav on Site Features pages 
     Leave below other CSS so that these styles take presedence over other list styles.
  */
    

ul#subnav { width: 100%; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; overflow: hidden; padding: 0.3em 0; margin: 0 0 2em 0 !important; font-size: 1.2em !important; width: 100% !important;}
    
      ul#subnav li { float: left; border-right: 1px solid #ccc; padding: 0 17px 0 0 !important; margin: 0 0 0 3px !important; list-style: none !important;}
    
      ul#subnav li:first-child { margin: 0; }      
      ul#subnav li:last-child { border: none; }
      
      /* .sfhover is the class given via JavaScript so that CSS dropdowns work in IE6 */
      
      ul#subnav li ul {  position: absolute; width: 220px; left: -9999px; border: 1px solid #999; padding: 10px 10px 10px 10px; }
      ul#subnav li:hover ul,  ul#subnav li.sfhover ul { position: absolute; top: auto; left: auto; z-index: 9997; background: #fff; width: 170px; }
      ul#subnav li ul li { border: none; margin: 0; clear: both; }
      ul#subnav li ul a { padding: 0; background: none; }

      ul#subnav li ul a:hover { padding: 0; background: none; }
      



 #footer {clear: both; height: 1%; margin: 15px 0 0; padding: 20px 10px; background:url(../../img_lcn/qiyi_footerBg.jpg) repeat-x left -48px; color: #666; text-align:center;}
  #footer .wrapper { width: 920px; margin: 0 auto; }	
  #footer a {color: #069;}
  #footer p {font-size: 110%; margin: 0; padding: 0;}  

  
  #nav-footer {clear: both; margin: 0 0 12px; padding: 0; list-style-type: none; }
  #nav-footer strong {font-weight: bold;}
  #nav-footer li {font-size: 130%; font-weight: bold; margin: 0 0 .5em; padding: 0; white-space: nowrap;}
  #nav-footer ul {list-style-type: none; padding: 0 0 0 0; margin: -1.2em 0 0 0; }
  #nav-footer ul li {font-weight: normal; display: inline; font-size: 100%; border-left: 1px solid #999;  padding: 0 .5em 0 .75em; margin: 0;}
  #nav-footer ul li:first-child, #nav-footer ul li.first {border: none;}
  
  #copyright, #nav-legal {display: inline; margin: 0 1em 0; padding: 0; }
  #nav-legal li {display: inline; font-size: 110%; border-left: 1px solid #999; padding: 0 1em; margin: 0; }
  p#terms-of-use {margin: .3em 0 1.2em; }
    
  #footer #feedback-request {background:url(../../img_lcn/pic_feedback_7x4.gif) 0 2px no-repeat; padding-left: 18px;}
  
  /* Homepage Specific */
  
  #home { width: 100%; overflow: hidden; margin: 20px 0 0 0; }
  
    #home_left { float: left; width: 340px; }
    
    #home_right { float: right; width: 340px; }
    
    #home p, #home ul, #home h3 { width: auto; }
    
    #home ul { margin: 0 0 0 20px; padding: 0; }
    

  
  #whatis p, #whatis ul, #whatis h3 { width: auto; }
  
  #whatis .right { margin: 0 0 0 20px; }
  
  #whatis .module { float: left; width: 340px; }
  
  #whatis .module.right { float: right; }
    
  #whatis #action { background: #ddf0f8; padding: 10px; width: 320px; }
    
    .module img { float: left; border: 1px solid #ccc; float: left; margin: 0 20px 20px 0;}
    
  .module div { float: left; width: 191px; }
    
  /* Site Features Overview */
  
  #right ul#features { list-style: none; width: 700px; margin: 0; padding: 0; }
  
    ul#features p { width: auto; }
    ul#features img { border: 1px solid #ccc; margin: 0 0 10px 0; }
  
    #right ul#features li { list-style: none; padding: 0; margin: 0; width: 200px !important; }
  
    #right ul#features li.left { float: left;  }
    #right ul#features li.center { float: left; margin: 0 40px; }
    #right ul#features li.right { float: left; }
    
    #right ul#features hr { float: left; clear: both; width: 700px; }
    
    #right ul#features li.clear { padding: 1px 0 0 0; width: 700px !important; border-top: 1px solid #ccc; clear: both; margin: 20px 0; }
    
  /* New Users */

  
  .newuser { width: 610px; float: left; clear: both; }
  
  .newuser ul, .newuser p, .newuser li, .newuser h3 { width: 580px !important; }
  
  #one { background: url("../../img_lcn/1.jpg") 0 0 no-repeat; border-bottom: 1px solid #ccc; padding: 2px 0 20px 90px;}
  #two { background: url("../../img_lcn/2.jpg") 0 18px no-repeat; border-bottom: 1px solid #ccc; padding: 20px 0 20px 90px; }
  #three { background: url("../../img_lcn/3.jpg") 0 18px no-repeat; padding: 20px 0 0 90px; }
  #four { background: url("../../img_lcn/4.jpg") 0 18px no-repeat; padding: 20px 0 0 90px; }

  /* 2009 tips */

  
  .tips { width: 610px; float: left; clear: both; }
  
  .tips ul, .tips p, .tips li, .tips h3 { width: 580px !important; }
  
  #tip1 { background: url("../../img_lcn/1.jpg") 0 0 no-repeat; border-bottom: 1px solid #ccc; padding: 2px 0 20px 90px;}
  #tip2 { background: url("../../img_lcn/2.jpg") 0 18px no-repeat; border-bottom: 1px solid #ccc; padding: 20px 0 20px 90px; }
  #tip3 { background: url("../../img_lcn/3.jpg") 0 18px no-repeat; padding: 20px 0 0 90px; }
  #tip4 { background: url("../../img_lcn/4.jpg") 0 18px no-repeat; padding: 20px 0 0 90px; }


/* @Common Elements
=====================================================================================*/

/* Typography
--------------------------------*/

h1 { font-size: 2.1em; color: #111; margin: 0 0 0.5em 0;}

  h1 span { font-weight: normal; }

#nav h3 { color: #555; font-size: 12px; background: #e6e6e6 url("../../img_lcn/bkg-sidebar-rounded-gradient.jpg") 0 0 no-repeat; line-height: 2.6em; padding: 0 10px; border-bottom: 1px solid #ddd; }


#right h3 { color: #111; font-size: 18px; margin: 0 0 10px 0; width: 430px; clear: both; }

#nav h4 { color: #555; font-size: 12px; margin: 0 0 0 10px; padding: 10px 0 5px 0; }

#right h4 { font-size: 14px; margin: 0 0 5px 0; color: #666; }

#right h5 { color:#069; padding-top: -1.2em; font-size: 16px; line-height: 1.1em; margin:0 10px 18px 0;  }


span.tip { background: #e6f8dd; color: #060; padding: 3px; font-weight: bold !important; }



  p { width: 430px; font-size: 13px; margin: 0 0 20px 0; line-height: 18px; }
  
  p.indent { margin: 0 0 20px 45px; width: 390px; }
  
  p.tip { padding: 0 0 0 45px; background: url("../../img_lcn/p-tip.png") 0 0 no-repeat; width: 385px; }
  
  /* Special Paragraphs w/ icons */
  
  p.note { padding: 0 0 0 45px; background: url("../../img_lcn/note.png") 0 0 no-repeat; width: 385px; }
  
  p.advantage { padding: 1px 0 0 80px; margin: 0 0 10px 0; background: url("../../img_lcn/advantage.jpg") 0 0 no-repeat; font-weight: bold; }
  
  p.painpoint { padding: 1px 0 0 80px; margin: 0 0 20px 0; background: url("../../img_lcn/painpoint.jpg") 0 0 no-repeat; font-weight: bold; }
  
  p.intro { padding: 0 0 10px 0; margin: 0 0 30px 0; border-bottom: 2px solid #ccc; font-size: 15px; font-weight: bold; line-height:22px; color: #666; width: 100% !important; }
  
  p.helps { text-indent: -9999px; height: 15px; margin: 0 0 10px 0; background: url("../../img_lcn/helps.jpg") 0 0 no-repeat; }
  
em.intro { display: block; font-size: 15px; color: #666; font-weight: bold; font-style: normal; margin: -5px 0 0 0; }



/* Links
--------------------------------*/

a, a:link { color: #039; }
a:visited { color: #039; }
a:hover { text-decoration: none; }

#subnav a { text-decoration: none; padding-left: 15px; }
#subnav a:hover { text-decoration: underline; background: url("../../img_lcn/subnav_arrow.jpg") top left no-repeat; }

a.top { display: block; text-decoration: none; clear: both; float: right; margin: 20px 0 0 0; background: #f1f1f1; padding: 5px; font-size: 11px; }
a.top:hover { text-decoration: underline; }

a.cta { padding: 5px 10px 5px 15px; background: rgb(221, 240, 248) url("../../img_lcn/arrow.jpg") 0 3px no-repeat; font-size: 11px; font-weight: bold; } /* Call to Action Link */
a.dropswitch {background:url(../../img_lcn/sprite_globalnav_v2.png) 100% -85px no-repeat;padding: 0 18px 0 0;}

/* Aligning Things
--------------------------------*/

img.right, .right { float: right; margin: 0 0 20px 20px; }
img.left, .left { float: left; margin: 0 10px 20px 0; }
img.border, .border { border: 1px solid #ccc; padding: 5px; }

hr.clear { clear: both; visibility: hidden; }