/* global ::begin */

html, body {
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

img {
	border: 0px;
}

.clearboth {
	clear: both;
}

input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.theredone {
	color: #FF0000;
}

/* global ::end */

/* structure ::begin */

.container {
	width: 774px;
	min-height: 586px;
	border: 3px solid #f5f6fa;
	margin: 0px auto;
	background-color: #f5f6fa;
}

* html .container {
	height: 588px;
}

.leftcol {
	width: 190px;
	float: left;
	margin-right: 3px;
}

.rightcol {
	width: 774px;
	float: left;
	background-color: #FFF;
}

/* structure ::end */

/* left column content ::begin */

.logo {
	height: 105px;
	margin-bottom: 3px;
}

.tree {
	padding: 6px;
	background: #a2a89f url(../_img_a/cats_bground.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-align: left;
}

.tree dl {
	margin: 0px;
	padding: 0px;
	display: block;
	border: 2px solid #a9aea6;
}

.tree dd {
	height: 18px;
	margin: 0px;
	padding: 4px;
	background-color: #eaeff6;
	border-bottom: 1px solid #a9aea6;
	vertical-align: middle;
}

.tree dd, .tree dd a {
	font-weight: bold;
	font-size: 12px;
	color: #666;
	text-decoration: none;
}

.tree dd a:hover {
	color: #698da9;
}

.tree dd img {
	vertical-align: middle;
}

.tree dt {
	background-color: #FFF;
}

.tree dt div {
	width: 166px;
	padding: 8px 4px;
	margin-top: 1px;
	display: block;
	overflow: auto;
	scrollbar-face-color: #eaeff6;
	scrollbar-highlight-color: #a9aea6;
	scrollbar-3dlight-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-shadow-color: #a9aea6;
	scrollbar-arrow-color: #3e6482;
	scrollbar-track-color: #FFF;
}

.tree dt div.forcat {
	height: 300px;
}

.tree dt div.forinf {
	height: 40px;
}

.tree ul {
	margin: 0px 5px;
	padding: 0px;
}

.tree ol {
	margin: 0px;
	padding: 0px 10px;
}

.tree li {
	width: 110%;
	margin: 0px;
	padding: 2px 0px;
	font-size: 11px;
	list-style-type: none;
}

.tree li a {
	text-decoration: none;
	color: #666;
}

.tree li a:hover {
	color: #879eb0;
}

/* left column content ::end */

/* right column content ::begin */

.menu {
	padding: 3px;
	margin-bottom: 3px;
	background: #eaeff6 url(../_img_a/mail_bground2.gif);
}

.menuline {
	width: 2px;
	margin-right: 10px;
	float: left;
}

.menu a {
	display: block;
	float: left;
	width: 56px;
	height: 56px;
	padding: 4px 2px;
	border: 1px solid #eaeff6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #667683;
	text-decoration: none;
	text-transform: uppercase;
}

.menu a:hover {
	border: 1px solid #3e6482;
	background-color: #eaeff6;
	color: #3e6482;
}

.menu a img {
	margin-bottom: 2px;
}

.search {
	padding: 3px;
	background-color: #eaeff6;
	text-align: left;
	vertical-align: middle;
}

.search img {
	vertical-align: middle;
}

.searchline {
	margin-right: 10px;
}

.search a {
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #667683;
	text-decoration: none;
	text-transform: uppercase;
}

.search a:hover {
	color: #3e6482;
}

.searchform {
	margin: 0px 10px;
	padding: 0px;
	display: inline;
}

.searchform input.txt {
	height: 15px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

* html .searchform input.txt {
	height: 13px;
}

.searchform select {
	height: 19px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

.searchform input.btn {
	height: 21px;
	background-color: #a3b1c3;
	border: 2px solid #eaeff6;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
}

* html .searchform input.btn {
	height: 19px;
}

.tables {
	padding: 15px 0px;
}

.tables table {
	width: 763px;
	background-color: #FFF;
	margin: 0px auto;
	border-width: 2px 2px 1px 1px;
	border-style: solid;
	border-color:  #E9E8E8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}

.tables div.separator {
	height: 10px;
	font-size: 9px;
}

.tablos td {
	height: 18px;
	border-bottom: 1px solid #E9E8E8;
	border-left: 1px solid #E9E8E8;
	text-align: left;
}

.tablos td img {
	vertical-align: middle;
}

.tablos td.cat {
	padding: 0px 5px;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
}

.tablos td.cathead {
	padding-left: 5px;
	background-color: #eaeff6;
	color: #537590;
	font-size: 11px;
	font-weight: bold;
}

.tablos td#subnum {
	width: 60px;
}

.tablos td#prodsnum {
	width: 70px;
}

.tablos td.sub {
	font-size: 11px;
	padding-left: 3px;
}

.tablos td.btns {
	width: 18px;
	text-align: center;
}

.tablos td.pages {
	padding-left: 5px;
	font-size: 11px;
}

.tablos td.pages a {
	font-weight: bold;
}

.tablos td.pages a:hover {
	text-decoration: none;
}

.forms {
	padding: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #667683;
	text-align: left;
}

.forms a, .tablos a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #667683;
	text-decoration: none;
}

.forms a:hover, .tablos a:hover {
	color: #879eb0;
	text-decoration: underline;
}

.forms form {
	padding: 0px;
	margin: 0px;
}

.forms input.txt, .forms textarea {
	border: 1px solid #d4d0c8;
	width: 480px;
	font-size: 10px;
}

.forms textarea.editor {
	width: 500px;
	height: 200px;
}

.forms fieldset {
	margin: 5px 0px;
	padding: 5px;
	border: 1px solid #e3ae4e;
}

.forms legend {
	padding: 2px 4px;
	background-color: #e3ae4e;
	color: #fff;
	font-weight: bold;
}

.forms div {
	margin-top: 3px;
}

.fieldname {
	margin-bottom: 2px;
	color: #666;
}

.fieldche {
	margin-bottom: 5px;
}

.allbtns {
	margin: 2px 0px;
	background-color: #eaeff6;
	border: 1px solid #3e6482;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #3e6482;
	text-transform: uppercase;
	cursor: pointer;
}

.galpic {
	 width: 100px;
	 height: 100px;
	 float: left;
	 margin: 5px;
	 padding: 5px;
	 text-align: center;
}

.pollline1, .pollline2 {
	height: 8px;
	font-size: 8px;
}

.pollline1 {
	width: 150px;
	border: 1px solid #3e6482;
}

.pollline2 {
	background-color: #eaeff6;
}

/* right column content ::end */


/* config fields content ::begin */
.configflds {
	height: 710px;
	width: 558px;
	overflow: auto;
	margin: 10px;
	border: 1px solid #49A94D;
	scrollbar-face-color: #eaeff6;
	scrollbar-highlight-color: #a9aea6;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-shadow-color: #a9aea6;
	scrollbar-arrow-color: #49A94D;
	scrollbar-track-color: #FFF;
}

.confflds {
	background-color: #eaeff6;
	border-width: 2px 2px 1px 1px;
	border-style: solid;
	border-color:  #E9E8E8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

.confflds a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	text-decoration: underline;
}

.confflds a:hover {
	text-decoration: none;
}

.confflds td {
	height: 18px;
	border-bottom: 1px solid #E9E8E8;
	border-left: 1px solid #E9E8E8;
	text-align: left;
}

.confflds td.heading {
	padding-left: 2px;
	background-color: #E1F0D5;
	color: #49A94D;
	font-weight: bold;
}

.confflds input.txt, .confflds textarea {
	border: 1px solid #d4d0c8;
}


/* config fields content ::end */

/* footer content ::begin */

.footer {
	width: 774px;
	margin: 0px auto;
	padding: 15px 3px;
	background: #e9eaef url(../_img_a/footer_bground.gif) top left repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #667683;
	text-align: center;
}

.footer a {
	font: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #667683;
	text-decoration: none;
}

.footer a:hover {
	color: #3b4138;
}

/* footer content ::end */

/* login ::begin */
#login {
	margin: 0px auto;
	width: 390px;
	background-color: #cad6e6;
}

#login .forms {
	padding: 25px;
	background: #f5f6fa url(../_img_a/login_bground.gif) repeat-x right bottom;
}

#login form {
	width: 190px;
	padding-left: 150px;
	background: url(../_img_a/CDLogo_login.gif) no-repeat center left;
}

#login .header, #login .foot {
	margin: 0px;
	background-color: #e9eaef;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #667683;
}

#login .header {
	padding: 15px 10px;
	border-bottom: 2px solid #d8e2ed;
	font-size: 16px;
}

#login .foot {
	padding: 5px;
	font-size: 10px;
}

#login .txtlog {
	border: 1px solid #e3ae4e;
	width: 140px;
	font-size: 10px;
}

#login fieldset div {
	padding-left: 18px;
}
/* login ::end */