/* --------------------------------------------------
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

Suggested color names (grayscale preferred):
	white, silver, gray, black
-------------------------------------------------- */

BODY {
	background: white;
	line-height: 1.4;
}
BODY, INPUT, SELECT, TEXTAREA, BUTTON, TD, TH, BLOCKQUOTE {
	color: black;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}
H1,
P.title {
	margin-top: 1em;
	font-size: 16pt;
}
H2 {
	font-size: 13pt;
}
H3, H4, H5, H6 {
	font-size: 11pt;
}
UL {
	margin-left: 3em;
	list-style-type: disc;
}
OL {
	margin-left: 3em;
}
A {
	color: black;
	text-decoration: underline;
}
IMG {
	margin-top: 1em;
}

/* =layout
-------------------------------------------------- */
#header {
	border-bottom: 1px solid gray;
}
#wrap {
	padding: 1em 0;
}
#footer {
	margin-top: 1em;
	border-top: 1px solid gray;
}

#logo {
	margin: 0;
	font-size: 2em;
	font-weight: bold;
}
#logo A {
	border: none;
	text-decoration: none;
}

/* =tables
-------------------------------------------------- */
TABLE.data {
	width: 99%;
	margin-left: 1px;
	border: 1px solid silver;
}
TABLE.data TH,
TABLE.data TD {
	padding: .2em .5em;
	border: 1px solid silver;
}
TABLE.data A {
	border: none;
}
TABLE.data TH {
	font-weight: bold;
}
TABLE.data SPAN.links {
	display: block;
	margin: .3em 0 0 .1em;
}
TABLE.data SPAN.links A {
	display: block;
}

TABLE.data2 {
	width: 100%;
}
TABLE.data2 TH,
TABLE.data2 TD {
	padding: .2em .5em;
}

TABLE.search-result H3 {
	font-size: 11pt;
}
TABLE.search-result H3,
TABLE.search-result P {
	margin-top: 0;
	padding: 0 !important;
}
TABLE.search-result TH,
TABLE.search-result TD {
	padding: .2em .5em;
}

TABLE.form {
	width: 100%;
}
TABLE.form TH {
	width: 30%;
	padding: .4em .5em .2em;
	text-align: right;
}
TABLE.form TD {
	width: 70%;
	padding: .2em .5em .2em 0;
}
TABLE.form TD.data {
	padding-top: .4em;
}

.timesheet {
	width: 100%;
}
.timesheet TABLE {
	width: 100%;
	margin-top: .5em;
}
.timesheet TABLE,
.timesheet TABLE TH,
.timesheet TABLE TD {
	border: 1px solid gray;
}
.timesheet TABLE TH,
.timesheet TABLE TD {
	width: 14%;
}
.timesheet TD.InactiveDay {
	background: gray;
}
.timesheet TD.InactiveDay P.header {
	background: gray;
}
.timesheet TABLE.schedule-days {
	margin-top: 0;
}
.timesheet TABLE.schedule-names {
	margin-top: 1em;
}
.timesheet TABLE.schedule-names P.header {
	background: gray;
	border-color: white gray gray white;
}
.timesheet P.header {
	margin: 0;
	padding: .2em;
	border: 1px solid gray;
}
.timesheet DIV.content {
	height: 52px;
	padding: .2em .5em;
}
.timesheet TD.daychecked {
	background: gray;
}
.timesheet TD.daychecked P.header {
	background: gray;
}

/* =inputs & buttons
-------------------------------------------------- */
SPAN.req {
	display: inline !important;
	color: black;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

SELECT,
TEXTAREA,
INPUT.time,
INPUT.text,
INPUT.date,
INPUT.date-range {
	border: 1px solid gray;
}
INPUT.text,
INPUT.time,
INPUT.date,
INPUT.date-range {
	padding: 2px;
	min-height: 15px;
}

SELECT {
	min-height: 15px;
	padding: 1px;
}

INPUT.text {
	width: 200px;
}
INPUT.text2 {
	width: 280px;
}
INPUT.wide {
	width: 300px;
}
INPUT.max {
	width: 460px;
}
INPUT.min {
	width: 50px;
}
INPUT.min2 {
	width: 65px;
}
INPUT.min3 {
	width: 35px;
}
INPUT.small {
	width: 100px;
}
INPUT.smaller {
	width: 150px;
}
INPUT.phone {
	width: 100px;
}
INPUT.number {
	text-align: right;
}

INPUT.date,
INPUT.date-range {
	width: 68px;
	padding-right: 18px;
}
INPUT.date {
	width: 68px;
	padding-right: 18px;
}
INPUT.date-range {
	width: 138px;
	background-position: 141px 40%;
}
INPUT.time {
	width: 40px;
}

INPUT.example {
	color: black !important;
	font-weight: normal !important;
	font-style: italic !important;
}

TEXTAREA {
	width: 450px;
	height: 100px;
	padding: 2px;
}
TEXTAREA.small {
	height: 60px;
}
TEXTAREA.type1 {
	width: 380px;
	height: 60px;
}

P.form EM {
	font-style: normal;
}
P.form SPAN {
	display: block;
}
P.form LABEL,
P.permalink LABEL {
	padding-bottom: .1em;
	font-weight: bold;
	vertical-align: baseline;
}

/* =content
-------------------------------------------------- */
UL.data,
#letter,
UL.data3,
.timesheet UL,
UL.logos,
#front-b UL,
UL.news,
.links2,
.search-result,
.radio-option,
.options,
.options3,
UL.memo,
UL.login {
	margin-left: 0;
	list-style: none;
}
#letter LI {
	padding-bottom: 1em;
}
#letter STRONG {
	display: block;
}

TR.sp TH P,
.radio-option,
.options {
	margin-top: .15em;
	padding-top: 0;
}

.box04 H3 {
	margin-left: 1em !important;
}
.box07 P,
.box07 ADDRESS {
	margin-top: 0;
}

DIV.message {
	margin-top: 1em;
}
DIV.message H2 {
	margin-top: 0;
}
DIV.message DIV {
	padding: .75em 0;
	border: solid gray;
	border-width: 1px 0;
}

/* =do not show
-------------------------------------------------- */
#nav,
#search,
#lang-links,
#submenu,
BUTTON,
INPUT.button,
.close,
.help,
.tools P,
.pager,
.pager UL,
.pager P,
.action A,
#letters,
.more,
#role,
TD.action SPAN,
.action2 A,
.action3 A,
.filter-outer,
.tabs LI,
.add,
.box06,
.box06-outer,
.ico IMG,
.more,
.more2 A,
.more3,
.back,
.back2,
.help,
#cloud,
#share,
#footer .box02,
UL.rss LI,
.rowmenu,
.form-heading LI,
a.edit,
#footer H2,
#links,
#tools UL,
#sidebar,
#modalwrap,
.layer,
#header .layer,
.subrow-toggle,
UL.details A,
.logos,
TD A IMG,
UL.steps,
#menu-choice,
.s-reader,
DIV.action {
	display: none;
}