/* ---- css for mypages pages -------*/
#mypages { margin: 0.5cm;   }
#mypages h1 { font-size: 15px; padding: 10px; background: #00447c; color: #fff; margin: 0 0 10px 0; }
#mypages h2 { font-size: 15px; border-bottom: 1px solid #00447c; color: #00447c;margin: 0 0 10px 0; }

#mypages #error-box { border: 1px solid red; color: red; padding: 10px;}
#mypages #success-message { padding: 10px 10px 10px 22px; background: yellow url(/images/tick.gif) no-repeat 2px center; }

#mypages #mypages-left {}
#mypages #mypages-right { margin: 10px 0 0 0;  }

#mypages #mypages-right #post-anytime{ border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; padding:0px; margin: 10px 0 10px 0;  }
#mypages #mypages-right #post-anytime div { background: #f1f1f1; padding: 20px; margin:0;  }

#mypages #mypages-right #breadcrumbs{ padding:0px; margin: 0 0 0 0; padding: 10px; }
#mypages #mypages-right #breadcrumbs div { background: #f1f1f1; padding: 20px; margin:0;  }

#mypages #mypages-right #jobs { padding: 0; border-bottom: 1px solid #c1c1c1; margin: 30px 0 0 0;  }
#mypages #mypages-right #jobs table { border-collapse:collapse; width: 100%;  }
#mypages #mypages-right #jobs table tr {  }
#mypages #mypages-right #jobs table th { background: #00447c; color: #fff; padding: 10px; font-size: 13px; }
#mypages #mypages-right #jobs table td { padding: 10px; font-size: 13px; border-top: 1px solid #c1c1c1;}

#mypages #mypages-right #jobs ul { list-style: none; }
#mypages #mypages-right #jobs li { margin: 5px 0 5px 0; padding: 5px; }

#mypages #mypages-right #manage { padding: 0; margin: 30px 0 0 0;  }


/* ---- css for mypages -> quotes.php  -------*/

#mypages #mypages-right #myquotes { padding: 0; border-bottom: 1px solid #c1c1c1; margin: 0 0 0 0; }
#mypages #mypages-right #myquotes table { border-collapse:collapse; width: 100%;  }
#mypages #mypages-right #myquotes table tr {  }
#mypages #mypages-right #myquotes table th { background: #00447c; color: #fff; padding: 10px; font-size: 13px; }
#mypages #mypages-right #myquotes table td { text-align: left;  padding: 10px; font-size: 13px; border-top: 1px solid #c1c1c1;}

#mypages #mypages-right #myquotes span.positive { font-size: 15px; color: green; }
#mypages #mypages-right #myquotes span.negative { font-size: 15px; color: red; }	

/* ---- css for mypages -> quote.php  -------*/
#view-quote {margin: 0.5cm; }
#view-quote h1 { font-size: 15px; border-bottom: 1px solid #00447c; color: #00447c;margin: 0 0 10px 0; }
#view-quote h2 { font-size: 16px; font-weight: normal; padding: 10px 0 10px 0; color: #00447c; margin: 0 0 10px 0; }
#view-quote h3 { font-size: 16px; font-weight:normal; color: #00447c; margin: 0 0 10px 0; border-bottom: none; }

#view-quote #quote-right{ float: right; width: 320px; }

#view-quote #quote-right #reply-email { margin:10px 0 0 0; padding: 10px; border: 2px dashed #c1c1c1; }
#view-quote #quote-right #reply-email .reply-now{ margin:20px;  }

#view-quote #quote-right #reply-by-phone { margin:10px 0 0 0; padding: 10px; border: 2px dashed #c1c1c1;   }
#view-quote #quote-right #reply-by-phone .number{ margin:20px; font-size: 16px;  }

#view-quote #quote-left {margin: 10px 350px 10px 0; }

#view-quote #quote-left #message {  margin: 10px 0 10px 0; padding: 20px; border: 1px solid #c1c1c1;}
#view-quote #quote-left #message .bottom{ padding: 20px; border-top: 1px solid #c1c1c1;}
#view-quote #quote-left #message span.positive { font-size: 15px; color: green; }
#view-quote #quote-left #message span.negative { font-size: 15px; color: red; }
#view-quote #quote-left #message .trade-name { font-weight: bold; font-size: 14px; padding: 10px 0 10px 0; }

#view-quote #quote-left #business {  margin: 10px 0 10px 0; padding: 10px; }

#view-quote #quote-left #comments { margin: 10px 0 10px 0; padding: 0; }
#view-quote #quote-left #comments table { background: #f1f1f1; border-collapse: collapse;}
#view-quote #quote-left #comments tr { }
#view-quote #quote-left #comments tr.green { background: #caf3b3; padding: 10px; }
#view-quote #quote-left #comments tr.red { background: #f8cccc; padding: 20px; }
#view-quote #quote-left #comments td { border-bottom: 1px solid #c1c1c1; padding: 20px; }
#view-quote #quote-left #comments td.green { color: green;}
#view-quote #quote-left #comments td.red { color: red; }

/* ---- css for mypages -> new_home_owner.php  -------*/

#new-user h1 { background-color: #00447c; padding: 10px; color: #fff; font-size: 15px; font-weight: normal; margin: 0 0 10px 0; }
#new-user div.new-password {margin: 10px 0 0 0; }
#new-user input.password {margin: 10px 0 0 0; padding: 5px; font-size: 14px; width: 400px; }
#new-user div.error-box{padding: 10px; margin: 10px 0 10px 0; color: red; border: 1px solid red; }

/* ---- css for mypages -> need_to_know.php  -------*/
#need-to-know { width: 600px; border: 1px solid #00447c; padding: 10px; }
#need-to-know h1 { background-color: #00447c; padding: 10px; color: #fff; font-size: 15px; font-weight: normal; margin: 0 0 10px 0; }
#need-to-know ul {list-style: none; margin: 0; padding: 0;}
#need-to-know li {background: url(/images/tick.gif) no-repeat left top; margin: 15px 0 15px 0; padding: 0 0 0 22px;}

/* ---- css for mypages -> feedback.php  -------*/
#feedback { margin: 0 0.5cm 10px 0.5cm; }
#feedback h1 { background: #00447c; border: 1px solid #00447c; padding: 10px; color: #fff; margin: 10px 0 10px 0; font-size: 15px; font-weight: normal; }
#feedback #breadcrumbs {padding: 10px 0 10px 0;}
#feedback #feeback-error { border: 1px solid red; color: red; padding: 10px; margin: 10px 0 10px 0;}
#feedback .form-item { font-weight: bold; }

/* ---- css for mypages -> edit_details.php  -------*/
#edit-my-data { margin: 0.5cm; border: 1px solid #c1c1c1; padding: 10px; }
#edit-my-data h1 { font-size: 15px; background:#00447c; color: #fff; font-weight:normal; margin:10px 0 10px 0; padding: 10px; }



#mypages #edit-my-data #post-anytime{ border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; padding:0px; margin: 10px 0 10px 0;  }
#mypages #edit-my-data #post-anytime div { background: #f1f1f1; padding: 20px; margin:0;  }

