@import "mslo.css";

/*General layout changes*/
#ms-global-page-content{
  padding-left:2px;
  position: static;
}
#global_nav #global_nav_weddings a {
	background: none;
}
#ms-global-page-content {
  background: none;
}
#ms-global-footer {
  background:transparent url(http://images.marthastewart.com/images/assets/global/ms-global-ftr-noflourish-bg-blue.gif) no-repeat;
}



/*Changes for modal overlay*/
.mask {
  z-index: 2000;
}
#ms-global-wrap {
  overflow: visible;
}

/*Default styles*/
a:hover {
	text-decoration: underline;
	color: #0CAABB;
}
.moduleHeader {
	font-size: 14px;
	color: #fff;
}

/*Phase 1  Vendor Search Page*/
.ratingTable {
	background: url(http://images.marthastewart.com/images/assets/module/weddingwire/rating_bg.gif) no-repeat;
	width: 59px;
}
.ratingOverall {
	font: bold 18px georgia, serif;
	color: #AF3C94;
}
.ww_power_by {
	width: 219px;
	height: 28px;
	background: url(http://images.marthastewart.com/images/assets/module/weddingwire/powerd_by_ww.gif) no-repeat;
	position: relative;
	display: block;
	clear: both;
	margin: 20px auto 0 auto;
}
.ww_power_by h3 {
	text-indent: -9999px;
	width: 219px;
	height: 28px;
	position: absolute;
	top: 0;
	left: 0;
}
.moduleHeader {
	background-color:#89bfee;
}
.vProfileTitle {
  color: #000000;
  font-family:Arial,Helvetica;
  font-size:22px;
}
.smallText {
  font-size:12px;
  font-family:Arial,Helvetica;
}
.moduleTitle a, .moduleTitle a:hover {
	color: white;
	text-decoration: underline;
}
.profileAboutBox td a,.profileAboutBox td a:visited, .profileAboutBox td a:hover {
	color: #0CAABB;
}
h1, #headerText {
	color:#3d3f3f;
	font-size: 19px;
	margin: 10px 0;
}
#wedding_wire_plug {
	overflow: none;
	display: block;
	margin-bottom: 70px;
}
#wedding_wire_plug #wedding_wire_plug_top {
	background: url(http://images.marthastewart.com/images/assets/module/weddingwire/vendorsearch_top.jpg) no-repeat top;
	height: 160px;
	margin: 0;
	padding: 0;
}
#wedding_wire_plug_top #table_container {
	position: relative;
}
#table_container h1 {
	display: none;
	margin: 0;
	padding: 0;
}
#wedding_wire_plug_top #table_container .smallText {
	margin-top: 3px;			
}
#cat_near, #cat_find, #bus_near, #bus_find {
	position: absolute;
	width: 310px;
	min-width: 310px;
}
#cat_find, #bus_find {
	left: 0px;
}
#cat_near, #bus_near {
	left: 310px;
}
#bus_near .bannerText, #bus_find .bannerText{
	margin-top: 2px;
}
#wedding_wire_plug_top #table_container .button_holder {
	position: absolute;
	left: 600px;
	top: -2px;
}
#wedding_wire_plug_top #table_container .bannerText {
	color: #af3c94;
	font-size: 18px;
	padding-right: 7px;
}
#wedding_wire_plug_top #table_container .bigSelectInput {
	width: 250px;
}
#wedding_wire_plug_top #table_container .bigTextInput {
	width: 250px;
}
#catSearch, #busSearch {
	position: absolute;
	top: 69px;
	left: 275px;
	width: 710px;
	height: 50px;
}
.switch_text_container {
	margin-left: 50px;
	position: absolute;
	top: 28px;
}
.switch_text_container .smallestText {
	margin-left: 100px;
	font-size: 12px;
}
#wedding_wire_plug .left {
	background: url(http://images.marthastewart.com/images/assets/module/weddingwire/vendorsearch_left.jpg) no-repeat;
	width: 428px;
	float: left;
	margin-top: 36px;
	margin-left: 27px;
	padding-top: 421px;
}
#wedding_wire_plug .right {
	background: url(http://images.marthastewart.com/images/assets/module/weddingwire/vendorsearch_right.jpg) no-repeat;
	width: 428px;
	float: left;
	margin-top: 32px;
	margin-left: 50px;
	padding-top: 426px;
	font-family: Arial;
}
#wedding_wire_plug .left p, #wedding_wire_plug .right {
	color: #3d3f3f;
	font-size: 12px;
	padding-left: 10px;
	font-family: Arial;
}
#wedding_wire_plug .left h1, #wedding_wire_plug .right h1 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
#wedding_wire_plug .right p {
	padding-left: 0;
	margin-left: 0;
	width: 390px;
}
#wedding_wire_plug .ww_power_by {
	margin-left: 380px;
}
#searchResults .ww_power_by {
  margin: auto;
}

/* review_rating */
#ww_review_rating .distinctText,
#ww_review_rating .strong {
	font: bold 16px georgia, serif;
}
#review_rating_button {
	width: 200px;
	height: 21px;
	background: url(http://images.marthastewart.com/images/assets/module/weddingwire/search_for_reviewed_vendors.gif) no-repeat;
	position: relative;
}
#review_rating_button a {
	position: absolute;
	width: 200px;
	height: 21px;
	top: 0;
	left: 0;
	text-indent: -9999px;
}

/* Vendor Results*/
.searchMouseOver {
	background:transparent url(http://images.marthastewart.com/images/assets/module/weddingwire/highlighted-gradient.gif) repeat-x scroll 0pt 0pt;
}
.vendorName {
	font-size: 16px;
}
/*Phase II stuff*/
table.checklistBodyTable th {
  background-color:#fec4f1;
  color: #af3c94;
  text-align: center;
}

table.checklistBodyTable td {
  background-color: white;
}
tr .row-highlight {
  background-color: #fddef6;
}
.timelineHeaderStyle h1, .checklistHeaderStyle h1, .budgetHeaderStyle h1, .guestlistHeaderStyle h1, .seatingHeaderStyle h1 { /* Headers ex. "My Checklist"*/
  color: #af3c94;
  font: bold 25px georgia, serif;
}

/*My Checklist Styles*/
.checklistBodyStyle {
  background-color: #fddef6;
}

/*My Budget*/
.budgetGrandTotalTable {
  background-color: #fec4f1;
}
table.budgetCategoryHeader th {
  background-color: #fec4f1;
}
.moduleHeader {
  background-color:#fec4f1;
  color: #3d3d3d;
}
#myrequests {
  margin: 15px;
}
#myBudget .clear a img {
  margin-left: 15px;
}

/*Guestlist */
.guestlistBodyStyle {
  background-color:#fddef6;
}
table.guestlistTable th {
  background-color: #fec4f1;
  color: #af3c94;
}

/*Timeline*/
.yui-skin-ww .yui-navset .yui-nav, 
.yui-skin-ww .yui-navset .yui-navset-top .yui-nav { /*Bottom border of entire tab nav*/
  border-color:#fddef6;
}
.yui-skin-ww .yui-navset .yui-nav .selected a, 
.yui-skin-ww .yui-navset .yui-nav .selected a em { /*Top border of selected tab nav*/
border-color:#fddef6;
}
.yui-skin-ww .yui-navset .yui-nav .selected a, 
.yui-skin-ww .yui-navset .yui-nav .selected a:focus, 
.yui-skin-ww .yui-navset .yui-nav .selected a:hover {   /*active tab background color*/
  background:#fddef6;
}
.yui-skin-ww .yui-navset .yui-nav a, 
.yui-skin-ww .yui-navset .yui-navset-top .yui-nav a 
.yui-skin-ww .yui-navset .yui-nav a:hover, 
.yui-skin-ww .yui-navset .yui-nav a:focus { /*Non-Active tab background color*/
  background:#efa8dd;
}
.yui-skin-ww .yui-navset .yui-nav a em, 
.yui-skin-ww .yui-navset .yui-navset-top .yui-nav a em { /*Non-Active tab top border color*/
  border-color:#efa8dd;
}
.yui-skin-ww .yui-navset .yui-content, 
.yui-skin-ww .yui-navset .yui-navset-top .yui-content { /*body border*/
  border:1px solid #fddef6;
}
.yui-skin-ww .yui-navset .yui-content { /*Body Background Color*/
  background:#fddef6;
}
table.timelineTable th { /*Colum Headers*/
  background-color:#fec4f1;
  border-bottom:1px solid #FFF;
  border-right:1px solid #FFF;
  border-top:1px solid #FFF;
  color:#af3c94;
  font: bold 15px georgia, serif;
}
#tabCalendar {
  margin: 10px;
}
.yui-skin-ww .yui-navset .yui-nav a:hover, .yui-skin-ww .yui-navset .yui-nav a:focus {
  background: #efa8dd;
}

#tabCalendar .row-highlight {
  background-color: #fddef6;
}

/*User Home*/
.checklistPortletHeader,
.budgetPortletHeader,
.timelinePortletHeader  {
  background: url(http://images.marthastewart.com/images/assets/channel/weddings/default/skinning_imgs/col2header.jpg) no-repeat;
  height: 24px;
}
.whatsnewPortletHeader {
  background: url(http://images.marthastewart.com/images/assets/channel/weddings/default/skinning_imgs/whats_new_header.jpg) no-repeat;
  height:24px;
}
.countdownPortletHeader,
.myvendorPortletHeader,
.guestPortletHeader {
  background: url(http://images.marthastewart.com/images/assets/channel/weddings/default/skinning_imgs/col1header.jpg) no-repeat;
  height:24px;
}
.countdownPortletHeader, .myvendorPortletHeader, .guestPortletHeader, .checklistPortletHeader, .budgetPortletHeader, 
.timelinePortletHeader, .checklistPortlet, .budgetPortlet, .timelinePortlet, .guestPortlet, .myvendorPortlet, 
.countdownPortlet, .whatsnewPortlet , .whatsnewPortletHeader {
  border: none;
}
.whatsnewPortlet {
  background: url(http://images.marthastewart.com/images/assets/channel/weddings/default/skinning_imgs/whats_new_bottom.jpg) no-repeat left bottom;
  padding-bottom: 16px;
}
.whatsnewPortletBody {
  background: url(http://images.marthastewart.com/images/assets/channel/weddings/default/skinning_imgs/whats_new_bg.jpg) repeat-y;
}
.whatsnewPortletBody table tbody tr td div {
  width: 700px;
}

.whatsnewPortletBody br {
  line-height: 5px;
}
.countdownPortlet, .myvendorPortlet, .guestPortlet {
  background: url(http://images.marthastewart.com/images/assets/channel/weddings/default/skinning_imgs/col1_bottom.jpg) no-repeat bottom left;
  width: 181px;
}
.checklistPortlet, .budgetPortlet, .timelinePortlet {
  background: url(http://images.marthastewart.com/images/assets/channel/weddings/default/skinning_imgs/col2_bottom.jpg) no-repeat bottom left;
  width: 565px;
}
#tableBudget, 
#tableCalendar, 
#tableChecklist {
   background: url(http://images.marthastewart.com/images/assets/channel/weddings/default/skinning_imgs/col2_bg.jpg) repeat-y;
}
.myvendorPortletLine1,
.countdownPortletLine2,
.guestPortletCol1 {
  color: #3d3f3f;
  font-size: 12px;
  font-family: arial, helvetica;
  text-align: center;
  font-weight: bold;
}
.countdownPortletCount, .myvendorPortletCount, .guestPortletCol2 {
  font: regular 48px georgia, serif;
}
.myvendorPortletCount,
.myvendorPortletLine2,
.guestPortletCol2,
.countdownPortletCount,
.countdownPortletLine1a {
  color: #af3c94;
}
.countdownPortletFooter {
	background: transparent none;
}
.guestPortletBody table {
	background-color: transparent;
}
#pict {
  display: none;
}
.userHomeAvatar {
  width:0;
}
#headerText {
  font: bold 25px georgia, serif;
  color: #af3c94;
  margin: 0;
}
.orangeText {
  font-family: arial;
  font-weight: bold;
  font-size: 14px;
  color: #726565;
}
#weddingDateText {
  font-family: arial;
  font-weight: bold;
  font-size: 14px;
  color: #af3c94;
}
.myvendorPortletBody, .guestPortletBody, .countdownPortletBody { 
  background: transparent url(http://images.marthastewart.com/images/assets/channel/weddings/default/skinning_imgs/col1_bg.jpg) repeat-y;
}
.whatsnewPortletBody table {
  width: 97%;
  margin: auto;
  margin-top: 10px;
}

.userHomeWelcome {
  display: none;
}

/*User Home - Icons and Headers Placement*/
.whatsnewPortletHeaderIcon {
  position:relative;
  top:0;
}
.whatsnewPortletHeaderText {
  position:relative;
  top:-12px;
}
.countdownPortletHeaderText {
  position:relative;
  top: 0px;
}
.checklistPortletHeaderIcon {
  position:relative;
  top:0px;
}
.checklistPortletHeaderText {
  position:relative;
  top:-27px;
}
.myvendorPortletHeaderIcon {
  position:relative;
  top:0px;
}
.myvendorPortletHeaderText {
  left:5px;
  position:relative;
  top:-27px;
}
.guestPortletHeaderIcon {
  left:5px;
  position:relative;
  top:-8px;
}
.guestPortletHeaderText {
  left:15px;
  position:relative;
  top:-26px;
}
.timelinePortletHeaderIcon {
  position:relative;
  top:0px;
}
.timelinePortletHeaderText {
  left:5px;
  position:relative;
  top:-27px;
}
.eventPortletHeaderIcon {
  position:relative;
  top:0px;
}
.eventPortletHeaderText {
  left:5px;
  position:relative;
  top:-26px;
}
.promotionPortletHeaderIcon {
  position:relative;
}
.promotionPortletHeaderText {
  left:5px;
  position:relative;
  top:-27px;
}
.budgetPortletHeaderText {
  left:10px;
  position:relative;
  top:-26px;
}

/*My Vendors*/
.myvendorsListContainer, .myvendorsSelectedMenuTitle {
  background-color: #fec4f1;
}
.myvendorsTileTitle, 
.myvendorsSelectedMenuTitle a,
.myvendorsTileTitle:visited,
.myvendorsUnselectedMenuTitle a:visited {
  color:  #af3c94;
}

.checklistFullStyle, .myvendorsFullStyle, .timelineFullStyle {
  background-color: #FFF;
  margin: 0 10px;
}

.guestlistFullStyle {
    margin: 0 10px;
}

/*User Vendor Search*/
table.weddingTable th {
  background-color:#fcc5f0;
}
.weddingTable th .row-even {
  background-color: #fbfbfb;
}
.weddingTable .row-highlight {
  background-color: #fddef6;
}
.myvendorsSelectedMenuItem {
  background-color:#fcc5f0;
  color:#3d3d3d;
}
.notifyText {
  background-color: #fddef6;
  border: 1px solid #fec4f1;
}
.myvendorsBodyHeader {
  background-color:#fddef6;
  border-bottom:1px solid #CCCCCC;
  border-top:1px solid #f4dbee;
  font-weight:bold;
}
.myvendorTileStyle .vendorNameNotApproved {
  color: #1b95a4;
}
.vendorNameNotApproved {
  color: #af3c94;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight: bold;
}
.messageBox {
  background-color: #fddef6;
}
#cannotFind {
  background-color: #fddef6;
  border: 1px solid #fec4f1;
}
form[name="UserVendorSearchForm"], #cannotFind { /*Does not work in ie6 - page is 100% - markup fix requested*/
  margin: auto;
  width: 700px;
}
.returnLink {
  margin-left: 20px;
}

/*user Feedback*/
.borderLightGreen {
  border:1px solid #fec4f1;
}
.bgLightGreen {
  background-color:#fddef6;
}
form[name="UserFeedbackForm"] { /*Does not work in ie6 - page is 100% - markup fix requested*/
  width: 500px;
  margin: auto;
  display: block;
}
form[name="UserFeedbackForm"] h1 { /*to change to selector when l#576 fixed*/
  color: #af3c94;
  font-family: georgia, serif;
  font-size: 25px;
  font-weight: bold;
}
.reviewTable textarea {
  width: 700px;
}
.sectionGrey {
  background-color: #fddef6;
  border: 1px solid #fec4f1;
}
#tableChecklist tr:hover td {
  background: #fddef6;
}
.myvendorsSelectedMenuTitle {
  color: #b33d9b;
}
.myvendorsListInnerContainer table tbody tr td h1 {
  color:#AF3C94;
  font-family:georgia,serif;
  font-size:25px;
  font-weight:bold;
}
.myvendorsTileTitle {
  font-size:16px;
}
table.mytable th {
  background-color: #FEC4F1
}
table.guestlistTotalsTable th {
  background-color:#fddef6;
}

/*Add A Vendor*/
.userReviewTitle, .userReviewRequired {
  margin: auto;
  width: 700px;
  display: block;
}
.userReviewTitle {
  color:#AF3C94;
  font-family:georgia,serif;
  font-size:25px;
  font-weight:bold;
}
form[name="UserReviewForm"] { 
  margin: auto;
  width: 700px;
  display: block;
}/*end add a vendor*/

/*WW registration styles*/
#ww_opt_in .planning_tool h4 {
  margin-bottom: 10px;
}
#ww_opt_in .planning_tool li span {
  padding-top:8px;
}
#ww_opt_in #member_center_inner #intro_text {
  font-family: arial, helvetica, sans-seriff;
}


/*guestlist*/
.guestlistSummaryTable th,
.guestMenuSelected {
  background-color: #FDDEF6;
}
.guestlistMenuBody {
  background-color:#FEC4F1;
}
.guestlistBodyStyle {
  background-color:#FFF;
}

.guestlistSummaryModule,
.guestlistSummaryTable {
  border:1px solid #DDDDDD;
}

.guestlistMenuBody a {
  color: #E235B1;
  text-decoration:none;
}
.guestMenu th {
  color: #AF3C94;
  
}
.guestlistModuleHeader {
  color: #AF3C94;
}
.guestlistMenuBody a:hover {
  color: #E235B1;
  text-decoration:underline;
}

.guestTab {
  background-color:#FDDEF6;
}
.guestUnselectedTab {
background-color: #FEC4F1;
color: #E235B1;
}
.guestSelectedTab {
color: #E235B1;
}

table.guestlistTable th a {
color:#AF3C94;
}

.guestlistSummaryModule h1 a{
  color: #AF3C94;
}

table.guestlistMessageBox th {
  background-color: #FEC4F1;
}

.guestlistMessageBox {
  margin: 0 10px 0 10px;
  width: 790px;
}