/* PKT Group v1.0 Theme (Validated XHTML 1.0 Transitional)
   Design, Illustration & XHTML/CSS Coding by Pixaworks.com (stylepk.css)
   Copyright (c) 2008 Pixaworks.com
*/

body {
background-color: #FFFFFF;
margin: 0px;
}

#container {
background-image: url(images/body-bg-pg.gif);
width: 950px;
height: auto;
margin: auto;
}

#header-top {
background-color: #122372;
width: 900px;
height: 15px;
margin: auto;
}

#header {
width: 900px;
height: 150px;
margin: auto;
}

#mainmenu {
background-color: #122372;
width: 900px;
height: 25px;
margin: auto;
}

#title {
background-color: #00A0C6;
width: 900px;
height: 70px;
margin: auto;
}

#title h1 {
font-family: Arial, Helvetica;
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
margin: 0px;
padding: 20px 0px 0px 30px;
}

.titlemenu {
font-family: Arial, Helvetica;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
margin: 0px;
padding: 5px 0px 0px 30px;
}

.titlemenu a {
color: #FFFFFF;
text-decoration: none;
}

.titlemenu a:hover {
color: #122372;
text-decoration: none;
}

#content {
clear: both;
width: 840px;
height: auto;
margin: auto;
padding-top: 40px;
}

#content a {
color: #0066CC;
text-decoration: none;
font-weight: bold;
}

#content a:hover {
color: #FFBF00;
font-weight: bold;
text-decoration: none;
}

#table-chart {
width: 100%;
font-size: 11px;
border-bottom: 1px dashed #999999;
}

#table-chart td {
color: #333333;
padding: 4px;
height: 20px;
border-top: 1px dashed #999999;
}

.table-chart-header {
border-top: 1px dashed #000000;
font-weight: bold;
background-color: #D4D4D4;
}

#table-track {
width: 100%;
font-size: 10px;
border-bottom: 1px dashed #999999;
}

#table-track td {
color: #333333;
padding: 4px;
height: 15px;
border-top: 1px dashed #999999;
}

.table-track-header {
border-top: 1px dashed #000000;
font-weight: bold;
background-color: #D4D4D4;
}

.content-main {
float: left;
width: 550px;
height: auto;
padding-bottom: 20px;
}

.content-right {
float: right;
width: 290px;
height: auto;
padding-bottom: 20px;
}

.content-crm {
float: left;
width: 660px;
height: auto;
padding-bottom: 20px;
}

.content-crmmenu {
float: right;
width: 180px;
height: auto;
padding-bottom: 20px;
}

.content-track {
clear: both;
float: left;
width: 840px;
height: auto;
padding-bottom: 20px;
}

.content-text {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
line-height: 15px;
color: #4F4F4F;
text-align: left;
padding: 0px 40px 30px 0px;
}

.content-text h1 {
font-family: Arial, Helvetica;
font-size: 16px;
font-weight: bold;
margin: 0px 0px 20px 0px;
padding-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #4F4F4F;
}

.content-text h2 {
font-family: Arial, Helvetica;
font-size: 15px;
font-weight: bold;
margin: 0px 0px 15px 0px;
}

.content-text h3 {
color: #00A0C6;
font-family: Arial, Helvetica;
font-size: 13px;
font-weight: bold;
margin: 0px 0px 5px 0px;
}

.content-text ul,ol {
margin: 10px;
padding-left: 20px;
}

.content-text li {
margin: 0px;
padding-left: 5px;
}

.content-red {
color: #CC0000;
font-weight: bold;
}

.content-green {
color: #66CC33;
font-weight: bold;
}

.form-input {
font-family: Arial, Helvetica;
font-size: 11px;
color: #000000;
width: 130px;
}

.form-button {
font-family: Arial, Helvetica;
font-size: 11px;
color: #000000;
width: 70px;
}

.sidebar-text {
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
line-height: 13px;
color: #4F4F4F;
text-align: left;
}

.sidebar-crmtext {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
line-height: 13px;
color: #4F4F4F;
text-align: left;
}

#footer {
clear: both;
background-color: #122372;
width: 900px;
height: 50px;
margin: auto;
}

.footer {
font-family: Verdana, Helvetica;
color: #FFFFFF;
font-size: 9px;
line-height: 16px;
padding: 10px 0px 0px 20px;
}

.footer a {
color: #FFFFFF;
text-decoration: none;
}

.footer a:hover {
color: #00A0C6;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #00A0C6;
}