/* typography */

body { font : 72%/1.5 "Tahoma", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color : #000000; }
h2, h3, h4, p, ul, blockquote { margin : 0 0 .75em; }
h2, h3 { margin-bottom : .15em; font-weight : normal; }
h2 { font-size: 200%; color: #000000; margin-top: 20px; }
h3 { font-size: 140%; color: #FC7C00; margin-bottom: 15px; }
p { font-size : 100%; }
strong { font-weight: bold; }


/* layout */
html { text-align : center; }
div.content { position : relative; width : 770px; margin : 0 auto; text-align : left; }
div.divide { border-top: 1px solid #CCCCCC; padding-top: 20px; padding-bottom: 20px; clear: both; }

/* main_nav */
div#main_nav { position : relative; z-index : 1; height : 0.8em; background: #BFCED5; width : 100%; }


/* branding */
div#branding { width : 100%; position : relative; z-index : 10; height : 90px; background: #fff; }
div#branding h1 { position : absolute; top : 15px; right : 0px; display: block; }
div#branding h1 a { width : 179px; height : 55px; background: url(../images/midwich-logo.gif) no-repeat; text-indent: -9999px; display: block; }
div#branding h2 { position : absolute; top : 20px; color: #A6BCC6; }


/* edit tables */
input { color: #FC7C00; border: 1px solid #999999; margin: 0px; padding: 5px; background: #FFF2E6; }
select { color: #FC7C00; border: 1px solid #999999; margin: 0px; padding: 0px; background: #FFF2E6; }


.btn { background: #eee url(../images/btnbg.gif) repeat-x; padding: 3px 10px; border: 1px solid #999999; color: #000000; text-decoration: none; width: 150px; display: block; text-align: center;}
a:hover.btn { background: #ccc; padding: 3px 10px; border: 1px solid #000; color: #000000; text-decoration: none; }
.delete { font-weight: bold; color: #FF0000; }
.add { font-weight: bold; color: #339900; }
.first, .last { width: 10px; }
.large { font-size:160%; }
.date-chooser { width : 24px; height : 24px; background: url(../images/calendar.gif) no-repeat; text-indent: -9999px; display: block; float:left }


.reg-form { width: 360px; float: left;}
.reg-form div { overflow: hidden; height: 100%; padding: 4px 0 4px 2px; border-top: 1px solid #eee; }
.reg-form label { float: left; line-height: 20px; width: 125px; }
.reg-form #orgaccounts label { float: left; line-height: 20px; width: 100%; }
.reg-form span { float: left; line-height: 20px; padding: 0 0 0 8px; }
.reg-form span.yui-link-button { padding: 0; }
.reg-form .text { float: left; width: 205px; height: 18px; margin: 0; padding: 2px 0 0 3px; color: #000; border: 1px inset #fff; }

.reg-form select.text { height: 22px; }

/* nlisgo@panoetic - Highlight required fields */
.reg-form .error { border: 1px solid #F00; }

.right { margin-left: 50px; }


.RegError { color: #FC7C00; display: block; width: auto; }
.RegError label{ display: block; margin: 0, 0, 0.5em, 1em; }


#MidwichHeader input { color: #000; border: 1px solid #000; margin: 0px; padding: 0px; background: #FFF; }
#MidwichHeader select { color: #000; border: 1px solid #000; margin: 0px; padding: 0px; background: #FFF; }
#alignmeright input { vertical-align: bottom; border: 0;}
#alignmecorrent { position: absolute; top: 0; right: 0; }

div.align-center { text-align: center; }

#footer strong { font-weight: bold; }

#orgaccounts li { display: block; float: left; width: 150px; }
#orgaccounts ul { display: block; padding: 5px 0 40px 0; width: 100%; }