/**
 * Common settings
 */
.pageWidth {
	width:950px;
}

/**
 * Wrapper & Footer
 */
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -255px auto; /* the bottom margin is the negative value of the footer's height */
}
.footer {
	width:100%;
	height:255px;
	background:#ebebeb;
	margin:0;
	color:#666;
	font-size:11px;
	line-height:16px;
}
.footer-push {
	height:255px; /* .push must be the same height as .footer */
}
.footer-item{
	margin: 8px 0;
}
.footer-item a:link, .footer-item a:visited, .footer-item a:active {
	font-weight: normal;
	color:#666;
}
.footer-item a:hover {
	font-weight: normal;
	text-decoration:underline;
	color:#222;
}

/*================== HTML elements ==================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,tt,var,dl,dt,dd,ol,ul,li,form,label,fieldset,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	outline:0;
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-family:inherit;
	font-style:inherit;
	font-weight:inherit;
	vertical-align:inherit;
	text-align:inherit;
}

html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	height:100%;
}

body {
	height: 100%;
	font-family: "Lucida Grande", "Arial", "sans-serif";
	font-size:12px;
	line-height:21px;
	color:#222;
	background:url(../img/background-pattern.gif);
}

a:link,a:visited,a:active {
	font-weight:bold;
	text-decoration:none;
	color:#000d8f;
}

a:hover {
	font-weight:bold;
	text-decoration:underline;
	color:#0014d6;
}

img {
	border:0;
	display:block;
}

p {
	margin:0 0 15px 0;
	text-align:justify;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
	color:#005826;
	clear:both;
}

h1 {
	font-size:25px;
	margin:0 0 20px 0;
	line-height:38px;
}

h2 {
	font-size:25px;
	margin:0 0 20px 0;
	line-height:38px;
}

h3 {
	font-size:16px;
	margin:35px 0 10px 0;
	line-height:22px;
}

h4 {
	font-size:13px;
	margin:26px 0 8px 0;
	line-height:22px;
}

ul,ol {
	margin:15px 0 0 30px;
}

li {
	margin:0 0 8px;
}

blockquote {
	margin:18px 45px;
}

hr {
	margin:20px 0;
	border-style:none;
	background:#ddd;
	height:1px;
}

/*=================== form begin ==================== */

input,html input[type="button"],input[type="reset"],input[type="submit"],select,textarea {
	color:#404040;
	font-family:inherit;
	font-size:12px;
	line-height:18px;
}

button,input,select,textarea {
	font-size:100%;
	margin:0;
	vertical-align:baseline;
	*vertical-align:middle;
}

button,input {
	line-height:normal;
	*overflow:visible;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	font-weight:400;
	font-size:12px;
	line-height:15px;
	padding:6px 28px;
	border-width:1px;
	border-style:solid;
	border-color:#007236 #007236 #005e20;
	background:#005826;
	-webkit-box-shadow:inset 0 1px 1px #82ca9c,inset 0 18px 20px #00a651,inset 0 -5px 12px rgba(0,0,0,0.025);
	-moz-box-shadow:inset 0 1px 1px #82ca9c,inset 0 18px 20px #00a651,inset 0 -5px 12px rgba(0,0,0,0.025);
	box-shadow:inset 0 1px 1px #82ca9c,inset 0 18px 20px #00a651,inset 0 -5px 12px rgba(0,0,0,0.025);
	color:#fff;
	cursor:pointer;
	-webkit-appearance:button;
}

button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {
	background:#007236;
	-webkit-box-shadow:inset 0 1px 1px #0be03d,inset 0 7px 15px #21c147,inset 0 -5px 12px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0 1px 1px #0be03d,inset 0 7px 15px #21c147,inset 0 -5px 12px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 1px #0be03d,inset 0 7px 15px #21c147,inset 0 -5px 12px rgba(0,0,0,0.3);
}

button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,html input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active {
	background:#007236;
	-webkit-box-shadow:inset 0 1px 1px #184222,inset 0 7px 15px #08551a,inset 0 -5px 12px rgba(0,0,0,0.6);
	-moz-box-shadow:inset 0 1px 1px #184222,inset 0 7px 15px #08551a,inset 0 -5px 12px rgba(0,0,0,0.6);
	box-shadow:inset 0 1px 1px #184222,inset 0 7px 15px #08551a,inset 0 -5px 12px rgba(0,0,0,0.6);
}

input[type="checkbox"],input[type="radio"] {
	box-sizing:border-box;
	padding:0;
	margin:0;
}

input[type="search"] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0;
}

input[type=text],input[type=email],input[type=password],textarea {
	color:#222;
	border:1px solid #ccc;
	background:#fff;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
}

input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus {
	color:#111;
}

input[type=text],input[type=email],input[type=password] {
	padding:3px;
}

textarea {
	overflow:auto;
	padding-left:3px;
	vertical-align:top;
	width:98%;
	resize:none;
}

select {
	border-style:solid;
	border-width:1px;
	border-color:#ccc;
	font-size:12px;
	height:30px;
}

select.medium-height {
	height:22px;
}

input[type=text].readOnly,input[type=email].readOnly,input[type=password].readOnly,textarea.readOnly {
	background:#eee;
}

button.button-small,html input[type="button"].button-small,input[type="reset"].button-small,input[type="submit"].button-small {
	padding:3px 14px 4px;
	font-size:11px;
}

button.button-red,html input[type="button"].button-red,input[type="reset"].button-red,input[type="submit"].button-red {
	background:red;
	border-color:#444;
	-webkit-box-shadow:inset 0 1px 1px #ffcaca,inset 0 7px 15px #fd8f8f,inset 0 -5px 12px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0 1px 1px #ffcaca,inset 0 7px 15px #fd8f8f,inset 0 -5px 12px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 1px #ffcaca,inset 0 7px 15px #fd8f8f,inset 0 -5px 12px rgba(0,0,0,0.3);
}

button.button-red:hover,html input[type="button"].button-red:hover,input[type="reset"].button-red:hover,input[type="submit"].button-red:hover {
	background:red;
}

button.button-red:focus,html input[type="button"].button-red:focus,input[type="reset"].button-red:focus,input[type="submit"].button-red:focus,button.button-red:active,html input[type="button"].button-red:active,input[type="reset"].button-red:active,input[type="submit"].button-red:active {
	background:red;
}

button.button-dark,html input[type="button"].button-dark,input[type="reset"].button-dark,input[type="submit"].button-dark {
	background:#888;
	border-color:#444;
	-webkit-box-shadow:inset 0 1px 1px #eee,inset 0 7px 15px #aaa,inset 0 -5px 12px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0 1px 1px #eee,inset 0 7px 15px #aaa,inset 0 -5px 12px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 1px #eee,inset 0 7px 15px #aaa,inset 0 -5px 12px rgba(0,0,0,0.3);
}

button.button-dark:hover,html input[type="button"].button-dark:hover,input[type="reset"].button-dark:hover,input[type="submit"].button-dark:hover {
	background:#aaa;
}

button.button-dark:focus,html input[type="button"].button-dark:focus,input[type="reset"].button-dark:focus,input[type="submit"].button-dark:focus,button.button-dark:active,html input[type="button"].button-dark:active,input[type="reset"].button-dark:active,input[type="submit"].button-dark:active {
	background:#444;
}

/*==================== Overall Page Layout (different types) ====================*/

div.column02A {
	margin:0 6px 0 0;
	width:180px;
	float:left;
}

div.column02B {
	margin:0 6px 0 0;
	width:593px;
	float:left;
}

div.column02C {
	width:165px;
	float:left;
}

div.column03A {
	margin:0 12px 0 0;
	width:180px;
	float:left;
}

div.column03B {
	width:758px;
	float:left;
}

div.column04A {
	margin:0 6px 0 0;
	width:764px;
	float:left;
}

div.column04B {
	width:180px;
	float:left;
}

div.column05A {
	margin:20px 6px 0 0;
	width:230px;
	float:left;
}

div.column05B {
	margin:20px 0 0 0;
	width:714px;
	float:left;
}

/*==================== major containers ====================*/

div.container02 {
	margin:0 0 18px 0;
	padding:8px;
	border-width:1px;
	border-style:none solid solid solid;
	border-color:#ccc;
	border-radius:0 0 18px 18px;
	background-color:#edf7f0;
}

div.container03 {
	position:relative;
	margin:0;
	padding:20px;
	border:1px;
	border-style:solid;
	border-color:#ccc;
	border-radius:0 0 20px 0;
	background:#fff;
}

div.container04 {
	padding:12px;
	border:1px;
	border-style:solid;
	border-color:#ccc;
	border-radius:0 20px 20px 0;
	background:#fff;
}

/*==================== top menu ====================*/

div.menuBar-inPage {
	font-size:13px;
	color:#eee;
	margin:20px auto;
	border-color:#00471e;
	border-width:1px;
	border-style:solid;
	background-color:#edf7f0;
}

div.menuBar-inPage-item {
	background-color:#edf7f0;
	float:left;
	padding:4px 7px;
}

div.menuBar-inPage-item a,div.menuBar-inPage-item a:link,div.menuBar-inPage-item a:visited,div.menuBar-inPage-item a:active {
	color:#00471e;
}

div.menuBar {
	padding:10px 20px;
	text-align:center;
	float:left;
	font-size:13px;
	color:#ddd;
}

div.menuBar a {
	color:#ddd;
}

div.menuBar a:hover {
	color:#000;
}

div.menuBarHighlight {
	background-color:#fff;
}

/*==================== side menu ====================*/

.menuContainer {
	background-color:#edf7f0;
	padding:0 12px 3px;
	border-style:none solid solid;
	border-width:1px;
	border-color:#ccc;
	border-radius:0 0 30px 0;
}

.menuTitle {
	padding:9px 0;
	font-size:13px;
	text-align:center;
	color:#eee;
	font-weight:700;
	background-image:url(../img/menuBar.background.jpg);
	background-size:auto;
}

.menuItem {
	font-family:Arial;
	font-size:12px;
	font-weight:700;
	color:#00471e;
	border-style:dotted none none;
	border-width:1px;
	border-color:#ccc;
	padding:8px 0;
}

div.menuItemHighlight {
	color:#9e0b0f;
}

div.menuItem a {
	text-decoration:none;
	color:#00471e;
}

div.menuItem a:hover {
	color:#0014d6;
}

div.menuSubItem {
	padding:6px 0 2px;
	font-family:Arial;
	font-size:12px;
	font-weight:400;
	color:#00471e;
}

div.menuSubItem a {
	font-weight:400;
	color:#00471e;
}

div.menuSubItem a:hover {
	color:#0014d6;
}


/*==================== security code ====================*/

.security-code{
	height: 70px; border-style: solid; border-width: 1px; border-color: #aaa; display: block;
}

/*==================== web-view-publications ====================*/

.web-view-publications .cover {
	float:left;
	text-align:left;
	margin:0 18px 0 0;
}
.web-view-publications .cover img{
	width:128px;
}
.web-view-publications .content{
	float:left;
}
.web-view-publications .amazon{
	float: right;
	margin:0 0 0 10px;
}
.web-view-publications .content table {
	width:100%;
	margin:0;
	padding:0;
	border-collapse:collapse;
	border-style:none;
}
.web-view-publications .content table th {
	border:0;
	font-weight:bold;
	font-size:15px;
	line-height:26px;
	padding:0 0 8px 0;
	text-align:left;
	vertical-align:bottom;
}
.web-view-publications .content table td {
	font-size:11px;
	line-height:21px;
	color:#222;
	padding:1px 0;
	text-align:justify;
	vertical-align:top;
	border:0;
}
.web-view-publications .content .description{
	font-size:12px;
	line-height:22px;
}
.web-view-publications .content .tentative-title{
	color:#c5282e;
	font-size:12px;
}

/*==================== web-view-publication ====================*/

.web-view-publication .cover{
	width: 210px;
	margin:0 auto 10px auto;
}

.web-view-publication .amazon-logo {
	border-width:1px;
	border-style:solid;
	border-color:#ccc;
	border-radius:15px;
	background:#fff;
	margin:0 0 10px 0;
	width:100%;
	text-align:center;
	width:225px;
}
.web-view-publication .amazon-logo img{
	margin:auto;
}

.web-view-publication .publication-detail-title {
	border-width:1px;
	border-style:solid solid none solid;
	border-color:#ccc;
	border-radius:10px 10px 0 0;
	margin:0;
	padding:10px;
	width:205px;
	font-size:12px;
	text-align:center;
	color:#eee;
	font-weight:bold;
	background-image:url(../img/menuBar.background.jpg);
	background-size:auto;
}

.web-view-publication .publication-detail-content {
	border-width:1px;
	border-style:solid;
	border-color:#ccc;
	border-radius:10px;
	margin:0;
	padding:10px;
	width:205px;
	font-size:12px;
	text-align:left;
	color:#000;
	font-weight:normal;
	background:#fff;
}

.web-view-publication .publication-detail-item-title {
	color:#777;
	font-weight:normal;
	font-size:11px;
	line-height:18px;
	padding:2px 0;
}

.web-view-publication .publication-detail-item-content {
	color:#444;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	padding:0 0 8px 0;
}

/*=============	table =============*/

/* link */
table a:link, table a:visited, table a:active {
	color:#005f2a;
	font-weight:bold;
}
table a:hover {
	color:#0056a0;
	font-weight:bold;
}

/*==================== cover ====================*/
.cover img, img.cover{
	padding:0;
	margin:0 auto;
	border-style:solid;
	border-color:#ccc;
	border-width:1px;
}

/*==================== listings environment ====================*/

.listings .cover {
	float:right;
	text-align:right;
	margin:0 0 3px 3px;
}
.listings .cover img{
	width:100px;
}

.listings table{
	width:100%;
	border:0;
	border-collapse: collapse;
	background:#fff;
	padding:0;
	margin:0;
}
.listings table th{
	background:#d3efdb;
	text-align: center;
	vertical-align: top;
	font-size:11px;
	font-weight:bold;
	border-width:1px;
	border-style:solid;
	border-color:#ddd;
	padding:3px;
}
.listings table td{
	text-align: left;
	vertical-align: top;
	border-width:1px;
	border-style:solid;
	border-color:#ddd;
	padding:5px;
}

.listings .metadata{
	font-size:11px;
}
.listings .metadata table{
	width:100%;
	border:0;
	margin:0;
	padding:0;
	border-collapse:collapse;
	background:white;
}
.listings .metadata table th{
	text-align: left;
	vertical-align: top;
	border:0;
	padding:2px 0;
	font-size:11px;
	color:#444;
	font-weight:normal;
	background:transparent;
}
.listings .metadata table td{
	text-align: left;
	vertical-align: top;
	border:0;
	padding:2px 0;
	font-size:11px;
	font-weight: bold;
	background:transparent;
}

.listings .detail table{
	width:100%;
	border:0;
	margin:0;
	padding:0;
	border-collapse:collapse;
	background:white;
}
.listings .detail table th{
	text-align: left;
	vertical-align: top;
	border:0;
	padding:2px 0;
	font-size:12px;
	color:#444;
	font-weight:normal;
	background:transparent;
}
.listings .detail table td{
	text-align: left;
	vertical-align: top;
	border:0;
	padding:2px 0;
	font-size:12px;
	font-weight: bold;
	background:transparent;
}


.information table{
	width:auto;
	border:0;
	margin:0;
	padding:0;
	border-collapse:collapse;
	background:transparent;
}
.information table th{
	text-align: left;
	vertical-align: top;
	border:0;
	padding:4px 12px 4px 0;
	color:#444;
	font-size:12px;
	font-weight:normal;
	background:transparent;
}
.information table td{
	font-size:12px;
	text-align: left;
	vertical-align: top;
	border:0;
	padding:4px 0;
	font-weight: bold;
	background:transparent;
}

.information-tight table{
	width:auto;
	border:0;
	margin:0;
	padding:0;
	border-collapse:collapse;
	background:transparent;
}
.information-tight table th{
	text-align: left;
	vertical-align: top;
	border:0;
	padding:0;
	color:#444;
	font-weight:normal;
	background:transparent;
}
.information-tight table td{
	text-align: left;
	vertical-align: top;
	border:0;
	padding:0;
	font-weight: bold;
	background:transparent;
}

.information-leftalign{
	width:auto;
	border:0;
	margin:0;
	padding:0;
	border-collapse:collapse;
	background:transparent;
}
.information-leftalign table th{
	text-align: left;
	vertical-align: top;
	background: red;
	border:0;
	padding:3px 12px 3px 0;
	color:#444;
	font-weight:normal;
	background:transparent;
}
.information-leftalign table td{
	text-align: left;
	vertical-align: top;
	border:0;
	padding:3px 0;
	font-weight: bold;
	background:transparent;
}

.equal-distribute table{
	border-collapse: collapse;
	border:0
	margin:0;
	width:100%;
}
.equal-distribute table td{
	border:0;
	text-align: center;
}


/*==================== paper ====================*/

div.paper-column01 {
	float:left;
	width:125px;
	margin:5px 0;
}

div.paper-column02 {
	float:left;
	width:770px;
	margin:5px 0;
}

/*==================== member-area ====================*/

.member-area-action-button{
	margin:0 0 5px 0;
	width:100%;
}

.member-area-publications .cover {
	float:right;
	text-align:right;
	margin:0 0 3px 3px;
}
.member-area-publications .cover img{
	width:100px;
}


/*==================== tab panel ====================*/

.tab-panel div.tab {
	font-family:"Arial Black";
	position:relative;
	z-index:100;
	float:left;
	border-style:solid solid none;
	border-width:1px;
	border-radius:10px 10px 0 0;
	padding:4px 25px;
	font-size:12px;
	text-align:center;
	color:#ddd;
	font-weight:700;
	margin:0 5px 0 0;
}

.tab-panel div.tab-inactive {
	border-color:#bbb;
	border-style:solid solid none;
	background:#fff;
	box-shadow:inset 0 -5px 15px #ddd;
	z-index:80;
}

.tab-panel div.tab-inactive a {
	color:#777;
}

.tab-panel div.tab-inactive a:hover {
	color:#444;
}

.tab-panel div.tab-active {
	border-color:#bbb;
	background:#fff;
	color:#005826;
}

.tab-panel div.tab-active a {
	color:#005826;
}

.tab-panel div.tab-active a:hover {
	color:#005826;
}

.tab-panel div.tab-done {
	clear:both;
}

.tab-panel div.tab-content-container {
	position:relative;
	z-index:90;
	top:-1px;
	padding:25px 15px;
	border-style:solid;
	border-width:1px;
	border-color:#bbb;
	border-radius:0 0 0 30px;
	background:#fff;
}

.tab-panel div.tab-content-active {
	display:inline;
}

.tab-panel div.tab-content-inactive {
	display:none;
}

.tab-panel img.tab-content-cover {
	margin:0 10px 18px 18px;
	float:right;
	width:180px;
}

/*==================== admin-menu ====================*/

.admin-menu{
	margin:0 0 10px 0;
	padding:8px;
	border-width:1px;
	border-style:solid;
	border-color:#ccc;
	border-radius:0 0 18px 0;
	background-color:#edf7f0;
}

.admin-menu-title{
	font-weight:bold;
	color:#005826;
	float:left;
	width:125px;
}
.admin-menu-itmes{
	float:left;
	font-size: 12px
}
.admin-menu-itmes a{
	font-weight:normal;
}

/*==================== others ====================*/
a.link-warning:link, a.link-warning:visited, a.link-warning:active {
	font-weight: bold;
	color:red;
}
a.link-warning:hover {
	font-weight: bold;
	text-decoration:underline;
	color:red;
}


div.error-box{
	border-style:dotted;
	border-width:1px;
	border-color:red;
	background:#ffc9c9;
	color:red;
	font-weight: bold;
	padding: 5px;
	margin:10px 0;
}

div.warning-box{
	border-style:dotted;
	border-width:1px;
	border-color:#c69c6d;
	background:#fff799;
	color:#362f2d;
	font-weight: bold;
	padding: 5px;
	margin:10px 0;
}


div.line03 {
	border-style:dashed none none none;
	border-width:1px;
	border-color:#a3d39c;
	margin:8px 0;
	width:100%;
}

div.containerTitle02 {
	padding:4px;
	font-size:12px;
	text-align:center;
	color:#eee;
	font-weight:700;
	background-image:url(../img/menuBar.background.jpg);
	background-size:auto;
	background-size:1% auto; 
	border-radius:18px 18px 0 0;
}

div.fileUploadBox{
	text-align:right;
	position:relative;
	width:200px;
	border-color:#ccc; border-style:solid; border-width:1px;
	padding:1px
}
div.fileUploadBox input[type="text"]{
	width:116px;	
	border:0;
}
div.fileUploadBox input[type="button"]{
	padding-left:0; padding-right:0;
	text-align:center;
	width:74px;
}
div.fileUploadBox input[type="file"]{
 z-index:10000;
 position:absolute;
 top:1px;
 left:1px;
 height:30px;
}