/* miab.css */

/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;font: 62.5%/18px Helvetica, Arial, Verdana, sans-serif;background: #3d3d3e url(../img/bg.gif) top left repeat-x;padding-bottom: 30px;color: #fff;}
p { font-family: Helvetica, Arial, Verdana, sans-serif;font-size: 1.2em;padding-bottom:18px;color:#ccc;}
a { color: #1d95bd;	text-decoration: underline;}
a:hover { text-decoration: none;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.amp {font-family: "Goudy Old Style", Bookman, Georgia, serif;font-style: italic;font-size: 18px;font-weight: normal;position: relative;top: 2px;}
hr.clr {width: 100%;clear: both;visibility: hidden;}
div#top h1 {background: url(../img/miab_logo.gif) 40px 28px no-repeat;text-indent: -10000px;width: 214px;height: 69px;padding-top: 28px;}
h2 {font-weight: normal;font-size: 2.5em;padding-bottom: 26px;color: #fff;}
h3 {font-weight: normal;font-size: 1.9em;padding-bottom: 13px;color: #fff;}
div#wrap{width: 854px;margin: 0 auto;padding-bottom:2px;}
div#top {background: url(../img/bg_content_top.gif) left 150px no-repeat;height:180px;}
div#main{background: url(../img/bg_content.gif) top left repeat-y;padding: 0px 40px 15px 40px;}
div#footer{background: url(../img/bg_content_footer.gif) left top no-repeat;padding: 30px 40px 30px 40px;}
div#content {float: left;width: 460px;}
div#trace_message {margin-top:20px;padding:10px;}
div#trace_message.active {border: 1px dashed #666;}
div#trace_message.active.error {border: 1px dashed #c00;padding-left:50px;background:url(../img/error_icon.png) no-repeat 10px 10px;}

div#sidebar {float: right;width: 290px;}
div#topnav {text-align: right;}
ul#nav {height: 27px;padding: 30px 30px 5px 40px;;float: right;}
ul#nav li {float:left;}
ul#nav li a {height: 17px;padding: 5px 10px;color: #1d95bd;font-size: 1.4em;text-decoration: none;}
ul#nav li a.active {color: #fff;}
ul#nav li a:hover {text-decoration: underline;}
ul#nav li a span {text-indent: -10000px;}
div#footer p {color: #222;font-size: 1.1em;text-align: right;}
div#footer p a {color: #222;text-decoration:underline;}
div#footer p a.zodan {color: #222;text-decoration:none;}
div#footer p a:hover {color: #ccc;text-decoration:underline;}
p.code {background:#cdcdcd;border: solid 1px #aaa;border-left: solid 10px #aaa;color: #000;font-family:"Courier New", Courier, mono;padding: 5px;margin-bottom: 18px;}
span.highlight { color: #f00; }
form label {width: 100px;padding: 5px 5px 5px 0px;font-size: 1.2em;vertical-align: middle;float: left;color: #ccc;	}
form input.text {width: 100px;font-size: 1.3em;vertical-align: middle;padding: 5px;float: left;margin-right: 10px;}
form input.button {font-size: 1.2em;vertical-align: middle;padding: 5px;float: left;text-transform:uppercase;background: #282829;color: #ccc;cursor:pointer;}
#sidebar .box {	width: 281px;}
#sidebar .box .top {background: url(../img/bg_sidebarbox_top.png) left top no-repeat;height:21px;}
#sidebar .box .middle {background: url(../img/bg_sidebarbox_middle.png) left top repeat-y;padding: 10px 20px;}
#sidebar .box .bottom {background: url(../img/bg_sidebarbox_bottom.png) left top no-repeat;height:10px;}
iframe { margin-bottom: 18px;}
table.miabTable {font-size: 1.1em;line-height: 1.2em;border-collapse: separate;border-spacing: 1px;width:460px;margin-top: 6px;margin-bottom: 8px;display:block;}
th {border-bottom: solid 1px #fff;text-align: left;font-size: 0.9em;font-weight: bold;padding: 2px;}
td {border-bottom: solid 1px #222;width: auto;padding: 2px;color: #ccc;max-width: 350px;}
span.grey { color:#666;}

/* login form */
#login form p {clear:both;}
#login form {width:440px;display:table;padding:10px 0px 20px 0px;}
#login form label {clear:left;float:left;width:176px;height:20px;margin-bottom:5px;padding:0px 4px 4px 0px;}
#login form label.radio {display:inline; clear:none; width:auto;}
#login form input.radio {float:left;}
#login form input,
#login form input.input,
#login form input.text {clear:right;float:left;width:220px;height:20px;margin-bottom:5px;padding:4px;border:1px solid #acacac;}
#login form select,
#login form .input.dropdown  {clear:right;float:left;width:230px;height:30px;margin-bottom:5px;padding:4px;border:1px solid #acacac;}
#login form label.checkbox {display:inline; clear:none; width:auto;}
#login form textarea {clear:right;float:left;width:220px;height:100px;margin-bottom:5px;padding:4px;border:1px solid #acacac;}
#login form button,
#login form .button {clear:left;float:left;margin:0px 4px 0px 180px;padding:4px;border:1px solid #acacac;cursor:pointer;min-width:70px;}
#login form button:hover,
#login form input.button:hover {background:#1D95BD;color:#fff;}
#login form img {float:right;}
#login form fieldset {clear:both;}

p.error {padding: 5px;background:#C00;color:#fff;}