* { margin:0; padding:0; }
body { text-align:center; background-color:white; padding:0; margin:0; font: small/135% Arial, Helvetica, sans-serif; }
html { overflow-y:scroll; }

p { margin:0 0 15px 0; }
p.flat { margin:0; }
a img { border:0; }
object, embed { display:block; }

.inner { width:860px; margin:0 auto; position:relative; text-align:left; }
.clear { display:block; position:relative; clear:both; height:0; overflow:hidden; font-size:0; line-height:0; }

#header { height:100px; background:#afc3ce url(/img/header_bg.gif) top left repeat-x; }
#header .inner { height:100px; }
#header h1 { margin:0 0 0 25px; padding:20px 0 0 0; }
#header h1 a { display:block; margin:0; width:318px; height:0; padding-top:80px; overflow:hidden; line-height:150%; background:transparent url(/img/logocom.png) top left no-repeat; }

#header #nav { position:absolute; top:0; right:15px; }
#header #nav ul { padding:0; margin:0; }
#header #nav ul li { display:inline; }
#header #nav ul li a { display:block; float:left; padding:8px 10px; border-right:1px solid #d8e2e6; font-size:11px; line-height:100%; color:white; text-decoration:none; text-transform:uppercase; }
#header #nav ul li span { display:block; float:left; padding:8px 0 8px 10px; font-size:11px; line-height:100%; color:#eeeeff; text-decoration:none; text-transform:uppercase; }
#header #nav ul li a img { position:absolute; top:10px; right:0; }
#header #nav ul li a:hover { color:#ddd; }
#header #nav ul li a.last { border:0; }

#tab-nav ul { list-style-type:none; padding:0; margin:0; height:24px; position:absolute; bottom:0; right:10px; }
#tab-nav ul li { display:block; float:left; width:150px; height:24px; padding:0; margin:0 1px 0 0; }
#tab-nav ul li a { color:#656565; display:block; height:24px; text-decoration:none; padding:0 0 0 23px; line-height:180%; }
#tab-nav ul li#create { width:151px; }
#tab-nav ul li#build { width:162px; }
#tab-nav ul li#refer { width:160px; }
#tab-nav ul li#create a { padding-left:28px; background:white url(/img/tab_see_bg02.gif) top left no-repeat; }
#tab-nav ul li#build a { padding-left:21px; background:white url(/img/tab_refer_bg02.gif) top left no-repeat; }
#tab-nav ul li#refer a { padding-left:26px; background:white url(/img/tab_build_bg02.gif) top left no-repeat; }
#tab-nav ul li#create a:hover { color:black; background:#666 url(/img/tab_see_bg02.gif) 0 -24px no-repeat; }
#tab-nav ul li#build a:hover { color:black; background:#666 url(/img/tab_refer_bg02.gif) 0 -24px no-repeat; }
#tab-nav ul li#refer a:hover { color:black; background:#666 url(/img/tab_build_bg02.gif) 0 -24px no-repeat; }
#tab-nav ul li#create a.selected, #tab-nav ul li#create a.selected:hover { background:#f8f8f8 url(/img/tab_see_bg03.gif) top left no-repeat; }
#tab-nav ul li#build a.selected, #tab-nav ul li#build a.selected:hover { background:#f8f8f8 url(/img/tab_refer_bg03.gif) top left no-repeat; }
#tab-nav ul li#refer a.selected, #tab-nav ul li#refer a.selected:hover { background:#f8f8f8 url(/img/tab_build_bg03.gif) top left no-repeat; }

#main { width:860px; margin:0 auto; text-align:left; position:relative; height:100%; color:#333; }
#main h2 { font-weight:normal; color:#666; }
#main a { color:#888; }
#main a:hover { color:#aaa; }
#main-left { float:left; width:660px; padding-top:10px; position:relative; height:100%; }
#main-left-rsvp { float:left; width:550px; padding-top:10px; position:relative; height:100%; }
#main-right { width:190px; float:right; color:#666; padding-top:10px; }
#main-right h2 { font-size:17px; line-height:23px; margin:0; }
#main-right h2 a { color:#666; text-decoration:none; }
#main-right h2.open { background-color:#666; color:white; padding:4px 20px 4px 20px; font-size:12px; line-height:155%; margin:0 0 1px 0; }
#main-right h2.checked { background:#666666 url(/img/check01.gif) right -50px no-repeat; }
#main-right .h-acc-open { background:white url(/img/gradient_tall.gif) top left repeat-x; padding:17px 10px 1px 10px; font-size:11px; line-height:185%; }
#main-right .h-acc-open h2 { padding:0 15px 14px 5px; border-bottom:1px solid #ccc; margin-bottom:15px; }
#main-right .h-acc-open h3 { font-size:10px; line-height:10px; text-transform:uppercase; font-weight:normal; padding:0 0 10px 0; border-bottom:1px solid #ccc; margin-bottom:5px; }
#main-right .h-acc-open ul, #main-right .h-acc-open ol { margin:0 0 15px 0; padding:0; font-size:11px; }
#main-right .h-acc-open li { margin:0 0 5px 23px; padding:0 5px 0 0; line-height:135%; }
#main-right .h-acc-open p { padding:0 0 0 5px; font-size:11px; line-height:135%; }
#main-right .h-acc-open p.buttons { padding:0; line-height:20px; }
#main-right a.h-acc-closed { display:block; text-decoration:none; background-color:#b2b2b2; font-size:12px; line-height:155%; color:white; margin-bottom:1px; padding:4px 20px 4px 20px; }
#main-right a.h-acc-closed:hover { background-color:#666666; }
#main-right a.checked { background:#b2b2b2 url(/img/check01.gif) top right no-repeat; }
#main-right a.checked:hover { background:#666666 url(/img/check01.gif) right -50px no-repeat; }


#main-right a.gray-button { display:block; width:160px; height:20px; background:#ddd url(/img/button_bg04.gif) top left no-repeat; color:#808080; text-decoration:none; margin-bottom:5px; text-indent:10px; }
#main-right a.gray-button:hover { background:#ccc url(/img/button_bg04.gif) 0 -40px no-repeat; color:white; }
#main-right a.gray-button:active, #main-right a.selected, #main-right a.selected:hover { background:#808080 url(/img/button_bg04.gif) 0 -80px no-repeat; color:white; }

#splash-outer { background-color:#483E26; margin:54px 0 0 0; width:662px; border:1px solid #483e26; border-right:0; border-left:0; }
#splash { width:660px; height:440px; background-color:#000; color:#666; text-align:center; }
#splash a { color:#999; }

#main2 { background:#fff url(/img/hsep.gif) center 15px no-repeat; padding-top:12px; }
#main2 .outline { width:115px; float:left; background:#fff url(/img/gradient_medium.gif) top left repeat-x; margin-top:15px; }
#main2 .outline2 { padding:0 9px 30px 9px; }
#main2 .outline h2 { font-size:11px; font-weight:normal; color:#666; padding:5px 0 9px 0; border-bottom:1px solid #d9d9d9; margin-bottom:6px; }
#main2 .outline a { display:block; float:left; width:80px; height:15px; text-align:right; color:#bfbfbf; text-decoration:none; background:transparent url(/img/sample_bg.gif) top left no-repeat; }
#main2 .outline a:hover, #main2 .outline a.selected { color:#666; background:transparent url(/img/sample_bg.gif) 0 -16px no-repeat; }
#main2 #previews { float:left; width:732px; }
#main2 .preview { width:122px; float:left; font-size:12px; }
#main2 .preview a { display:block; padding:34px 0 25px 11px; background:transparent url(/img/preview_bg.gif) 0 21px no-repeat; text-decoration:none; color:#666; }
#main2 .preview a:hover { background:transparent url(/img/preview_bg02.gif) 0 15px no-repeat; }
#main2 .preview a.selected { background:transparent url(/img/preview_bg03.gif) top left no-repeat; }

#footer { width:860px; margin:0 auto; text-align:right; color:#cccccc; padding:2px 0 30px 0; font-size:0.8em; border-top:1px solid #ebebeb; }

a.select { display:block; height:0; padding-top:20px; overflow:hidden; position:absolute; bottom:10px; left:45%; }
a.template { width:100px; background:transparent url(/img/btn_select_template01.gif) 0 0 no-repeat; }
a.template:hover { background:transparent url(/img/btn_select_template01.gif) 0 -20px no-repeat; }
a.template:active { background:transparent url(/img/btn_select_template01.gif) 0 -40px no-repeat; }
a.save { display:block; width:97px; height:0px; padding:20px 0 0 0; overflow:hidden; border:0; margin:0 0 0 auto; background:transparent url(/img/btn_save_changes.gif) top left no-repeat; }
a.save:hover { background:transparent url(/img/btn_save_changes.gif) 0 -40px no-repeat; }
a.save:active { background:transparent url(/img/btn_save_changes.gif) 0 -80px no-repeat; }

input.text, textarea { background-color:#f5f5f5; border: 1px solid #ccc; }
.checkbox, .radio { margin-bottom:-1px; }

.error { background-color:#FFB6C1; margin:0 90px 25px 0; padding:10px 15px; border:1px solid #f00; color:black; }
.success { background-color:#B6FFC1; margin:0 90px 25px 0; padding:10px 15px; border:1px solid #090; color:black; }
.error ul, .success ul { margin:0; padding:0 0 0 25px; }

/*** Tricked out styles: Yellow Theme ***/
#yellow #header { background:#fff890 url(/img/header_bg03.gif) top left repeat-x; }
#yellow #header h1 a { background-image:url(/img/logo03.gif); }
#yellow #header #nav ul li a { color:#534419; border-right:1px solid #d4c95f; }
#yellow #header #nav ul li a:hover { color:black; }