/*
	Suggested order:
		display, position, float, clear
		width, height
		margin, padding
		border, background
		color, font, line-height, text-align, text-decoration
		vertical-align, white-space, overflow, cursor, list-style
*/

BODY {
	line-height: 1.5;
	-webkit-text-size-adjust: none;
}
BODY, INPUT, SELECT, TEXTAREA, BUTTON, TD, TH, BLOCKQUOTE {
	color: #414141;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

H1, H2, H3, H4, H5, H6 {
	color: #099;
	font-weight: bold;
}
H1 {
	min-height: 30px;
	margin-top: .5em;
	padding: 3px 0 0 35px;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 16px;
	line-height: 1.25;
}
H1 SPAN {
	display: block;
}
.ico01a {
	background-image: url(ico_28-utilities.png);
}
.ico02a {
	background-image: url(ico_28-transportation.png);
}
.ico03a {
	background-image: url(ico_28-healthcare.png);
}
.ico04a {
	background-image: url(ico_28-abouthukoomi.png);
}
.ico05a {
	background-image: url(ico_28-directory.png);
}
.ico06a {
	background-image: url(ico_28-news.png);
}
.ico07a {
	background-image: url(ico_28-visitvisa.png);
}

H2 {
	margin-top: 1.5em;
	font-size: 14px;
	line-height: 1.25;
	color: #000;
}
H2.type1 {
	margin-top: 5px;
}

H3, H4, H5, H6 {
	margin-top: 1.5em;
	font-size: 13px;
	line-height: 1.2;
	color: #000;
}

A {
	color: #069;
	text-decoration: underline;
}
A:hover {
	color: #751341;
}
LI A {
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
}

OL {
	margin-left: 3em;
}
OL OL {
	margin: .5em 0 .5em 3em;
}
UL.type1 LI {
	padding-left: 17px;
	background: url(dot06.gif) no-repeat 0 5px;
}
UL.type1 UL {
	margin: .5em 0 .5em 1.5em;
}

/* =layout
-------------------------------------------------- */
#content {
	padding: 4px 5px 45px 0;
	background: url(bg02.jpg) repeat-x 0 100%;
}
#content-inner {
	padding: 0 15px;
}

/* =header
-------------------------------------------------- */
#logo {
	width: 100%;
	margin: 0;
	border-bottom: 2px solid #f8c675;
	background: #6a153c;
	color: #fff;
}

#lang {
	padding-right: 10px;
	text-align: right;
}
#lang A {
	color: #621030;
}
#lang .active {
	font-weight: bold;
}
#lang SPAN {
	margin: 0 3px;
	color: #999;
}

/* =content
-------------------------------------------------- */
DIV.hr {
	height: 1em;
	overflow: hidden;
	background: url(bg_separator.gif) repeat-x 50% 100%;
}
DIV.hr HR {
	display: none;
}

DIV.text {
	width: 600px;
	font-size: 14px;
	line-height: 1.5;
}

/* ref */

A.ref,
A.ref SPAN {
	float: left;
	background: url(bg04.png) no-repeat 100% 0;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
}
A.ref {
	height: 28px;
	overflow: hidden;
	padding-right: 15px;
}
A.ref SPAN {
	height: 21px;
	padding: 4px 0 3px 15px;
	background-position: 0 0;
}

/* meta/sep */

P.meta SPAN,
SPAN.sep {
	margin: 0 3px;
	color: #ccc;
}

/* first */

P.first {
	margin-top: 0 !important;
}

/* phone */

P.phone SPAN {
	float: left;
	height: 25px;
	overflow: hidden;
	padding-left: 21px;
	background: url(bg_phone.png) no-repeat 0 0;
	color: #d0ae7e;
}
P.phone STRONG {
	float: left;
	padding: 3px 10px 5px 5px;
	background: url(bg_phone.png) no-repeat 100% 0;
	font-weight: normal;
}
/* lang */

SPAN.eng,
SPAN.arabic {
	display: block;
	padding: 0 0 0 21px;
	background: url(ico_eng.gif) no-repeat 0 3px;
}
SPAN.arabic{
	background: url(ico_hukoomi.gif) no-repeat 0 2px;
}

/* more */

P.more A {
	display: block;
	padding-left: 17px;
	background: url(dot03.gif) no-repeat 0 4px;
	text-decoration: underline !important;
}

/* more2 */

P.more2 A {
	display: block;
	padding-left: 18px;
	background: url(dot10.gif) no-repeat 0 0;
	text-decoration: underline !important;
}

/* more3 */

P.more3 {
	margin: 1em 0 0;
	text-align: center;
	font-weight: bold;
	color: #8e0f25;
}
P.more3 A {
	text-decoration: none !important;
}
P.more3 SPAN {
	vertical-align: top;
	line-height: 1.4;
}

/* back */

P.back {
	margin: 0;
	padding: 4px 15px;
	background: url(bg03.png) no-repeat 0 100%;
	font-weight: bold;
	color: #8e0f25;
}
P.back A {
	text-decoration: none !important;
}
P.back SPAN {
	vertical-align: top;
	line-height: 1.4;
}


/* add */

P.add A {
	padding-left: 18px;
	background: url(ico_add.gif) no-repeat 0 0;
}

/* online and req */

LI.online {
	padding: 2px 0 2px 60px !important;
	background: url(ico_online.gif) no-repeat 0 2px !important;
}
LI.req {
	padding: 2px 0 2px 60px !important;
	background: url(ico_req.png) no-repeat 27px 2px !important;
}
P.req A {
	padding-left: 29px!important;
	background: url(ico_req.png) no-repeat 0 0;
	font-size: 11px;
}

/* file */

LI.page {
	padding: 7px 0 0 27px !important;
	background: url(ico_req.png) no-repeat 0 12px !important;
}
LI.pdf {
	padding: 7px 0 0 27px !important;
	background: url(ico_pdf.gif) no-repeat 0 12px !important;
}
LI.web {
	padding: 7px 0 0 27px !important;
	background: url(ico_web.gif) no-repeat 0 12px !important;
}

/* bookmark */

P.bookmark A,
P.bookmark SPAN {
	float: left;
	background: url(bg29.png) no-repeat 0 0;
}
P.bookmark A {
	height: 24px;
	overflow: hidden;
	padding-right: 12px;
	background-position: 100% 0;
	cursor: pointer;
}
P.bookmark SPAN {
	padding: 3px 0 3px 27px;
}

/* button */

P.button A,
P.button SPAN {
	display: block;
	background: url(bg30.png) no-repeat 0 0;
}
P.button A {
	height: 29px;
	padding-bottom: 5px;
	background-position: 0 100%;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	font-size: 15px;
	color: #fff;
}
P.button SPAN {
	padding: 5px 10px 0;
}
P.button A:hover,
P.button A:hover SPAN {
	background-image: url(bg42.png);
}

/* heading */

DIV.heading H3,
DIV.heading H2,
DIV.heading P {
	float: left;
}
DIV.heading H3 {
	margin: 4px .8em 0 0;
}
DIV.heading H2 {
	margin: 0 .8em 0 0;
}
.box02-c DIV.heading H2 A,
.box02-c DIV.heading H2 A:hover {
	color: #099;
	text-decoration: none;
}
DIV.heading P {
	margin-top: 9px;
}
DIV.heading P.type2 {
	margin-top: 8px !important;
}
#main-content DIV.heading {
	margin-top: 2em;
}
#main-content DIV.heading P {
	margin-top: 4px;
}

/* heading2 */

DIV.heading2 H1,
DIV.heading2 P {
	float: left;
	margin: 0;
}
DIV.heading2 P {
	padding: 16px 0 0 1.2em;
}

/* online */

IMG.online {
	margin-top: -4px;
	margin-left: 2px;
	vertical-align: middle;
}
H3 IMG.online {
	margin-top: -3px;
}

.online A,
.online A:hover {
	text-decoration: none !important;
}

/* web */

A.web,
SPAN.web {
	display: block;
	padding: 0 0 0 23px;
	background: url(ico_web.gif) no-repeat 0 6px;
}

/* phone */

SPAN.phone {
	padding: 2px 10px;
	background: #e5f5f5;
	font-weight: bold;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
H2 SPAN.phone {
	margin-left: .7em;
}

/* map */

P.map A,
SPAN.map {
	display: block;
	padding: 0 0 1px 19px;
	background: url(ico_address.gif) no-repeat 0 0;
}

/* mail */

A.mail,
SPAN.mail {
	display: block;
	padding: 0 0 0 23px;
	background: url(ico_email.gif) no-repeat 0 5px;
}

/* RSS */

.rss A {
	display: block;
	padding: 0 0 1px 20px;
	background: url(ico_rss.gif) no-repeat 0 0;
}

/* video */

#video {
	margin-top: 1em;
}

/* img2 */

P.img2 {
	float: right;
	margin: 1.3em 0 .5em 1em;
}

/* gallery */

#gallery {
	margin-left: 0;
}
#gallery LI {
	float: left;
	padding: 0 5px 0 0;
	background: none;
}

/* =lists
-------------------------------------------------- */

/* links */

UL.links {
	background: url(bg_separator.gif) repeat-x 50% 0;
	font-size: 14px;
}
UL.links LI {
	padding: 0 !important;
	background: url(bg_separator.gif) repeat-x 50% 100% !important;
}
UL.links LI A {
	display: block;
	padding: 7px 0 10px 10px !important;
	background: url(dot07.gif) no-repeat 0 15px !important;
}

/* data */

UL.data LI {
	padding: 0 !important;
	background: none !important;
}
UL.data LI INPUT,
UL.data LI LABEL {
	vertical-align: middle;
}

/* services */

#services {
	width: 100%;
	padding-bottom: .5em;
}
#services TD {
	width: 50%;
	padding: 0;
	text-align: center;
}
#services A {
	display: block;
	padding-top: 63px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 50% 5px;
	line-height: normal;
	font-weight: bold;
	outline: none;
	text-decoration: none;
}
#services A:hover {
	text-decoration: underline;
}

.ico01 A {
	background-image: url(ico_54-utilities.png);
}
.ico02 A {
	background-image: url(ico_54-transportation.png);
}
.ico03 A {
	background-image: url(ico_54-healthcare.png);
}
.ico04 A {
	background-image: url(ico_54-abouthukoomi.png);
}
.ico05 A {
	background-image: url(ico_54-directory.png);
}
.ico06 A {
	background-image: url(ico_54-news.png);
}
.ico07 A {
	background-image: url(ico_54-visitvisa.png);
}

/* =pager
-------------------------------------------------- */
.pager UL,
.pager LI {
	padding: 0;
}
.pager LI {
	padding: 0 0 0 2px !important;
	background: none !important;
}
.pager LI,
.pager LI A,
.pager LI SPAN,
.pager LI STRONG {
	float: left;
}
.pager LI A,
.pager LI SPAN,
.pager LI STRONG {
	background: url(bg_pager.png) no-repeat 0 -21px;
	line-height: normal;
}
.pager LI STRONG,
.pager LI A {
	height: 21px;
	overflow: hidden;
	padding-right: 7px;
}
.pager LI A {
	background-position: 100% -21px;
	text-decoration: none !important;
	color: #069 !important;
	cursor: pointer;
}
.pager LI A:hover {
	background-position: 100% -42px;
}
.pager LI A:hover SPAN {
	background-position: 0 -42px;
	color: #fff;
}
.pager LI STRONG {
	background-position: 100% 0;
	font-weight: normal;
}
.pager LI STRONG SPAN {
	background-position: 0 0;
	color: #fff;
}
.pager LI SPAN {
	padding: 3px 0 3px 7px;
}
.pager P {
	margin-top: 0;
	color: #333;
}
.pager P SPAN {
	margin: 0 5px;
	color: #ddd;
}
.pager .prev,
.pager .next {
	padding-top: 3px !important;
}
.pager .prev {
	padding-right: 15px !important;
}
.pager .next {
	padding-left: 15px !important;
}
.pager .prev A,
.pager .next A {
	height: auto;
}
.pager .prev STRONG,
.pager .next STRONG {
	color: #99c2d6;
}
.pager .prev A,
.pager .prev A:hover {
	padding-right: 0;
	padding-left: 8px;
	background: url(dot13.gif) no-repeat 0 5px;
}
.pager .next A,
.pager .next A:hover {
	padding-right: 8px;
	background: url(dot14.gif) no-repeat 100% 5px;
}
.pager .prev STRONG {
	padding-right: 0;
	padding-left: 8px;
	background: url(dot11.gif) no-repeat 0 5px;
	color: #99c2d6;
}
.pager .next STRONG {
	padding-right: 8px;
	background: url(dot12.gif) no-repeat 100% 5px;
}
.pager .prev A:hover,
.pager .next A:hover {
	text-decoration: underline !important;
	color: #751341 !important;
}

/* =tabs
-------------------------------------------------- */
.tabs {
	position: relative;
	margin: 1em 0 -16px !important;
	font-size: 15px;
}
.tabs A,
.tabs LI,
.tabs SPAN,
.tabs STRONG {
	float: left;
}
.tabs A,
.tabs SPAN,
.tabs STRONG {
	background: url(bg_tabs.png) no-repeat;
}
.tabs A,
.tabs STRONG {
	padding-left: 12px;
}
.tabs LI {
	margin-right: 2px;
	padding: 0 0 16px;
	background: none;
}
.tabs A {
	background-position: 0 -49px;
	color: #069;
	text-decoration: none;
	outline: none;
}
.tabs SPAN {
	padding: 5px 12px 4px 0;
	background-position: 100% -49px;
	cursor: pointer;
}
.tabs A:hover {
	background-position: 0 -98px;
	color: #005c5c;
	text-decoration: none;
}
.tabs A:hover SPAN {
	background-position: 100% -98px;
}
.tabs LI.active SPAN,
.tabs LI.active STRONG {
	cursor: default;
}
.tabs LI.active {
	background: url(bg27.png) no-repeat 50% 100% !important;
}
.tabs LI.active STRONG {
	background-position: 0 0;
	color: #fff;
	font-weight: normal;
}
.tabs LI.active SPAN {
	background-position: 100% 0;
}


/* =people
-------------------------------------------------- */
#people {
	margin: 0;
}
#people LI {
	float: left;
	width: 331px;
	padding: 15px 4px 5px 0 !important;
	background: none;
}
#people LI.row-last {
	float: right;
}
#people LI P {
	margin-top: .5em;
}
#people LI P.ref {
	margin-top: 0;
}
#people LI P.ref A {
	display: block;
	position: relative;
	width: 331px;
	height: 185px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#people LI P.pic01 A {
	background-image: url(pic01.jpg);
}
#people LI P.pic02 A {
	background-image: url(pic02.jpg);
}
#people LI P.pic03 A {
	background-image: url(pic03.jpg);
}
#people LI P.pic04 A {
	background-image: url(pic04.jpg);
}
#people LI P.pic05 A {
	background-image: url(pic05.jpg);
}
#people LI P.pic06 A {
	background-image: url(pic06.jpg);
}
#people LI P.pic07 A {
	background-image: url(pic07.jpg);
}
#people LI P.pic08 A {
	background-image: url(pic08.jpg);
}
#people LI P.ref A:hover {
	background-position: 0 -185px;
	color: #fff;
	text-decoration: none;
}
#people LI P.ref A SPAN {
	position: absolute;
	right: 23px;
	bottom: 11px;
	font-size: 18px;
	font-weight: bold;
}


/* =tables
-------------------------------------------------- */
TABLE.data {
	width: 100%;
	margin-top: 1.6em;
	border: 1px solid #e5e5e5;
}
TABLE.data TH,
TABLE.data TD {
	padding: 2px;
	border-top: 1px solid #e5e5e5;
	background: #fff;
	color: #676767;
	line-height: normal;
	font-weight: normal;
}
TABLE.data THEAD TH {
	background: #ececec url(bg16.png) repeat-x 0 100%;
	font-weight: bold;
	color: #1f426d;
}
TABLE.data THEAD {
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
TABLE.data A {
	text-decoration: none;
}
TABLE.data A:hover {
	text-decoration: underline;
}
TABLE.data TR.alt TD,
TABLE.data TR.alt TH {
	background: #f5f5f5;
}
TABLE.data TD.input {
	padding: 2px 3px;
}
TABLE.data TD.check {
	width: 1%;
	padding: 3px 5px 0;
}
TABLE.data TD.ico {
	width: 1%;
	padding: 4px 6px 0;
	text-align: center;
}
TABLE.data TD.ico IMG {
	cursor: help;
}
TABLE.data TD.nr,
TABLE.data TH.nr {
	width: 1%;
	white-space: nowrap;
	text-align: right;
}
TABLE.data TD.action,
TABLE.data TD.action-ico,
TABLE.data TD.action-menu {
	width: 1%;
	white-space: nowrap;
}
TABLE.data TD.action SPAN {
	margin: 0 2px;
	color: #c0c0c0;
}
TABLE.data TD.action-ico {
	padding: 4px 6px 0;
}
TABLE.data TD.action-ico INPUT + INPUT {
	margin-left: 3px;
}
TABLE.data TD.right INPUT.text {
	text-align: right !important;
}
TABLE.data TD.action INPUT {
	margin: 0 1px;
	vertical-align: top;
}
*+HTML TABLE.data TD.check {
	padding-top: 1px;
}
* HTML TABLE.data TD.check {
	padding-top: 1px;
}
TABLE.data TD.check INPUT {
	vertical-align: top;
}
TABLE.data TD P {
	margin-top: 0;
}
TABLE.data TD H3 {
	margin-top: 0;
	font-weight: normal;
}
TABLE.data TD H3 A {
	text-decoration: underline;
}

/* data2 */

TABLE.data2 TH {
	font-weight: bold;
}
TABLE.data2 TH,
TABLE.data2 TD {
	padding: 0 12px 0 0;
}

/* data3 */

TABLE.data3 TH {
	font-weight: normal;
}
TABLE.data3 TH,
TABLE.data3 TD {
	padding: 2px 12px 2px 0;
}

/* data5 */

TABLE.data5 {
	width: 100%;
}
TABLE.data5 TH {
	font-weight: normal;
}
TABLE.data5 TH,
TABLE.data5 TD {
	padding: 2px 10px 2px 0;
}
TABLE.data5 TD {
	padding-right: 0;
	text-align: right;
}

/* form */

TABLE.form {
	width: 100%;
	border-top: 1px solid #eee;
}
TABLE.form TH,
TABLE.form TD {
	border-bottom: 1px solid #eee;
}
TABLE.form TH,
TABLE.form TH LABEL {
	color: #606060;
	font-weight: bold;
}
DIV.box10 TABLE.form TH,
DIV.box10 TABLE.form TH LABEL {
	color: #333;
}
TABLE.form TH {
	width: 30%;
	padding: 3px 12px 1px;
	text-align: right;
}
TABLE.form-type1 TH {
	padding-left: 0;
	text-align: left;
}
TABLE.form TD {
	width: 70%;
	padding: 2px 12px 1px 0;
	vertical-align: bottom;
}
TABLE.form TD P {
	margin: 0;
	padding: .5em 0;
	line-height: normal;
}
TABLE.form P.info {
	margin: 0;
	padding: 0 0 .2em 0;
	font-size: 13px;
}
P.check-title,
P.check-title LABEL {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
P.check-title {
	margin-top: .15em;
}
DIV.check-group {
	margin-left: 1.75em;
}
DIV.check-group DIV {
	float: left;
	margin: 0 1em 1em 0;
	padding: .4em 0 0;
}
TABLE.form TD LABEL,
TABLE.form TD INPUT {
	vertical-align: middle;
}
TABLE.form TD LABEL {
	margin-right: .75em;
}
TABLE.form TD UL {
	margin-top: 1px;
}
TABLE.form TD INPUT.help {
	cursor: help;
}
TABLE.form TD INPUT.action {
	cursor: pointer;
}
TABLE.form SPAN.action {
	margin-left: .5em;
	padding-left: .5em;
	border-left: 1px solid #b2b2b2;
}
TABLE.form SPAN.action A {
	padding: 0 2px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
TABLE.form SPAN.action A:hover {
	text-decoration: underline;
}
TABLE.form TD.check LABEL {
	margin: 0;
}
TABLE.form TD.check,
TABLE.form TD.check * {
	vertical-align: middle;
}
TABLE.form TD.data {
	padding-top: 3px;
	line-height: 1.5;
}
TABLE.form TR.error P.error,
TABLE.form TR.error P.error SPAN {
	background: url(bg35.png) no-repeat 100% 0;
}
TABLE.form TR.error TD INPUT,
TABLE.form TR.error TD SELECT,
TABLE.form TR.error TD TEXTAREA {
	float: left;
	margin-right: 1em;
}
TABLE.form TR.error P.error {
	float: left;
	height: 19px;
	overflow: hidden;
	margin: 1px 0 0;
	padding: 0 6px 0 0;
}
TABLE.form TR.error P.error SPAN {
	float: left;
	padding: 2px 6px 2px 20px;
	background-position: 0 0;
	color: #dd291e;
	font-size: 12px;
}
TABLE.form TD TABLE.wrap TH,
TABLE.form TD TABLE.wrap TD {
	padding: 1px 0 !important;
}

TABLE.form TR.action TH {
	border-bottom: none;
}
TABLE.form TR.action TD {
	padding-top: 1.2em;
	border-bottom: none;
	vertical-align: middle !important;
}
TABLE.form TR.action TD BUTTON {
	margin-right: .5em;
}
.action2 A,
.action2 BUTTON {
	float: left;
}
.action2 A {
	margin: 5px 0 0 1em;
}

/* form2 */

TABLE.form2 {
	width: 100%;
}
TABLE.form2 TH {
	padding: 5px 12px 3px;
	font-weight: normal;
}
TABLE.form2 TD {
	padding: 3px 12px 3px 0;
}
TABLE.form2 TD.action {
	padding: 0 0 3px;
}
TABLE.form2 TD INPUT,
TABLE.form2 TD BUTTON,
TABLE.form2 TD IMG,
TABLE.form2 TD LABEL,
TABLE.form2 TD SELECT {
	vertical-align: middle;
}

/* form3 */

TABLE.form3 {
	width: 100%;
}
TABLE.form3 TH {
	width: 20%;
	padding-left: 0;
	text-align: left;
}
TABLE.form3 TD {
	width: 80%;
}

/* form4 */

TABLE.form4 {
	width: 100%;
}
TABLE.form4 TH {
	padding-left: 0;
	text-align: left;
}
TABLE.form4 UL {
	margin-top: 0 !important;
}

/* =form
-------------------------------------------------- */
P.form SPAN {
	display: block;
}
P.form SPAN.label {
	display: block;
}
P.form LABEL,
P.form SPAN.label,
DIV.form P LABEL {
	font-weight: bold;
	vertical-align: baseline;
}
P.form INPUT + A,
P.form SELECT + A {
	margin-left: 7px;
	vertical-align: middle;
}
DIV.form,
P.form {
	margin-top: .8em;
}
DIV.form P,
DIV.form UL {
	margin: 0;
}
DIV.form UL LI {
	padding: 0;
	line-height: normal;
}

P.error,
SPAN.error {
	color: #f00;
}
P.error SPAN.error {
	margin-top: 4px;
}
P.error SELECT,
P.error TEXTAREA,
P.error INPUT[type="text"],
P.error INPUT[type="password"] {
	border: 1px solid !important;
	border-color: #710606 #efb5b5 #efb5b5 #710606 !important;
	outline: none !important;
}

SPAN.req {
	display: inline !important;
	color: #f00;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
* HTML LABEL {
	cursor: pointer;
}
P.form2 SELECT {
	margin-right: 7px;
}
P.form2 BUTTON {
	margin-top: -3px;
}

/* =inputs
-------------------------------------------------- */
TEXTAREA,
INPUT.date,
INPUT.time,
INPUT.text {
	border: 1px solid;
	border-color: #b0b0b0 #e0e0e0 #e0e0e0 #b0b0b0;
}
INPUT.text,
INPUT.date,
INPUT.time {
	padding: 2px;
	min-height: 15px;
}
SELECT {
	min-height: 15px;
	padding: 1px;
}
INPUT.text {
	width: 175px;
}
INPUT.wide {
	width: 275px;
}
INPUT.max {
	width: 460px;
}
INPUT.min {
	width: 40px;
}
INPUT.small {
	width: 80px;
}
INPUT.date {
	width: 68px;
	padding-right: 18px;
	background: #fff url(ico_cal.gif) no-repeat 71px 40%;
	cursor: pointer;
}
INPUT.time {
	width: 40px;
}
INPUT.example {
	color: #808080 !important;
}
TEXTAREA {
	width: 175px;
	height: 80px;
	padding: 2px;
	line-height: 1.5;
}
TEXTAREA.small {
	height: 40px;
}

/* =buttons
-------------------------------------------------- */
INPUT.button {
	padding: 1px 5px;
	border: 1px solid #cab09b;
	background: #fdb043;
	color: #821548;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	overflow: visible;
	line-height: 1;
}
INPUT.button:hover {
	border-color: #b29781;
}
INPUT.button:active {
	border-color: #9d7d63;
}

/* action */

DIV.action {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 3px double #c0c0c0;
}
DIV.box11-inner2 DIV.action {
	margin-top: 0 !important;
	border-top: 0 !important;
}
DIV.action P {
	float: left;
	margin: 0;
}
DIV.action A {
	margin-left: 1em;
	padding: 4px 3px;
	text-decoration: none;
}
DIV.action A:hover {
	text-decoration: underline;
}

/* =controls
-------------------------------------------------- */
TEXTAREA:focus,
INPUT[type="text"]:focus,
INPUT[type="password"]:focus {
	border-color: #808080 #c0c0c0 #c0c0c0 #808080;
	outline: 1px solid #fee4ab;
	outline-offset: 0;
}
TEXTAREA[readonly],
INPUT[type="text"][readonly],
INPUT[type="password"][readonly] {
	background-color: #f8f8f8 !important;
}
SELECT[disabled],
TEXTAREA[disabled],
INPUT[type="text"][disabled],
INPUT[type="password"][disabled] {
	background-color: #f8f8f8 !important;
	outline: none !important;
}
BUTTON,
LABEL[for],
INPUT[type="reset"],
INPUT[type="button"],
INPUT[type="submit"],
INPUT[type="radio"],
INPUT[type="checkbox"] {
	cursor: pointer;
}
INPUT[type="radio"],
INPUT[type="checkbox"] {
	margin: 3px;
	padding: 1px;
}
*+HTML INPUT[type="radio"],
*+HTML INPUT[type="checkbox"] {
	margin: 0;
}

/* =navi
-------------------------------------------------- */
.navi {
	margin-top: 1em;
	font-size: 13px;
}
.navi A {
	color: #621030;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}
.navi A:hover {
	text-decoration: underline;
}
.navi SPAN {
	margin: 0 5px;
}

/* =path
-------------------------------------------------- */
#path {
	margin-top: 5px;
	padding: 0 15px 8px;
	color: #666;
	font-size: 11px;
}
#path A {
	text-decoration: none;
}
#path A:hover {
	text-decoration: underline;
}
#path STRONG {
	font-weight: normal;
}
#path SPAN {
	margin: 0 2px;
	color: #8e0f25;
}