body {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	/* padding:40px; */
	line-height:1.4em;
	color:#222;
	/* width:640px; */
}

/* for navigation, add id attr to body for current page */
#home .home { color:#f00; }

/* */

em { color:#111; }

strong { color:#333; }

a { text-decoration:underline; }

a:link { color:#02a; }

a:visited { color:#026; }

a:hover,
a:active {
	color:#02e;
	text-decoration:none;
}

img { border:none; }

a img {
	text-decoration:none;
	border:none;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-weight:normal;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	line-height:1.4em;
	margin-bottom:2px;
	color:#000;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{
	text-decoration:none;
}

h1 { font-size:48px; }

h2 { font-size:36px; }

h3 { font-size:24px; }

h4 { font-size:18px; }

h5 { font-size:16px; }

h6 { font-size:14px; }

h1.site-title{
	font-size:12px;
	margin-bottom:0;
	line-height:1em;
}
h2.title-sub,
h3.title-sub,
h4.title-sub,
h5.title-sub{
	line-height:1em;
	color:#444;
	margin-bottom:0.4em;
}
h3.item{
	margin-bottom:1.4em;
}
p,
blockquote {
	line-height:1.4em;
	/* width:30em; */
	margin-bottom:1.4em;
}

blockquote p {
	width:inherit;
	overflow:inherit;
}

p { overflow:auto; }

p.note-blockquote {
	margin-top:-1.4em;
	font-size:10px;
	color:#777;
}

p.note-blockquote em,
p.note-blockquote strong { color:#777; }

p.note-image {
	margin-top:-1.4em;
	font-size:10px;
	color:#777;
}
p.note-image em { color:#555; }

p.note-normal {
	font-size:10px;
	color:#777;
}
p.breadcrumb{
	padding:10px;
	border-bottom:1px solid #ccc;
	line-height:1em;
	margin-bottom:10px;
}
p.breadcrumb,
p.post {
	width:auto;
	font-size:11px;
}

p.post { color:#555; }

p.more { }

p.guest { text-transform:capitalize; }

p.notice {
	padding:1.4em;
	color:#f00;
	border:1px solid #f00;
	background-color:#fee;
}

p.info {
	padding:1.4em;
	color:#777;
	border:1px solid #777;
	background-color:#eee;
}

p.image-placeholder {
	clear:both;
	overflow:auto;
}
p.image-placeholder img {
	float:left;
	vertical-align:bottom;
	height:7em;
	width:auto;
	margin-right:0.4em;
	margin-bottom:0.4em;
}
p img.thumb {
	float:left;
	vertical-align:bottom;
	height:7em;
	width:auto;
	margin-right:0.4em;
}

p.imageholder { overflow:hidden; }

p.imageholder:hover { overflow:visible; }

p img { }

.speech {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	letter-spacing:0.1em;
	color:#000;
	overflow:inherit;
}

.speech p { overflow:inherit; /* bug with chrome */ }

blockquote {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	letter-spacing:0.1em;
	text-indent:-0.85em;
	color:#000;
}

p.title-job {
	color:#333;
	text-transform:uppercase;
}

/* list */
ul,
ol { margin-bottom:1.4em;}

/* ul p,
ol p { overflow:visible; } */

ul li,
li ul li,
li li ul li { list-style-type:disc; }

ol li,
li ol li,
li li ol li { list-style-type:decimal; }

li {
	list-style-position:outside;
	/* width:30em; */
 /* *width:auto;*/ /* ie hack, seen by ie only */
}

/*
#content-right li {
	width:auto;
}
*/

li p {
	/*width:auto;*/
	margin-bottom:0;
}

ol ul,
ol ol,
ul ul,
ul ol {
	margin-left:2em;
	margin-bottom:0px;
}

table li{
	width:auto;
	list-style-position:inside;
}

table ul.list-comment li { list-style-position:outside; /* text indent occurs ie */ }

table ul,
table ol { margin-bottom:0; }

ul.list-simple li { list-style-type:none; }
#content-right ul.list-simple li,
#footer ul.list-simple li{
	padding-top:5px;
	padding-bottom:5px;
}

#content-right ul.top-line li,
#footer ul.top-line li{
	border-top:1px dotted #aaa;
}

ul.list-item li,
ul.list-comment li,
ul.list-steps li{
	list-style-type:none;
	margin-bottom:1.4em;
}
ul.list-item li p {
	margin-bottom:1.4em;
}
ul.list-item-clearp li p {
	margin-bottom:0;
}
ul.list-item ul li,
ul.list-item ol li{
	list-style-type:inherit;
	margin-bottom:0px;
}
ul.list-item ul,
ul.list-item ol{
	margin-bottom:1.4em;
}
ul.list-steps li:last-child{
	margin-bottom:0px;
}

li.reply { padding-left:50px;; }

ul.list-clear{
	margin:0px;
	padding:0px;
}
ul.list-clear li{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
/* sitemap */
ul.list-sitemap{
}
ul.list-sitemap ul,
ul.list-sitemap ul ul,
ul.list-sitemap ul ul ul{
}
ul.list-sitemap li{
	list-style-type:none;
}
/* list end */

/* tab style */
.tab {
	list-style-type: none;
	margin-bottom:10px;
}

.tab li { display: inline; }

.tab li a {
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 10px;
	border: 1px solid #778;
	color: #2d2b2b;
	background-color:#fff;
}

.tab li a:visited { color: #2d2b2b; }

.tab li a:hover {
	text-decoration: none;
	color: #2d2b2b;
	background-color:#eee;
}

.tab li a.selected { /*selected main tab style */
	position: relative;
	border-bottom-color: #ddd;
	background-color:#ddd;
	cursor:default;
}

.tab li a.selected:hover { /*selected main tab style */ text-decoration: none; }

.tab-container {
	border:1px solid gray;
	padding:10px;
	background-color:#ddd;
	overflow:auto;
	min-height:180px;
}

.tab-content { display:none; }

.tab-content li{
	list-style-position:inside;
}

@media print {
.tab-content { display:block !important; }
}

/* */

img.signature { }

/* definition list */
dl.definition { margin-bottom:1.4em; }

dl.definition dt,
dl.definition dd { line-height:1.4em; }

dl.definition-normal {
	margin-bottom:1.4em;
}
dl.definition-normal dt {
	color:#777;
	margin-top:1.4em;
}
dl.definition-normal dt:first-child {
	color:#777;
	margin-top:auto;
}

dl.definition-item dd {
	margin-bottom:1.4em;
	width:30em;
}

/* definition list end */

/* table */
table {
	border-collapse:collapse;
	margin-bottom:1.4em;
	min-width:300px;
	width:auto;
	text-align:left;
	background-color:#ddd;
}

th {
	padding:0.8em 0.4em;
	font-weight:normal;
	color:#fff;
}

thead { background-color:#aaa; }

thead tr:last-child { border-bottom:1px solid #fff; }

tbody { background-color:#eee; }

tbody tr:hover td {
	color:#333;
	background-color:#ddd;
}

tr:first-child td { border-top:none; }

td {
	padding:0.4em;
	border-top:1px solid #fff;
	vertical-align:top;
}

tfoot td {
	color:#999;
	background-color:#fff;
	font-style:italic;
	border-top:1px solid #000;
	font-size:10px;
}

tfoot:hover td { color:#555; }

table.data tbody td:first-child {
	background-color:#ddd;
	text-align:right;
	min-width:180px;
	width:auto;
	color:#555;
}

table.data tbody tr:hover td:first-child {
	background-color:#ccc;
	color:#444;
}

table.data tbody { text-align:right; }

table.data-text tbody { text-align:left; }

table.data tbody tr.row-higlight td,
tr.row-total td:first-child { text-align:left; }

tr.row-higlight,
tr.row-total,
table.data tbody tr.row-total td:first-child { background-color:#ddd; }

tr.row-higlight,
table.data tbody tr.row-total td:first-child { color:#222; }

table.data tbody tr.row-total:hover td {
	background-color:#ccc;
	color:#333;
}
table.minimized{/*for big table*/
	font-size:85%;
}

/* table end */

.image-map{
	width:320px;
	height:240px;
}

/* form-new
border isn't "none", cuz incompatible with ie, gotta b 0px */ 
form{	margin-bottom:1.4em;}
form dl{
	clear:both;
	overflow:auto;
	margin-bottom:1.4em;
}
form dl dt{
	width:120px;
	line-height:20px;
	padding:10px 0px;
	float:left;
	margin-right:20px;
	margin-bottom:0.4em;
	text-align:right;
}
form dl dd {
	float:left;
	line-height:1.4em;
	margin-bottom:0.4em;
	margin-right:20px;
	background:none;
}
form dl dd.form-note {
	width:300px;
	*margin-left:140px; /* should b affected with chrome */
}
form input[type="text"],
form input[type="password"],
form input[type="file"]{ /* file input, can't be remodeled, only working in ie */
	width:300px;
	line-height:20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	padding:10px;
	margin:0px;
	vertical-align:middle;
	border:1px solid #ccc;
}
form input[type="text"],
form input[type="password"]{ /* file input, can't be remodeled, only working in ie */
	width:280px;
}
form input[type="file"]{ /* file input, can't be remodeled, only working in ie */
	width:300px;
}
form input[type="submit"] {
	color:#fff;
	padding:10px;
	cursor:pointer;
	border:0;
	vertical-align:middle;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	text-align:center;
	background:#999;
	width:120px;
	line-height:20px;
	margin:0px;
}
form textarea {
	line-height:20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	padding:10px;
	border:1px solid #ccc;
	/* for safari's textbox resize */
   min-width:280px;
	max-width:300px;
	width:300px;
	min-height:120px;
	max-height:120px;
	height:120px;/* */
}
form select {
	width:300px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	line-height:20px;
	*margin-top:10px;
}
form select.select-single {
	width:120px;
	margin-right:20px;
}
form select option {
	padding:10px;
}
form select.select-single option{
	vertical-align:middle;
	padding:10px;
}
form input[type="radio"],
form input[type="checkbox"] {
	cursor:pointer;
	border:0;
	margin-right:0.2em;
	margin-top:10px;
}
form label.opt {
	margin-right:10px;
}

form input[type="submit"] {
	color:#fff;
	padding:10px;
	cursor:pointer;
	border:0;
	vertical-align:middle;
	background:#777;
	width:120px;
}
/* */
form.search{
	margin:0 auto;
	text-align:center;
	vertical-align:middle;
}
form.widget{
	width:300px;
}
form.search input[type="text"]{
	width:440px; /* there's a gap about 4px, excluded border - when border is not define, 4px is used in chrome */
	line-height:20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	padding:10px 10px;
	*padding:10px 10px; /* ie bug, except there's no border */
	vertical-align:middle;
	border:1px solid #fff;
	margin-right:10px;
}
form.widget input[type="text"]{
	width:140px; /* there's a gap about 4px, excluded border - when border is not define, 4px is used in chrome */
}
form.search input[type="submit"] {
	padding:9px 10px;
	*padding:6px 10px;
	color:#fff;
	background:#999;
	cursor:pointer;
	vertical-align:middle;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	line-height:20px;
	text-align:center;
	border:1px solid #999;
}
form.widget input[type="submit"] {
	width:120px;
}
/* */

object,
param,
embed{
	background-color:#ccc;
}

/* page navigation */
#pagination {
	border-top:4px solid #333;
	padding-top:4px;
}

#pagination li {
	width:auto;
	list-style:none;
	float:left;
	border:none;
	margin-right:4px;
}

#pagination .page-off,
#pagination .page-dots,
#pagination .page-total,
#pagination .page-active,
#pagination a {
	display:block;
	padding:4px 8px;
}

#pagination .page-off,
#pagination .page-dots { color:#888; }

#pagination .page-total {
	color:#444;
	font-weight:normal;
	vertical-align:middle;
	background-color:#ddd;
}

#pagination .page-off,
#pagination .page-dots,
#pagination .page-active,
#pagination .page-next a,
#pagination .page-prev a,
#pagination .page-goback a { font-weight:bold; }

#pagination a:link,
#pagination a:visited {
	color:#0e509e;
	text-decoration:none;
}

#pagination .page-active,
#pagination a:hover {
	background:#2e6ab1;
	color:#fff;
}

#pagination .page-total,
#pagination .page-dots,
#pagination .page-off { cursor:default; }
/* page navigation end */

/* underline style*/
.underline{
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
/*mayor*/
h2.mayor{
	padding-top:130px;
	background:url(/images/layout/layout_mayor.jpg) no-repeat top left;
	text-align:right;
}

/* note-field style*/
.note-field{
	font-size:80%;
	color:#999;
}/* note-field style*/
.warning-field{
	color:#f00;
}