*
{
  margin: 0;
  padding: 0;
  font-size: 13px;
}

ul, dl
{
  list-style: none;
  margin: 0;
}

a
{
  color: #e66864;
}

a img
{
  border: 0
}

p
{
  padding: 5px 0px;
}

.error_list li, .error_list p, #noticeMessage
{
  color: #ff3333;
}

.numeric
{
  text-align: right;
}

body
{
  background: #675f5c;
}

div#layout
{
  width: 100%;
  background: #fff url("../images/header_container_bg.png") top center repeat-x;
}

div#headerContainer
{
  width: 100%;
  height: 180px;
  background: transparent url("../images/header_ribbon.png") top left no-repeat;
  margin: 0 auto;
}

div#header
{
  height: 130px;
  width: 950px;
  margin: 0 auto;
  background: url("../images/header_bg.png") right -104px no-repeat;
}

div#header div#logoBox
{
  width: 273px;
  height: 78px;
  padding-top: 36px;
}

div#headerNav
{
  width: 951px;
  height: 50px;
  margin: 0 auto;
  overflow: hidden;

}
div#headerNav ul
{
  overflow: hidden;
  width: 951px;
  height: 50px;
  background: url("../images/headerNav_bg.gif") top center repeat-x;
}
div#headerNav ul li
{
  display: block;
  height: 50px;
  float: left;
  color: #fff;
  line-height: 50px;
}
div#headerNav ul li.myname
{
  width: 210px;
  padding-left: 500px;
}
div#headerNav ul li.dashboard
{
  width: 210px;
}

div#headerNav ul li a
{
  color: #fff;
}

div#ribbonContainer
{
  overflow: hidden;
  margin: 0 auto;
}

div#layoutContainer
{
  background: transparent url("../images/backend_container_bg.png") top center repeat-y;
  overflow: hidden;
}

div#layoutContainer_single
{
  background: transparent url("../images/container_bg.png") top center repeat-y;
  overflow: hidden;
}

div#container, div#container_single
{
  overflow: hidden;
  margin: 0 auto;
  min-height: 690px;
}

div#container_single
{
  width: 900px;
  padding: 30px 25px;
}

div#container
{
  width: 925px;
  padding: 30px 25px 30px 0px;
}

div#container div#content
{
  padding-left: 250px;
}

div#container div#sidemenu
{
  float: left;
  width: 220px;
  padding: 0px;
  margin: 0;
}

div#sidemenu dl
{
  border-top: 1px solid #ccc;
}

div#sidemenu dt, div#sidemenu dd
{
  height: 40px;
}

div#sidemenu dt
{
  line-height: 41px;
  text-indent: 40px;
  background: url("../images/menu_icon.gif") 10px center no-repeat;
  cursor: pointer;
  border-bottom: 1px solid #dddddd;
}

div#sidemenu dd
{
  background: #fff;
}

div#sidemenu dd a
{
  display: block;
  height: 39px;
  line-height: 41px;
  margin-left: 10px;
  background: url("../images/menu_icon_small.gif") left center no-repeat;
  text-indent: 30px;
  text-decoration: none;
  border-bottom: 1px dotted #ddd;
  color: #666;
}

div#pagetop
{
  width: 970px;
  height: 34px;
  background: transparent url("../images/backend_container_footer_bg.png") center top no-repeat;
  margin: 0 auto;
}

div#layoutContainer_single div#pagetop
{
  background-image: url("../images/container_footer_bg.png");
}

div#pagetop p
{
  text-align: right;
  width: 900px;
}

div#footerContainer
{
  padding-top: 40px;
  background: #f8c7c3 url("../images/footer_container_bg.png") top center repeat;
}

div#footer
{
  clear: both;
  background: url("../images/footer_bg.gif") top center repeat-x;
  padding-top: 20px;
}

div#footer div#copy
{
  width: 950px;
  overflow: hidden;
  margin: 0 auto;
}

div#footer p, div#footer a
{
  color: #fff;
}

/* content */
div#content h2
{
  background: #f6f2ed;
  border: 1px solid #c3b9ac;
  color: #6c6461;
  font-size: 16px;
  padding: 5px 20px;
  margin-bottom: 10px;
}

div#content table.form, div#content table.detail, div#content table.list
{
  border-collapse: collapse;
  margin: 20px 0;
  width: 100%;
}


div#content table.form, div#content table.detail, div#content table.list,
div#content table.form td, div#content table.detail td, div#content table.list td,
div#content table.form th, div#content table.detail th, div#content table.list th
{
  border: 1px solid #c3b9ac;
}
div#content table.form td, div#content table.detail td, div#content table.list td,
div#content table.form th, div#content table.detail th, div#content table.list th
{
  padding: 5px 10px;
}

div#content table.list th
{
  font-size: 12px;
}
div#content table.list th a
{
  font-size: 9px;
  color: #ff6666;
  text-decoration: none;
}

div#content table.form th, div#content table.detail th, div#content table.list th
{
  background: #f6f2ed;
  font-weight: normal;
  color: #6c6461;
}

div#content table.form th
{
  width: 120px;
}

/* embedded forms */
div#content table.form td th
{
  display: none;
}
div#content table.form td td
{
  border: 0;
}

div#content table#couple-form td th
{
  display: block;
}

/* tinyMCE forms */
div#content table.form .mceEditor td
{
  border: 0;
  padding: 0;
}

textarea#announce_body, textarea#event_body, textarea#note_body
{
  width: 100%;
  height: 200px;
}

/* button */
a.btn, button.btn
{
  color: #fff;
  border: 0;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  display: inline-block;
  background: url("../images/btn_small.gif") center center no-repeat;
  width: 60px;
  height: 22px;
  text-align: center;
  text-decoration: none;
  line-height: 20px;
  overflow: hidden;
  vertical-align: middle;
}
a.btn
{
  padding-top: 3px;
}
a.btn-large, button.btn-large
{
  width: 100px;
  background: url("../images/btn_middle.gif");
}

div.button
{
  margin: 20px 0px;
  text-align: center;
}

p.moreInfo
{
  text-align: right;
}


/* couple form */
#defaultScheduleForm input, #defaultScheduleForm select
{
  font-size: 12px;
}


/* pager */
div.pager
{
  overflow: hidden;
}

div#pagenavi div.pager
{
  float: left;
}

div.pager ul
{
  list-style: none;
  overflow: hidden;
}
div.pager ul li
{
  float: left;
  margin-right: 5px;
  background: #999;
  color: #fff;
  height: 25px;
  line-height: 180%;
}

div.pager ul li.page
{
  width: 25px;
  text-align: center;
}

div.pager ul li a
{
  color: #fff;
  text-decoration: none;
}

div.pager ul li.current
{
  background: #f4a9a3;
}

div.pager ul li.prev a, div.pager ul li.next a
{
  display: block;
  width: 70px;
  height: 25px;
  background-position: top center;
  text-indent: -9999px;
}

div.pager ul li.prev a:hover, div.pager ul li.next a:hover
{
  background-position: bottom center;
}

div.pager ul li.prev a
{
  background-image: url("../images/btn_pager_prev.gif");
}

div.pager ul li.next a
{
  background-image: url("../images/btn_pager_next.gif");
}
div.pager ul li.disabled
{
  display: none;
}

/* couple tabs */
div#coupleExcerpt
{
  padding: 5px 0px;
  border: 5px solid #dfd5c6;
}
div#coupleExcerpt table
{
  width: 100%;
}
div#coupleExcerpt table td.date
{
  text-align: right;
}
div#coupleTab ul
{
  overflow: hidden;
  background: url("../images/couple_tab_bg.gif") center bottom repeat-x;
  margin: 5px 0;
}
div#coupleTab a
{
  text-decoration: none;
  display: block;
  line-height: 27px;
  font-size: 12px;
  text-align: center;
}

div#coupleTab ul li
{
  width: 93px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: top left;
  background-image: url("../images/couple_tab_item_bg.gif");
  float: left;
}

div#coupleTab ul li a
{
  color: #fff;
}

div#coupleTab ul li.active
{
  background-image: url("../images/couple_tab_active_bg.gif");
}

div#coupleTab ul li.active a
{
  color: #cab18b;
}

div#confirmScheduleRebuild
{
  color: #ff0000;
}

/* datepicker */
input.datepicker
{
  width: 70px;
}

/* input width */
#staff_config_mailaddress, #event_name, #announce_title, #rank_title, #rank_description, #HtmlEditForm textarea, #couple_memo, #couple_welcome_message, #note_title, #agreement_name, #agreement_description
{
  width: 98%;
}

#images iframe
{
  border: 0;
  height: 63px;
  width: 300px;
}
/* collFavorite */
div#content table#favorite-list th, div#content table#favorite-list td
{
  padding: 5px;
}
#favorite-list th.target, #favorite-list td.target
{
  width: 16px;
  text-align: center;
}
#favorite-list th.name
{
  width: 240px;
}
.stockout td, span.stockout
{
  background: #ccffff;
}
.pre_outofdate td, span.pre_outofdate
{
  background: #ffffcc;
}
.outofdate td, span.outofdate
{
  background: #ffcccc;
}
.required span
{
  color: #f00;
}
/* modal */
.modal-open .dropdown-menu{z-index:2050}.modal-open .dropdown.open{*z-index:2050}.modal-open .popover{z-index:2060}.modal-open .tooltip{z-index:2070}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop,.modal-backdrop.fade.in{opacity:.8;filter:alpha(opacity=80)}.modal{position:fixed;top:50%;left:50%;z-index:1050;width:560px;margin:-250px 0 0 -280px;overflow:auto;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box}.modal.fade{top:-25%;-webkit-transition:opacity .3s linear,top .3s ease-out;-moz-transition:opacity .3s linear,top .3s ease-out;-ms-transition:opacity .3s linear,top .3s ease-out;-o-transition:opacity .3s linear,top .3s ease-out;transition:opacity .3s linear,top .3s ease-out}.modal.fade.in{top:50%}.modal-header{padding:9px 15px;border-bottom:1px solid #eee}.modal-header .close{margin-top:2px}.modal-body{max-height:400px;padding:15px;overflow-y:auto}.modal-form{margin-bottom:0}.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;*zoom:1;-webkit-box-shadow:inset 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff}.modal-footer:before,.modal-footer:after{display:table;content:""}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.tooltip{position:absolute;z-index:1020;display:block;padding:5px;font-size:11px;opacity:0;filter:alpha(opacity=0);visibility:visible}
.hide{display:none}.show{display:block}.fade{opacity:0;-webkit-transition:opacity .15s linear;-moz-transition:opacity .15s linear;-ms-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}

/* item preview */
#previewBox
{
  width: 720px;
  height: 500px;
}
#previewBox iframe
{
  border: 0;
  width: 700px;
  height: 400px;
}
