﻿html, body {height: 100%;}
body {font-size:0.8em;font-family: Arial, Helvetica, Sans-Serif;}
a, a:visited {color:#000;text-decoration:none;}
ul, li {list-style-type:none;}
img {border:solid 0px;}		

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-size: 1.5em;color: #000;padding-bottom: 0;margin:0px;}

h1 {font-size: 2em;}
h2 {}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}

p {line-height:18px;margin:0 0 20px 0;}
/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

.clear, .cb {clear: both;}
.right {text-align:right;}
.block {display:block;}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}


.errorsummary {color:#e70606;margin:0 0 20px 0;line-height:1.6em;}
.errorsummary b {font-size:1.5em;font-weight:normal;}
.errorsummary span {color:Black;}

.red {color:#e70606;}
/*Pagaewrapper and footer*/

#masterwrapper {
	min-height: 100%;
	width:100%;
}

.photoBackground {
	background:#000000 url('/i/photoHome.jpg') no-repeat top right;
}

#maincontent {overflow:auto;
	padding-bottom: 42px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -42px; /* negative value of footer height */
	height: 26px;
	clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

.cw {width:980px;margin:0 auto;}
#membersheader {background-color:#000;}
#membersheader h1 a{display:block;width: 145px; height: 133px;background: url("/i/logo.gif");text-indent: -9999px;overflow:hidden;float:left;margin:11px 0 10px 0;}
#membersheader ul.mbrnav {float:right;margin:71px 0 0 0;}
#membersheader ul.mbrnav li {float:left;height:12px;text-indent:-9999px;overflow:hidden;margin:0 26px 0 0;list-style-type:none;}
#membersheader ul.mbrnav li a {display:block;height:100%;width:100%;}
#membersheader ul.mbrnav li.nonmbrhome a {background: url("/i/btnHome.gif") 0 13px;width:45px;}
#membersheader ul.mbrnav li.nonmbrabout a {background:url("/i/btnAboutPlanner.gif") 0 13px;width:128px;}
#membersheader ul.mbrnav li.nonmbramandawakeley a {background:url("/i/btnAmandaWakeley.gif") 0 13px;width:141px;}
#membersheader ul.mbrnav li.nonmbrregister a {background: url("/i/btnRegister.gif") 0 13px;width:67px;}
#membersheader ul.mbrnav li.mbrweddings a {background: url("/i/btnWeddings.gif") 0 13px;width:85px;}
#membersheader ul.mbrnav li.mbrplanner a {background: url("/i/btnPlanner.gif") 0 13px;width:69px;}
#membersheader ul.mbrnav li.mbrbudget a {background: url("/i/btnBudget.gif") 0 13px;width:60px;}
#membersheader ul.mbrnav li.mbrcalendar a {background: url("/i/btnCalendar.gif") 0 13px;width:82px;}
#membersheader ul.mbrnav li.mbrguestlist a {background: url("/i/btnGuestList.gif") 0 13px;width:81px;}
#membersheader ul.mbrnav li.mbraccount a {background: url("/i/btnAccount.gif") 0 13px;width:80px;}
#membersheader ul.mbrnav li.mbrsignout a {background: url("/i/btnSignOut.gif") 0 13px;width:74px;}
#membersheader ul.mbrnav li a:hover, #membersheader ul.mbrnav li a:active {background-position:0 0;}


#membersheader #breadcrumbs {background-color:#353535;}
#membersheader #breadcrumbs {color:#c3c3c3;padding:5px 0;font-weight:bold;}
#membersheader #breadcrumbs a, #membersheader #breadcrumbs a:visited {color:#c3c3c3;text-decoration:none;}
#sectionheader {padding:35px 0;}
#sectionheader #sectionname {font-size:2.4em;text-transform:uppercase;position: relative;z-index: 1;}

.downloadiphoneapp {margin:28px 0 28px 0;}


#footer {background-color:#edeef1;padding:16px 0 0 0;}
#footer span {float:left;}
#footer .cw {font-size:0.8em;font-weight:500;}
#footer ul {float:right;margin:0;font-size:1.1em;}
#footer ul li {float:left;margin:0 0 0 10px;list-style:none;}
#footer ul li a {text-transform:uppercase;}


/* shared styles*/
.error {color:#e70606;}
.errorAsterisk {color:#e70606;margin:0 0 0 10px;}

.ltgrey {color:#899199;}
table {}

table td {border-top:1px solid #ccc;}
table {border-bottom:1px solid #ccc;width:100%;}
table thead th {font-size:1.3em;padding:6px 5px;text-align:left;font-weight:normal;}
table tr {}
table tr td {font-size:1.4em;padding:10px 5px;}
table .thincol {width:100px;}

/*nav list used on left but also for simple chooser pages, e.g. addplanneritem*/
#planner ul.navlist {}
ul.navlist {border-bottom:1px solid #ccc;width:100%;}
.navlist li {border-top:1px solid #ccc;}
.navlist li {font-size:1.4em;padding:10px 5px;}
.navlist li a {color:#666;}
.navlist li a:hover {color:Black;}
.navlist li a.selected{color:Black;}
.navlist li label {float:left;}
.navlist li label a {color:Black;}
.navlist li span {display:block;float:right;text-align:right; background-color:#fff;}

ul.formcontrols {border-bottom:1px solid #ccc;width:100%;}
ul.formcontrols li {border-top:1px solid #ccc;font-size:1.4em;padding:12px 0;}
ul.formcontrols li label {width:297px;display:block;float:left;margin:8px 0 12px 0;}
ul.formcontrols li span {width:439px;display:block;float:left;margin:8px 0 12px 0;}
ul.formcontrols li input {width:439px;border:solid 2px #d2d4d8;height:21px;padding:7px 10px;}
ul.formcontrols li select {border:solid 2px #d2d4d8;float:left;height:35px;}
ul.formcontrols li textarea {width:439px;border:solid 2px #d2d4d8;float:left;height:60px;padding:8px 10px;margin:0 0 12px 0;}
ul.formcontrols li input[type="file"] {width:439px;border:solid 2px #d2d4d8;float:left;padding:8px 10px;height:29px;}
ul.formcontrols li ul.checklist {margin:12px 0 0 297px;border:none;width:250px;}
ul.formcontrols li ul.checklist li {border:none;padding:0;}
ul.formcontrols li ul.checklist li input {width:20px;border:none;width:50px;}
ul.formcontrols li ul.checklist li label {width:200px;border:none;font-size:0.7em;width:150px;display:inline;float:none;}
ul.formbuttonlist {}
ul.formbuttonlist li {float:left;margin:0 10px 0 0;}
ul.formbuttonlist li input[type="submit"] {background-color:Black;overflow:hidden;border:0;cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */color:White;font-weight:bold;padding:9px 10px 9px 20px;text-decoration:none;margin:0 0 5px 0;}

ul.formcontrols li.widefirstcol label {width:497px;}
ul.formcontrols li.widefirstcol input {width:239px;border:none;}

/*used for most pages*/
.pageleftcol {float:left;width:780px;margin:0 20px 0 0;}
.pagerightcol {float:right;width:160px;text-align:right;}
/*end of shared*/

/*buttons*/
.linkbutton {background-color:Black;font-weight:bold;padding:9px 25px 9px 10px;text-decoration:none;margin:0 0 5px 0;color:White;}
/*graphical ones use imgrep style as well*/
.btnadditem {width:160px;height:50px;background-image:url("/i/btnAddItem.gif");margin:0 0 20px 0;}
.btnsave {width:160px;height:50px;background-image:url("/i/btnSave.gif");margin:0 0 20px 0;}
.btncancel {width:160px;height:50px;background-image:url("/i/btnCancel.gif");margin:0 0 20px 0;}
.btnaddevent {width:175px;height:50px;background-image:url("/i/btnAddEvent.gif");margin:0 0 20px 0;}
.btnaddgroup {width:178px;height:50px;background-image:url("/i/btnAddGroup.gif");margin:0 0 20px 0;}
.btnaddguest {width:181px;height:50px;background-image:url("/i/btnAddGuest.gif");margin:0 0 20px 0;}
.btnaddwedding {width:210px;height:50px;background-image:url("/i/btnAddWedding.gif");margin:0 0 20px 0;}
.btnaddcategory {width:220px;height:50px;background-image:url("/i/btnAddCategory.gif");margin:0 0 20px 0;}
.btnback {width:115px;height:50px;background-image:url("/i/btnBack.gif");margin:0 0 20px 0;}
.btnedit {width:115px;height:50px;background-image:url("/i/btnEdit.gif");margin:0 0 20px 0;}
.btndelete {width:145px;height:50px;background-image:url("/i/btnBDelete.gif");margin:0 0 20px 0;}
.btnopenplanner {width:215px;height:50px;background-image:url("/i/btnOpenPlanner.gif");margin:0 0 20px 0;}
.btnsendinvite {width:285px;height:50px;background-image:url("/i/btnSendDetails.gif");margin:0 0 20px 0;}
.btnsendpassword {width:225px;height:50px;background-image:url("/i/btnSendPassword.gif");margin:0 0 20px 0;}
.btnuploadguest {width:255px;height:50px;background-image:url("/i/btnUploadGuestList.gif");margin:0 0 20px 0;}
.smallbtnviewdetails {width:105px;height:17px;background-image:url("/i/btnViewDetails.gif");margin:0 0 10px 0;}

p.box{border:1px solid #999; padding:20px 20px 25px 20px;color:#000; font-size:1.2em;}

/*replacement styles*/
.imgrep {text-indent:-9999px;overflow:hidden;background-position:0 0;background-repeat:no-repeat;display:block;font:0/0 Arial;}
.btnrep {padding:50px 0 0;background-color:transparent;overflow:hidden;border:0;cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */}
form>.btnrep {height: 0px;}/* For non-IE browsers*/
/* Pages */
/*background:transparent url('/i/background.jpg') no-repeat top left; needs to go back in the #home style, also need to remove height from #home ul.subnav */
#home {width:80%;float:right;margin:63px 0 0 0;min-width:1080px;background:transparent url('/i/background.jpg') no-repeat top left;}
#home h1 a {display:block;width: 171px; height: 158px;background: url("/i/logoHome.png");text-indent:-9999px;overflow:hidden;}
#home h2 {width: 493px; height: 27px;background: url("/i/titleTheWeddingPlanner.png");text-indent:-9999px;overflow:hidden;margin:55px 0 80px 0;}
#home a.itunes {width: 345px; height: 50px;background: url("/i/iphoneAd.gif");text-indent:-9999px;overflow:hidden;margin:102px 0 20px 340px; display:block;}
#home ul.subnav {margin:110px 0 0 215px;}
#home ul.subnav li {float:left;height:12px;text-indent:-9999px;overflow:hidden;margin:0 26px 0 0;list-style-type:none;}
#home ul.subnav li a {display:block;height:100%;width:100%;}
#home ul.subnav li.snregister a {background: url("/i/btnRegisterSml.gif") 0 13px;width:63px;}
#home ul.subnav li.snabout a {background: url("/i/btnAboutPlannerSml.gif") 0 13px;width:121px;}
#home ul.subnav li.snaw a {background: url("/i/btnAmandaWakeleySml.gif") 0 13px;width:132px;}
#home ul.subnav li a:hover, #home ul.subnav li a:active {background-position:0 0;}
#home fieldset {margin:0px 0 0 110px;padding:32px 0 0 0;border:0;}
#home fieldset label {color:white;width:90px;display:block;float:left;margin:2px 64px 0 0;}
#home fieldset input {color:white;width:192px;margin:0 0 0 0;background-color:transparent;border:0;}
#home fieldset ul {padding:6px 0 0 0;}
#home fieldset li {list-style-type:none;margin:0px 0 10px 0;}
#home fieldset li.liemail label {margin:2px 46px 0 0;}
#home fieldset li.liemail input {width:209px;}
#home fieldset li.liemail label {width: 40px; height: 11px;background: url("/i/email.gif");text-indent:-9999px;overflow:hidden;margin:2px 35px 0 56px}
#home fieldset li.lipwd {margin:0px 0 23px 0;}
#home fieldset li.lipwd label {width: 77px; height: 11px;background: url("/i/password.gif");text-indent:-9999px;overflow:hidden;margin:2px 40px 0 31px}
#home fieldset input[type="submit"] {width: 90px; height: 18px;padding:18px 0 0 0;background-image:url("/i/btnLogin.gif");margin:0 0 0 255px;}
#home .error {width:350px;text-align:right;margin:20px 0 0 0;}

#biography .leftcol, #about .leftcol, #contentpage .leftcol{float:left;width:595px;margin:0 40px 0 0;}
#biography .leftcol ul, #about .leftcol ul {margin:0 0 20px 10px;}
#biography .rightcol, #about .rightcol, #contentpage .rightcol  {float:right;width:345px;}
#biography .rightcol h5, #about .rightcol h5 {margin:0 0 10px 0;}
#biography .rightcol img, #about .rightcol img {margin:0 0 20px 0;}

.contactus b {text-transform:uppercase;}
.followusfacebook {width:257px;height:20px;background-image:url("/i/btnFollowFacebook.gif");margin:0 0 10px 0;}
.followustwitter {width:237px;height:20px;background-image:url("/i/btnFollowTwitter.gif");margin:0 0 10px 0;}

#about .rightcol p {font-style:italic;}
.hdrabout {width: 359px; height: 61px;background: url("/i/titleTheWeddingPlanner.gif");text-indent: -9999px;overflow:hidden;}

#planner .leftcol {float:left;width:115px;margin:0 20px 0 0;}
#planner .rightcol {float:left;width:825px;}
#planner .topadvert {background:url("/i/photoAmanda.png") no-repeat top left;height:190px;width:825px;background-color:#f1f2f6;margin:0 0 20px 0;}
#planner .topadvert .advertdesc {float:left;width:600px;margin:0 20px 0 0;}
#planner .topadvert .advertlogo {float:left;width:200px;}
#planner .topadvert .advertlogo img {margin:30px 0 0 6px;}
#planner .topadvert p.amandaloves {width:205px;height:19px;background-image:url("/i/titleAmandaLoves.gif");margin:20px 0 0 196px;}
#planner .topadvert p.desc1 {margin:17px 0 0 208px;}
#planner .topadvert p.desc2 {margin:5px 0 0 218px;}
#planner .topadvert p.desc3 {margin:5px 0 0 227px;}
#planner .topadvert p.desc4 {margin:5px 0 0 236px;}
#planner .topadvert .advertdesc a {margin:15px 0 0 253px;}
#planner .rightcol .sublayout .leftcol {width:645px;}
#planner .rightcol .sublayout .rightcol {width:160px;text-align:right;}
#planner .navlist {text-transform:uppercase;}

#planner .planneritemslist {border-bottom:1px solid #ccc;width:100%;}
#planner .planneritemslist .planneritem {border-top:1px solid #ccc;padding:0 0;}
#planner .planneritemslist .planneritem .photo {width:82px;height:82px;background-color:#CCC;float:left;margin:20px 20px 20px 0;}
#planner .planneritemslist .planneritem .block {float:left;width:543px;margin:20px 0 20px 0;}
#planner .planneritemslist .planneritem .block div {height:39px;}
#planner .planneritemslist .planneritem h3 {text-transform:uppercase;font-weight:bold;}
#planner .planneritemslist .planneritem ul {}
#planner .planneritemslist .planneritem li {float:left;margin:5px 5px 0 0;font-weight:bold;padding:2px 10px 2px 0px;text-decoration:none;color:White;}
#planner .planneritemslist .planneritem li a {color:White;}
/*left nav*/
#planner #plannerlist li {margin:0;padding:20px 0 18px 0;text-align:left;}
#planner #plannerlist li br {padding:0;margin:0;height:0;}
#planner #plannerlist li a {font-size:0.9em;text-transform:uppercase;position: relative;z-index: 1;float:left;}
#planner #plannerlist li a span {text-align:left;float:left;}

#guestlist .navlist li {text-align:center;}
#guestlist .navlist li.totalguests {font-size:5em;line-height:1.2em;}
#guestlist table th.group {text-align:center;}
#guestlist table td.group {background-color:#f1f2f6;text-align:center;}
#guestlist table td.name {width:380px;}
#guestlist table td.name a {float:left;}
#guestlist table td.name span a {float:right;color:#899199;margin:0 10px 0 0;}
#guestlist table .noofguests {text-align:center;}

#budget table.overview th {text-align:center;border-top:solid 1px #d2d4d8;padding:10px 0;}
#budget table.overview td.esttotal {text-align:center;background-color:#f1f2f6;font-size:3em;line-height:1.7em;width:399px;}
#budget table.overview td.acttotal {text-align:center;font-size:3em;line-height:1.7em;width:399px;}
#budget table.overview {margin:0 0 20px 0;}

#budget .navlist li {text-align:center;}
#budget .navlist li.totalguests {font-size:5em;line-height:1.2em;}

#budget table.detail th.estimated {text-align:center;}
#budget table.detail td.estimated {background-color:#f1f2f6;text-align:center;width:399;}
#budget table.detail td.name {width:399px;}
#budget table.detail td.name a {float:left;}
#budget table.detail td.name span a {float:right;color:#899199;margin:0 20px 0 0;}
#budget table.detail .actual {text-align:center;}


#calendar table {border:none;margin:30px 0 0 0;}
#calendar table.listevents {margin:0px 0 0 0;}

#calendar .fc-header {border:solid 1px #d2d4d8} 
#calendar .fc-header {border:solid 1px #d2d4d8;margin:-10px 0 0 0;} 
#calendar .fc-header-center, #calendar .fc-header-center table, #calendar .fc-header-center td  {border:none;} 
#calendar .fc-header-left, #calendar .fc-header-left table, #calendar .fc-header-left td {border:none;} 
#calendar .fc-header-right, #calendar .fc-header-right table, #calendar .fc-header-right td {border:none;} 

#calendar .fc-header-title {border:none;padding:10px 0;} 
#calendar .fc-view table {padding:0;margin:0;}
#calendar .fc-view table thead {background-color:Black;color:White;} /*day names*/
#calendar .fc-view td {border:solid 1px #d2d4d8;} /*day cells*/
#calendar .fc-view td {height:60px !important;}
#calendar .fc-view .fc-today {background-color:#ededee;}
#calendar .fc-view .fc-day-number {color:#899199;}
/*fc-sun ui-state-default fc-day0 fc-leftmost fc-other-month fc-not-today*/
#calendar .fc-view tr {border:solid 1px #d2d4d8;} 
#calendar .fc-button-next {background:#FFF url('/i/arrowRightLrg.gif') no-repeat top right;width:12px;height:22px;float:right;margin:0 10px 0 0;}
#calendar .fc-button-prev {background:#FFF url('/i/arrowLeftLrg.gif') no-repeat top right;width:12px;height:22px;float:left;}
#calendar .listevents {border-bottom:solid 1px #d2d4d8;}
#calendar .diaryAllDay, #calendar .diaryAllDay a, #calendar .diaryAllDay span.fc-event-time  {background-color:Black;border-color:Black;color:White;}
#calendar h2.fc-header-title {margin-top:-12px;text-transform:uppercase;font-size:1em;}
#addeditwedding ul.formcontrols img {margin:0px 0 10px 297px;}

#viewwedding .btnopenplanner {margin:0 0 20px 0;}

a.fb {padding-left: 25px; display: block; height: 16px;background: url(/i/facebook_icon.png) no-repeat; margin:8px 5px;}
a.tw {padding-left: 25px; display: block; height: 16px;background: url(/i/twitter_icon.png) no-repeat; margin:8px 5px;}
