@charset "utf-8";
/* CSS Document */

body
{
	margin: 0px; 
	padding: 0px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-align: left;
	color: #666666; 
	background-color: #FFFFFF;
}

a {text-decoration: none; color:#666666;}
a:hover {text-decoration: underline;}

/* header */
table#topTable {width: 100%; margin: 0px; padding: 0px; border-collapse:collapse; border-bottom: solid 1px #DBDBDB;}
td#top_bar_bg{height: 100px; background: url(images/top-bar_bg.gif) repeat-x;}
td#top_bar_bg h1 {margin: 0px; margin-bottom: 10px; font-size: 20px; font-weight: bold; color: #999999; padding-left: 50px;}
td#top_bar_bg h1 a {color: #79a601;}
td#top_bar_right_cap{width: 450px; height: 100px; text-align: right; background:url(images/top-bar_right_cap.jpg) no-repeat;}
td#top_bar_right_cap img {margin-right: 30px;}


table#mainTable{width: 100%; margin: 0px; border-collapse:collapse;}
table#mainTable td{padding: 0px;}
/* top */
td#topLeftShadow {width: 30px; height: 20px; background: #FFFFFF url(images/top_left_shadow.gif) no-repeat 12px;}
td#topShadow{height: 20px; background: #FFFFFF url(images/top_shadow.gif) repeat-x 0px 1px;}
td#topRightShadow {width: 30px; height: 20px; background: #FFFFFF url(images/top_right_shadow.gif) no-repeat;}
/* middle */
td#leftShadow{width: 30px; background: #FFFFFF url(images/left_shadow.gif) repeat-y 12px;}
td#rightShadow {width: 30px; background: #FFFFFF url(images/right_shadow.gif) repeat-y;}
/* foot */
td#footLeftShadow {width: 30px; height: 20px; background: #FFFFFF url(images/foot_left_shadow.gif) no-repeat 12px;}
td#footShadow{height: 20px; background: #FFFFFF url(images/foot_shadow.gif) repeat-x 0px -1px;}
td#footRightShadow {width: 30px; height: 20px; background: #FFFFFF url(images/foot_right_shadow.gif) no-repeat;}

#innerContainer {border: solid 1px #D1D1D1;}


table#mainTable, table#loginTable {width: 100%; margin: 0px; border-collapse: collapse;}
table#mainTable, table#loginTable td {padding: 0px;}

/* login */
table#loginTable {width: 700px; text-align: center; font-size: 11px; margin: 0px auto; margin-top: 100px;}
#loginContainer {text-align: center; border: solid 1px #D1D1D1;}
#loginContainer h1 {margin-top: 20px; margin-bottom: 2px;}
#loginContainer input {margin: 5px; margin-top: 0px;}
#formTable {width: 300px; text-align: center; margin: 0 auto; margin-bottom: 30px; background-color: #F5F5F5; border: solid 1px #CCCCCC;}
#formTable td{padding-left: 50px;}
.button {color:#333333; margin-top: 10px; font-size: 12px; padding: 0px 5px 0px 5px; cursor: pointer; background-color: #D1D1D1; border: solid 1px #666666;}
a.button:hover {text-decoration: none; color: #FFFFFF; background-color: #999999;}
#errMsg{color: #990000;}


td#navTd {width: 180px; vertical-align: top; background-color: #F9F9F9; border-right: solid 1px #CCCCCC;}
td#mainTd {width: 100%; vertical-align: top; background-color: #FFFFFF; }

h1 {font-size: 18px; margin: 5px 0px 10px 10px; color: #79a601;}
#innerMain {padding: 0px 10px 10px 20px;}
h2.pageHead
{
	height: 29px;
	font-size: 20px; 
	color: #FFFFFF; 
	padding: 10px 0px 0px 20px;
	margin: 0px 0px 20px 0px; 
	padding-left: 30px; 
	background: #B6B6B6 url(images/pgeheadbg.gif) repeat-x;
	background-color: #B6B6B6;
	border: solid 1px #999999;
	border-right: none;
	border-left: none;
}

#nav
{
	width: 160px; 
	text-align: left;
	padding-bottom: 50px; 
}
#nav h1
{
	height: 20px;
	color: #666666;
	font-size: 16px;
	padding: 5px 0px 5px 20px;
	margin: 0px;
	background-color: #FFFFFF;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}
#nav p {height: 30px; font-size: 11px; margin: 5px; padding-left: 5px;}
.moduleGroup 
{
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px; 
	background-color: #F4F4F4;
	border-bottom: solid 1px #CCCCCC; 
}
.moduleGroup  a 
{
	display: block;
	text-decoration: none;
	font-size: 13px;
	color: #79a601;		
}
#nav a:hover {text-decoration: underline;}

.subNav {margin-left: 15px; margin-bottom: 0px;}
.subNav a{font-size: 11px; color: #666666; border: none;}

table.data {width: 100%; font-size: 12px; border-collapse: collapse; border: solid 1px #CCCCCC;}
table.data tr:hover {background-color:#999999;}
table.data td {height: 20px;  vertical-align: middle; border: solid 1px #CCCCCC;}
table.data th {color:#FFFFFF; background-color: #999999; padding: 5px; }
table.data a {color: #333333;}

td.options  a 
{
	display: block; 
	float: left; 
	font-size: 11px;
	margin: 3px 10px 3px 10px; 
	padding: 0px 5px 0px 5px; 
	background-color:#E9E9E9; 
	border: solid 1px #CCCCCC;
}
td.options  a:hover {text-decoration: none; background-color: #999999;}


tr.odd {background-color: #FFFFFF;}
tr.even {background-color: #FFFFFF;}

.confirmDelete {position: absolute; width: 200px; padding: 10px; background-color: #FFFFFF; border: solid 1px #990000;}
.confirmDelete a {font-size: 14px; color: #999999; font-weight: bold; margin-top: 10px;}

a.addPageLink {color: #333333; font-size: 14px; padding-bottom: 10px;}

table#pages {width: 600px;}

table.addLayoutTable {}
.addLayout {height: 150px; padding: 10px; margin: 20px; border: solid 1px #CCCCCC;}

.contentArea {padding: 15px; margin-bottom: 20px; border: solid 2px #666666; border-top: none;}
.contetnAreaOptions {padding: 15px; padding-top: 10px;  border: solid 2px #666666; border-bottom: none;}
.contetnAreaOptions h1 {color: #666666; display: inline; font-size: 10px; padding: 0px; padding-right: 10px; margin: 0px;}
.contetnAreaOptions a {padding: 0px 5px 0px 5px; color:#333333; font-size: 12px; background-color:#CCCCCC; border: solid 1px #333333;}
.contetnAreaOptions a:hover {text-decoration: none; background-color:#999999;}

.allChildren {padding-left: 20px; margin-bottom: 20px; font-size: 12px;}
.allChildren a {display: block; color: #333333; text-decoration: none;}
.allChildren a:hover {text-decoration: underline;}

h2.homeOptions {font-size: 14px; margin: 0px; padding: 0px;}
h2.homeOptions a {color: #666666;}

table#userTable td {padding: 0px 3px 0px 3px;}

.footer {width: 99%; margin: 0px auto; font-size: 10px; text-align: right; color: #999999;}
.footer a {color: #666666; text-decoration: none;}
.footer a:hover {text-decoration: underline;}

.files {width: 500px; margin-top: 10px; color:#333333; background-color: #F3F3F3; font-size: 16px;}
.files option {border-bottom: solid 1px #CCCCCC;}
.files option:hover {background-color:#CCCCCC;}

a.deleteContactField {background-color: #CCCCCC; padding: 2px; border: solid 1px #666666;}
table.contactAreaFieldsTable {border-spacing: 10px;}

table#styleTable {border-spacing: 10px;}

.selectedColor {height: 20px; width: 50px; margin-right: 10px; float: left; border: solid 1px #666666;}

td.addProductTitleTd {width: 100px;}

form.searchOptions { margin: 0px 0px 10px 0px; padding: 5px; border: solid 1px #999999}
form.searchOptions input, form.searchOptions select {margin-right: 10px;}
form.searchOptions strong {font-size: 18px; padding-right: 20px;}

table#frieghtTable {width: 400px;}
table#frieghtTable td.options {width: 150px;}

table#customers td {padding: 0px 2px 0px 2px}