/*------------------------------------------------------------------------------------------------------------*/

#content a { margin-right: 10px; }

/*------------------------------------------------------------------------------------------------------------*/

#appHolder { width: 400px; margin: auto; }

#appHolder h2 { margin-bottom: 10px; border-bottom: 1px dotted #000; font-style: italic; padding-bottom: 2px; }

#appHolder form label, input.field, select{ display: block; float: left; margin-bottom: 10px; }
#appHolder form label{ width: 100px; padding-top: 3px; }
#appHolder form br{ clear: left; }
#appHolder form i { font-size: 10px; display: block; float: left; margin-left: 10px; padding-top: 4px; }

#appHolder form input#firstname { width: 150px }
#appHolder form input#lastname { width: 180px }
#appHolder form input#street { width: 220px }
#appHolder form input#city { width: 90px }
#appHolder form input#eaddy { width: 250px }
#appHolder form input#url { width: 250px }

/*------------------------------------------------------------------------------------------------------------*/

pre#calc { width: 275px; margin: 0 auto 15px auto; padding: 3px; border: 1px dotted #333; background-color: #F9F9F9; }

/*------------------------------------------------------------------------------------------------------------*/

h2 { margin-bottom: 10px; border-bottom: 1px dotted #000; font-style: italic; }

.dataBox { margin: 0 10px 15px 10px; width: 250px; float: left; background: url(../../images/content/bg.gif) repeat-x #F8F2DA; padding: 5px; border: 2px solid #EFE6C2; }
.dataBox label { float: left;  width: 100px; font-weight: bold; color: #333; margin-bottom: 5px; }
.dataBox div.field { float: left;  width: 120px; }
.dataBox br { clear: both; }
.dataBox div.row { padding: 2px 0 2px 0; }
.dataBox div.odd { background-color: #EEE; }

/*------------------------------------------------------------------------------------------------------------*/

div.pullButton { color: #555; margin-bottom: 10px; font-weight: bold; cursor: pointer; }

.holder { display: none; }
.holder div.banner { margin-bottom: 15px; }
.holder div.banner img { margin-bottom: 5px; }
.holder div.banner textarea { height: 50px; width: 500px; }

/*------------------------------------------------------------------------------------------------------------*/

#adOfficeNav { position: absolute; top: 30px; left: 610px; width: 150px; border: 1px solid #222; }
#adOfficeNav a { position: relative; display: block; color: #EEE; background: #0D416F; padding: 10px 44px; margin: 0; border-bottom: 1px solid #222; }
#adOfficeNav a:hover { background: #0F4D7F; }
#adOfficeNav a img { position: absolute; top: 7px; left: 12px; }
#adOfficeNav #adNavHead { position: absolute; top: -31px; right: -1px; }


/*------------------------------------------------------------------------------------------------------------*/

.holder { position: relative; margin-bottom: 15px; }
.holder label { float: left;  width: 130px; font-weight: bold; color: #000; margin-bottom: 5px; padding-top: 3px; }
.holder div.field { display: inline; }
.holder br { clear: both; }
.holder input.field { width: 250px; }

/*------------------------------------------------------------------------------------------------------------*/