* { margin: 0; padding: 0; }
html { margin-bottom: 1px; height: 100%; }
body {
font: 12px/1.5 "Lucida Grande", Helvetica, Arial, sans-serif;
color: #2c2c2c;
padding: 20px;
background: url(../img/strat_bg.gif) fixed #e2e8ec;
border-top: 1px solid #02435f;
text-align: center;
}
hr {
clear: both;
height: 0;
border: 0;
visibility: hidden;
}
:focus { outline: 0; }
input.text, input[type=password], textarea, code {
font-size: 1.1em;
border: 1px solid #999;
padding: 1px 0;
}
code {
display: block;
margin: 0 0 1em 20px;
border-color: #ccc;
float: right;
padding: 10px;
}
code p { padding: 0; }
select { font-size: 1.1em; }
input.text:focus, input[type=password]:focus, textarea:focus { border-color: #02435f; }
input:disabled { color: #525252; }
small { color: #525252; }
a {
color: #02435f;
text-decoration: none;
}
a:hover {
color: #d74500;
text-decoration: underline;
}
a img { border: 0; }
address { font-style: normal; }
p, ul, ol li, address { padding-bottom: 1em; }
label { display: block; }
label small {
font-weight: normal;
font-style: italic;
}
h1, h2, h3 { font-weight: normal; }
h1 {
color: #d74500;
line-height: 1.3;
padding-bottom: .5em;
font-size: 2em;
}
h2 { font-size: 1.5em; clear: left; }
h3 { font-size: 1.167em; }
h4 { font-size: 1em; }
h5 { font-size: .875em; }
h6 { font-size: .75em; }
h2, h2 a { color: #007566 !important; }
h3, h3 a { color: #d74500; }
span.amp {
font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
font-weight: normal;
font-style: italic;
}

blockquote {
border: 1px solid #ddd;
background: #f6f6f6;
padding: 14px;
margin-bottom: 1.25em;
}
blockquote ul { list-style: inside square; }
blockquote ul, blockquote p { padding: 0; }
blockquote#errors {
border-color: #f66;
background: #fee;
}
blockquote.success {
border-color: #6f6;
background: #efe;
}
blockquote h3 {
padding-bottom: .25em !important;
color: red !important;
}
#raves blockquote {
border: 0;
background: inherit;
padding: 0;
}
#raves #primary blockquote {
margin: 1em 0 2em;
background: url(../img/quote-left.gif) no-repeat white;
padding: 0 0 0 60px;
}
#raves blockquote cite {
display: block;
text-align: right;
font-size: .9em;
}
#raves #primary blockquote cite {
padding: 1em 60px 0 0;
background: url(../img/quote-right.gif) right bottom no-repeat white;
}

#outer-container {
width: 920px;
border: 1px solid #abc5d1;
margin: 0 auto;
background: /*url(../img/grid_bg.png) 20px top repeat-y*/ white;
text-align: left;
}
#masthead {
height: 125px;
position: relative;
}
#masthead img { margin: 20px 0 0 20px; }
#masthead #form-nav {
position: absolute;
top: -21px; right: 20px;
width: 520px; height: 125px;
background: url(../img/nav_bg.jpg) #abc5d1;
}
#masthead ul {
position: absolute;
list-style: none;
top: 10px; left: 9px;
width: 171px;
border-right: 1px solid #eaf0f3;
padding: 0;
}
#masthead ul#login-nav {
left: 180px;
border: 0;
z-index: 5;
width: 170px;
}
.not-logged-in #masthead ul#login-nav { padding-bottom: 25px; }
#masthead li { margin-bottom: 1px; }
#masthead li#contact-nav, #masthead li#admin-nav { margin: 0; }
#masthead li#raves-nav { margin-bottom: 27px; }
#masthead li a {
position: relative;
left: 1px;
line-height: 1;
font-size: 1.25em;
padding: 5px 10px 5px 5px;
text-decoration: none;
text-align: right;
display: block;
border-right: 1px solid transparent;
}
#masthead ul#login-nav li a {
text-align: left;
left: 0px;
padding: 5px 5px 5px 10px;
border: 0;
border-left: 1px solid transparent;
}
#home li#home-nav a, #about li#about-nav a, #events li#events-nav a, #contact li#contact-nav a, #vids li#vids-nav a, #raves li#raves-nav a, .admin li#admin-nav a, #masthead li a:hover {
color: #d74500 !important;
border-color: #02435f !important;
background: url(../img/strat_bg.gif) fixed #e2e8ec;
}
#masthead li a:hover { color: #02435f; }
#masthead form {
position: absolute;
display: block;
top: 10px; left: 195px;
width: 310px;
}
#masthead h3 {
color: #007566;
position: relative;
padding-top: 3px;
}
#masthead h3 small {
position: absolute;
top: 0; right: 0;
font-size: .67em;
padding-top: 1em;
}
#masthead h3 small a {
color: #525252;
padding-left: 5px;
}
#masthead label {
font-size: .75em;
display: block;
padding-top: .5em;
}
#masthead input.text { width: 310px; }
#masthead input[type=password] { width: 250px; }
#masthead .submit-box {
position: absolute;
right: 0; bottom: 0;
}
#masthead #logged-in {
position: absolute;
top: 0; right: 10px;
width: 130px;
height: 75px;
padding: 10px;
background: #f3f6f8;
}
#masthead #logged-in p {
padding-bottom: .5em;
text-align: center;
}
#masthead #logged-in strong { display: block; }
#masthead #logged-in h3 {
padding-top: 0;
position: absolute;
line-height: 1;
bottom: 10px; left: 10px;
}

#stock { padding: 0 20px; }
#stock img { border: 1px solid #ddd; }
.admin #stock { margin-top: -20px; }
.admin #stock img { display: none; }


#content { padding: 20px; }

#primary {
float: left;
width: 520px;
position: relative;
}
#logout #primary {
width: 880px;
text-align: center;
padding: 40px 0;
}
#primary .embedder { padding-top: 1em; }
#primary ul.normal, #view-event #primary ul {
list-style: square;
margin-left: 20px;
}
#primary ul.form-fix-list {
list-style: none;
margin-left: 20px;
}
#primary ol.normal { padding-bottom: 1em; }
#primary ol { margin: 0 20px; }
#primary ol.normal li { padding: 0; }
#primary p a, #primary .normal a { border-bottom: 1px dotted #abc5d1; }
#primary p a:hover, #primary .normal a:hover { border-color: transparent; }
#events #primary {
float: none;
width: 880px;
}
#vids #primary { width: 700px; }
.admin #primary form h2 { padding-left: 20px; }
.admin #primary form h3 { padding: 0 0 .33em 20px; }
.admin #primary form h3 small { font-size: .67em; }
.admin #primary h3 { padding-bottom: 1em; }
.admin #primary h4 {
padding-bottom: .5em;
position: relative;
}
.admin #primary h4 a {
/*position: absolute;
top: 0; right: 0;*/
float: right;
margin-left: 10px;
font-weight: normal;
display: block;
padding-left: 13px;
background: url(../img/plus.gif) left .4em no-repeat white;
}
.admin #primary h4 a.assign { background-image: url(../img/arrow.gif); }
.admin #primary h4 a.download { background-image: url(../img/download.gif); }
.admin #primary h4 a.edit { background-image: url(../img/pencil.gif); }
.admin #primary h4 a.book { background-image: url(../img/book.gif); }
.admin #primary h4 a.compare { background-image: url(../img/compare.gif); }
#primary form#view_switch {
float: right;
width: auto;
left: 0;
margin: 0 0 1em 20px;
}
#primary form#view_switch select { width: 160px; }
#primary form {
position: relative;
left: -20px;
width: 540px;
}
#primary form table {
margin-left: 20px;
width: 520px;
}
#primary .form-item {
float: left;
width: 250px;
margin: 0 0 .5em 20px;
height: 3.25em;
}
#primary .form-item.cutinhalf { width: 115px; }
#primary .form-item p { font-size: 1.1em; }
#primary .form-item.double, #primary .form-item.triple {
height: auto;
padding-bottom: .75em;
}
#primary .form-item.triple {
float: none;
clear: left;
}
#primary .form-item h5 {
font-weight: normal;
padding-bottom: .5em;
font-style: italic;
}
#primary .form-item ul.percentages li { padding-bottom: 2px; }
#primary strong.percentages {
font-family: monospace;
text-align: right;
display: inline-block;
}
#primary .form-item input.small { text-align: right; width: 30px !important; }
#primary label { font-size: .9em; }
#primary input.text, #primary select { width: 250px; }
#primary .triple input.text, #primary .triple select, #primary textarea, #primary .triple label, #primary .triple h4, #primary .triple ul, #primary .triple ol, #primary .triple .for-sorting { width: 520px; }
#primary .triple li.ui-state-highlight {
height: 1.5em;
background: #eee;
}
#primary .triple ol {
margin: 0;
list-style-position: inside;
padding-bottom: 8px;
}
#primary .triple ol li { padding: 0; }
#primary .triple hr { margin: 1em 0; }
#primary .triple ul.connectedSortable li {
background: url(../img/sortable.gif) left center no-repeat transparent;
padding-left: 15px;
}
#primary .triple .connectedSortable li:hover, #primary .triple .connectedSortable li:active { cursor: move; }
#primary .triple ul#sortable2 { font-size: .9em; }
#primary .cutinhalf input.text, #primary .cutinhalf select, #primary .cutinhalf label { width: 115px; }
#primary .form-item.special { height: auto; }
#primary .form-item #employees input[type=radio] { width: 20px; }
#primary .form-item #employees input.text {
width: 500px;
margin: 0 0 1em 20px;
font-size: .9em;
color: #525252;
}
#primary .form-item ul { padding-bottom: 0; list-style: none; }
#primary .triple #employees input.text:focus { color: #2c2c2c; }
#primary .contract-checkbox {
width: 500px;
padding: 10px;
background: url(../img/nav_bg.jpg) #abc5d1;
}
#primary .contract-checkbox label {
font-size: 1.2em;
display: inline;
padding-left: 5px;
color: #2c2c2c;
}
#primary .contract-checkbox input { font-size: 1.2em; }
#primary textarea { height: 300px; }
#primary textarea.shorter { height: 100px; }
#primary .submit-box {
clear: both;
padding: 20px;
margin: 0 60px 0 80px;
text-align: center;
}
#primary .submit-box input {
width: 200px;
font-size: 1.25em;
}
#primary input#spam { width: 40px; }
#primary .for-sorting {
background: url(../img/nav_bg.jpg) #abc5d1;
padding: 10px 10px 0;
width: 500px !important;
margin-bottom: 1em;
}
#primary .for-sorting ol { width: 500px !important; }
#primary .form-item .for-sorting h5 {
padding-bottom: 2px;
font-weight: bold;
font-style: normal;
}

.question { padding-bottom: 1em; }
.question h4 { font-weight: normal; color: #007566; }
.answer { padding: 0 20px; }
.answer ul li { list-style-type: square; }
.answer ol { margin: 0 !important; padding-bottom: 1em; }
.answer ol li { padding: 0; }

#compare-profiles #primary { float: none; width: 880px; }
#compare-profiles #primary form { left: 0; width: auto; }
#compare-profiles #primary select { margin-bottom: 1em; }
.compare-profile { width: 420px; }
.compare-profile h3 { font-weight: bold; color: #2c2c2c; }
.host-profile { float: left; }
.guest-profile { float: right; }

.one-quarter { width: 40px; }
.half { width: 80px; }
.three-quarters { width: 120px; }
.single { width: 160px; }
.double { width: 340px; }
.triple { width: 520px; }
.quadruple { width: 700px; }
.quintuple { width: 880px; position: relative; }
.right { float: right; }
.left { float: left !important; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.center { text-align: center; }
.gutter { margin-right: 20px; clear: both; }
.gutter-no-clear { margin-right: 20px; }
.gutter-pad { padding-left: 20px; padding-right: 20px; }
.required { color: green; font-weight: bold; }
.table-bg { background: #f3f6f8; }
.hidden { display: none; }
.form-fix { padding-left: 20px; }
.no-pad { padding: 0 !important; }
.some-pad { padding-bottom: .25em !important; }
.more-pad { padding-bottom: .5em !important; }
.big-pad { padding-bottom: 1em !important; }
.pad-top { padding-top: .5em !important; }
.strong { font-weight: bold; }
.disabled { background: #f6f6f6; }
.lowercase { text-transform: lowercase; }
.bold { font-weight: bold; }
.point9em { font-size: .9em; }
.green { color: green; }
.red { color: red; }

#steps {
margin-top: .5em;
padding: 1em 0;
border-top: 1px solid #eaf0f3;
}
#steps h2 { padding-bottom: .5em; }
#steps h3 {
border-bottom: 1px dotted #f3f6f8;
margin: 0 0 .5em 73px;
}
#steps img {
float: left;
margin: .25em 10px .25em 0;
}
#steps ul {
background: #f3f6f8;
padding: 10px;
margin-bottom: 1.25em;
}
#steps ul strong {
width: 100%;
display: block;
}
#steps li {
float: left;
display: block;
width: 237px;
list-style: none;
padding-left: 13px;
background: url(../img/check.gif) left .4em no-repeat transparent;
}

option {
color: #2c2c2c;
padding: 0 10px;
}
optgroup {
color: #525252;
padding: 5px;
font-style: normal;
}

#sidebar, .pdf-callout {
float: right;
width: 310px;
padding: 15px 15px 5px;
background: url(../img/strat_bg.gif) fixed #e2e8ec;
position: relative;
}
.pdf-callout {
padding: 10px 15px;
margin-top: 4em;
}
.pdf-callout h3 { line-height: 1.4; }
.roster-pdf h3 { margin-left: 95px; }
.schedule-pdf h3 { margin-right: 130px; }
.pdf-callout a { color: #007566; }
.pdf-callout img { position: absolute; border: 1px solid #ddd; }
.pdf-callout a:hover img { border-color: #007566; }
.roster-pdf img { top: -25px; left: 15px; }
.schedule-pdf img { top: -8px; right: 15px; }
/*.admin #sidebar { background: url(../img/strat_bg2.gif) fixed #fdf6f2; }*/
#sidebar form { display: none; }
#sidebar select {
width: 310px;
margin-bottom: 1em;
}
#events #sidebar, #vids #sidebar {
width: 140px;
padding: 15px 10px 5px;
margin-top: .5em;
}
#vids #sidebar { text-align: center; }
/*.admin #sidebar { margin-top: 0; }*/
.admin #sidebar h2 small { font-size: .67em; }
.admin #sidebar h2 small a, #file-change h3 small a { color: #525252 !important; }
.admin #sidebar h3 { padding-bottom: .25em; }
.admin #sidebar .first h3 { padding-bottom: .75em; }
#events #sidebar ul, #events #sidebar li {
padding: 0;
background: transparent;
}
#sidebar h5 {
font-size: 1em;
position: relative;
top: -15px; left: -15px;
padding: 5px 15px;
width: 310px;
background: url(../img/nav_bg.jpg) #abc5d1;
}
.event, #events .event.first {
border-top: 1px solid #abc5d1;
margin-top: .5em;
padding-top: 1em;
}
.event.first, #events #sidebar .event.first, .admin .event { margin: 0; padding: 0; border: 0; }
#events .event.first { margin: 0; }
#vids .event { clear: right; }
.event img {
float: right;
margin: .25em 0 .25em 10px;
}
#vids .event img { margin-bottom: 1em; }
#raves .event img {
float: none;
margin: 0 5px 1em;
display: inline;
}
#contact #sidebar .event img {
float: left;
margin: .25em 10px 0 0;
border: 1px solid #ddd;
}
.event h2 { line-height: 1.3; }
.event h3 { padding-bottom: .75em; }
.event h4 { padding-bottom: 1em; }
.event li h4 { padding: 0; }
.event li, #sidebar fieldset li {
display: block;
list-style: none;
padding-left: 13px;
background: url(../img/check.gif) left .4em no-repeat transparent;
}
.admin .event li { background-image: url(../img/arrow.gif); }
.splits {
position: relative;
left: -20px;
width: 330px;
}
.splitter {
width: 145px;
margin-left: 20px;
float: left;
}
.not-split {
width: 310px;
margin-bottom: 1em;
border-bottom: 1px dotted #abc5d1;
}
.not-split ul { padding: 0; }
.not-split li { padding-bottom: .25em; }
.splitter h4 {
padding: 0;
border-bottom: 1px dotted #abc5d1;
margin-bottom: .25em;
position: relative;
}
.splitter h4 a, .splitter h4 strong {
font-weight: normal;
color: #525252;
position: absolute;
bottom: 1px; right: 0;
}
.splitter h4 strong {
font-weight: bold;
color: green;
}
.splitter li.empty {
padding-left: 0 !important;
background-image: none !important;
}
.splitter li.check, #sidebar fieldset li.check { background-image: url(../img/check.gif); }
.splitter li.x, #sidebar fieldset li.x { background-image: url(../img/x.gif); }
.splitter li.view, #sidebar fieldset li.view { background-image: url(../img/view.gif); }
.splitter li.add, #sidebar fieldset li.add { background-image: url(../img/plus.gif); }
.splitter li.edit, #sidebar fieldset li.edit { background-image: url(../img/pencil.gif); }
.splitter li.match, #sidebar fieldset li.match { background-image: url(../img/match.gif); }
.splitter li.book, #sidebar fieldset li.book { background-image: url(../img/book.gif); }
.splitter li.compare, #sidebar fieldset li.compare { background-image: url(../img/compare.gif); }
.splitter li.download, #sidebar fieldset li.download { background-image: url(../img/download.gif); }
.splitter li.list, #sidebar fieldset li.list { background-image: url(../img/list.gif); }
#sidebar fieldset {
margin: .5em 0 1.25em !important;
border: 1px solid white;
border-width: 1px 0;
position: relative;
left: -5px;
width: 310px;
padding: 10px 5px 0;
}
#sidebar legend {
color: #2c2c2c;
font-weight: bold;
border: 1px solid #ddd;
border-width: 0 1px 1px 0;
text-align: center;
padding: .25em 10px;
background: white;
}
#sidebar legend small { font-size: .75em; }
#sidebar legend a {
padding-left: 3px;
color: #787878;
font-weight: normal;
}

#sidebar #video {
display: none;
position: relative;
left: -15px; bottom: -5px;
background: white;
width: 255px;
padding: 20px 15px 15px 70px;
background: url(../img/video.jpg) 15px 20px no-repeat white;
}
#sidebar #video a { text-decoration: underline; }


.popbox, .iframe, .pdfbox {
float: right;
width: 160px;
margin: .25em 0 1em 15px;
}
.popbox { clear: right; }
.pdfbox {
width: 115px;
padding-right: 45px;
background: url(../img/big_pdf.gif) right center no-repeat white;
}
.pdfbox p { padding: 0; }
.iframe {
width: 340px;
margin: .25em 0 0 20px;
}
.iframe h4 {
padding-top: .75em;
font-weight: normal;
}
.popbox img {
border: 1px solid #abc5d1;
float: none;
margin: 0 0 .5em;
}
#events .popbox img { border: 0; }
iframe { border: 1px solid #abc5d1; }
.popbox a:hover img { border-color: #02435f; }
.popbox h5, .popbox h4 {
font-weight: normal;
color: #525252;
}
.popbox h5 {
margin-top: -5px;
padding: 0 0 5px 5px;
border: 1px solid #e2e8ec;
border-width: 0 0 1px 1px;
}

.svar_box {
position: relative;
top: -6px;
left: -6px;
padding: 6px;
}
.svar_box h3 { padding: 0 !important; }

.preview {
margin: 0 0 1.5em 20px;
padding: 10px;
background: #f3f6f8;
}
.preview ul { list-style: inside square; }

.sellbox {
background: url(../img/nav_bg.jpg) #abc5d1;
margin: 0 0 1.25em;
padding: 15px;
float: none;
}
.first .sellbox { width: 490px; }
.sellbox h2, .sellbox h3, .sellbox h4 { color: #2c2c2c; padding: 0; }

h4#plugs {
position: absolute;
top: .5em; right: 0;
text-align: right;
}
h4#plugs a { padding-left: 22px; }
h4#plugs a#rss { background: url(../img/feed.gif) 6px center no-repeat white; }
h4#plugs a#download { background: url(../img/download.gif) 10px center no-repeat white; }
h4#plugs small { font-weight: normal; }

#footer {
margin: 0 auto;
width: 920px;
text-align: left;
padding-top: 1.5em;
font-size: .9em;
color: #525252;
position: relative;
}
#footer h4 { width: 360px; }
#footer p {
width: 360px;
color: #787878;
padding: .5em 0 0;
}

#footer ul {
position: absolute;
top: 1.5em; right: 0;
list-style: none;
width: 540px;
height: 54px;
background: url(../img/boilerplate.gif) left top no-repeat transparent;
padding: 0;
}
#footer li {
position: absolute;
top: 25px;
}
#footer li#bp_ismi { top: 0; left: 225px; width: 315px; }
#footer li#bp_sm { left: 10px; width: 85px; }
#footer li#bp_pd { left: 100px; width: 50px; }
#footer li#bp_bg { left: 160px; width: 45px; }
#footer li#bp_isem { left: 215px; width: 40px; }
#footer li#bp_strat { left: 265px; width: 60px; }
#footer li#bp_expo { left: 335px; width: 50px; }
#footer li#bp_sum { left: 395px; width: 65px; }
#footer li#bp_dot { left: 465px; width: 20px; }
#footer li#bp_wip { left: 495px; width: 35px; }

#footer li a {
text-indent: -10000px;
height: 29px;
display: block;
}
#footer li#bp_ismi a { height: 25px; }

table {
border-collapse: collapse;
font-size: 1em;
line-height: 1.5;
width: 100%;
margin: .25em 0 1.5em;
}
td, th {
border: 1px solid #ddd;
border-width: 1px 0;
padding: .5em 0;
}
th {
border-color: #525252;
background: url(../img/nav_bg.jpg) #abc5d1;
text-align: center;
font-size: .83em;
text-transform: uppercase;
font-weight: normal;
}
/*tr:hover { background: #fbece5; }*/
td h3 {
padding: 0 !important;
color: #2c2c2c;
}
td h3 a { color: #02435f; }
/*td a { border-bottom: 1px dotted #abc5d1; }
td a:hover { border-color: transparent; }*/
td .hidden p {
padding: .25em 0 0;
}
tr.highlighted td { background: #fbece5; }
#primary td.single select { width: 160px; }


.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

@media print {
	body {
	background: white;
	border: 0;
	}
	#outer-container {
	width: 880px;
	border-width: 1px 0 0;
	margin: 0;
	}
	#masthead img { margin-left: 0; }
	#masthead #form-nav { right: 0; }
	#stock { display: none; }
	#content { padding: 0; }
	#footer { margin: 0; }
}













/* Admin link highlighting. Shit, I need to organize this sloppy style sheet. */
#view-events li#view-events-nav, #add-event li#add-event-nav, #edit-event li#edit-event-nav, #view-venues li#view-venues-nav, #add-venue li#add-venue-nav, #edit-venue li#edit-venue-nav, #view-users li#view-users-nav, #view-companies li#view-companies-nav, #view-all-companies li#view-all-companies-nav, #assign-companies li#assign-companies-nav, #add-user li#add-user-nav, #edit-user li#edit-user-nav, #edit-company li#edit-company-nav, #add-times li#addedit-times-nav, #edit-times li#addedit-times-nav, #view-times li#view-times-nav, #set-schedule li#set-schedule-nav, #view-schedule li#view-schedule-nav, #view-oneoff-schedule li#view-oneoff-schedule-nav, #set-non-meetings li#set-non-meetings-nav, #set-attendees li#set-attendees-nav, #add-side-meeting li#add-side-meeting-nav, #edit-side-meeting li#edit-side-meeting-nav, #edit-attendees li#edit-attendees-nav, #batch-email li#batch-email-nav, #edit-profile li#edit-profile-nav, #view-profile li#view-profile-nav, #match-profiles li#match-profiles-nav, #oneoff-email li#oneoff-email-nav, #view-event li#view-event-nav, #add-presentation li#add-presentation-nav {
font-weight: bold;
background-color: white;
background-position: 5px .4em;
margin: 0 -5px; padding: 0 5px 0 18px;
}




































/* DROP SHADOW TEST
#masthead #form-nav { top: -20px; }
#outer-container {
width: 929px;
background: url(../img/ds/container_bg.png) right top no-repeat transparent;
border: 0;
position: relative;
z-index: 1;
}
#inner-container {
width: 920px;
background: white;
}
#footer {
width: 929px;
background: url(../img/ds/footer_bg.png) left top no-repeat transparent;
}
#top1 {
position: absolute;
z-index: 5;
top: -20px; left: 900px;
width: 9px; height: 20px;
background: url(../img/ds/container_bg.png) right top no-repeat transparent;
}


/* TINY LOGIN TEST
#masthead li a { text-align: right; }
#masthead form { left: 355px; width: 150px; }
#masthead input.text { width: 150px; }
#masthead input[type=password] { width: 90px; }
#masthead h3 small { display: none; }
*/

/* THREE WIDE TEST
#primary .form-item {
width: 160px;
margin-right: 20px;
}
#primary input.text, #primary select { width: 160px; }
#primary .double input.text, #primary .double select { width: 340px; }
*/
 
/* 170-WIDE TEST
#outer-container { width: 970px; }
.single, .popbox { width: 170px; }
.double, .iframe { width: 360px; }
.triple, #primary, #masthead #form-nav { width: 550px; }
#sidebar, #sidebar h5 { width: 330px; }
#masthead ul { width: 180px; }
#masthead form { left: 205px; width: 330px; }
#masthead input.text { width: 330px; }
.first .sellbox { width: 520px; }
#masthead input[type=password] { width: 270px; }
#events #primary { width: 930px; }
#contact #primary { width: 570px; }
#events #sidebar, .sellbox { width: 150px; }
#steps li { width: 251px; }
#footer { width: 930px; } */

/* MORE THAN FOUR TEST
#masthead ul#login-nav { display: none; } */
#masthead #form-nav {
width: 340px;
right: 200px;
}
#masthead form {
top: 41px;
left: 360px;
width: 160px;
}
#masthead h3 { display: none; }
#masthead input.text { width: 160px; }
#masthead input[type=password] { width: 100px; }
#masthead ul { border-color: #c0d4dd; width: 160px; }
#masthead ul#login-nav {
left: 170px;
border: 0;
border-left: 1px solid #c0d4dd;
z-index: 5;
width: 160px;
}
#masthead li a { padding-right: 9px; }
#masthead ul#login-nav li a {
text-align: left;
left: -1px;
padding: 5px 5px 5px 9px;
border: 0;
border-left: 1px solid transparent;
}
#masthead label { padding: 0; }
#masthead .form-item { padding-bottom: .5em; }
#masthead .submit-box { bottom: .5em; }
#masthead #logged-in {
top: 41px; left: 360px;
width: 160px; height: 68px;
padding: 0;
background: white;
}
#masthead #logged-in h3 {
width: 160px;
text-align: right;
display: block;
bottom: 0; left: 0;
}

body#contract #primary h2 { padding-bottom: .25em; }











































/* Modal window test */
#overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
background: white;
opacity: .75;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
z-index: 101;
}
* html #overlay {   
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#modal {
position: fixed;
top: 20%;
left: 30%;
width: 40%;
z-index: 102;
background: url(../img/strat_bg.gif) fixed #e2e8ec;
}
* html #modal { position: absolute; }
#window {
padding: 20px;
border: 1px solid #abc5d1;
opacity: 1;
}
#window ol { margin-left: 20px; }
.close-window {
position:absolute;
width:32px;
height:32px;
right:8px;
top:8px;
background:transparent url('/examples/modal-simple/close-button.png') no-repeat scroll right top;
text-indent:-99999px;
overflow:hidden;
cursor:pointer;
opacity:.5;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
}
.close-window:hover {
opacity:.99;
filter: alpha(opacity=99);
-moz-opacity: 0.99;
}