@charset "utf-8";
/* CSS Document */
@media all{
body{
margin: 0;
font-size: 1em;
line-height: 1.4;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #a6a6a6;
}
h1 {
color: #992924;
font-family: georgia;
font-size: 2.4em;
font-weight: normal;
margin: 0.2em 0;
}
h2{
font-size: 1.6em;
font-weight: normal;
}
td h2{
text-align: left;
margin: 0;
line-height: 1.4;
}
h3{
font-size: 1.14em;
letter-spacing: -0.05em;
}
td h3{
margin: 0.2em 0 0 0;
text-align: left;
font-size: 1em;
letter-spacing: 0;
}
a img{
border: none;
}
table{
font-size: 1em;
}
.small{
font-size: 0.7em;
position: relative;
top: -0.2em;
}
.asphaltTech span{
margin-left: 0.7em;
}
.asphaltTech span.first-child{
margin-left: 0;
}

#bg_middle_repeat{
background: #ebebeb url(../images/template/bg_middle_repeat.gif) center top repeat-y;
}
#bg_top_repeat{
background: url(../images/template/bg_top_repeat.gif) center top repeat-x;
}
#bg_top{
background: url(../images/template/bg_top.gif) center top no-repeat;
}
[lang="fr"] #bg_top{
background: url(../images/template/bg_top_fr.gif) center top no-repeat;
}
.help #bg_top{
background-image: url(../images/template/bg_top_help.gif);
}
[lang="fr"] .help #bg_top{
background-image: url(../images/template/bg_top_help_fr.gif);
}
#bg_bottom_repeat{
background: url(../images/template/bg_bottom_repeat.gif) center bottom repeat-x;
}
#bg_bottom{
background: url(../images/template/bg_bottom.gif) center bottom no-repeat;
}

#utilMenuWrapperOuter{
width: 960px;
height: 30px;
margin: 0 auto;
}
#utilMenuWrapperInner{
float: right;
padding-right: 66px;
background: url(../images/template/topmenu_right.gif) right top no-repeat;
}
#utilMenu{
float: right;
list-style-type: none;
height: 30px;
margin: 0;
padding: 0;
line-height: 1.3;
background: url(../images/template/topmenu_center.gif) repeat-x;
}
#utilMenuLeft{
float: right;
width: 63px;
height: 30px;
background: url(../images/template/topmenu_left.gif) center left no-repeat;
}
#utilMenu li{
font-size: 0.6em;
font-weight: bold;
display: inline;
padding:0.1em 10px 0.2em 10px;
}
#utilMenu li.first-child{
padding-right: 26px;
margin-right: 10px;
border-right: 1px solid #fffcdb;
}
#utilMenu a{
text-decoration: none;
color: #fef7e5;
}
#utilMenu a:hover{
color: white;
}

#mainMenuWrapperOuter{
width: 920px;
height: 45px;
margin: 165px auto 0 auto;
}
#mainMenuWrapperInner{
}
#mainMenu{
display: block;
list-style-type: none;
padding: 0;
margin: 0;
width: 484px;
height: 45px;
background: url(../images/template/menu_public.gif) left top no-repeat;
}
[lang="fr"] #mainMenu{
width: 615px;
background: url(../images/template/menu_public_fr.gif) left top no-repeat;
}
#mainMenu.userMenu{
width: 784px;
background: url(../images/template/menu_user.gif) left top no-repeat;
}
[lang="fr"] #mainMenu.userMenu{
width: 822px;
background: url(../images/template/menu_user_fr.gif) left top no-repeat;
}
#mainMenu.help{
width: 738px;
background: none;
}
#mainMenu li{
float: left;
height: 45px;
}
#mainMenu a{
display: block;
height: 45px;
}
#mainMenu a span{
display: none;
}

#mainMenu.publicMenu .item0 a{
width: 215px;
}
#mainMenu.publicMenu .item0 a:hover{
background: url(../images/template/menu_public.gif) left bottom no-repeat;
}
#mainMenu.publicMenu .item1 a{
width: 150px;
}
#mainMenu.publicMenu .item1 a:hover{
background: url(../images/template/menu_public.gif) -215px bottom no-repeat;
}
#mainMenu.publicMenu .item2 a{
width: 119px;
}
#mainMenu.publicMenu .item2 a:hover{
background: url(../images/template/menu_public.gif) -365px bottom no-repeat;
}

[lang="fr"] #mainMenu.publicMenu .item0 a{
width: 230px;
}
[lang="fr"] #mainMenu.publicMenu .item0 a:hover{
background: url(../images/template/menu_public_fr.gif) left bottom no-repeat;
}
[lang="fr"] #mainMenu.publicMenu .item1 a{
width: 200px;
}
[lang="fr"] #mainMenu.publicMenu .item1 a:hover{
background: url(../images/template/menu_public_fr.gif) -230px bottom no-repeat;
}
[lang="fr"] #mainMenu.publicMenu .item2 a{
width: 185px;
}
[lang="fr"] #mainMenu.publicMenu .item2 a:hover{
background: url(../images/template/menu_public_fr.gif) -430px bottom no-repeat;
}

#mainMenu.userMenu .item0 a{
width: 205px;
}
#mainMenu.userMenu .item0 a:hover{
background: url(../images/template/menu_user.gif) left bottom no-repeat;
}
#mainMenu.userMenu .item1 a{
width: 160px;
}
#mainMenu.userMenu .item1 a:hover{
background: url(../images/template/menu_user.gif) -205px bottom no-repeat;
}
#mainMenu.userMenu .item2 a{
width: 188px;
}
#mainMenu.userMenu .item2 a:hover{
background: url(../images/template/menu_user.gif) -365px bottom no-repeat;
}
#mainMenu.userMenu .item3 a{
width: 231px;
}
#mainMenu.userMenu .item3 a:hover{
background: url(../images/template/menu_user.gif) -553px bottom no-repeat;
}

[lang="fr"] #mainMenu.userMenu .item0 a{
width: 227px;
}
[lang="fr"] #mainMenu.userMenu .item0 a:hover{
background: url(../images/template/menu_user_fr.gif) left bottom no-repeat;
}
[lang="fr"] #mainMenu.userMenu .item1 a{
width: 161px;
}
[lang="fr"] #mainMenu.userMenu .item1 a:hover{
background: url(../images/template/menu_user_fr.gif) -227px bottom no-repeat;
}
[lang="fr"] #mainMenu.userMenu .item2 a{
width: 169px;
}
[lang="fr"] #mainMenu.userMenu .item2 a:hover{
background: url(../images/template/menu_user_fr.gif) -388px bottom no-repeat;
}
[lang="fr"] #mainMenu.userMenu .item3 a{
width: 265px;
}
[lang="fr"] #mainMenu.userMenu .item3 a:hover{
background: url(../images/template/menu_user_fr.gif) -557px bottom no-repeat;
}


#contentWrapperOuter{
width: 920px;
margin: 0 auto;
padding: 11px 0 48px 0;
min-height: 232px;
}
.help #contentWrapperOuter{
padding-top: 192px;
}
#contentWrapperInner{
margin: 1em 20px;
position: relative;
zoom: 1;
}

#footerWrapperOuter{
width: 920px;
margin: -48px auto 0 auto;
}
#footerWrapperInner{
margin: 1em 10px;
}
#footerWrapperInner p{
color: #cccccc;
font-size: 0.6em;
text-align: right;
}

.data{
width: 100%;
overflow: auto;
}
sup{
font-size: 0.7em;
position: relative;
top: -0.7em;
vertical-align: inherit;
}
.colsWrapper{
width: 100%;
overflow: hidden;
}
.leftCol{
width: 420px;
padding-right: 19px;
border-right: 1px solid #DDDDFF;
float: left;
}
.rightCol{
width: 420px;
padding-left: 18px;
border-left: 1px solid #DDDDFF;
margin-left: -1px;
float: left;
}
.leftCol table, .rightCol table{
width: 100%;
}


.fieldWrapper{
width: 100%;
overflow: hidden;
margin: 3px 0;
}
.fieldWrapper label{
float: left;
width: 150px;
}
.fieldWrapper input[type="text"], .fieldWrapper select{
float: left;
}


form{
width: 880px;
line-height: 1.6;
}

.ui-datepicker, .ui-dialog{
font-size: 0.8em;
}
.ui-dialog-wrapper{
display: none;
}

#settingsPage{
font-size: 0.8em;
}
#settingsPage .message{
font-size: 1em;
}
#settingsPage .message .icon{
margin-top: 0.9em;
}
#sectiontabs{
font-size: 0.9em;
}
#settingsPage input[type="text"], #settingsPage input[type="password"]{
width: 200px;
}

#material_costs table{
width: 100%;
border-collapse: collapse;
}

#step1 input[type="text"]{
width: 186px;
}
#step1 select{
height: 22px;
width: 190px;
}

#step2 label{
display: block;
width: 150px;
}
#step2 .value{
float: left;
text-align: right;
width: 160px;
}
#step2 .units{
float: left;
height: 1em;
width: 1.5em;
padding-left: 3px;
}
#step2  input[type="text"]{
text-align: right;
}
#step2 #checkBoxWrapper span{
margin-left: 5px;
position: relative;
top: 2px;
}

#step3 select{
width: 210px;
}
#step3 td, #step3 th{
padding: 2px 10px;
}
[lang="fr"] #step3 td, [lang="fr"] #step3 th{
padding: 6px 10px;
white-space: nowrap;
}
[lang="fr"] #step3 td[colspan=6]{
padding: 2px 10px 2px 0;
}
#step3 th{
font-weight: normal;
padding-top: 0;
padding-bottom: 0;
}
#step3 h2{
margin: 1em 0 0 0;
}
#step3 .firstrow h2{
margin-top: 0;
}
#step3 input[type="text"]{
width: 80px;
text-align: right;
}
[lang] #step3 .col1{
padding-left: 0;
text-align: left;
}
#step3 td.col3{
padding-right: 5px;
}
#step3 td.col4{
padding-left: 0;
padding-right: 10px;
}
#step3 td.col5{
padding-right: 5px;
text-align: right;
}
#step3 td.col5.centerText{
text-align: center;
}
#step3 .col6{
padding-left: 0;
padding-right: 0;
text-align: left;
}

#step4 h3{
margin: 0.7em 0 0 0;
}
#step4 .label{
text-align: left;
}
#step4 .value{
text-align: right;
}
#step4 .units{
padding-left: 0;
}
#step4 .lineAbove{
padding-top: 1em;
margin-top: 1.5em;
border-top: 1px solid #DDDDFF;
}
#step4 th{
text-align: left;
font-weight: normal;
}
#step4 td{
text-align: right;
}
#step4 .value{
text-align: right;
}
#step4 .units{
text-align: left;
}
#step4 input[type="text"]{
width: 50px;
text-align: right;
float: none;
}
#step4 input.material_type{
width: inherit;
background-color: #fff7d3;
}

#results{
font-size: 0.8em;
}
#results .project_info{
width: auto;
}
#results .project_info td, #results .project_info th{
border: none;
text-align: left;
width: auto;
}
#results .project_info .col1{
padding-left: 0;
padding-right: 12px;
}
#results .project_info .col3{
width: 50px;
}
#results .project_info .col5{
padding-right: 0;
padding-left: 12px;
}
#results th, #results td{
padding: 3px 5px;
border: 1px solid gray;
}
#results .subtotalRow, #results .totalRow{
font-weight: bold;
}
#results input[name="submitSave"]{
float: right;
}
#results .col0{
text-align: left;
}
#results .col1{
text-align: left;
}
#results .col2{
text-align: left;
}
#results .col3{
text-align: right;
}
#results th.col3{
text-align: center;
}
#results .col4{
text-align: center;
width: 60px;
}
#results .col5{
text-align: center;
white-space: nowrap;
}
#results th.col5{
white-space: normal;
}
#results .col6{
text-align: center;
white-space: nowrap;
}
#results .col7{
text-align: center;
white-space: nowrap;
}
#results .noborder{
border: none;
padding: 0;
}
#results h2{
margin: 0.8em 0 0.3em 0;
font-size: 2em;
}
#results .firsth2{
margin-top: 0;
}
#results h3{
font-size: 1.2em;
margin: 1em 0 0.3em 0;
}

.formButtons{
width: 100%;
overflow: hidden;
margin-top: 2em;
}
.formTop{
margin-top: 0;
margin-bottom: 1em;
}
.formButtons input[type=submit]{
float: left;
}
.formButtons input[name="submitNext"], .formButtons input[name="submitResults"], .formButtons input[name="submitSave"], .formButtons input[name="submitSettings"], .formButtons input[name="submitPassword"], .formButtons input[name="submitCosts"]{
float: right;
}

.login_page.innerWrapper{
overflow: visible;
}
.clearing{
clear: both;
}
#login{
float: left;
width: auto;
}
#login .fieldWrapper{
float: left;
clear: both;
width: auto;
}

#login input[type="text"], #login input[type="password"]{
width: 180px;
text-align: left;
}
#login label{
width: 150px;
}
[lang="fr"] #login label{
width: 175px;
}
#login .rememberWrapper{
margin: 1em 0;
}
#login .rememberWrapper label{
width: auto;
margin-right: 5px;
font-size: 0.8em;
}
#loginUtils{
float: right;
margin: -0.5em 1em 0 0;
padding: 0 4em;
font-size: 0.8em;
position: relative;
text-align: center;
}
#loginUtils p{
margin: 1.5em 0;
letter-spacing: 0.06em;
}
#loginUtils .note{
font-size: 0.75em;
letter-spacing: 0;
}
.typo-border{
position: absolute;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 8em;
top: -0.32em;
color: #f0f0ff;
}
.typo-border.left{
left: 0;
}
.typo-border.right{
right: 0;
}

#register_agreement{
font-family: "Courier New", Courier, monospace;
font-size: 0.7em;
height: 100px;
margin: 1em 0;
border: 1px solid gray;
padding: 0 10px;
overflow: scroll;
overflow-x: hidden;
}

.list_table{
width: 100%;
font-size: 0.8em;
}
.list_table .sortCol{
white-space: nowrap;
}
.list_table th{
text-align: left;
}
.list_table th a{
text-decoration: none;
}

.pagination td{
text-align: center;
padding-top: 1em;
}
.pagination a{
text-decoration: none;
padding: 0 0.3em;
}

.message{
font-size: 0.8em;
margin: 1em;
padding: 0 12px 0 40px;
}
.message p{
margin: 0.75em 0;
}
.message .icon{
float: left;
margin: 0.8em 0 0 -26px;
}
.ui-state-highlight{
background: #ECF0FE none;
border: 1px solid #5F8DBE;
}
label.required{
font-weight: bold;
}

.settings label{
width: 200px;
}

.innerWrapper{
width: 880px;
overflow: auto;
}

.listTable{
font-size: 0.8em;
border-collapse: collapse;
}
.listTable th{
background-color: #EEEEEE;
}
.listTable td, .listTable th{
padding: 3px 5px;
text-align: left;
}
.listTable th a, .listTable th a:hover, .listTable th a:visited{
text-decoration: none;
color: #0000EE;
}
.listTable .footer{
text-align: center;
}
.listTable .footer a{
text-decoration: none;
}
.smallicon{
position: relative;
top: 3px;
}
.grandTotal{
font-size: 1.2em;
}
.ui-widget{
font-size: 1em;
}
.ui-tabs .ui-tabs-hide {
display: none;
}
.ui-tabs form{
width: auto;
}
#tabs{
width: 874px;
}
#results table{
width: 100%;
border-collapse: collapse;
}
#resultFunctions{
position: absolute;
top: 1em;
right: 0;
}

#material_costs label{
width: 250px;
}
#material_costs input[type="text"]{
text-align: right;
width: 60px;
}
.material_costs_table th, .material_costs_table td{
text-align: center;
padding: 3px 5px;
width: 100px;
}
.material_costs_table th{
padding-top: 2em;
}
.material_costs_table .col0{
text-align: left;
width: 200px;
}
.material_costs_table .col4{
width: 60px;
}
.helpButton{
margin-left: 8px;
}
#contact{
font-size: 1.1em;
width: 100%;
overflow: auto;
}
#contact h2{
margin: 0;
font-size: 1em;
font-weight: bold;
color: #7d2c29;
}
.contactData p{
margin: 0;
}
#contact hr{
margin: 1.5em 55px;
border: none;
height: 1px;
background-color: #635353;
}
.contactContainer{
margin: 0.5em 30px;
width: 820px;
overflow: hidden;
}
.contactData{
float: left;
width: 460px;
margin-right: 40px;
}
.contactContainer img{
margin-top: 15px;
}
.contactSeparator{
margin-top: 4em;
font-style: italic;
}

#help h2, #help h3, #help h4{
clear: left;
}
#help strong{
font-size: 0.95em;
}
.img_help{
float: left;
margin: 0.2em 10px 1em 0;
}

#logo_print{
display: none;
}
}

@media print{
#utilMenuWrapperOuter, #mainMenuWrapperOuter, #footerWrapperOuter{
display: none;
}
#contentWrapperOuter, #contentWrapperInner{
width: auto;
margin: 0;
padding: 0;
}
#logo_print{
display: block;
width: 100%;
}
}