/* (C) Wedding planIT 2007
 * Palette:
 * BlackSea      - 101012
 * DeepCrimson   - 451114
 * DarkLime      - 0E5F5B
 * SilverGrey    - 535250
 * Platinum      - D6D1D5
 * LightGrey     - EEF3F0
 * ElectricGreen - 1DC4BC
 */
body { margin: 0 auto; padding: 0; background: url(../images/back2.png) no-repeat bottom right #535250; font-family: Calibri, Helvetica, Arial, sans-serif; color: #535250; position: relative; min-width: 700px; }
body#signup { background: white; }
a { color: #0E5F5B; text-decoration: underline; }
a img { border: none; }
#content table.fayre p { margin: 0 1em 0.2em 4em; color: #535250; }
#content table.fayre h2 { margin: 0.8em 0 0.2em 0; }
#content table.fayre h3 { margin: 0.4em 0 0.2em 0; color: #101012; }
#header { height: 150px; position: relative; padding-bottom: 15px; background-color: white; }
#header a { text-decoration: none; }
#header #logo { position: absolute; width: 261px; height: 107px; top: 35px; left: 60px; }
#header #slogan { font-size: 1.2em; font-weight: bold; position: absolute; left: 300px; top: 96px; }
#header #tools { font-size: 1em; font-weight: bold;  }
#header #tools #username { position: absolute; right: 50px; top: 26px; }
#header #tools #logout { position: absolute; right: 50px; top: 66px; }
#header #tools #login { position: absolute; right: 50px; top: 32px; text-align: right; }
#navigation { background: #0E5F5B; padding: 20px 0 20px 0; margin: 0 auto; }
#navbar { width: 750px; margin: 0 auto; overflow: hidden; height: 40px; }
#navigation ul { display: inline; }
#navigation ul li { list-style: none; float: left; width: 140px; height: 40px; margin: 0 5px; }
#navigation ul li.news a { background: url(../images/tab-news.png) no-repeat; }
#navigation ul li.planner a { background: url(../images/tab-planner.png) no-repeat; }
#navigation ul li.suppliers a { background: url(../images/tab-suppliers.png) no-repeat; }
#navigation ul li.messages a { background: url(../images/tab-messages.png) no-repeat; }
#navigation ul li.profile a { background: url(../images/tab-profile.png) no-repeat; }
#navigation ul li.couples a { background: url(../images/tab-couples.png) no-repeat; }
#navigation ul li.welcome a { background: url(../images/tab-welcome.png) no-repeat; }
#navigation ul li.couple_signup a { background: url(../images/tab-couple_signup.png) no-repeat; }
#navigation ul li.supplier_signup a { background: url(../images/tab-supplier_signup.png) no-repeat; }
#navigation ul li.statistics a { background: url(../images/tab-statistics.png) no-repeat; }
#navigation ul li.preferences a { background: url(../images/tab-preferences.png) no-repeat; }
#navigation ul li a:hover { background-position: 0 -40px; }
#navigation ul li.selected a { background-position: 0 -80px; } /* Move this line up one if you want selected items to hover highlight */
#navigation ul li a { text-decoration: none; color: #0E5F5B; display: block; width: 140px; height: 40px; overflow: hidden; text-indent:-100em; }
#wrapper { background: url(../images/backstripe.png) repeat-x; }
#contentwrapper { background: url(../images/back1.png) no-repeat top left; }
#content { position: relative; width: 90%; top: -20px; margin: 0 auto; text-align: justify; padding: 0; max-width: 800px; background-color: #EEF3F0; }
#innercontent { border-left: 4px solid #D6D1D5; border-right: 4px solid #D6D1D5; border-top: 0; padding: 1px 2em 0.5em 2em; }
.cornertop { background: url(../images/corner_tr.png) no-repeat top right; }
.cornerbottom { background: url(../images/corner_br.png) no-repeat top right; }
img.corner { width: 15px; height: 15px; border: none; display: block !important; }
#content h1 { color: #101012; text-align: center; }
#content h2 {  }
#content h3 {  }
#content h4 { text-align: center; }
#content p { color: #101012; }
#content ul { color: #101012; }
#content a {  }
#utility { color: white; margin: 0 auto; text-align: center; color: #D6D1D5; font-size: 0.9em; width: 20em; }
#utility a { color: #1dc4bc; }
#copyright { clear: both; margin: 15px auto; width: 10em; text-align: center; font-size: 0.8em; color: #D6D1D5; padding-bottom: 0.5em; }
#subtab { float: left; display: block; width: 7em; }
#subtab .tab ,.emptytab { display: block; width: 7em; text-align: center; margin: 0.5em 0.25em; }
#subtab span.tab { background: #D6D1D5; }
#subtab .l1 { text-align: right; font-size: 0.8em; margin: 0 0 0 2em; padding-right: 1.12em; width: 6em; }
#subtab span.l1 {  }
#subtab a.l1 { margin-right: 1em; }
#subtab a.tab:hover { background-color: #D6D1D5; }
#subcontent { border: 2px solid #D6D1D5; margin: 1.5em 1em 0 7.25em; padding: 0.25em 0.75em; min-height: 10em; }
#subcontent b { width: 6em; float: left; }
#subcontent .main { margin: 1em 6em; }
#subtools  { margin: 0 1em 1em 7.25em; padding: 0.25em 0.75em; text-align: right; }
#ads { float: right; width: 9em; margin-left: 2em; margin-bottom: 8em; text-align: left; }
#ads h1 { font-size: 0.8em; color: #535250; text-align: left; }
#ads h2 { font-size: 1em; text-align: left; }

/* Page specific layout classes */
div.home { margin-left: 300px; }
#photo { float: left; padding-right: 0.25em; }
#photohome { float: left; padding-top: 2em; padding-right: 0.25em; }
#screenshot { clear: both; text-align: center; margin: 0 auto; }
#screenshot img { width: 100%; margin: 0.8em auto 0.4em auto; border: 2px solid #1DC4BC; }
#screenshot div.caption { font-size: 0.8em; text-align: center; color: black; }
p.supplierlogo img { margin: 0 auto; display: block;}
img.odd { float: left; margin: 0 0.5em 0.5em 0;}
img.even { float: right; margin: 0.5em 0 0 0.5em;}
p.storylink { text-align: right; }
#couple { float: left; width: 40%; border: 1px solid #451114; background-color: white; padding: 0.25em 2.5% 1em 2.5%; background-color: white; }
#supplier { float: right; width: 40%; border: 1px solid #451114; background-color: white; padding: 0.25em 2.5% 1em 2.5%; background-color: white; }
form#signup label { text-align: right; width: 8em; float: left; }
form#signup input { margin-left: 1em; }
form#signup input.agree { margin-left: 11em; }
form#signup label.accept { float: none; margin-left: 1em; }
form#signup input.ack { float: none; margin: 1em auto; font-size: 1.1em; display: block; padding: 0.2em; }
form#signup select { margin-left: 1em; }
form#signup textarea { margin-left: 1em; }
p.upgrade { border: 3px solid #451114; padding: 0.5em 0.25em 1em 0; }
p.subscribe { border: 3px solid #451114; margin: 1em; padding: 1em; text-align: center; }
span.explain { float: right; width: 25%; }
.required { font-size: 0.8em; color: #1DC4BC; }
p.registration_blurb { margin: 1em 8em; text-align: justify; }
div.errorExplanation { border: 1px solid #1DC4BC; padding: 0 1em; }
div.errorExplanation h1, div.errorExplanation h2, div.errorExplanation h3 { color: #1DC4BC; }
div.fieldWithErrors { display: inline; }
div.fieldWithErrors input { background-color: #1DC4BC; }
p#flash { color: #451114; text-align: center; font-weight: bold; }
input.checkout { margin: 2em auto 1em auto; display: block; }
form#signup p.details { margin-left: 5em; }
table.mail tbody { cursor: pointer; }
table.mail a { text-decoration: none; color: #535250; }
table.mail td { border-bottom: 1px solid #D6D1D5; }
table.mail tr.unread { font-weight: bold; color: #101012; }
table.mail tr.unread a { color: #101012; }
div.discount p { text-align: center; }
div.discount form { text-align: center; }
div.subitem { border-bottom: 1px solid #101012; }
#subcontent p.sub { margin: 1em auto; text-align: center; }
form#signup table { font-size: 0.8em; color: #101012; }
form#signup table label { float: none; text-align: left; }
div.auto_complete { width: 350px; background: #fff; }
div.auto_complete ul { border: 1px solid #888; margin: 0; padding: 0; width: 100%; list-style-type: none; }
div.auto_complete ul li { margin: 0; padding: 3px; cursor: pointer; }
div.auto_complete ul li.selected { background-color: #ffb; }
div.auto_complete ul strong.highlight { color: #800; margin: 0; padding: 0; }
#signupcontent { position: relative; width: 90%; margin: 0 auto; text-align: justify; padding: 0; width: 760px; }
table#stats thead { color: #EEF3F0; background: #101012; font-weight: bold; }
table#stats thead td { padding: 0.25em 0.5em; }
.standout { background-color: #F2F08A; color: black; }
#instruction { position: absolute; right: 4em; top: 0.05em; font-size: 0.8em; text-align: right; }
td.delete a { color: #A51114; }
h3.slist { margin: 0.1em 0; padding: 0; }
p.slist { font-size: 0.8em; margin-left: 4em; margin: 0.1em 6em; padding: 0; }
#tooltip0 { left: 30%; position: absolute; width: 20em; background-color: #EEF3F0; border: 3px solid #1DC4BC; z-index: 1200; display: none; bottom: 1em; padding: 0.5em; margin: 0; text-align: left; font-size: 0.8em; }