/*
--------------------------------------------------------------------------
4EI color scale
--------------------------------------------------------------------------
#000000; <-- Body
#1b1b1b;
#353535;
#505050;
#6a6a6a;
#858585; <-- Corporate color
#b6b6b6;
#cecece;
#e7e7e7;
--------------------------------------------------------------------------
*/


/* body#welcome div#content
======================================================================= */
body#welcome div#content p { margin-top: 1em; }
body#welcome div#content p.thank { margin-top: 45px; color: #505050; font-size: 114%; font-weight: bold; }
body#welcome div#content p.thank strong { margin-right: .25em; font-size: 138%; }
body#welcome div#content blockquote { margin: 1.5em 0; padding: 5px 15px 15px 47px; line-height: 1.25; color: #353535; background: #e7e7e7 url(../img/quote_start.png) no-repeat; }
body#welcome div#content blockquote p { margin-top: 10px; font-size: 114%; font-weight: bold; }
body#welcome div#content blockquote div { margin-top: 5px; margin-bottom: -5px; }
body#welcome div#content blockquote cite { color: #505050; font-size: 86%; font-style: normal; }


/* body#data div#content
======================================================================= */
body#data div#content div.upd { text-align: right; }

body#data div#content dl { margin-top: .5em; padding-top: .5em; border-top: 1px solid #b6b6b6; }
body#data div#content dl dt { margin: 0; width: 6em; padding-left: .5em; font-weight: bold; color: #505050; }
body#data div#content dl dd { margin: -2.1em 0 .5em 0; padding: .5em .5em .5em 7em; border-bottom: 1px solid #b6b6b6; }

body#data div#content dl dd div,
body#data div#content dl dd ul { padding-left: 1em; border-left: 4px solid #e7e7e7; }
body#data div#content dl dd ul { list-style: none; }
body#data div#content dl dd ul li { margin-top: .25em; }
body#data div#content dl dd ul li:first-child { margin-top: 0; }
body#data div#content dl dd ul li strong { color: #505050; }
body#data div#content dl dd ul li span.phType { width: 2.5em; display: block; float: left; font-weight: normal; }


/* body#mission div#content
======================================================================= */
body#mission div#content h3.rounded { margin: 1.5em 0 0 0; }
body#mission div#content h3.rounded span { padding: .5em 1em; color: #ffffff; background-color: #858585; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
body#mission div#content .box { margin: 1em 0 0 2em; }
body#mission div#content p.slogan strong { color: #505050; font-size: 18px; font-weight: bold; }
body#mission div#content p.slogan span { margin-top: .25em; color: #505050; font-size: 11px; }
body#mission div#content .origin { margin-top: 2em; }


/* body#compliance div#content
======================================================================= */
body#compliance div#content ol { margin-top: 1em; padding: 0 1em 1em 1em; border: 4px solid #e7e7e7; }
body#compliance div#content ol li { margin-top: 1em; margin-left: 2em; color: #505050; font-weight: bold; }
body#compliance div#content ol li p { margin-top: .25em; color: #000000; font-weight: normal; }
body#compliance div#content ol li ul { margin-top: .25em; }
body#compliance div#content ol li ul li { margin-top: 0; color: #000000; font-weight: normal; }
body#compliance div#content div.sig { margin-top: 1em; float: right; }


/* body#service div#content
======================================================================= */
body#service div#content .box { margin: 1em 10px 0 10px; }
body#service div#content .box .fr { margin: 0 0 10px 20px; width: 150px; line-height: 1.25; }
body#service div#content .box em { margin-top: 1em; display: block; }
body#service div#content .box em.begin { margin-top: 0; }
body#service div#content .box ul { padding: .5em 0 1em 1.75em; }
body#service div#content .box img { margin-bottom: 5px; }

body#service div#content h4 { margin-bottom: 1em; padding: 4px 8px; border-left: 4px solid #b6b6b6; line-height: 1.5; }

body#service div#content .refer span,
body#service div#content .refer a { font-size: 93%; font-family: verdana,arial,sans-serif; }
body#service div#content .refer span { margin-right: 3px; font-weight: bold; color: #858585; }

body#service div#content div.btns { margin: 1em 0; }
body#service div#content div.btns a { padding: 3px 5px; display: block; border: 1px solid #353535; outline: none; width: 10em; line-height: 1.25; background-image: url(../img/btn_glaze.png); background-repeat: repeat-x; background-color: #353535; background-position: left -80px; font-size: 86%; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; color: #ffffff; }
body#service div#content div.btns a:hover { background-color: #1b1b1b; background-position: left -140px; text-decoration: none; }


/* body#legal div#content
======================================================================= */
body#legal div#content .box { margin: 1em 10px 0 10px; }
body#legal div#content .note { margin-top: -.5em; margin-bottom: 1em; font-size: 86%; }

body#legal div#content .announce { line-height: 1.25; }
body#legal div#content div.announce { padding: 10px 1em; border: 1px solid #b6b6b6; }
body#legal div#content div.announce.na { border: none; background-color: #e7e7e7; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
body#legal div#content table.announce { border-top: 1px solid #b6b6b6; border-right: 1px solid #b6b6b6; border-collapse: collapse; width: auto; }
* html body#legal div#content table.announce { width: auto; }
body#legal div#content table.announce th,
body#legal div#content table.announce td { padding: .25em 1em; border-bottom: 1px solid #b6b6b6; }
body#legal div#content table.announce thead td.period,
body#legal div#content table.announce tbody th { padding-right: 1em; border-width: 1px; border-left: 1px solid #b6b6b6; width: 10%; white-space: nowrap; text-align: left; font-weight: normal; }
body#legal div#content table.announce thead td { background-color: #e7e7e7; }


/* body#inquiry div#content
======================================================================= */
body#inquiry div#content .require { margin-right: .25em; color: #bf5454; font-weight: bold; font-size: 86%; }

body#inquiry div#content ul.note { margin-top: 1em; padding: 5px 10px 0 10px; border-top: 1px solid #b6b6b6; list-style: none; }
body#inquiry div#content ul.note li { margin-top: 5px; }

body#inquiry div#content .msg { margin-top: 1em; padding: 10px 10px 10px 58px; background-position: 15px 5px; background-repeat: no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
body#inquiry div#content .msg.ok { background-color: #dbf7d7; background-image: url(../img/stat_green_check.png); }
body#inquiry div#content .msg.ng { background-color: #ffdbdb; background-image: url(../img/stat_red_cross.png); }
body#inquiry div#content ul.msg { padding-top: 5px; list-style: none; }
body#inquiry div#content ul.msg li { margin-top: 5px; }
body#inquiry div#content .msg.ok strong { color: #387030; }
body#inquiry div#content .msg.ng strong { color: #7f3838; }

body#inquiry div#content div.pane { margin-top: 1em; border: 4px solid #e7e7e7; }
body#inquiry div#content div.pane dl { margin: 0 1em 1em 1em; line-height: 1.25; }
body#inquiry div#content div.pane dl dt { padding-top: 1.5em; display: block; width: 110px; text-align: right; }
body#inquiry div#content div.pane dl dd { margin-top: -3.25em; padding-top: 1.5em; padding-left: 120px; }

body#inquiry div#content div.pane dl.confirm { margin: 1em; }
body#inquiry div#content div.pane dl.confirm dt { padding-top: .5em; padding-bottom: .5em; width: 120px; color: #505050; }
body#inquiry div#content div.pane dl.confirm dd { margin-top: -2.25em; padding-top: .5em; padding-bottom: .5em; padding-left: 135px; border-top: 1px solid #b6b6b6; }
body#inquiry div#content div.pane dl.confirm dt:first-child + dd { border: none; }

body#inquiry div#content form { display: inline; }
body#inquiry div#content form dl dd input,
body#inquiry div#content form dl dd textarea { padding: 4px; border: 1px solid #99cccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 364px; background-color: #f0f7f7; font-size: 100%; }
* html body#inquiry div#content form dl dd input { padding-top: 6px; height: 28px; }
body#inquiry div#content form dl dd textarea { height: 8em; }
body#inquiry div#content form dl dd input:focus,
body#inquiry div#content form dl dd textarea:focus { background-color: #ffffff; }
body#inquiry div#content form dl dd div.grippie { background: url(../img/grippie.png) no-repeat scroll center 2px; cursor: s-resize; height: 9px; overflow:hidden; }

body#inquiry div#content div.pane dl dt.full { margin-top: 1em; padding-top: 1em; border-top: 3px dashed #e7e7e7; width: auto; text-align: left; }
body#inquiry div#content div.pane dl dd.full { margin-top: 0; padding-top: 10px; padding-left: 0; }

body#inquiry div#content form dl dd.full input,
body#inquiry div#content form dl dd.full textarea { width: 484px; }

body#inquiry div#content div.btns { padding: 1em 2em 0; text-align: center; }
body#inquiry div#content div.btns form div { display: inline; }
body#inquiry div#content div.btns input.go { margin: 0 .5em; padding: 8px; border: 1px solid #353535; outline: none; width: 12em; line-height: 1.25; background-image: url(../img/btn_glaze.png); background-repeat: repeat-x; font-size: 100%; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
body#inquiry div#content div.btns input.go.back       { color: #353535; background-color: #cecece; background-position: left -15px; }
body#inquiry div#content div.btns input.go.next       { color: #ffffff; background-color: #353535; background-position: left -75px; }
body#inquiry div#content div.btns input.go.next:hover { background-color: #1b1b1b; background-position: left -135px; }
