img { display: inline-block; } /* deal with spacing variations in strict vs transitional DTD */

div.main { width: 1080px; position: absolute; top: 0px; left: 190px; }

div.fastLogin {
	width: 290px;
	position: absolute;
	top: 0px;
	left: 1280px;
	border: 1px solid black;
	padding: 0;
	margin: 0;
	background-color: #ddd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.1) 0px -1px 2px;
}
div.fastLoginHead {
	padding: 0;
	width: 290px;
	background-color: #bbb;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
table.fastLoginHead { width: 290px; border-spacing:0; padding-top: 6px; padding-bottom: 6px; font-family: Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
table.fastLoginHead th { padding: 0 5px 0 5px; text-align: left; margin: 0; }
table.fastLoginHead td.right { text-align: right; padding: 0; padding-right: 8px; }

table.fastLogin { width: 290px; border-spacing:0; border-collapse:collapse; margin-bottom: 5px; }
table.fastLogin td, table.fastLogin th { padding: 0 5px 0 5px; font-family: Helvetica, sans-serif; font-size: 12px; }
table.fastLogin td.f1 { width: 28%; }
table.fastLogin td.f2 { width: 39%; }
table.fastLogin td.f3 { width: 33%; text-align: right; }
table.fastLogin tr.flt td, table.fastLogin tr.flt th { padding: 5px; font-size: 16px; }
table.fastLogin tr.flm td, table.fastLogin tr.flm th { font-size: 16px; border-top: 1px solid black; }
table.fastLogin tr.fla td { font-size: 12px; font-weight: normal; }
table.fastLogin tr.flc td { font-size: 13px; font-weight: bold; }
table.fastLogin th { text-align: left; margin: 0; }
table.fastLogin td.right { text-align: right; }
table.fastLogin tbody tr:FIRST-CHILD { color: darkred; }
table.fastLogin tbody a.button-link { font-size: 9pt; font-weight: normal; margin-top: 4px; }

div.fastLoginErr {
	padding: 0;
	width: 290px;
}
table.fastLoginErr { width: 290px; border-spacing:0; padding-top: 6px; padding-bottom: 6px; font-family: Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
table.fastLoginErr th { padding: 0 5px 0 5px; text-align: left; margin: 0; }
table.fastLoginErr td.right { text-align: right; padding: 0; padding-right: 8px; }
table.fastLoginErr tr.flt2 td { padding: 5px; }

.button-link {
    padding: 2px 10px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    text-decoration: none;
    font-weight: bold;
}
.button-link:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

.btn-link {
  display: inline-block;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(top, #eeeeee, #cccccc);
  border: 1px solid #555;
  border-bottom: 1px solid #333;
  border-radius: 3px;
  color: #333;
  font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  padding: 8px 12px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  text-decoration: none;
  cursor: pointer;
}
.btn-link:hover {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    text-shadow: 0 1px 0 #ddd;
}
.btn-link:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}

div.t-data-grid .button-link {
    padding: 2px 8px;
	font-size: 8pt; position: relative; top: -0.3em;
    background: white; color: black; font-weight: normal;
    border: solid 1px #333;
    text-shadow: none;
}
div.t-data-grid .button-link:hover {
    background: #aaa;
    border: solid 1px #111;
}
div.t-data-grid .btn-link {
    padding: 0px 8px;
	position: relative; top: -0.2em;
}

div.top { margin-bottom: 8px; }
div.content { font-family: Helvetica, Arial, sans-serif; }

div.content>h1.title {
	width: 1080px;
	text-align: center;
	padding: 0;
	margin: 0;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-top: 4px;
	font-size : 16px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

h1.title1 { background-color: #ff6600 }
h1.title2 { background-color: #ba1818 }
h1.title3 { background-color: #1B6288 }
h1.title4 { background-color: #046830 }
h1.title5 { background-color: #683090 }
h1.title6 { background-color: #808080 }
h1.title7 { background-color: #7F462C }

table.aBdAvNeNrEtR { }
table.aBdAvNeNrEtR td { }
div.announce { background: #FF9933; border: 1px solid black; margin: 0; padding: 10px; }
div.announce h1 { padding: 0; margin: 0; font-family: Helvetica, sans-serif; font-size: 16px; }
div.announce p { margin: 0; padding: 0; }
img.ann_pad { margin-right: 40px; border: 0; }
div.notice { background: #FFFF99; border: 2px dotted black; margin: 0; padding: 10px; font-family: Helvetica, sans-serif; font-size:12pt; text-align: center; }
div.notice h1 { padding: 0; margin: 0; font-family: Helvetica, sans-serif; font-size: 16px; }
div.notice p { margin: 0; padding: 0; }
div.generic { background: #faa; border: 2px solid black; margin: 0; padding: 10px; font-family: Helvetica, sans-serif; font-size:12pt; text-align: left; margin-bottom: 8px; }
div.generic h2 { padding: 0; margin: 0; font-size: 14pt; }

div.content p { margin-top: 6px; margin-bottom: 6px; }
div.content h1 { margin-top: 8px; margin-bottom: 0px; font-size: 18pt; }
div.content h2 { margin-top: 8px; margin-bottom: 0px; font-size: 16pt; }
div.content h3 { margin-top: 8px; margin-bottom: 0px; font-size: 14pt; }

div.msg { background-color: #f0fff0; padding: 4px; clear: both; border: 1px solid black; width: 1070px; margin-bottom: 10px; margin-top: 10px; }
div.msgy { background-color: #fffff0; padding: 4px; clear: both; border: 1px solid black; width: 1070px; margin-bottom: 10px; margin-top: 10px; }
div.t-beaneditor div.msg { width: 1053px; }

table.list { width: 1080px; font-size: 10pt; }
table.list td { padding: 2px; }
table.list tr:nth-child(even) { background-color: #eee; }
table.list tr:nth-child(odd) { background-color: #fff; }
table.list tr.listHeader th { text-align: left; padding: 4px; }
table.list tr.listHeader { background-color: #93BBD0; }
table.list tr.listFooter { }
table.list tr.listFooter td { background-color: #93BBD0;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
table.list tr.listFooter td { padding: 4px; }
div.blank_header { width: 1070px; font-size: 10pt; padding: 5px; background-color: #93BBD0; height: 20px; border-top: 2px solid black; }
div.list_footer { width: 1070px; font-size: 10pt; padding: 5px; background-color: #93BBD0; height: 20px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

img.logo { padding: 0; margin: 0; border: 0; -moz-border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; }

div.menu { width: 190px; position: absolute; top: 0px; left: 0px; }
table.menuTitleBar { background-color: #1B6288; background-color: black; border: 1px solid #4A5E68; border-bottom: 0; width: 180px; }

.menuTitleAccount { width: 80px; font-family: Helvetica, sans-serif; font-weight: bold; font-size: 16pt; padding-top: 0px; padding-left: 6px;
	color: white; vertical-align: middle; text-align: left; }
.menuTitleSpace { font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 12pt;
	vertical-align: middle; text-align: center; }
.menuTitleButton { padding-top: 2px; vertical-align: middle; text-align: right; }
tr.menuSecond .menuTitleButton { padding-bottom: 3px; padding-top: 6px; }
td.menuTitleButton a.button-link { font-family: Helvetica, sans-serif; font-size: 11pt; font-weight: bold; margin-right: 4px; }

.menuBase {
	width: 180px;
	padding: 0;
	cursor: pointer;
	border-collapse: separate;
}

table.menuBase td.menuItemTable {
	border: 1px solid #4A5E68;
	border-top-color: #4A5E68;
	border-bottom: 0;
	height: 20px;
}
table.menuBase td.menuItemTable.menuItemFirst {
	border-top-color: black;
}
table.menuBase th {
	border-left: 1px solid #4A5E68;
	border-right: 1px solid #4A5E68;
	height: 24px;
	vertical-align: middle;
}

table.menuBase tr:last-child td.menuItemTable {
	/* TL TR BL BR */
	border-bottom: 1px solid #4A5E68;
	-moz-border-radius: 0 0 12px 12px;
	-webkit-border-radius: 0 0 12px 12px;
	border-radius: 0 0 12px 12px;
	box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.05) 0px -1px 2px;
	padding-bottom: 0;
}
.menuLabelCell {
	width: 100%;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14pt;
	text-align: left;
	padding: 1px 4px;
	border-top: 4px solid black;
}
tr.menuItemTable {
	vertical-align: middle;
	cursor: pointer;
}
td.menuItemTable {
	vertical-align: middle;
	border-top: 1px solid #4A5E68;
	cursor: pointer;
	padding: 0px 2px 0px 28px;
	font-family: Helvetica, sans-serif;
	font-size: 12pt;
}
td.menuItemFirst { border: 0; border-top: 1px solid black; }
a.menu_section { display: block; float: right; font-size: 9pt; }

.block_color_1 { background-image: url('/asd-web/img/menu/patches/blotch1.gif'); background-repeat: no-repeat; background-position: 96% center; }
.block_color_2 { background-image: url('/asd-web/img/menu/patches/blotch2.gif'); background-repeat: no-repeat; background-position: 96% center; }
.block_color_3 { background-image: url('/asd-web/img/menu/patches/blotch3.gif'); background-repeat: no-repeat; background-position: 96% center; }
.block_color_4 { background-image: url('/asd-web/img/menu/patches/blotch4.gif'); background-repeat: no-repeat; background-position: 96% center; }
.block_color_5 { background-image: url('/asd-web/img/menu/patches/blotch5.gif'); background-repeat: no-repeat; background-position: 96% center; }
.block_color_6 { background-image: url('/asd-web/img/menu/patches/blotch6.gif'); background-repeat: no-repeat; background-position: 96% center; }
.block_color_7 { background-image: url('/asd-web/img/menu/patches/blotch7.gif'); background-repeat: no-repeat; background-position: 96% center; }

.menuItem { padding: 0px; margin: 0; }
.menuItemActive { font-weight: bold; padding-left: 0px; margin: 0; border: 0; }

td.menu_inner { padding: 0; margin: 0; border: 0; }
.menu_innerIcon { width: 22px; }

/*
.menuColorClass_1 { }
.menuColorClass_1 .menuColor_1 { background-color: #ffa0a0; }
.menuColorClass_1 .menuColor_0 { background-color: #ffe0e0; }
.menuColorClass_2 { }
.menuColorClass_2 .menuColor_1 { background-color: #ffffa0; }
.menuColorClass_2 .menuColor_0 { background-color: #ffffe0; }
.menuColorClass_3 { }
.menuColorClass_3 .menuColor_1 { background-color: #a0ffa0; }
.menuColorClass_3 .menuColor_0 { background-color: #e0ffe0; }
.menuColorClass_4 { }
.menuColorClass_4 .menuColor_1 { background-color: #a0ffff; }
.menuColorClass_4 .menuColor_0 { background-color: #e0ffff; }
.menuColorClass_5 { }
.menuColorClass_5 .menuColor_1 { background-color: #90c0ff; }
.menuColorClass_5 .menuColor_0 { background-color: #c0e0ff; }
.menuColorClass_6 { }
.menuColorClass_6 .menuColor_1 { background-color: #a090ff; }
.menuColorClass_6 .menuColor_0 { background-color: #e0d0ff; }
*/

.menuColor_1 { background-color: #A2BCDC; }
.menuColor_0 { background-color: #DAE4F1; }
.menuColor_1 { background-color: #93BBD0; }
.menuColor_0 { background-color: #DFEBF1; }

.menuSpacer { padding: 0; margin: 0; border-top: 3px solid black; height: 0; }

.menuItemTable a:link { color: black; text-decoration: none; }
.menuItemTable a:visited { color: black; text-decoration: none; }
.menuItemTable a:active { color: black; text-decoration: none; }
.menuItemTable a:hover { color: black; text-decoration: underline; text-shadow: 0 0 4px gray; }

div.t-beaneditor { padding-left: 6px; padding-right: 6px; }

div.t-error li { margin-left: 0px !important; }
INPUT.hintTextbox { color: #888; }
INPUT.hintTextboxActive { color: #000; }
TEXTAREA.hintTextbox { color: #888; font-family: sans-serif, Helvetica, Ariel; font-size: 9pt; }
TEXTAREA.hintTextboxActive { color: #000; font-family: sans-serif, Helvetica, Ariel; font-size: 9pt; }

.st_new { font-style: italic; font-weight: bold; font-size: 12pt; margin-left: -24px; }
span.st_new { margin:-2px;display:inline;float:left;width:26px;margin-top:3px;height:14px; background: url('/asd-web/img/newanima.gif') no-repeat; }
span.st_new { margin-left: 3px; margin-right: 4px; width:16px;height:16px; background: url('/asd-web/img/asterisk.png') no-repeat; }

div.forbidden { width: 1090px; border: 1px solid black; background-color: #ffa0a0; padding: 4px; font-weight: bold; }
span.preMsg { white-space: pre-wrap; word-wrap: break-word; }
div.iApp { border: 1px solid black; background-color: lightyellow; font-family: Helvetica, sans-serif; font-size: 14pt; padding: 4px; margin-top: 4px; margin-bottom: 4px; }

input.phone, input.username, input.password { width: 180px; }
.loginField { text-align: left; width: 220px; }
.loginRight { padding: 0; text-align: right; padding-right: 10px; font-family: Helvetica, Arial, sans-serif;
	font-weight: bold; font-size: 10pt; height: 30px; }
.loginButtons { padding: 0; text-align: left; font-family: Helvetica, Arial, sans-serif;
	font-weight: bold; font-size: 10pt; }

input[type=text] { -webkit-appearance: none; }

TABLE.t-data-grid { border-left: 1px solid silver; border-right: 1px solid silver; }

div.hrNotice a { color: black; }