root	{ display: block; }
a img   { border:0 }
label   { cursor: pointer; }
table   { border-spacing:0; border-collapse:collapse; }

.Clear, .clear { clear: both; }
.ClearLeft, .clearLeft { clear: left; }
.Hidden, .hidden { display: none; }
.Strong, .strong { font-weight: bold; }
.LineThrough, .lineThrough { text-decoration: line-through; }
.Top, .top { vertical-align: top; }
.Middle, .middle { vertical-align: middle; }
.Bottom, .bottom { vertical-align: bottom; }
.Left, .left { text-align: left; }
.Center, .center { text-align: center; }
.Right, .right { text-align: right; }
.Justify, .justify { text-align: justify; }
.FloatLeft, .floatLeft { float: left; }
.FloatRight, .floatRight { float: right; }
.mw40 { max-width: 40%; }
.w100, .W100Perc, .Width100Perc { width: 100%; }
.w85, .W85Perc { width: 85%; }
.w70, .W70Perc { width: 70%; }
.w60, .W60Perc { width: 60%; }
.w50, .W50Perc { width: 50%; }
.w30, .W30Perc { width: 30%; }
.w25, .W25Perc { width: 25%; }
.w64px { width: 64px; }
.w15 { width: 15%; }
.h10 { height: 10px; }
.h100px, .H100Px { height: 100px; }
.imgLeft, .ImgLeft, img[align="left"], img[style*="float: left"], img[style*="float:left"] { margin: 12px 16px 12px 0px; }
.imgRight, .ImgRight, img[align="right"], img[style*="float: right"], img[style*="float:right"] { margin: 12px 0px 12px 16px; }
.pointer, .Cursor { cursor: pointer; }

.AbsPos { position: absolute; }
.big { font-size: 1.2em; }
.veryBig { font-size: 1.4em; }
.small, .Small { font-size: 0.9em;}
.gray, .Gray { color: gray; }
.silver, .Silver { color: silver; }
.red, .Red { color: red; }
.darkRed, .DarkRed { color: #cd0a0a; }
.orange, .Orange { color: #ffa00f; }
.navy, .Navy { color: navy; }
.blue, .Blue { color: #291ECA; }
.green, .Green { color: green; }
.lime { color: lime; }
.white, .White { color: white; }
.bb, .BB { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.mb16px, .SpaceY { margin-bottom: 16px; }
.underline { text-decoration: underline;}
.infoColor { color: #008000; }

.payBox, .PayBox { position: relative; }
.payBox .text, .PayBox .Text {/* position: absolute; bottom: 0px; width: 150px;*/ }

.msgError, .MsgError { background: #ff4040 url('/chae/i/icon/32/msg_error.png')  no-repeat  16px 12px; color: white; padding: 12px 12px 12px 64px; min-height: 32px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  }
.msgWarning, .MsgWarning { background: orange url('/chae/i/icon/32/msg_warning.png')  no-repeat  16px 12px; color: white; padding: 12px 12px 12px 64px; min-height: 32px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.msgInfo, .MsgInfo  { background: #65AB3E url('/chae/i/icon/32/msg_info.png')  no-repeat  16px 12px; color: white; padding: 12px 12px 12px 64px; min-height: 32px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.breakWord, .BreakWord { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.retina, .Retina { max-width: 50%; height: auto; }
.data label { padding-left: 8px; padding-right: 8px;}

input[type=submit], button { cursor: pointer; }
input[readonly="readonly"] { background: #FFFFCC; }

#n176Corner, #N176Corner { position: fixed; bottom: 0px; right: 4px; }

.Grid2_1, .grid2_1 { display:inline; float: left; position: relative; width: 50%; margin-left: 0px; padding-right: 3%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.Grid2_2, .grid2_2 { display:inline; float: left; position: relative; width: 50%; margin-left: 0px; padding-right: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.Grid3_1, .grid3_1 { display:inline; float: left; position: relative; width: 33%; margin-left: 0px; padding-right: 0.3%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.Grid3_2, .grid3_2 { display:inline; float: left; position: relative; width: 33%; margin-left: 0px; padding-right: 0.3%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.Grid3_3, .grid3_3 { display:inline; float: left; position: relative; width: 34%; margin-left: 0px; padding-right: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.Grid3_12, .grid3_12 { display:inline; float: left; position: relative; width: 66%; margin-left: 0px; padding-right: 1%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.Grid3_23, .grid3_23 { display:inline; float: left; position: relative; width: 66%; margin-left: 0px; margin-right: 0px; word-wrap: break-word; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.Grid4_1, .grid4_1 { display:inline; float: left; position: relative; width: 213px; margin-left: 0px; margin-right: 16px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.Grid4_234, .grid4_234 { display:inline; float: left; position: relative; width: 639px; margin-left: 0px; margin-right: 0px; word-wrap: break-word; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

/* Modal dialog */
#modalDialog { position: absolute; bottom: auto; top: 0; right: 0; left: 0; opacity:0; z-index: 9999; transition: opacity 300ms ease-in; -webkit-transition: opacity 300ms ease-in; -moz-transition: opacity 300ms ease-in; }
#modalDialog > .bk { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(128,128,128,0.8); }
#modalDialog > .window { position: relative; width: 600px; max-width: 80%; background: #fff; margin: 3% auto; max-height: 92%;  overflow: auto; }
#modalDialog[data-type=info_wide] > .window { width: 80%; }
#modalDialog[data-type=warning] > .window { background: #FFFFE0; }
#modalDialog[data-type=error] > .window { background: #FFE0E0; }
#modalDialog a.close { float: right; margin: 16px 16px 0px 0px; padding: 0px 5px; font-size: 16px; border: 1px solid #1C94C4; border-radius: 2px; }
#modalDialog a.close:hover { background: #1C94C4; border: 1px solid black; color: white;}
#modalDialog .buttons button { min-width: 64px; padding: 6px; }
#modalDialog button.close { margin-bottom: 16px; }
#modalDialog .text_content { padding:32px 24px 32px 24px;  }
#modalDialog p { margin-top:16px;}
#modalDialog ul { list-style: square; margin-left: 26px; }

/* Cookie panel */
#cookiePanel { position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 10000; background: darkred; color: white; padding: 8px; text-align: center; }
#cookiePanel a { color: #e0e0e0; }
button#cookieClose { font-size: 1em; padding: 4px; margin: 0px 0px 0px 8px; background: 0px; border: 1px solid white; border-radius: 4px; font-weight: normal; text-shadow: none; }
button#cookieClose:hover { background: white; color: darkred; }