/* main Document */

BODY         {font-family: Verdana, sans-serif; font-size: 12px;background-image:url(../images/bg_blue.gif);background-repeat:repeat; margin: 0px 0px 0px 0px;}
#blanket     {width:800px; margin-left:auto; margin-right:auto;} 

#top	     {width:800px; height:48px; background-image:url(../images/top2.gif);background-repeat:no-repeat;}
#nav	     {width:800px; height:27px; background-image:url(../images/bg_nav.gif); }

#header	     {width:800px;}
#main	     {width:800px;min-height:400px; background-image:url(../images/center.gif); background-repeat:repeat-y; }  
#left	     {width:190px; float:left; }
#middle	     {width:600px; float:right;}
#inside	     {width:770px; height:100%; margin-left:auto; margin-right:auto;color: #000000; font-size: 12px;font-family: arial, Verdana, Helvetica, sans-serif;text-decoration: none }

#footer	     {width:800px; height:8px; background-image:url(../images/bottom.gif); background-repeat:no-repeat; padding:0px 0px 0px 0px; }   

input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
fieldset {border: 1px solid #39729a; margin:0;}
legend {color: #484848;}
hr { width: 100%; height: 1px; background: #ccc; border: 0;}

h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif;}
h1 {margin:0; padding:0; font-size: 24px;}
h2, .wiki h1 {font-size: 20px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}
h3, .wiki h2 {font-size: 16px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}
h4, .wiki h3 {font-size: 12px;padding: 2px 10px 1px 0px;margin-bottom: 5px; border-bottom: 1px dotted #bbbbbb; color: #444;}
h5, .wiki h2 {font-size: 12px;padding: 2px 10px 1px 0px;margin: 0 0 0 0; border-bottom: 0px solid #bbbbbb; color: #444;}

#sidebar{ float: right; width: 25%; position: relative; z-index: 9; padding: 0; margin: 0;}
* html #sidebar{ width: 17%; }
#sidebar h3{ font-size: 14px; margin-top:14px; color: #666;  }
#sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
* html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }

#content	{width: 79%; background: url(../images/contentbg.png) repeat-x; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; height:600px; min-height: 600px;}
* html #content{ width: 80%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}
html>body #content {
height: auto;
min-height: 600px;
} 

/* content page */
.bartitle     {height:51px; background-image: url(../images/title_bar.gif); background-repeat:repeat-x;} 

.page         {width:785px;padding:0px 8px 0px 7px; } 

.title_about    {width:109px;height:51px; background-image: url(../images/title_about.gif); background-repeat:no-repeat; margin-left: 15px;} 
.title_registration    {width:109px;height:51px; background-image: url(../images/title_registration.gif); background-repeat:no-repeat; margin-left: 15px;} 
.title_services {width:109px;height:51px; background-image: url(../images/title_services.gif); background-repeat:no-repeat;margin-left:15px;} 
.title_contact  {width:109px;height:51px; background-image: url(../images/title_contact.gif); background-repeat:no-repeat;margin-left: 15px;} 
.title_product  {width:109px;height:51px; background-image: url(../images/title_product.gif); background-repeat:no-repeat;margin-left: 15px;} 
.title_support  {width:109px;height:51px; background-image: url(../images/title_support.gif); background-repeat:no-repeat;margin-left: 15px;} 
.title_webmail  {width:109px;height:51px; background-image: url(../images/title_webmail.gif); background-repeat:no-repeat;margin-left: 15px;} 

.titleinside	{height:35px; font-weight:bold; font-size: 16px; 
	font-family: tahoma,Arial,Verdana,Tahoma,Helvetica; color:#2f5ea3; padding: 0px 5px 0px 3px;
                 line-height:35px; margin-left: 25px;margin-right: 25px; }
.ico            {height:26px; margin: 0px 0px 0px 0px;}

.box{
	padding:6px;
	margin-bottom: 10px;
	color:#505050;
	line-height:1.5em;
	border: 1px solid #e4e4e4;
}

/* detail content */

.our_services  {
	width :182px;  
	background-image: url(../images/bgservice.png); background-repeat:repeat-y;}
.header_our_services  {
	width :182px;  
	background-image: url(../images/bgheaderservice.png); background-repeat:no-repeat;}
.footer_services  {
	width :182px;  
	background-image: url(../images/bgfooterservice.png); background-repeat:no-repeat;}
.services      {width:160px; padding:15px 1px 10px 15px; line-height:25px;font-size: 11px;font-family: arial, Verdana, Helvetica, sans-serif;text-decoration: none}

.title		  {height:35px; font-weight:bold; font-size: 16px; 
	font-family: tahoma,Arial,Verdana,Tahoma,Helvetica; color:#2f5ea3; padding: 0px 5px 0px 3px;
               border-bottom: #b6d6ef solid 2px; margin-left: 7px; margin-right:7px; line-height:35px; }
			  
.titlenav	 {width :590px; height:35px; font: bold 18px Arial,Verdana,Tahoma,Helvetica; 
              border-bottom: #b6d6ef  solid 2px; margin-right:7px; color:#2f5ea3; line-height:35px;}			  
.subtitle    {font-family: Arial,tahoma,Verdana, Helvetica ;font-weight:bold; font-size: 13px; color:#2f5ea3; padding:5px 5px 5px 0px; }
             
			  
.contentnews {font-family: tahoma,Verdana, Helvetica ; font-size: 11px; color:#39729a; padding:5px 5px 5px 10px; }
.contentlink {font-family: tahoma,Verdana, Helvetica ; font-size: 12px; color:#39729a; padding:5px 5px 5px 10px; }
p, .contentisi	 {font-family: Arial,tahoma,Verdana, Helvetica ; font-size: 12px; color:#000000;margin-left: 25px;margin-right: 25px; }
.isi	     {font-family: Arial,tahoma,Verdana, Helvetica ; font-size: 11px; color:#000000}
.date        {font-family: Arial,verdana,Helvetica,sans-serif; font-size: 11px; color:#000000; padding-left: 10px; line-height:27px; }
.line        {height:2px; background-image: url(../images/dot.gif); background-repeat:repeat-x; 
              margin-top:2px; padding-bottom:5px;}
.line2       {width:790px; height:7px; background-image: url(http://www.normanpoerba.com/qiandra/images/line_bottom.gif); background-repeat:repeat-x; margin-left:auto; 
              margin-right:auto; padding:0px 0px 0px 0px;} 



.copyright	 {padding-right:7px; font-family:tahoma,Arial,Verdana, Helvetica ; font-size: 11px; color:#39729a;}

a                    {color: #65747b; font-size: 11px;font-family: arial, Verdana, Helvetica, sans-serif;text-decoration: none}
a:visited            {color: #2f5b7b; font-size: 11px;font-family: Arial, Verdana, Helvetica, sans-serif;text-decoration: none}
a:hover              {color: #000000; font-size: 11px; font-family: arial, Verdana, Helvetica, sans-serif;text-decoration: none}
a.link1				 {color: #3f6685;  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px;  text-decoration: none;line-height:26px; }
a.link1:hover        {color: #278ede; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px;text-decoration: none;line-height:26px; }

a.link2              {color: #3399cc; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; text-decoration: none; }
a.link2:hover        {color: #264771; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px;text-decoration: none; }

a.link3              {color: #ff6600; font-family: Arial,Verdana,Helvetica, sans-serif; font-size: 11px;text-decoration: none; }
a.link3:hover        {color: #333333; font-family:Arial,Verdana, Helvetica, sans-serif; font-size: 11px;text-decoration: none; }

/***** Tables *****/
table.list { border: 1px solid #e4e4e4;  border-collapse: collapse; width: 100%; margin-bottom: 4px; }
table.list th {  border: 1px solid #ffffff; background-color:#e4e4e4; padding: 4px; white-space:nowrap; text-align:left; font-size:11px; }
table.list td {   overflow: hidden; vertical-align: top;
	text-align:left;
	font-size:12px;
}
table.list td.id { width: 2%; text-align: center;}
table.list td.checkbox { width: 15px; padding: 0px;}

tr.issue { text-align: center; white-space: nowrap; }
tr.issue td.subject, tr.issue td.category { white-space: normal; }
tr.issue td.subject { text-align: left; }
tr.issue td.done_ratio table.progress { margin-left:auto; margin-right: auto;}

tr.message { height: 2.6em; }
tr.message td.last_message { font-size: 80%; }
tr.message.locked td.subject a { background-image: url(../images/locked.png); }
tr.message.sticky td.subject a { background-image: url(../images/sticky.png); font-weight: bold; }

table.list tbody tr:hover { background-color:#ffffdd; }
table td {padding:2px;}
table p {margin:0;}
.odd {background-color:#f6f7f8;}
.even {background-color: #fff;}