/* Distributor-X */

/* BODY */

body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #003366;
}
#white {
	background-color: #FFFFFF;
}
#container {
	border: 1px solid #330099;
}
h1 {
	font-size: 18px;
}
p, td, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
input.fill, select.fill, textarea.fill  {
	color: #999999;
	font-style: italic; 
}
input, checkbox, select {
	margin: 0px;
	padding: 0px;
}
p a, td a {
	color: #0066CC;
	text-decoration: underline;
}
p a:hover, td a:hover {
	color: #0066CC;
	text-decoration: none;
}
p a.control, td a.control, td.control a {
	color: #990000;
	text-decoration: underline;
}
p a.control:hover, td a.control:hover, td.control a:hover {
	color: #990000;
	text-decoration: none;
}
.grid .edit a.control, .grid .edit a.control:hover {
	color: #339966;
}
a img {
	vertical-align: bottom;
	border: none;
	padding: 0px;
	margin: 0px 2px 0px 0px;
}
img.faded {
	vertical-align: bottom;
	border: none;
	padding: 0px;
	margin: 0px 2px 0px 0px;
}

/* HEADER */

#topline {
	width: 100%;
	height: 15px;
	background-color: #999999;
}
#topline div{
width:780px;
text-align:right;
margin:1px auto;
}
#topline div a{
color:#d4d4d4;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
#topline div a:hover{
color:#fff;
}

#header {
	border-bottom: 1px solid #330099;
}
p.topnav {
	margin: 10px;
	padding: 0px;
}
#logout {
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}
#logout a {
	color: #999999;
	text-decoration: none;
}
#logout a:hover {
	color: #333333;
	text-decoration: none;
}

/* LEFT NAVIGATION */

#leftnav {
	padding: 20px 5px;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background-color: #F6F6F6;
}
#leftnav a{

}
.leftnavhead {
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin: 0px 0px 10px 0px;
}
.lnav {
    display: block;
	line-height: 12px;
	padding: 5px;
	background:url(images/triangle-bullet.png) 6px 7px no-repeat;
	padding-left:17px;
}
.lnavsub {
	line-height: 10px;
	padding: 5px 5px 5px 15px;
}
.lnavsub a {
	color: #666666;
	text-decoration: underline;
}
.lnavsub a:hover {
	color: #666666;
	text-decoration: none;
}

/* CONTENT */

.logo {
	margin-top: 15px;
	margin-bottom: 15px;
}

#content {
	padding: 10px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px dotted #999999;
}
.layout td {
	padding: 2px;
}
.layout td.controls, .layout td.edit {
	padding-left: 10px;
	border-left: 1px dotted #999999;
}
.layout td.edit {
	background-color: #FFFFCC;
}
.grid {
	/*border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;*/
}
.grid td {
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}
.grid .header {
	font-weight: bold;
	text-align: left;
	/*background-color: #E0F0F8;*/
	background-color: #999999;
}
.grid .header td {
	border-bottom: 1px solid #333333;
	color: #FFFFFF;
}
.grid .header td a {
	color: #FFFFFF;
	text-decoration: underline;
}
.grid .header td a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
/*.grid2 {
	border: 1px solid #999999;
}*/
.grid2 .header2 {
	font-weight: bold;
	text-align: left;
	background-color: #EEEEEE;
}
.grid2 .header2 td {
	border-bottom: 1px solid #999999;
	color: #666666;
}
.grid .noborder td {
	border: none;
}
/*.grid .add, .distributor .add {
	background-color: #FFE6FF;
	background-color: #CCFFCC;
}*/
.grid .edit, .grid .move, .grid .add, .distributor .add, .layout .add {
	background-color: #FFFFCC;
}
.grid .remove {
	/*background-color: #FFCCCC;*/
	background-color: #EAEFC7;
}
.grid .add td, .grid .edit td {
	padding: 3px 5px;
}
.grid .move td {
	padding: 2px 5px;
}
.grid .faded {
	color: #BBBBBB;
}
.grid .special {
	color: #CC0000;
}
.distributor td {
	padding: 3px;
}
.distributor .header {
	font-weight: bold;
	/*background-color: #E0F0F8;
	background-color: #999999;*/
}
.distributor .header td {
	/*border-bottom: 1px solid #9FD1EA;
	color: #FFFFFF;
	border-bottom: 1px solid #333333;*/
    background:#F8F8F8 url(Images/headerBg.gif) repeat-x scroll 0pt 100%;
    border-bottom:1px solid #E9F8AE;
    height:28px;
    padding-left:3px;
    text-align:left;	
}
.distributor td.edit {
	padding: 0px 3px;
}
.distributor td.toolbar {
	background-color: #F7F7F7;
}
.distributor td.title, .distributor td.title input {
	font-size: 14px;
	font-weight: bold;
	color: #859227;
	padding: 3px;
}
.distributor td.title {
	padding: 10px 3px;
}
.news td {
	padding: 3px;
}
.news .title {
	color: #859227;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dotted #999999;
	background-color: #EEEEEE;
}
.news .date {
	font-size: 10px;
	font-weight: normal;
	color: #CC0000;
}
.news .article {
	padding: 10px 3px 15px 3px;
}
.files td {
	padding: 1px;
	border: none;
}
.red {
	color: #CC0000;
}

/* FOOTER */

#footer {
	font-size: 10px;
	text-align: right;
	color: #999999;
	padding-right: 10px;
}
#footer a {
	color: #999999;
	text-decoration: none;
}
#footer a:hover {
	color: #333333;
	text-decoration: none;
}
#bottomline {
	width: 100%;
	height: 10px;
	background-color: #999999;
	margin-top: 20px;
}
/* homepage styles */
h1.homeintro{
margin:0;
padding:0;
}
p.homeintro{
border-bottom:1px solid #ccc;
padding:5px 0;
margin:0 0 20px 0;
}
.dashboard{
margin-left:25px;
}
.dashboard h2{
font-size:12px;
margin:0;
padding:0;
}
.dashboard p{
margin:0;
padding:0;
}
.dashboard td{
vertical-align:top;
padding:5px 5px 12px 12px;
}
.dashboard td.pagedesc{
}
h3.userguide{
font-size:14px;
border-bottom:1px solid #ccc;
padding:0 0 2px 0;
margin:20px 0 6px 0;
}
p.userguide{
margin:0;
padding:0;
}