html, body {
	margin: 0px auto;
	padding: 0px;
	background: #f5f7fa;
	color: #000;
	text-align: center;
}

body, input, textarea, select {
	font-family: "Arial", Tahoma, Verdana, Sans-Serif;
	font-size: 12px;
}

form, table {
	margin: 0px;
	padding: 0px;
	border: none;
}

.page {
	margin: 0px auto;
	text-align: center;
	width: 980px;
	position: relative;
}

.clearfloat {
	width: 980px;
	clear: both;
	height: 20px;
	display: block;
}

#background {
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
}

#header, #menu, #promotion {
	float: left;
	text-align: left;
}

#header, #menu, #promotion, #footer { width: 100%; }

#sidebar {
	width: 260px;
	float: left;
	text-align: left;
}

#content, #breadcrumb, #feedback, #reset {
	width: 700px;
	float: right;
	text-align: left;
}

#sidebar a,
#content a {
	color: #0066cc;
}

#footer {
	text-align: left;
	color: #999;
	background: url(../img/footer.gif) top no-repeat;
	position: relative;
	top: -1px;
	font-size: 11px;
}

#header { position: relative; }
#header .inner { padding: 20px 0px 10px 0px; }

#sidebar .inner,
#content .inner,
#breadcrumb .inner,
#feedback .inner,
#reset .inner { padding: 10px 0px 0px 0px; }

#access1 #promotion, 
#access2 #promotion, 
#access3 #promotion,
#access4 #promotion, 
#access5 #promotion {
	height: 10px;
	line-height: 0px;
	font-size: 0px;
}

#promotion .inner {
	display: none;
}

#access0 #promotion .inner {
	display: block;
	padding: 0px 0px 10px 0px;
	position: relative;
}

#access0 #promotion .inner div {
	position: absolute;
	z-index: 2;
	top: 35px;
	left: 15px;
	padding: 7px 25px 5px 25px;
	background: #000; 
}


#footer .inner {
	padding: 30px 14px;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}

h1, h2 {
	margin: 0px;
	font-family: "Arial Narrow", Arial, Tahoma, Sans-Serif;
	cursor: default;
	color: #333;
}

h1 {
	padding: 14px 0px;
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
}

h2 {
	padding: 10px 0px;
	font-size: 21px;
	font-weight: normal;
	line-height: 26px;
}

p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

a, input {
	text-decoration: none;
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

a:hover { text-decoration: underline; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.checklist li {
	padding: 2px 0px 2px 18px;
	background: url(../img/good.png) 0px 2px no-repeat;
}


#area {
	height: 26px;
	position: absolute;
	right: 15px;
	bottom: 0px;
}

#area li {
	display: block;
	float: right;
	margin: 0px 0px 0px 1px;
	position: relative;
	height: 26px;
	z-index: 1;
}

#area li div {
	height: 26px;
	line-height: 26px;
	cursor: default;
}

#area li div.center {
	padding: 0px 10px 0px 10px;
	background: url(../img/app_center.gif) repeat-x;
	z-index: 1;
	color: #8c550a;
	font-weight: bold;
}

#area li div.left {
	width: 10px;
	background: url(../img/app_left.gif) no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}

#area li div.right {
	width: 10px;
	background: url(../img/app_right.gif) no-repeat;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 2;
}

#access0 #area li.app div.center, 
#area li.site div.center {
	background: url(../img/non_center.gif) repeat-x;
	color: #aaa;
	font-weight: normal;
}
#access0 #area li.site div.center {
	background: url(../img/site_center.gif) repeat-x;
	color: #fff;
	font-weight: bold;
}

#access0 #area li.app div.left,
#area li.site div.left {
	background: url(../img/non_left.gif) no-repeat;
}
#access0 #area li.site div.left {
	background: url(../img/site_left.gif) no-repeat;
}

#access0 #area li.app div.right,
#area li.site div.right {
	background: url(../img/non_right.gif) no-repeat;
}
#access0 #area li.site div.right {
	background: url(../img/site_right.gif) repeat-x;
}

#path {
	font-size: 21px;
	line-height: 21px;
	font-family: "Arial Narrow", Arial, Tahoma, Sans-Serif;
	height: 21px;
	color: #ccc;
}

#path li {
	display: block;
	float: left;
	position: relative;
	padding: 0px 21px 0px 0px;
	background: url(../img/path_arrow.gif) right top no-repeat;
	cursor: default;
}

#nav {
	height: 29px;
	border-top: 2px solid #f2bf2f;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: url(../img/nav_bar.gif) repeat-x;
}
#access0 #nav { border-top: 2px solid #86b200; }

#nav li.single,
#nav li.parent,
#nav li.child {
	display: block;
	float: left;
	position: relative;
}

#nav li.single,
#nav li.parent {
	border-right: 1px solid #ccc;
}

#nav li.child {
	padding: 3px 50px 3px 15px;
}

#nav li a {
	float: left;
	color: #666;
}

#nav li a:hover { text-decoration: none; }
#nav li ul li a:hover { color: #0d7dcc; text-decoration: underline; }

#nav li.single a {
	cursor: pointer;
	padding: 7px 15px;
}
#nav li.single a:hover { color: #0d7dcc; background: #fff; }

#nav li.parent a {
	cursor: default;
	padding: 7px 40px 7px 15px;
	background: url(../img/nav_arrow.gif) right top no-repeat;
}
#nav li.parent a:hover {
	background: #fff url(../img/nav_arrow.gif) right top no-repeat;
}

#nav li.parent span {
	float: left;
	color: #666;
	position: absolute;
	top: -30px;
	left: 0px;
	z-index: 100;
	cursor: default;
	padding: 7px 40px 8px 15px;
	background: #fff url(../img/nav_arrow.gif) right top no-repeat;
}

#nav li.child a {
	cursor: pointer;
	padding: 0px;
	background: none;
}
#nav li.child a:hover { background: none; }

#nav li ul {
	position: absolute;
	top: 29px;
	left: -1px;
	display: none;
	z-index: 99;
	background: #fff;
	border: 1px solid #ccc;
	padding: 3px 0px 7px 0px;
}

#nav li:hover ul,
#nav li.sfhover ul {
	display: block;
}

#nav li.login {
	height: 29px;
	width: 388px;
	float: right;
	background: url(../img/login.gif) no-repeat;
	font-size: 11px;
	color: #999;
}

#nav li.login div {
	float: left;
}

#nav li.login input.input,
#nav li.login input.submit {
	border: none;
	margin: 0px;
	background: none !important;
	padding: 4px 8px 4px 3px;
	font-size: 11px;
	color: #666 !important;
}
#nav li.login .loginemail input.input { width: 112px; }
#nav li.login .loginemail .left { cursor: default; padding: 8px 0px 0px 26px; }
#nav li.login .loginemail .right { padding: 4px 0px 0px 7px; }

#nav li.login .loginpass input.input { width: 88px; }
#nav li.login .loginpass .left { cursor: default;  padding: 8px 0px 0px 15px; }
#nav li.login .loginpass .right { padding: 4px 0px 0px 7px; }

#nav li.login .loginsubmit input.submit { cursor: pointer; padding: 4px 0px; width: 43px; }
#nav li.login .loginsubmit .left { padding: 4px 0px 0px 6px; }

#nav li.login .loginsubmit input.submit:hover {
	color: #0d7dcc !important;
	background: url(../img/login_submit.gif) !important;
}

#nav li.logout {
	height: 29px;
	width: 388px;
	float: right;
	background: url(../img/logout.gif) no-repeat;
	font-size: 11px;
	color: #999;
}

#nav li.logout .logoutmember {
	height: 29px;
	width: 388px;
}

#nav li.logout .logoutmember div {
	padding: 8px 0px 0px 0px;
	float: left;
}

#nav li.logout .logoutmember .left {
	width: 75px;
	text-indent: 26px;
	cursor: default;
}

#nav li.logout .logoutmember .center {
	width: 235px;
	overflow: hidden;
	cursor: default;
	color: #666;
}

#nav li.logout .logoutmember .right {
	width: 78px;
	text-indent: 23px;
}

#nav li.logout .logoutmember .right a {
	color: #666;
}

#nav li.logout .logoutmember .right a:hover {
	color: #0d7dcc;
	text-decoration: underline;
}




.off {
	display: none;
}

.on {
	display: block;
}

.bad, .good { 
	padding: 5px 20px 5px 25px;
	position: relative;
	cursor: default;
}
.note {
	padding: 5px 9px 5px 25px;
	cursor: default;
}

.bad a.hide,
.good a.hide {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 14px;
	height: 14px;
	display: block;
	cursor: pointer;
}
.bad a.hide { background: #ffb4b4 url(../img/cross.png) right top no-repeat; }
.good a.hide { background: #c3e6a3 url(../img/cross.png) right top no-repeat; }

.note {
	margin: 0px 0px 10px 0px;
}

.bad a, .good a, .note a { text-decoration: underline; }
.bad a:hover, .good a:hover, .note a:hover { text-decoration: none; }

.bad {
	border: 1px solid #ffb4b4;
	background: #ffdfdf url(../img/bad.png) 6px center no-repeat;
}
.bad, .bad a, .bad a:hover { color: #660000; }

.good {
	border: 1px solid #c3e6a3;
	background: #e9f9d7 url(../img/good.png) 6px center no-repeat;
}
.good, .good a .good a:hover { color: #006600; }

.note {
	border: 1px solid #fde471;
	background: #fef9c2 url(../img/note.png) 6px center no-repeat;
}
.note, .note a, .note a:hover { color: #663300; }

.button {
	position: relative;
	float: left;
	background: url(../img/button_center.png) repeat-x; 
	height: 34px;
	z-index: 1;
}

.buttonleft, .buttonright {
	position: absolute;
	top: 0px;
	height: 34px;
	width: 24px;
	z-index: 1;
}

.buttonleft {
	left: 0px;
	background: url(../img/button_left.png) no-repeat; 
}

.buttonright {
	right: 0px;
	background: url(../img/button_right.png) no-repeat;
}

.button input {
	position: relative;
	margin: 0px;
	padding: 9px 20px 10px 20px;
	border: none !important;
	background: none !important;
	color: #8c550a !important;
	z-index: 2; 
	font-weight: bold;
	cursor: pointer;
}

.button input:hover {
	background: url(../img/button_over.png) repeat-x !important;
}

.button a {
	position: relative;
	display: block;
	height: 34px;
	line-height: 33px;
	padding: 0px 20px 0px 20px;
	border: none !important;
	background: none !important;
	color: #8c550a !important;
	z-index: 2; 
	font-weight: bold;
	cursor: pointer;
}

.button a:hover {
	background: url(../img/button_over.png) repeat-x !important;
}


#signupform h2 {
	padding: 0px 0px 10px 0px;
	font-size: 21px;
	font-weight: normal;
	line-height: 21px;
	border-bottom: 2px solid #e5e5e5;
	margin: 0px 0px 10px 0px;
}

#signupform form#signup {
	height: 100px;
}

#signupform ul li {
	float: left;
	padding: 0px 0px 5px 0px;
}

#signupform ul ul li {
	padding: 0px;
	line-height: 24px;
}

#signupform ul ul li.field {
	width: 116px;
	background: url(../img/field_blue.gif) right no-repeat;
	cursor: default;
}

#signupform input.input {
	padding: 4px 3px 3px 3px;
	border: 1px solid #a5b5c4;
	width: 136px;
	background: url(../img/input.gif) repeat-x !important;
	color: #000 !important;
}

#signupform ul ul.email1 li.field,
#signupform ul ul.email2 li.field,
#signupform ul ul.password3 li.field,
#signupform ul ul.password4 li.field,
#signupform ul ul.email5 li.field,
#signupform ul ul.email6 li.field {
	background: url(../img/field_red.gif) right no-repeat;
}

#signupform ul.email1 input.input,
#signupform ul.email2 input.input,
#signupform ul.password3 input.input,
#signupform ul.password4 input.input,
#signupform ul.email5 input.input,
#signupform ul.email6 input.input {
	border: 1px solid #ff8989;
}

#signupform ul ul.email3 li.field,
#signupform ul ul.email4 li.field,
#signupform ul ul.password5 li.field,
#signupform ul ul.password6 li.field,
#signupform ul ul.email7 li.field,
#signupform ul ul.password7 li.field {
	background: url(../img/field_green.gif) right no-repeat;
}

#signupform ul.email3 input.input,
#signupform ul.email4 input.input,
#signupform ul.password5 input.input,
#signupform ul.password6 input.input,
#signupform ul.email7 input.input,
#signupform ul.password7 input.input {
	border: 1px solid #9ed271;
}

.faint {
	color: #888;
}

.bright {
	color: #000;
}


table.table td {
	padding: 3px 20px 3px 0px;
	position: relative;
}

table.table input.input,
table.table select.select,
table.table textarea.textarea {
	padding: 4px;
}

table.table div.div {
	padding: 5px;
	border: 1px solid #ccc;
	background: #f8f8f8;
	color: #666;
	cursor: default;
	overflow: hidden;
}

table.table span {
	color: #999;
	cursor: default;
	font-size: 11px;
}

#feedbackform h1 {
	font-size: 21px;
	line-height: 21px;
	font-family: "Arial Narrow", Arial, Tahoma, Sans-Serif;
	font-weight: normal;
	height: 21px;
	color: #ccc;
	cursor: default;
	padding: 0px 0px 10px 0px;
	display: block;
}

#feedbackform textarea {
	padding: 4px;
	width: 248px;
	height: 100px;
}

textarea.snippet {
	font-family: "Courier New", Courier, monospace;
	padding: 10px;
	border: 4px solid #e5effa;
	background: #f2f7fc;
	color: #7b7e81;
}

td input.color {
	border: 1px solid #000 !important;
	padding: 3px 5px 3px 3px;
	width: 54px;
	text-transform: uppercase;
	cursor: pointer;
	margin: 0px;
}

td input.noedit {
	padding: 3px 5px 3px 3px;
	border: 1px solid #e2e3de !important;
	width: 54px;
	background: #f8f9f5 !important;
	color: #d0d1cc !important;
	margin: 0px;
	cursor: default;
}

td span.noedit {
	color: #cecfca;
	font-size: 12px;
}

td select.selecttheme {
	padding: 2px 2px 2px 1px;
	border: 1px solid #77b2ee !important;
}