/* Screen Style Sheet */
/* -------------------------------------------------------------- */
/*
  Sitename:
  Author: Samuel Richardson
  Date:

  Description
  ----------------------------------------------------------------
  Stylesheet for displaying screen elements. This stylesheet
  will only be loaded by later version browsers.

*/

/* Page Layout */
/* -------------------------------------------------------------- */
body
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:62.5%;
  margin : 0px;
  padding : 0px;
  background-color:#FFFFFF;
  background-image:url(../images/framework/BodyBg.jpg);
  background-repeat:repeat-x;
  background-position:top;
}

p{
font-size:9pt;
}

a img{
border:0;
}

#Header{
width:880px;
height:auto;
margin:0 auto 0 auto;
padding:16px 21px 0 0;
}

#Logo{
margin-left:21px
}

#WrapContent2{
background-image:url(../images/framework/ContentBg.jpg);
background-position:top;
background-repeat:repeat-x;
padding-top:21px;
margin-top:3px;
}

#WrapContent{
width:838px;
padding:20px 21px;
margin:0 auto 0 auto;
}

#WrapContent h1{
background-image:url(../images/framework/TitleBg.gif);
background-position:bottom right;
background-repeat:no-repeat;
width:200px;
}

/* Search Box */
#Search{
float:right;
position:relative;
width:266px;
height:auto;
background-color:#FFE8BA;
}

#Search p{
margin:0;
padding:0 0 0 10px;
}

#SearchTop, #SearchBottom{
width:266px;
height:7px;
display:block;
background-repeat:no-repeat;
}

#SearchTop{
background-image:url(../images/framework/SearchTopBg.gif);
}

#SearchBottom{
background-image:url(../images/framework/SearchBtBg.jpg);
background-position:bottom;
}

.advance{
padding-left:50px;
}
/* End Search Box */

#Content{
width:565px;
min-height:194px;
margin:0;
}

h1{
background-image:url(../images/framework/TitleBg.gif);
background-position:bottom right;
background-repeat:no-repeat;
font-size:2.0em;
}

h3{
font-size:1.7em;
margin:0;
padding:0;
}

#Project h3, #Service h3{
font-size:1.3em;
}

h4{
    font-size:11pt;
}

h5{
font-size:10pt;
color:#6B150E;
margin:0;
padding:0;
}

h6{
    font-size:10pt;
    margin-top:15px;
    margin-bottom:15px;
}

#HomeRightColum{
float:right;
width:268px;
}

#HomeLeftColunmn{
width:565px;
}

/* Login Box */
#LoginBox{
float:right;
width:257px;
height:169px;
background-image:url(../images/framework/LoginBoxBg.gif);
background-repeat:no-repeat;
padding:10px 0 0 10px;
display:inline;
margin-bottom: 15px;
}

#LoginBox table{
margin-top:10px;
}

#LoginBox p{
margin:0;
padding-top:4px;
padding-bottom:4px;
}

a{
color:#AE0000;
}

#LoginBox a:hover{
color:#000000;
}
/* Login Box End*/


/* Info Box */
.InfoBoxTop, .InfoBoxTxt, .InfoBoxBottom{
width:267px;
}

.InfoBox{
float:right;
width:267px;
display:block;
padding:0;
margin-bottom:15px;
}

.InfoBox h3{
background-image:url(../images/framework/BoxH3Bg.jpg);
}

.InfoBoxTop{
height:36px;
background-image:url(../images/framework/InfoBoxTop.gif);
background-repeat:no-repeat;
}

.InfoBoxTop h3{
padding:7px 0 0 10px;
}

.InfoBoxTxt{
background-color:#FEBF3D;
margin:0;
padding:0;
}

.InfoBoxTxt p{
margin:0;
padding:5px 10px;
}

.InfoBoxBottom{
height:8px;
background-image:url(../images/framework/InfoBottomBg.gif);
background-repeat:no-repeat;
}
/* Info Box End */

#LatestBox{
width:565px;
background-image:url(../images/framework/LastBoxBg.gif);
background-position:top;
background-repeat:no-repeat;
background-color:#FFE8BA;

height:auto;
}

#Service{
float:right;
width:258px;
border-left: 1px solid #FEB929;
padding:10px 10px 0px 15px;

}

#Project{
width:240px;
padding:10px 15px 0px 15px;

}

.info, .info2{
margin:20px 0;
display:block;
}

.info p, .info2 p{
padding:0;
}

.info2 p{
margin:5px 0;
}

.info p{
margin:4px 0;
}

.info2 img{
float:left;
margin:0 10px 5px 5px;
}

.Wrap{
margin:0 auto 0 auto;
width:880px;
}

.WrapNav{
background-image:url(../images/framework/NavShadow.jpg);
background-repeat:repeat-x;
background-position:0 -3px;
height:37px;
padding-top:21px;
}

.WrapNavInt{
background-image:url(../images/framework/SubMenBg.jpg);
background-repeat:repeat-x;
height:34px;
margin:0 auto 0 auto;
width:880px;
}

#Navigation, #NavigationInt{
margin:0 auto 0 auto;
width:880px;
height:39px;
background-image:url(../images/framework/NavBack.jpg);
background-repeat:no-repeat;
}

#NavigationInt{
height:73px;
background-image:url(../images/framework/NavBackInt.jpg);
}

ul{
list-style-type:none;
}

#Navigation ul{
margin:0 0 0 21px;
padding:2px 0 0 0;

}

#Navigation li, #NavigationInt li{
display:inline;
font-size:10pt;
margin:0;
padding:0;
}

#Navigation li a:link, #Navigation li a:visited{
color:#000;
text-decoration:none;
} 

#Navigation li a:hover {
color:#fff;
text-decoration:none;
} 

#SubMenu{
font-size: 1.1em;
padding:9px 0 0 30px;
margin-top:2px;
color:#AE0000;
}


#SubMenu ul{
margin:0;
padding:0;
}

#SubMenu li{
display:inline;
margin: 0;
padding:0 2px;
}

#SubMenu li a, .BidMenu li a,#ColProject a, #BidBox a{
text-decoration:underline;
}

 #Navigation li a:hover{
color:#FFF;
text-decoration:none;
}

#logon{
float:right;
padding-top:2px;
padding-right:25px;
}

#logon p{
font-size:1.1em;
color:#FFFFFF;
}

#logon a{
color:#FFFFFF;
}

#logon a:hover{
color:#FFFFFF;
text-decoration:none;
}

.searchbar{
margin-left:10px;
}

#ColProject{
float:left;
width:267px;
background-color:#FFE8BA;
background-image:url(../images/framework/ColProjectBtBg.jpg);
background-repeat:no-repeat;
background-position:bottom;
font-size:8pt;
}

#ColProject h2{
background-image:url(../images/framework/ColProjectBg.jpg);
background-repeat:no-repeat;
width:257px;
height:36px;
margin:0;
padding:7px 0 0 10px;
font-size:1.4em;
font-weight:bold;
}

#ColProject h3{
margin:0;
padding:7px 0 0 10px;
font-size:1.4em;
font-weight:bold;
color:#6B150E;
}

#ColProject p{
margin:0;
padding:7px 12px 10px 15px;
font-size:9pt;
}

#ColProject table{
margin:10px;
width:245px;
}

tr, td{
margin:0;
padding:0;
}

td{
padding:5px;
}

tr.ColDark{
background-color:#FFB148;
border-top:1px solid #F7AF45;
border-bottom:1px solid #F7AF45;
}

#BidBox{
margin-left:48px;
width:525px;
float:left;
background-color:#FFE8BA;
background-image:url(../images/framework/BidBoxHeader.jpg);
background-position:top;
background-repeat:no-repeat;
padding:5px 20px 20px 20px;

}

#BidBox h2{
margin:0;
padding:5px 0 15px 5px;
font-size:1.4em;
}

#CommentsBox{
margin-left:315px;
width:525px;
display:block;
background-color:#FFE8BA;
background-image:url(../images/framework/BidBoxHeader.jpg);
background-position:top;
background-repeat:no-repeat;
padding:5px 20px 20px 20px;
margin-top:20px;

}

#CommentsBox h2{
margin:0;
padding:5px 0 15px 5px;
font-size:1.4em;
}


.Line{
width:525px;
height:1px;
display:block;
background-color:#F7AF45;
margin:10px 0;
padding:0;
}

.SmallLine{
width:225px;
height:1px;
display:block;
background-color:#F7AF45;
margin:10px 0;
padding:0;
}

.Title{
font-size:1.4em;
color:#6B150E;
font-weight:bold;
padding-left:3px;
}

.Info{
}

.BidMenu{
margin-top:20px;
font-size:1.1em;
color:#AE0000;
}

.BidMenu ul{
margin:0;
padding:0;
}

.BidMenu li{
display:inline;
margin:0;
padding:0;
}

li.LastMenu{
padding-left:230px;
}

/* TOP NAVIGATION */
.home a, .about a, .register a, .project a, .service a, .faqs a{
float:left;
height:28px;
display:block;
background-position:0 -37px;
background-repeat:no-repeat;

}

.home a{
width:49px;
background-image:url(../images/framework/MenHomeBg.jpg);
padding:11px 0 0 12px;
}

.about a{
width:69px;
background-image:url(../images/framework/MenAboutBg.jpg);
padding:11px 0 0 15px;
}

.register a{
width:69px;
background-image:url(../images/framework/MenRegisBg.jpg);
padding:11px 0 0 17px;
}

.project a{
width:67px;
background-image:url(../images/framework/MenProBg.jpg);
padding:11px 0 0 17px;
}

.service a{
width:110px;
background-image:url(../images/framework/MenServBg.jpg);
padding:11px 0 0 37px;
}

.faqs a {
    width:57px;
    background-image:url(../images/framework/MenHomeBg.jpg);
    padding:11px 0 0 15px;
}

.home a:hover, .about a:hover, .register a:hover, .project a:hover, .service a:hover, .service a:hover, .faqs a:hover{
background-position:0 0;
}

/* TOP NAVIGATION END */

/* Footer Section */

#Footer{
width:880px;
height:23px;
background-color:#F38D00;
margin:0 auto 20px auto;
}

#FooterMenu{
text-align: right;
padding-right: 10px;
color:#FFFFFF;
font-size:1.2em;
}

#FooterMenu ul{
margin:0;
padding:3px 0 0 0;
}

#FooterMenu li{
display:inline;
margin:0;
padding:0;
}

#FooterMenu a:link, #FooterMenu a:visited, #User a:link, #User a:visited{
text-decoration:none;
color:#FFFFFF;
}

#FooterMenu a:hover, #User a:hover{
text-decoration:underline;
color:#FFFFFF;
}

#User{
float:left;
font-size:1.2em;
width: 300px;
}

#User ul{
margin:0;
padding:3px 0 0 20px;
}

#User li{
display:inline;
margin:0;
padding:0px 5px;
}

#FooterMenu ul{
margin:0;
padding:5px 0 0 20px;
}

#FooterMenu li{
display:inline;
margin:0;
padding:0px 5px;
}

.cleaner{
clear:both;
margin:0;
padding:0;
}

/* Tool Box */
#ToolBox{
float:right;
width:257px;
height:auto;
background-color: #ffe9bd;
background-image:url(../images/framework/ToolBoxBg.gif);
background-repeat:no-repeat;
padding:10px 0 0 10px;
padding-bottom: 5px;
display:inline;
}

#ToolBox table{
margin-top:10px;
}

#ToolBox p{
margin:0;
padding: 5px 0 10px 0;
}

#search_for {
  width: 130px;
    
}

.bid_table {
    width:100%;
    
}

.bid_table tr td {
    vertical-align: top;
}

.comment_table {
    width:100%;
    
}

.comment_table tr td {
    vertical-align: top;
}

.message {
    border: solid 1px #f23500;
    font-size: 1.5em;
    font-weight: bold;
    padding: 3px;
    text-align: center;
    width: 500px;
    color: #f23500;
}

.big_box{
float: left;
width:525px;
display:block;
background-color:#FFE8BA;
background-image:url(../images/framework/BidBoxHeader.jpg);
background-position:top;
background-repeat:no-repeat;
padding:5px 20px 20px 20px;
margin-right: 35px;
}

.big_box h2{
margin:0;
padding:5px 0 15px 5px;
font-size:1.4em;
}

.small_box{
float:left;
width:267px;
display:block;
background-color:#FFE8BA;
background-image:url(../images/framework/ColProjectBtBg.jpg);
background-repeat:no-repeat;
background-position:bottom;
font-size:1.1em;
margin-left: 6px;
margin-bottom: 8px;
}

.small_box h2{
background-image:url(../images/framework/ColProjectBg.jpg);
background-repeat:no-repeat;
width:257px;
height:36px;
margin:0;
padding:7px 0 0 10px;
font-size:1.4em;
font-weight:bold;
}

.small_box h3{
margin:0;
padding:0px 0 0 10px;
font-size:1.4em;
font-weight:bold;

}

.small_box p{
margin:0;
padding:7px 15px 10px 15px;
font-size:1.1em;
}

.small_box table{
margin:10px;
width:245px;
}

.errorExplanation {
    border: solid 1px Red;
    font-size: 1.3em;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    width: 500px;   
    margin-bottom:20px;
    margin-top:15px;
    
}

.errorExplanation h2 {
    font-size: 13px;
    padding-left:0;
}

.errorExplanation p {
    font-size: 12px;
}

.fieldWithErrors input {
    background-color: #fec449;
}

.pagination {
    margin-top:30px;
}

.pagination a {
    width: 20px;
    height: 20px;
    border: solid 1px #F38D00;
    padding: 5px;
    font-size: 8pt;
}

.pagination span {
    width: 20px;
    height: 20px;
    border: solid 1px #F38D00;
    padding: 5px;
    font-size: 8pt;
}

.pagination  .current {
    border: solid 1px #AE0000;
}

.pagination .disabled {
    border: solid 1px #eee;
}

#login {
    width: 165px;
}

#password {
     width: 165px;
}


#HomeLeftColunmn h1 {
    width: 100%;
}

#Content h1 {
    width: 100%;
}

.Wrap h1 {
    width:95%;
}

.mine {
    background-color: #ffdfa0;
}

#project_history_table th {
    text-align: left;
    font-size:8pt;
}

#project_history_table  .ColDark {
    background-color: #ffdfa0;
}

#project_history_table td {
    vertical-align: top;
    font-size: 8pt;
}

fieldset {
    margin-bottom: 10px;
}

legend {
    font-size:9pt;
    font-weight: bold;
}

.required {
    color: Red;
}

#finish_button {
    font-weight: bold;
}


.user_table {
    border-top: solid 1px #F7AF45;
    margin-top:7px;        
    margin-bottom: 7px;
}

.selected {
    background-position: 0 0 !important;
}