/* CSS Document */
body {
    margin: 0px;
    padding: 0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
#postHeader {
    clear:both;
    background-image:url(../images/postformheader.png);
    background-repeat:no-repeat;
    width:958px;
    height:169px;
}
#needTxt {
    font-size:24px;
    font-weight:bold;
    padding-left:25px;
    padding-top: 35px;
    line-height:20px;
}
#middleTxt {
    font-size:18px;
    padding-left:25px;
    color:#F26724;
    font-weight: bold;
    line-height:18px;
}
#lastTxt {
    font-size:18px;
    padding-left:25px;
    padding-right: 20px;
    line-height:18px;
}
#lastTxt b {
    font-size:18px;
    padding-left:0px;
    color:#546C8E;
    font-weight:bold;
}
#lastTxt ul{
    list-style:none;
}
#lastTxt li{
    width:20%;
    float:left;
}
#postHeaderRightMsg {
    font-size:24px;
    line-height:24px;
    float: right;
    width: 25%;
    margin-top: 60px;
    font-weight: bold;
    color: #48892A;
}
.postContainerLeft {
/*    border:1px solid #ccc;*/
    width: 70%;
    /*background-color:#F0F5F9;*/
    float:left;
    padding-bottom:60px;
}
.borderedSpace{
    border:2px solid #ccc;
    background-color:#F0F5F9;
}
#postSearchProjectRight {
    float:right;
    width:28%;
}
#postHelpRight {
    float:right;
    width:28%;
    font-size:14px;
}

#postSearchMiddleTxt {
    font-size:18px;
    padding-left:5px;
    color:#F26724;
    font-weight: bold;
    line-height:18px;
}
.postSearchInput {
    font-size: 15px;
    clear:both;
    font-weight:500;
}

#postContainerRight {
    float:right;
    width:28%;
}
#postContainerRight img {
    width:245px;
    padding:3px;
}
#postRightSpeech {
    background-image:url(../images/speechbubble.png);
    background-repeat:no-repeat;
    height: 270px;
}
#postRightSpeech p {
    font-size:15px;
    padding:15px 30px 0 15px;
    margin:0;
}
#postFormHeader {
    margin:2px;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color:#FFF;
    background-color:#546C8E;
    height:45px;
    padding-left:22px;
    padding-top:15px;
}
.postlabel {
    font-size: 16px;
    font-weight: bold;
    height:20px;

    padding-left:22px;
    padding-top:20px;
    width:85%;
    float:left;
}
.postHelp {
    float:right;
    width: 8%;
    padding-top:20px;
    text-align: center;
}
.postHelp a {
    color:#7584BD;
    text-decoration:none;
}
.postSpace {
    height:10px;
}
.postInput {
    font-size: 15px;
    clear:both;
    padding-left:22px;
    margin:0px 10px 10px 0px;
    line-height:25px;
}
.postInput input, select, textarea {
    font-size: 15px;
    padding:2px;
}
.postInput ul {
    list-style:none;
    padding-left:0px;
    padding-bottom:10px;
    margin-left:0px;
}
.postInput li {
    width:30%;
    float:left;
}
#fileUploadDiv li{width:90%}
#descMsg {
    padding-left:22px;
    font-size: 14px;
    padding-bottom:10px;
 width:540px;
}
#redTxt {
    color:#F00;
}
.postContinue {
    border: 2px solid #CCC;
    border-top: none;
    height: 40px;
    margin: 0px;
    padding: 15px;
}
#postContinueTop{
border: 2px solid #CCC;
border-bottom: none;
height: 40px;
    margin: 0px;
    padding: 15px;
    width:585px;
}
#postContinue ul {
    list-style:none;
    min-height:3em;
    margin:0;
/*    padding-left:175px;*/
    height:36px;
}
#postContinue li {
    padding-right:15px;
    float:left;
    -moz-padding-start : 0px;
  -webkit-padding-start : 0px;
}
#logo-cont { margin-top: 15px; position: relative; }
#logo img {
    border:0px;
    padding:0px;
}
.titleBar {
    float:left;
    width:658px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 1px 0 0 10px;
    border-bottom:1px solid #e6e8ea;
    background-image:url(../images/p-top-bg.gif);
    background-repeat:repeat-x;
}
.progressmeter {
    margin-top:10px;
    color:#999;
    vertical-align:middle;
}
.progressmeter ul {
    font-size:16px;
    list-style:none;
    padding-left:0px;
    padding-bottom:10px;
    min-height:3em;
    margin:0;
    padding:0;
}
.progressmeter li {
    width:40%;
    float:left;
    padding-bottom:10px;
}
.progressmeter li.current {
    color:#000;
    font-weight:bold;
}
.mrightdiv {
    float:right;
    text-align:left;
    width:253px;
}
#TalkToUsBox {
    margin:0px 0;
    width:210px;
    line-height:12px;
    background-color:#f6f6f6;
    border:1px solid #ccc;
    padding:10px 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
#TalkToUsBox h3 {
    margin:0;
    font-size:1.2em;
    font-weight:bold;
}
#TalkToUsBox span.hours {
    font-size:0.9em;
}
.continueButton, .backButton {
    display: block;
    height: 32px;
    border: none;
    cursor:pointer;
}
.continueButton:hover, .backButton:hover {
    background-position: 0 -32px;
}
.continueButton span, .backButton span {
    display: none;
}
.continueButton {
    width: 132px;
    background: url("../images/continueButton_CssRollover.png") no-repeat 0 0;
}
.backButton {
    width: 95px;
    background: url("../images/backButton_CssRollover2.png") no-repeat 0 0;
}
.descriptionCheck2 {
    display:none;
    padding-left:22px;
    font-size: 14px;
    padding-bottom:10px;
    width:540px;
}
.postTxtError {
    font-size: 15px;
    border:2px solid #F00;
    padding:2px;
}
.buttonGrey {background-color: #CECECE;border: 1px solid #000000}
.buttonGrey a {border-top: 1px solid #000000}
#guidlinesDialog {
    text-align:left;
}

.poundSize {
    font-size: 16px;
}
.budgetMinTxt{
    font-size:12px;
    font-style:italic;
    color:#808080;
    padding-left:17px;
    padding-top:0px;
}
.budgetMaxTxt{
    font-size:12px;
    font-style:italic;
    color:#808080;
    padding-left:68px;
    padding-top:0px;
}

.yellowArrowImage {
  position: relative;
  display: block;
  top: 100px;
  left:2px;
  float:center;
  background-image:url("../images/left-pointer.png");
  background-repeat:no-repeat;
  z-index: 999;
  width: 34px;
  height: 63px;
}
.infoSearchProjectYellowBox{
    text-align:left;
    border:3px solid #dee5ed;
    background-color:#ffffec;
    padding:5px 5px 5px 10px;
    margin-left: 28px;
    float:right;
    display: block;
}
#postSearchMiddleTxtProject {
    font-size:16px;
    color:#F26724;
    font-weight: bold;
    line-height:18px;
}
.postSearchInputProject {
    font-size: 13px;
    clear:both;
    font-weight:500;
}
.yellowArrowImageProject {
  position:absolute;
  display: block;
  top: 70px;
  left:-29px;
  background-image:url("../images/left-pointer.png");
  background-repeat:no-repeat;
  z-index: 999;
  width: 34px;
  height: 63px;
}
.infoSearchProjectYellowBoxProject{
  text-align:left;
  border:3px solid #dee5ed;
  background-color:#ffffec;
  padding:0px 5px 5px 10px;
  margin-left: 25px;
  display: block;
  position: relative;
}
.nextToInputText{
    line-height:12px;
}
.howQuotedoption{
    padding-bottom:7px;
}
#comHead {
    font-size:17px;
    padding-top:15px;
    color:#F26724;
    font-weight: bold;
    line-height:18px;
}
.comBody{padding-left:50px;}
.comBody .postlabel {
    font-size: 14px;
    font-weight: bold;
    height:20px;

    padding-left:22px;
    padding-top:20px;
    width:80%;
    float:left;
}

.clear-both {
   clear: both;
}
.smRedTxt{ color:#F00; font-size:12px; font-weight:normal;}
.baseResult{ font-size:14px; padding-top:15px; line-height:1.5em}
.baseTitle { clear:both; padding-left:22px;width:30%; float:left;}
.baseValue{width:60%; float:right; padding-right:15px; }
#errorText { width:200px;}
.helpList{ padding: 0;margin: 0;padding-left:15px;}
.helpListBudget{ padding: 0;margin: 0;padding-left:20px;}
#helpContent{ width:217px; margin-right:3px; padding-top:15px;padding-bottom:20px;}
.helpHead{font-size:18px; font-weight:bold;}
.previewPageLeft{clear:both;
  float:left;
  padding-left:30px;
  padding-top:15px;
  }
.previewPageRight{
  float:left;
  width:650px;
  }
.previewHeader{
  padding-left:20px;
  padding-top:10px;
  padding-bottom:10px;
  color:#0A4D82;
  font-size:20px;
  background-color:#ECF5FC;
  border:1px solid #DAEEFD;}
  .previewBody{
    padding-left:5px;
    border:1px solid #ccc;
    height:350px;
    padding-top:10px;
    font-size:14px;}
.previewTextHead{ font-size:13px; font-weight:bold;  }
.previewInput{width: 3%; float: left;}
.previewImage{width: 12%; float: left; text-align:center}
.previewText{width: 83%; float: right; padding-bottom:15px;}
#showSubcat { padding-left:35px; display:none;}
.confirmPage{width:660px;}
.confirmHeader{width:630px;}
.confirmYellowHeader{background-color:#FFFFF0;}
.confirmForm{background-color:#F2F2F2; height:20px; font-size:14px; font-weight:bold; margin-bottom:10px;}
.input6 {padding-top:6px;}
.input15 {padding-top:15px;}
.input8 {padding-top:8px;}

.miniProfileLeft{vertical-align:top;}
.miniProfileLeft img{padding:0 10px 0 5px;float:left;}
.miniProfileDetails{font-size:12px;vertical-align:top;}

/*
*   New CSS styles for the budget chooser popup
*/

.choose-budget {
    margin-left: 5px;
}
.choose-budget a {
    background: url('../images/icons/info.png') no-repeat;
    padding-left:18px;
    font-size: 13px;
}

#budget-chooser-modal .container {width:370px;}
#budget-chooser-modal .search {width:370px;}
#budget-chooser-modal .description {font-size:15px;}
#budget-chooser-modal .title {font-size:16px;font-weight: normal}
#budget-chooser-modal .job-item {margin-bottom:15px;}
#budget-chooser-modal a {
    font-weight: normal;
}
#budget-chooser-modal a:hover {
    font-weight: normal;
    color:#F26724;
}

#budget-chooser-modal input[type="text"] {
    color: #999999;
    font-size: 12px;
    margin: 10px 10px 10px 0px;
    padding: 5px 3px;
    width: 275px;
    outline: medium none;
    border-left-width: 1px;
    border-right-width: 1px;
    padding-left: 5px;
    padding-right: 5px;
}
#budget-chooser-modal input[type="button"] {
    font-size: 15px;
    margin: 10px 0;
    padding-left: 10px;
    padding-right: 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#D6D6D6');
    background: linear-gradient(top,  #EEEEEE,  #D6D6D6);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#D6D6D6));
    background: -moz-linear-gradient(top,  #EEEEEE,  #D6D6D6);
    border: 1px solid #BABABA;
    cursor: pointer;
    display: inline;
    font-weight: normal;
    height: 26px;
    line-height: 22px;
    overflow: visible;
    padding: 0 0 4px;
    vertical-align: middle;
    width: auto;
    outline: medium none;
    width:70px;
}
/*Modals title has H1 size*/
#ui-dialog-title-budget-chooser-modal {font-size: 18px;font-weight:normal;}

#budget-chooser-modal .pagination {width:370px;margin:7px 0 7px 0;}

#budget-chooser-modal .pagination-summary {
    font-weight:bold;
    margin-bottom:5px;
}
#budget-chooser-modal .pagination ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
#budget-chooser-modal .pagination ul li {display:inline;}
#budget-chooser-modal .pagination ul li.hidden{visibility:hidden;}
#budget-chooser-modal .pagination ul li.page.selected{
    background: none repeat scroll 0 0 #0E4B82;
    margin-left: -4px;
    padding-bottom: 2px;
    padding-left: 1px;
    padding-top: 2px;
}
#budget-chooser-modal .pagination ul li.page-first a{
    border-right: 1px solid #0E4B82;
    padding-left: 6px;
    padding-right: 6px;
}
#budget-chooser-modal .pagination ul li.page-previous a{
    border-right: 1px solid #0E4B82;
    padding-left: 6px;
    padding-right: 6px;
}
#budget-chooser-modal .pagination ul li.page-next a{
    border-right: 1px solid #0E4B82;
    padding-left: 6px;
    padding-right: 6px;
}
#budget-chooser-modal .pagination ul li.page a{
    border-right: 1px solid #0E4B82;
    padding-left: 6px;
    padding-right: 6px;
}
#budget-chooser-modal .pagination ul li.page-last a{
    padding-left: 6px;
    padding-right: 6px;
}

#budget-chooser-modal .pagination ul li.page.selected a{
    color: white;
    cursor: default;
    padding-left: 5px;
}
#budget-chooser-modal .pagination ul li.page-next {display:inline;}
#budget-chooser-modal .pagination ul li.page-last {display:inline;}
#budget-chooser-modal .loader {display:block;}
#budget-chooser-modal .loader.hidden{display:none;}