form {margin:0;}
body{background-color:Black; background-image:url(../Images/white_website_bg.jpg);background-repeat:repeat-x;margin:0;padding:0;}
body, input, textarea {font-family:Arial; font-size:13px;color: #343434; border:0;}
a {color:Black;}
img{border:0;}
a.fogotpwdlink{float:right;position:relative;top:5px;text-decoration:none;}
a.fogotpwdlink:hover{text-decoration:underline;}
a.smlfogotpwdlink{text-decoration:none;font-size:10px;}
/************************************ 
****     Common Elements 
*************************************/
div.ptGreenBubble             {overflow: hidden;}
  div.ptGreenBubble div.left    {float: left; display:block; background-image: url(../Images/heading_left.png); width: 11px; height:25px;}
  div.ptGreenBubble div.center  {float: left; display:block; background-image: url(../Images/heading_center.png); position:relative; background-repeat:repeat-x; height:25px; color:White; font-size: 16px;padding-top: 2px;}
  div.ptGreenBubble div.right   {float: left; display:block; background-image: url(../Images/heading_right.png); width: 11px; height:25px;}

div.ptGreyBox               {overflow: hidden;}
  div.ptGreyBox div.tleft   {float: left; display:block; background-image: url(../Images/boxtop_left.png); width: 9px; height:12px; margin-left:0px;}
  div.ptGreyBox div.tcenter {float: left; display:block; background-image: url(../Images/boxtop_center.png); background-repeat:repeat-x; height:12px;}
  div.ptGreyBox div.tright  {float: left; display:block; background-image: url(../Images/); width: 9px; height:12px;}
  div.ptGreyBox div.bleft   {float: left; display:block; background-image: url(../Images/boxbottom_left.png); width: 8px; height:12px; margin-left:0px;}
  div.ptGreyBox div.bcenter {float: left; display:block; background-image: url(../Images/boxbottom_center.png); background-repeat:repeat-x; height:12px;}
  div.ptGreyBox div.bright  {float: left; display:block; background-image: url(../Images/boxbottom_right.png); width: 8px; height:12px;}
  div.ptGreyBox fieldset    {background-color: #f3f1ee;}

.greyBox              { background: #f3f1ee; }
  .greyBoxTop div     { background: url(../Images/boxtl.png) no-repeat top left;}
  .greyBoxTop         { background: url(../Images/boxtr.png) no-repeat top right; }
  .greyBoxBottom div  {background: url(../Images/boxbl.png) no-repeat bottom left;}
  .greyBoxBottom      { background: url(../Images/boxbr.png) no-repeat bottom right; }
  .greyBoxTop div, .greyBoxTop, 
  .greyBoxBottom div, .greyBoxBottom { width: 100%; height: 10px; font-size: 1px;}
    .greyBoxContent { margin: 0 10px; }

div.PrintButton {background: url(../Images/printbuttontl.png) no-repeat top left; cursor:pointer}
div.PrintButtonTop {background: url(../Images/printbuttontr.png) no-repeat top right;}
div.PrintButtonBottom {background: url(../Images/printbuttonbl.png) no-repeat bottom left;}
div.PrintButtonBottom div {background: url(../Images/printbuttonbr.png) no-repeat bottom right;}
div.PrintButtonContent {background: url(../Images/printbuttonr.png) top right repeat-y;}
div.PrintButtonTop div, div.PrintButtonTop,
div.PrintButtonBottom div, div.PrintButtonBottom {width: 100%; height: 15px; font-size: 1px;}
div.PrintButtonContent, div.PrintButtonBottom {margin-top: 0;}
div.PrintButtonContent { padding: 13px 20px; }
a.PrintButton          { height: 27px; display:block; text-decoration: none; background-image: url(../Images/print.gif); background-repeat: no-repeat; padding-left: 45px; padding-top: 7px;font-size:16px;}

div.GreyOutlineBox {background: url(../Images/printbuttontl.png) no-repeat top left; cursor:pointer}
div.GreyOutlineTop {background: url(../Images/printbuttontr.png) no-repeat top right;}
div.GreyOutlineBottom {background: url(../Images/printbuttonbl.png) no-repeat bottom left;}
div.GreyOutlineBottom div {background: url(../Images/printbuttonbr.png) no-repeat bottom right;}
div.GreyOutlineContent {background: url(../Images/printbuttonr.png) top right repeat-y;}
div.GreyOutlineTop div, div.GreyOutlineTop,
div.GreyOutlineBottom div, div.GreyOutlineBottom {width: 100%; height: 15px; font-size: 1px;}
div.GreyOutlineContent, div.GreyOutlineBottom {margin-top: -10;}
div.GreyOutlineContent { padding: 0; }

/************************************ 
****     MASTER 
*************************************/
#MasterLeftColoumn{float: left;width: 190px;margin-top: 35px; padding-left: 0px;}
  #WhiteWeddingPages{margin-left: 10px;}
#MasterTabs{float: left;width: 790px;margin-top:25px; margin-left:10px;}
#MasterMain{float: left;width: 790px;background-color: White;margin-top:0px;margin-left:10px;padding-left: 10px;padding-bottom: 20px;}
#MasterRight{float: left;}
hr.MenuSeperator{background-color:#3D3D3D;border:0 none;color:#3D3D3D;height:1px;margin-left:10px;}
#Menu{margin: 0px;}
#Menu ul{margin: 0; margin-top: 20px; padding: 0;}
#Menu ul li{ list-style: none; padding: 0; margin: 2px 0px 2px 0px;}
#Menu ul li a{padding: 0px 0px 0px 25px; margin: 0px; font-size: 14px; font-family: Times New Roman; color: #c6bcb2; text-decoration: none;}
#Menu ul li a:hover{text-decoration: none;}

#PlanningToolHeading                    {position:relative;margin-top: 5px;height:30px;background-color: Black;margin-right: 10px; overflow:hidden;}
  #PlanningToolHeading div.PTHeading    {position:absolute; top:4px; left:10px;font-family:Times New Roman; color:White; font-size:20px; font-weight:lighter;}
    #PlanningToolHeading div.PageName   {position:relative; float: left; margin-left: 185px;border-left: 2px solid white;padding-left: 16px;padding-top: 8px;padding-bottom: 7px;background-color: Black; color:White; font-family:arial; font-size:12px;}
  #logout{ position: absolute; right: 10px; top: 8px; }
  #logout a {color:White; text-decoration: none; background-image: url(../Images/logout.gif); background-repeat: no-repeat; padding-left: 20px; font-size: 12px;}

#PlanningToolsContent   {margin-left:15px; position:relative;}

/****************************************************
***** BudgetPlanner
*****************************************************/
#BudgetedTotals                   {float:left;width: 500px; margin: 10px 0 40px 0;}
#BudgetedTotalsContent                    {padding-left:10px;}
#BudgetedTotalsContent table tr td        {padding:0 0 0 10px; font-size:15px;}
#BudgetedTotalsContent table tr td input  {display:block; border:solid 1px #8f8f8f; width:130px; font-size:16px; margin:5px 0; padding:5px;}

a.AddBudgetCategory   {clear:both; margin-left: 30px; margin-bottom:5px; float:left; text-decoration: none; background-image: url(../Images/16x16-plus.png); background-repeat: no-repeat; padding-left: 25px; padding-bottom:6px;}
form.AddBudgetCataegoryForm {float:left; margin-left:5px;}
form.AddBudgetCataegoryForm input {border:1px solid #8F8F8F; float:left;}

div.BudgetColumnHeading {font-size: 13px; color:Black;} 
  div.BCHBudget {position: absolute; top: 145px; left:480px;}
  div.BCHPaid {position: absolute; top: 145px; left:557px;}
  div.BCHDue {position: absolute; top: 145px; left:630px;}

  div.BudgetGroup           {clear:both; background-repeat: no-repeat;}
    div.BudgetCategoryAmount  {position:absolute;top:4px;font-size:13px;}
    div.BCABudgeted           {left:450px;}
    div.BCAPaid               {left:526px;}
    div.BCADue                {left:603px;}
    div.GreenBarArrow       {background-image: url(../Images/schedule_arrow_in.gif); background-repeat:no-repeat; padding-left: 20px; cursor:pointer; background-position:left;}
    div.GreenBarArrowOpen   {background-image: url(../Images/schedule_arrow_out.gif);}
      a.BudgetCategoryDelete    {text-decoration: none; background-image: url(../Images/12x12-minus-halftone.png); background-repeat: no-repeat; width: 12px; height: 12px; overflow:hidden;	display:-moz-inline-box; display:inline-block; text-indent: -3000px; position:relative; top: 5px; left: 5px;}
    div.BudgetPanel         {margin: 5px 0 10px 22px; display:block;}
      a.AddBudgetItem       {clear:both; margin-left: 8px; float:left; text-decoration: none; background-image: url(../Images/16x16-plus.png); background-repeat: no-repeat; padding-left: 25px; padding-bottom:6px;}
		  form.AddBudgetItemForm {float:left; margin-left:5px; position:relative; top:-2px;}
      form.AddBudgetItemForm input {border:1px solid #8F8F8F; float:left;}
      div.BudgetItem          {position: relative; clear:both; margin-top:2px;width:698px; float:left;}
      a.BudgetItemDelete      {text-decoration: none; background-image: url(../Images/12x12-minus-halftone.png); background-repeat: no-repeat; width: 12px; height: 12px; overflow:hidden;	display:-moz-inline-box; display:inline-block; text-indent: -3000px; position:relative; top: 15px; left: 7px; float:left;}
      div.BudgetItemArrow        {background-image: url(../Images/schedule_arrow_in.gif); background-position: left 60%; background-repeat:no-repeat; padding-left: 20px; cursor:pointer}
	  div.BudgetItemArrowOpen         {background-image: url(../Images/schedule_arrow_out.gif);}
		input.BudgetItemAmount    {position:absolute; top: 10px; width:65px;padding-left:3px;} 
		input.BIABudget           {left:455px;}
		input.BIAPaid             {left:531px;}
		input.BIADue              {left:608px;}
		  a.AddBudgetItemSupplier		{clear:both; float:left; text-decoration: none; background-image: url(../Images/16x16-plus.png); background-repeat: no-repeat; padding-left: 25px; padding-bottom:6px;}	
		  form.AddBudgetItemSupplierForm {float:left; margin-left:10px;}
      form.AddBudgetItemSupplierForm input {border:0; float:left;}
		    div.BudgetItemSupplier    {clear:both;margin-bottom:3px;}
		      div.BudgetItemSupplier input{padding-left:3px;}
		      input.SupplierName      {width: 150px;}
		      input.SupplierCost      {width: 70px; margin-left:5px}
		      input.SupplierNotes     {width: 350px;margin-left:5px}
		      input.SelectedSupplier  {position:relative; top:1px;}
		    a.BudgetItemSupplierDelete  {text-decoration: none; background-image: url(../Images/12x12-minus-halftone.png); background-repeat: no-repeat; width: 12px; height: 12px; overflow:hidden;	display:-moz-inline-box; display:inline-block; text-indent: -3000px; position:relative; left: 5px;}

/************************************ 
****     Register Form
*************************************/

a.RegisterButton   
{
	width: 82px;
  height:16px;
  display: -moz-inline-box;
  display: inline-block;
  overflow:hidden;
  vertical-align: top;
  text-indent: -3000px;
  float: left;
  background-image: url(../Images/register.gif);
  margin: 20px 12px 0px 0px;
}

fieldset.ptForm   {margin: 0; border: none; padding-left: 5px;}

fieldset.ptForm label{
  clear:both;
  float: left;
  display: block;
  width: 120px;
  margin-top: 10px;
  color: #343434;
  font-family:arial;
  font-size: 13px;
}

fieldset.ptForm input{
  float: left;
  width: 210px;
  height: 20px;
  margin-top: 7px;
  border: none;
}

/************************************ 
****     Survey Form
*************************************/

div.SurveyNote p {font-size:12px;}

#ptSurveyErrors{color: Red;}

div.BrideForm  {width: 370px; margin: 10px 0; float:left;}
div.GroomForm  {width: 370px; margin: 10px 0 0 10px; float:left;}

span.field-validation-error{color:Red;font-size: 16px;}
td.ptSurveyLabel{width: 120px;}
td.ptSurveyAge{font-size: 10px;}
td.ptSurveyAge input{margin-left: 0;margin-right: 5px;vertical-align: middle;}

#DetailsForm{clear:both;width: 710px;}

fieldset.surveyForm{border: none;padding: 0 5px 0 10px;margin: 0;}
fieldset.surveyForm table tr td input.ptSurveygb{width: 210px;}
fieldset.surveyForm p input, fieldset.surveyForm table tr td input{width: auto;float: none;border: none;}
fieldset.surveyForm p select, fieldset.surveyForm table tr td select {border:none;}
fieldset.surveyForm p{margin-top: 25px;font-size: 10px;}
fieldset.surveyForm p label{float: none;display: block;margin-bottom:-10px;font-size: 13px;}

#ptCombinedIncome{margin-left: 10px; vertical-align: bottom;}
#ptSurveyGettingMarried{margin-top: 10px;}
#ptInvitedGuests{margin-left: 10px; vertical-align: bottom;}
#ptSurveySpending input{margin-left: 10px; margin-right: 0; vertical-align: bottom;}
#ptSurveyPurchase input{margin-left: 10px;margin-right: 0;vertical-align:-10%;}
#ptSurveyReasearch input{margin-left: 10px;margin-right: 5px;width: 20px;}

#ptSurveyImportant input{margin-left: 10px;width: 260px;}

#ptSurveyMag input{margin-left: 10px;margin-right: 0;vertical-align:-10%;}
/****************************************************
*****Dashboard
*****************************************************/
div.Dashboardbg {background-image: url(../Images/content_bg.gif); background-repeat: repeat-x; width:780px; position:relative; top:10px; left:-15px;}
#DashboardBigBird {position:absolute; top:30px; right: 10px;}
#WelcomeToWhite {margin:20px; background-image: url(../Images/welcome.gif); background-repeat:no-repeat; background-position:top left; padding-top:40px;}
hr.DashboardDots {background-image: url(../Images/DashboardDot.png); background-repeat:repeat-x; width:250px; border: 0; height:3px; text-align:left; margin:0 auto 0 25px; clear:both;}
ul.DashboardList {clear:both;}
  ul.DashboardList li                 {font-family: Times New Roman; font-size:larger; list-style-image: url(../Images/DashboardArrows.gif);clear:both; position:relative;}
  ul.DashboardList li span.comingsoon {font-size:11px; color:#dcd5cd;text-transform:uppercase;}
  ul.DashboardList li a               {color: #c6bcb0; text-decoration: none;}
    li.EditWeddingDetails{cursor:pointer}
.DashboardDetailsPanel{margin-left:15px;}

span.DashboardRight  {color:#c6bcb0; font-family:Arial; font-size:13px; text-transform:uppercase; position:absolute; left: 300px; top: 5px;}
  #DashboardWeddingDate       {position:relative; top:-283px; left:350px;}
  /*#DashboardWeddingDate       {position:absolute; top:107px; left:350px;}*/
  #DashboardRSVPS             {position:absolute; top:251px; left:350px;}
  #DashboardTablePlanner      {position:absolute; top:273px; left:350px;}
  #DashboardBudgetPlanner     {position:absolute; top:317px; left:350px;}
  #DashboardTodos             {position:absolute; top:339px; left:350px;}
  #DashboardGiftReg           {position:absolute; top:361px; left:350px;}
  
  
/************************************ 
****     Todos
*************************************/
div.TodoFilter      {width: 250px; margin: 10px 0;float:left;}
#TodoPrintButton    {float:left;margin: 10px 0 10px 320px;}

div.TodoPersonSelector  {float:left; margin: 10px 0;}
div.TodoGroup           {clear:both; background-repeat: no-repeat;}
  span.TodosCompleted   {position: absolute; top:4px; right:5px; color:Black; font-size:small;}
  div.TodoPanel         {margin: 10px 0 10px 30px;display:none;}
    div.TodoArrow       {background-image: url(../Images/schedule_arrow_in.gif); background-repeat:no-repeat; padding-left: 20px; background-position:left center; cursor:pointer}
    div.TodoArrowOpen   {background-image: url(../Images/schedule_arrow_out.gif);}
    a.AddTodo           {text-decoration: none; background-image: url(../Images/16x16-plus.png); background-repeat: no-repeat; padding-left: 25px;}
    div.Todo            {overflow:hidden;}
    div.Todo div        {float:left; height: 20px; background: #f3f1ee;padding-top:2px;padding-bottom:2px;}
      div.TodoMain      {float: left; clear:both; width:460px; padding-left: 10px; position: relative;}
        a.TodoEdit      {margin-left: 5px; vertical-align:top; color: Black;}
        span.TodoDesc   {vertical-align:top; color: #9ea2a5;}
      div.TodoRight     {float: left; width:225px; margin-left:4px; padding-left: 10px; position: relative;}
        span.TodoAssignTo {color: #9ea2a5; margin-left:92px;}
      div.TodoErrors    {float:none; color:Red;}
  
    
 div.CompletedTodos         {margin-top:10px;}
      div.done div         {background-color: White;padding-top: 0; padding-bottom:0;}
        div.done div span  {color: #dedede;}

  .TodoListTop        {overflow:hidden; margin-top: 10px;}
  .TodoListTop div    {float: left; height: 10px; font-size: 1px;} 
    .TodoListTopLeft  {width: 460px; background: #f3f1ee url(../Images/boxtl.png) no-repeat top left; padding-left: 10px;}
    .TodoListTopRight {width: 225px; background: #f3f1ee url(../Images/boxtr.png) no-repeat top right; padding-right: 10px; margin-left:4px;}
  .TodoListBot        {overflow:hidden;}
  .TodoListBot div    {float: left; height: 10px; font-size: 1px;} 
    .TodoListBotLeft  {width: 460px; background: #f3f1ee url(../Images/boxbl.png) no-repeat bottom left; padding-left: 10px;}
    .TodoListBotRight {width: 225px; background: #f3f1ee url(../Images/boxbr.png) no-repeat bottom right; padding-right: 10px; margin-left:4px;}            


  form.TodoForm                    {overflow: hidden;}
  form.TodoForm div                {height: 105px; background: #ece7e3; padding-top: 10px;}  
  form.TodoForm div.AssignedToDiv  {height:auto; padding:0;margin-top:5px;}  
  form.TodoForm div.DueDateDiv     {height:auto; margin-top:5px;padding:0;margin-top:5px;}  
        form.TodoForm div.TodoRight input    {border:0;}
        form.TodoForm div.TodoRight select   {border:0; display:inline;}
        form.TodoForm div.TodoTitleDesc      {float:left;overflow:hidden;height:80px;width:425px;padding-top:2px;margin-left:5px;}
        form.TodoForm div.TodoButtons        {margin-left:25px;}   
        form.TodoForm div.TodoDaysToWedding  {position:relative; left:92px; width:120px; height:auto;}
            form.TodoForm div #Title         {display:block; width: 425px; border: 0;}
            form.TodoForm div #Description   {display:block; margin-top: 5px; width: 425px; height: 50px; border: 0;}
            form.TodoForm div #DueDate       {display: inline; width: 122px; border:0;}      
            span.AssignedToLabel             {margin-right:10px;margin-left:5px;}
            span.DateDueLabel                {margin-right:10px;margin-left:23px;}
            a.TodoFormSubmit                 {background-image: url(../Images/todo_save_button.gif); background-repeat: no-repeat; width: 66px; height: 16px; overflow:hidden;	display:-moz-inline-box; display:inline-block; text-indent: -3000px; vertical-align:bottom;}
            a.TodoClose                      {background-image: url(../Images/todo_close_button.gif); background-repeat: no-repeat; width: 66px; height: 16px; overflow:hidden;	display:-moz-inline-box; display:inline-block; text-indent: -3000px; vertical-align:bottom;}
            a.TodoDelete                     {background-image: url(../Images/todo_delete_button.gif); background-repeat: no-repeat; width: 66px; height: 16px; overflow:hidden;	display:-moz-inline-box; display:inline-block; text-indent: -3000px; vertical-align:bottom;position:relative; left: 218px;}
  div.TodoErrors                   {position: absolute; top: 90px; left: 250px; background-color: Transparent;}
  
/****************************************************
***** Schedule
*****************************************************/
#ScheduleLeftPanel {float:left;}
#ScheduleRightPanel {float:left; margin-left:10px; width: 390px;}
#ErrorMessage {color:Red;}
a.AddEventCat,  a.AddEvent                                     {float:left; text-decoration: none; background-image: url(../Images/16x16-plus.png); background-repeat: no-repeat; padding-left: 25px; padding-bottom:6px;}
a.AddEventCat                                                  {margin-left:10px;margin-top:3px;margin-bottom:3px;}
a.AddButton                                                    {background-image: url(../Images/add.gif); background-repeat: no-repeat; width: 35px; height: 16px; overflow:hidden;	display:-moz-inline-box; display:inline-block; text-indent: -3000px;}
a.CancelButton                                                 {background-image: url(../Images/cancel.gif); background-repeat: no-repeat; width: 58px; height: 16px; overflow:hidden;	display:-moz-inline-box; display:inline-block; text-indent: -3000px;}
form.ScheduleAddCatForm, form.ScheduleAddEventForm             {float:left;}
form.ScheduleAddCatForm {margin-top:2px;}
form.FormHide                                                  {display:none;}
form.ScheduleAddCatForm input, form.ScheduleAddEventForm input {float:left;width:120px; margin-left:10px; border:0;}
form.ScheduleAddCatForm input {border:1px solid #8F8F8F;}
  div.ScheduleArrow             {background-image: url(../Images/schedule_arrow_in.gif); background-position: left 60%; background-repeat:no-repeat; padding-left: 25px; cursor:pointer}
  div.ScheduleArrowOpen         {background-image: url(../Images/schedule_arrow_out.gif);}
  div.ScheduleCatagory          {clear:both; position:relative;}
  div.ScheduleCatagoryName      {font-size:larger;}
    a.ScheduleDeleteCategory    {text-decoration: none; background-image: url(../Images/12x12-minus-halftone.png); background-repeat: no-repeat; width: 12px; height: 12px; overflow:hidden;	display:-moz-inline-box; display:inline-block; text-indent: -3000px; position:absolute; right:0; top:3px;}
    div.SchedulePanel           {margin-left:10px;margin-top:10px;}
      div.ScheduleTimeHeadings  {clear:both;margin-left:200px; padding-bottom:4px;}
      div.ScheduleTimeHeadings span  {font-size:smaller;}
      div.ScheduleItem          {position:relative; height: 25px;}
        form.ScheduleItemForm     {display:inline; position:absolute; right: 0;}
            div.ScheduleItem input  {width: 70px;}
            a.ScheduleDeleteItem    {text-decoration: none; background-image: url(../Images/12x12-minus-halftone.png); background-repeat: no-repeat; width: 12px; height: 12px; overflow:hidden;	display:-moz-inline-box; display:inline-block; text-indent: -3000px;}