/* ========== */
/* == base == */
/* ========== */

body, html { background: #fff; border: 0; margin: 0; padding: 0; height: 100%; }









/* ================== */
/* == custom fonts == */
/* ================== */

@font-face {
    font-family: 'MyriadProLight';
    src: url('../../_lib/fonts/myriadpro-light.eot');
    src: url('../../_lib/fonts/myriadpro-light.eot?#iefix') format('embedded-opentype'),
         url('../../_lib/fonts/myriadpro-light.woff') format('woff'),
         url('../../_lib/fonts/myriadpro-light.ttf') format('truetype'),
         url('../../_lib/fonts/myriadpro-light.svg#MyriadProLight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'MyriadProRegular';
    src: url('../../_lib/fonts/myriadpro-regular.eot');
    src: url('../../_lib/fonts/myriadpro-regular.eot?#iefix') format('embedded-opentype'),
         url('../../_lib/fonts/myriadpro-regular.woff') format('woff'),
         url('../../_lib/fonts/myriadpro-regular.ttf') format('truetype'),
         url('../../_lib/fonts/myriadpro-regular.svg#MyriadProRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'MyriadProSemibold';
    src: url('../../_lib/fonts/myriadpro-semibold.eot');
    src: url('../../_lib/fonts/myriadpro-semibold.eot?#iefix') format('embedded-opentype'),
         url('../../_lib/fonts/myriadpro-semibold.woff') format('woff'),
         url('../../_lib/fonts/myriadpro-semibold.ttf') format('truetype'),
         url('../../_lib/fonts/myriadpro-semibold.svg#MyriadProSemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'MyriadProBold';
    src: url('../../_lib/fonts/myriadpro-bold.eot');
    src: url('../../_lib/fonts/myriadpro-bold.eot?#iefix') format('embedded-opentype'),
         url('../../_lib/fonts/myriadpro-bold.woff') format('woff'),
         url('../../_lib/fonts/myriadpro-bold.ttf') format('truetype'),
         url('../../_lib/fonts/myriadpro-bold.svg#MyriadProBold') format('svg');
}

.font-black { color: #000; }
.font-gray-dark { color: #333; }
.font-white { color: #fff; }

.font-shadow-white { text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); }
.opacity
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=50);
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
	-o-opacity: 0.6;
	opacity: 0.6;
}









/* =================== */
/* == button styles == */
/* =================== */

.button-style-hero, .button-style-hero:active, .button-style-hero:hover, .button-style-hero:visited { background: #80b13f; color: #fff; cursor: pointer; font: normal 20px MyriadProRegular; line-height: 22px; margin: 0; padding: 19px 26px 14px 26px;  text-decoration: none; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41);
	border-radius: 4px;
	CCborderRadius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-o--border-radius: 4px;
	-webkit-border-radius: 4px;
}

.button-style-diversion-reports { background: #80b13f; color: #fff; cursor: pointer; font: normal 12px MyriadProBold; line-height: 13px; margin: 0px 2px 0px 0px; padding: 5px 10px 4px 10px;  text-decoration: none; text-shadow: 0px 1px 0px rgba(0, 0, 0, .21); }
.button-style-diversion-reports:hover { background: #754c1a; color: #fff; cursor: pointer; font: normal 12px MyriadProBold; line-height: 13px; margin: 0px 2px 0px 0px; padding: 5px 10px 4px 10px;  text-decoration: none; text-shadow: 0px 1px 0px rgba(0, 0, 0, .21); }
.button-style-diversion-reports-selected, .button-style-diversion-reports-selected:hover { background: #754c1a; color: #fff; cursor: pointer; font: normal 12px MyriadProBold; line-height: 13px; margin: 0px 2px 0px 0px; padding: 5px 10px 4px 10px;  text-decoration: none; text-shadow: 0px 1px 0px rgba(0, 0, 0, .21); }

.button-style-carbon-reports { background: #b2b244; color: #fff; cursor: pointer; font: normal 12px MyriadProBold; line-height: 13px; margin: 0px 2px 0px 0px; padding: 5px 10px 4px 10px;  text-decoration: none; text-shadow: 0px 1px 0px rgba(0, 0, 0, .21); }
.button-style-carbon-reports:hover { background: #336633; color: #fff; cursor: pointer; font: normal 12px MyriadProBold; line-height: 13px; margin: 0px 2px 0px 0px; padding: 5px 10px 4px 10px;  text-decoration: none; text-shadow: 0px 1px 0px rgba(0, 0, 0, .21); }
.button-style-carbon-reports-selected, .button-style-carbon-reports-selected:hover { background: #336633; color: #fff; cursor: pointer; font: normal 12px MyriadProBold; line-height: 13px; margin: 0px 2px 0px 0px; padding: 5px 10px 4px 10px;  text-decoration: none; text-shadow: 0px 1px 0px rgba(0, 0, 0, .21); }

.button-chat, .button-chat:active, .button-chat:hover, .button-chat:visited { background: #efefef; color: #669966; cursor: pointer; font: normal 30px MyriadProRegular; line-height: 32px; margin: 0; padding: 19px 26px 16px 26px; text-decoration: none; text-shadow: 0px 1px 0px rgba(255, 255, 255, .41);
	border-radius: 14px;
	CCborderRadius: 14px;
	-khtml-border-radius: 14px;
	-moz-border-radius: 14px;
	-o--border-radius: 14px;
	-webkit-border-radius: 14px;
}









/* ================ */
/* == global nav == */
/* ================ */

/*#container-nav-hero { background-color: #666; border: 0; margin: 0; padding: 0; position: fixed; top: 0; width: 100%; min-width: 1170px; height: 80px; z-index: 100;
	opacity: 0.60;
	filter: alpha(opacity=60);
	-khtml-opacity: 0.60;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=87)";
	-moz-opacity: 0.60;
	-o-opacity: 0.60;
	-webkit-opacity: 0.60;
}
#container-nav-diversion { background-color: #80b13f; border: 0; margin: 0; padding: 0; position: fixed; top: 0; width: 100%; min-width: 1170px; height: 80px; z-index: 100; }
#container-nav-carbon { background-color: #b2b244; border: 0; margin: 0; padding: 0; position: fixed; top: 0; width: 100%; min-width: 1170px; height: 80px; z-index: 100; }
#container-nav-materials { background-color: #000; border: 0; margin: 0; padding: 0; position: fixed; top: 0; width: 100%; min-width: 1170px; height: 80px; z-index: 100;
	opacity: 0.60;
	filter: alpha(opacity=60);
	-khtml-opacity: 0.60;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-moz-opacity: 0.60;
	-o-opacity: 0.60;
	-webkit-opacity: 0.60;
}*/

/*#container-header { border: 0; margin: 0; padding: 0; position: fixed; top: 0; width: 100%; min-width: 1170px; height: 80px; z-index: 110; }*/
.logo { background: url(../../_images/wastetracking-logo.png) no-repeat center center; border: 0; float: left; margin: 0; padding: 0; position: relative; width: 48px; height: 80px; z-index: 110; }
.logo-text-header { color: #fff; font: normal 24px MyriadProBold; line-height: 26px; margin: 0; padding: 22px 0px 0px 58px; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
.logo-text-header-light { color: #fff; font: normal 24px MyriadProLight; line-height: 26px; margin: 0; padding: 0; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
.logo-text-sub-header { color: #1f1f1f; font: normal 13px MyriadProSemibold; line-height: 15px; margin: -2px 0px 0px 0px; padding: 0px 0px 0px 58px; text-shadow: 0px 1px 0px rgba(255, 255, 255, .13); }
.logo-text-sub-header-gray { color: #afafaf; font: normal 13px MyriadProSemibold; line-height: 15px; margin: -2px 0px 0px 0px; padding: 0px 0px 0px 58px; text-shadow: 0px 1px 0px rgba(0, 0, 0, .21); }
.logo-text-sub-header-gray-dark { color: #666; font: normal 13px MyriadProSemibold; line-height: 15px; margin: -2px 0px 0px 0px; padding: 0px 0px 0px 58px; text-shadow: 0px 1px 0px rgba(0, 0, 0, .21); }

.login-text { margin: 0; padding: 43px 0px 0px 0px; text-align: right; }
.login-text-link, .login-text-link:active, .login-text-link:hover, .login-text-link:visited { color: #fff; font: normal 14px MyriadProSemibold; line-height: 16px; margin: 0; padding: 0; text-decoration: none; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }

.menu { margin: 0; padding: 36px 0px 0px 0px; text-align: right; }
.menu-link, .menu-link:active, .menu-link:hover, .menu-link:visited { color: #fff; font: normal 14px MyriadProBold; line-height: 16px; margin: 0; padding: 0; text-decoration: none; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
.diversion-link-dot { color: #ccff99; font: normal 24px MyriadProBold; position: relative; top: -21px; left: -68px; text-decoration: none; }
.carbon-link-dot { color: #ffff99; font: normal 24px MyriadProBold; position: relative; top: -21px; left: -90px; text-decoration: none; }
.material-link-dot { color: #fff; font: normal 24px MyriadProBold; position: relative; top: -21px; left: -65px; text-decoration: none; }









/* ========== */
/* == hero == */
/* ========== */

#container-hero
{
	background: #666; margin: 0; padding: 0; width: 100%; min-width: 1170px; height: 900px;
	background-size: cover;
	-khtml-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	-webkit-background-size: cover;
}

.nav-hero { background-color: #000; border: 0; margin: -900px 0px 0px 0px; padding: 0; position: relative; width: 100%; min-width: 1170px; height: 80px; z-index: 100;
	opacity: 0.50;
	filter: alpha(opacity=.50);
	-khtml-opacity: 0.50;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-moz-opacity: 0.50;
	-o-opacity: 0.50;
	-webkit-opacity: 0.50;
}
.nav-hero-header { border: 0; margin: -80px 0px 0px 0px; padding: 0; position: relative; width: 100%; min-width: 1170px; height: 80px; z-index: 110; }

/*#logo-link { background: #efefef; cursor: pointer; margin: 0; padding: 0; width: 100px; height: 40px; }*/

.hero-header { margin: 0; padding: 194px 0px 0px 0px; }
.hero-header p.header { color: #fff; font: normal 66px MyriadProSemibold; line-height: 83px; margin: 0; padding: 0; text-align: center; text-shadow: 5px 5px 5px rgba(0, 0, 0, .60); }
.hero-header p.sub-header { color: #fff; font: normal 24px MyriadProRegular; line-height: 28px; margin: 1px 0px 0px 0px; padding: 0; text-align: center; text-shadow: 3px 3px 3px rgba(0, 0, 0, .41); }
.hero-header p.sub-header-link { font: normal 30px MyriadProLight; line-height: 32px; margin: -3px 0px 0px 0px; padding: 0; text-align: center; }
.hero-header p.sub-header-link a { color: #333; text-decoration: none; }
.hero-header p.sub-header-link a:active, .header-hero p.sub-header-link a:hover, .header-hero p.sub-header-link a:visited { color: #333; text-decoration: none; }
.hero-header p.brand { line-height: 44px; margin: 0; padding: 0; position: relative; bottom: -342px; width: 171px; height: 44px; }
.hero-buttons { margin: 50px 0px 0px 0px; padding: 0; text-align: center; }









/* ==================================== */
/* == basic jquery slider essentials == */
/* ==================================== */

#hero-carousel-container { background: none; margin: 0; padding: 0; position: relative; width: 100%; min-width: 1170px; height: 900px; z-index: 50; }
.hero-1
{
	background: url(../../_images/hero/hero-1.jpg) no-repeat center center; margin: 0; padding: 0; width: 100%; min-width: 1170px; height: 900px;
	background-size: cover;
	-khtml-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	-webkit-background-size: cover;
}
.hero-2
{
	background: url(../../_images/hero/hero-2.jpg) no-repeat center center; margin: 0; padding: 0; width: 100%; min-width: 1170px; height: 900px;
	background-size: cover;
	-khtml-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	-webkit-background-size: cover;
}
.hero-3
{
	background: url(../../_images/hero/hero-3.jpg) no-repeat center center; margin: 0; padding: 0; width: 100%; min-width: 1170px; height: 900px;
	background-size: cover;
	-khtml-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	-webkit-background-size: cover;
}
.hero-4
{
	background: url(../../_images/hero/hero-4.jpg) no-repeat center center; margin: 0; padding: 0; width: 100%; min-width: 1170px; height: 900px;
	background-size: cover;
	-khtml-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	-webkit-background-size: cover;
}

.hero-5
{
	background: url(../../_images/hero/hero-5.jpg) no-repeat center center; margin: 0; padding: 0; width: 100%; min-width: 1170px; height: 900px;
	background-size: cover;
	-khtml-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	-webkit-background-size: cover;
}

ul.bjqs { display: none; list-style: none; margin: 0; overflow: hidden; padding: 0; position: relative; }
li.bjqs-slide { display: none; position: absolute; }
ul.bjqs-controls { list-style: none; margin: -10px 0px 0px 0px; padding: 0; z-index: 9999; }
ul.bjqs-controls.v-centered li a { position: absolute; }
ul.bjqs-controls.v-centered li.bjqs-next a { right: 0; }
ul.bjqs-controls.v-centered li.bjqs-prev a { left: 0; }
ol.bjqs-markers{ list-style: none; margin: 0; padding: 0; width: 100%; }
ol.bjqs-markers.h-centered{ text-align: center; }
ol.bjqs-markers li { display: inline; }
ol.bjqs-markers li a { display: inline-block; }
p.bjqs-caption{ display: block; margin: 0; padding: 2%; position: absolute; bottom: 0; width: 96%; }

#banner-fade,
#banner-slide{ width: 100%; }
ul.bjqs-controls.v-centered li a { background: #fff; color: #000; /*display:block;*/ display: none; padding: 10px; text-decoration: none; }
ul.bjqs-controls.v-centered li a:hover { background: #000; color: #fff; }

ol.bjqs-markers li a { background: #99cc66; color: #99cc66; font: normal 8px Arial; margin: 0px 5px 0px 5px; padding: 0px 3px 0px 3px; position: relative; top: -145px; left: 11px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
}
ol.bjqs-markers li.active-marker a, ol.bjqs-markers li a:hover{ background: #fff; color: #fff; }
p.bjqs-caption{ background: rgba(255, 255, 255, 0.5); display: none; }









/* ======================= */
/* == diversion reports == */
/* ======================= */

#container-diversion-reports
{
	background: url(../../_images/diversion-reports/background.jpg) no-repeat center center; margin: 0; padding: 0; width: 100%; min-width: 1170px; height: 1138px;
	background-size: cover;
	-khtml-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	-webkit-background-size: cover;
}

.nav-diversion { background-color: #80b13f; border: 0; margin: 0; padding: 0; width: 100%; min-width: 1170px; height: 80px; z-index: 100; }

.diversion-reports-header { margin: 0; padding: 57px 0px 0px 0px; }
.diversion-reports-title p { color: #ccff99; font: normal 18px MyriadProBold; letter-spacing: 1px; line-height: 20px; margin: 0 auto; padding: 1px 0px 0px 0px; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
.diversion-reports-buttton-months { float: left; margin: 0; padding: 0; height: 24px; }
.diversion-reports-buttton-types { float: right; margin: 0; padding: 0; height: 24px; }
.diversion-reports-summary { margin: 0; padding: 71px 0px 0px 0px; }
.diversion-reports-summary p { font: normal 50px MyriadProRegular; line-height: 52px; margin: 0; padding: 0; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }

#diversion-rate { background: url(../../_images/diversion-reports/diversion-rate-box2.png) no-repeat center center; margin: 0px 0px 2px 0px; padding: 0; width: 225px; height: 81px; }
#diversion-rate p.diversion-rate-title { color: #efefef; font: normal 16px MyriadProRegular; line-height: 18px; margin: 0; padding: 22px 0px 0px 15px; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
#diversion-rate p.diversion-rate-number { color: #ccff99; font: normal 22px MyriadProRegular; line-height: 24px; margin: 0; padding: 2px 0px 0px 15px; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }

#diversion-legend { margin: 182px 0px 0px 0px; padding: 0px 0px 0px 70px; }
#diversion-legend p.diversion-legend-disposed { color: #efefef; font: normal 16px MyriadProRegular; line-height: 22px; margin: 0; padding: 0; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
#diversion-legend p.diversion-legend-recycled { color: #efefef; font: normal 16px MyriadProRegular; line-height: 22px; margin: 0; padding: 0; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
#diversion-legend p.diversion-legend-salvaged { color: #efefef; font: normal 16px MyriadProRegular; line-height: 22px; margin: 0; padding: 0; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
#diversion-legend .diversion-legend-number { color: #ccff99; font: normal 22px MyriadProRegular; letter-spacing: .2px; line-height: 24px; margin: 0; padding: 0px 0px 0px 12px; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }

#diversion-chart-donut { margin: 12px auto 0 auto !important; padding: 0; position: relative; left: 0 !important; right: 0 !important; width: 110%; height: 390px;  }

#diversion-data-recycled { margin: 0; padding: 0; position: relative; top: 12px; height: 60px; }
.diversion-data-recycled-title { color: #e4fba1; font: normal 16px MyriadProSemibold; line-height: 18px; margin: 0; padding: 0; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
.diversion-data-recycled-number { color: #fff; font: normal 24px MyriadProSemibold; line-height: 26px; margin: 0; padding: 2px 0px 0px 0px; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
.diversion-data-recycled-number-selected { color: #000; font: normal 32px MyriadProBold; line-height: 34px; margin: 0; padding: 0; text-align: center; text-shadow: 0px 1px 0px rgba(255, 255, 255, .30); }

#diversion-data-disposed { margin: 0; overflow: visible; padding: 0; position: relative; top: -352px; left: -524px; height: 60px; }
.diversion-data-disposed-title { color: #1d4b06; font: normal 16px MyriadProSemibold; line-height: 18px; margin: 0; padding: 0; text-align: right; text-shadow: 0px 1px 0px rgba(255, 255, 255, .21); }
.diversion-data-disposed-number { color: #fff; font: normal 24px MyriadProSemibold; line-height: 26px; margin: 0; padding: 2px 0px 0px 0px; text-align: right; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
.diversion-data-disposed-number-selected { color: #000; font: normal 32px MyriadProBold; line-height: 34px; margin: 0; padding: 0; text-align: right; text-shadow: 0px 1px 0px rgba(255, 255, 255, .30); width: auto; }

#diversion-data-salvaged { margin: 0; padding: 0; position: relative; top: -412px; left: 525px; height: 60px; }
.diversion-data-salvaged-title { color: #a3d65c; font: normal 16px MyriadProSemibold; line-height: 18px; margin: 0; padding: 0; text-align: left; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
.diversion-data-salvaged-number { color: #fff; font: normal 24px MyriadProSemibold; line-height: 26px; margin: 0; padding: 2px 0px 0px 0px; text-align: left; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
.diversion-data-salvaged-number-selected { color: #000; font: normal 32px MyriadProBold; line-height: 34px; margin: 0; padding: 0; text-align: left; text-shadow: 0px 1px 0px rgba(255, 255, 255, .30); }

#diversion-chart-line { margin: 55px auto 0 auto; width: 970px; }

#diversion-stats { position: relative; top: 52px; }
#diversion-stats p.disposed { color: #fff; font: normal 20px MyriadProRegular; line-height: 22px; margin: 0; padding: 0; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, .21); }
#diversion-stats p.disposed-number { color: #ccff99; font: normal 30px MyriadProSemibold; line-height: 32px; margin: 0; padding: 0; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
#diversion-stats p.recycled { color: #fff; font: normal 20px MyriadProRegular; line-height: 22px; margin: 0; padding: 0; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
#diversion-stats p.recycled-number { color: #ccff99; font: normal 30px MyriadProSemibold; line-height: 32px; margin: 0; padding: 0; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
#diversion-stats p.salvaged { color: #fff; font: normal 20px MyriadProRegular; line-height: 22px; margin: 0; padding: 0; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
#diversion-stats p.salvaged-number { color: #ccff99; font: normal 30px MyriadProSemibold; line-height: 32px; margin: 0; padding: 0; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }









/* =========================== */
/* == environmental reports == */
/* =========================== */

#container-carbon-reports { background: #999933; margin: 0; padding: 0; width: 100%; min-width: 1170px; height: 750px; }

.nav-carbon { background-color: #b2b244; border: 0; margin: 0; padding: 0; width: 100%; min-width: 1170px; height: 80px; z-index: 100; }

.carbon-reports-header { margin: 0; padding: 57px 0px 0px 0px; }
.carbon-reports-title p { color: #ffff99; font: normal 18px MyriadProBold; letter-spacing: 1px; line-height: 20px; margin: 0 auto; padding: 1px 0px 0px 0px; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
.carbon-reports-buttton-months { float: left; margin: 0; padding: 0; height: 24px; }
.carbon-reports-buttton-types { float: right; margin: 0; padding: 0; height: 24px; }
.carbon-reports-summary { margin: 0; padding: 71px 0px 0px 0px; }
.carbon-reports-summary p { font: normal 50px MyriadProRegular; line-height: 52px; margin: 0; padding: 0; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }

#carbon-chart-bar { margin: 108px auto 0 auto; padding: 0; width: 970px; height: 267px; }
.carbon-icons { background: url(../../_images/carbon-reports/icons.png) no-repeat center center; margin: 15px 0px 0px 177px; padding: 0; width: 869px; height: 73px; }









/* ====================== */
/* == material reports == */
/* ====================== */

#container-material-reports
{
	background: #666; margin: 0; padding: 0; width: 100%; min-width: 1170px; height: 719px;
	background-size: cover;
	-khtml-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	-webkit-background-size: cover;
}

.nav-material { background-color: #000; border: 0; margin: 0; padding: 0; width: 100%; min-width: 1170px; height: 80px; z-index: 100;
	opacity: 0.60;
	filter: alpha(opacity=60);
	-khtml-opacity: 0.60;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-moz-opacity: 0.60;
	-o-opacity: 0.60;
	-webkit-opacity: 0.60;
}
.nav-material-header { border: 0; margin: -80px 0px 0px 0px; padding: 0; width: 100%; min-width: 1170px; height: 80px; z-index: 110; }

.material-reports-header { margin: 0; padding: 57px 0px 0px 0px; }
.material-reports-title p { color: #fff; font: normal 18px MyriadProBold; letter-spacing: 1px; line-height: 20px; margin: 0 auto; padding: 1px 0px 0px 0px; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
.material-reports-summary { margin: 0; padding: 71px 0px 0px 0px; }
.material-reports-summary p { font: normal 50px MyriadProRegular; line-height: 52px; margin: 0; padding: 0; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }

.material-chart-list { margin: 0; padding: 129px 0px 0px 0px; }
.material-chart-list p.numbers { color: #e0e0e0; font: normal 20px MyriadProRegular; line-height: 26px; margin: 0; padding: 0px 20px 0px 0px; text-align: right; }
.material-chart-list p.materials { color: #e0e0e0; font: normal 20px MyriadProRegular; line-height: 26px; margin: 0; padding: 0; }
.material-chart-list p.in-tons { color: #fff; font: normal 20px MyriadProSemibold; line-height: 26px; margin: 0; padding: 0; }
.material-chart-list p.rate { color: #e5e5e5; font: normal 20px MyriadProSemibold; line-height: 26px; margin: 0; padding: 0; }
.small { font: normal 12px MyriadProBold; line-height: 26px; margin: 0; padding: 0; }









/* =========== */
/* == login == */
/* =========== */

#container-login { background: #669966; margin: 0; padding: 0; width: 100%; min-width: 1170px; height: 187px; }
.login-title p { color: #fff; font: normal 17px MyriadProRegular; letter-spacing: 1px; line-height: 19px; margin: 50px 0px 0px 0px; padding: 0px 0px 0px 8px; text-shadow: 0px 1px 0px rgba(0, 0, 0, .41); }
.login-form { background: url(../../_images/form-bg.jpg) no-repeat center center; margin: 0; padding: 0; width: 570px; height: 64px; }

.form-top { background: url(../../_images/form-top-bg.png) no-repeat center center; float: right; margin: 17px 0px 0px 0px; padding: 0; width: 430px; height: 44px; }









/* ================= */
/* == form fields == */
/* ================= */

.initial-class { color: #fff; }
.normal-class { color: #fff; }

input { background: none; border: none; color: #333; font: normal 16px Arial; line-height: 44px; outline: none; }

.top-field-email-address { color: #fff; float: left; font: normal 14px MyriadProSemibold; line-height: 16px; margin: 16px 0px 0px 49px; padding: 0; text-shadow: 0px 1px 0px rgba(0, 0, 0, .17); width: 130px; height: 17px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	-khtml-appearance: none;
	appearance: none;
}
.top-field-password { color: #fff; float: left; font: normal 14px MyriadProSemibold; line-height: 16px; margin: 16px 0px 0px 49px; padding: 0; text-shadow: 0px 1px 0px rgba(0, 0, 0, .17); width: 121px; height: 17px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	-khtml-appearance: none;
	appearance: none;
}
.field-email-address { color: #fff; float: left; font: normal 20px MyriadProRegular; line-height: 22px; margin: 23px 0px 0px 66px; padding: 0; text-shadow: 0px 1px 0px rgba(0, 0, 0, .21); width: 170px; height: 22px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	-khtml-appearance: none;
	appearance: none;
}
.field-password { color: #fff; float: left; font: normal 20px MyriadProRegular; line-height: 22px; margin: 23px 0px 0px 52px; padding: 0; text-shadow: 0px 1px 0px rgba(0, 0, 0, .21); width: 170px; height: 22px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	-khtml-appearance: none;
	appearance: none;
}
.field-submit { background: #194c19; color: #fff; cursor: pointer; float: left; font: normal 20px MyriadProRegular; line-height: 22px; margin: 12px 0px 0px 10px; padding: 0; width: 92px; height: 42px;
	border-radius: 3px;
	CCborderRadius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-o--border-radius: 3px;
	-webkit-border-radius: 3px;
}
.field-contractor-id { color: #fff; float: left; font: normal 20px MyriadProRegular; line-height: 22px; margin: 23px 0px 0px 66px; padding: 0; text-shadow: 0px 1px 0px rgba(0, 0, 0, .21); width: 170px; height: 22px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	-khtml-appearance: none;
	appearance: none;
}
.field-contractor-password { color: #fff; float: left; font: normal 20px MyriadProRegular; line-height: 22px; margin: 23px 0px 0px 52px; padding: 0; text-shadow: 0px 1px 0px rgba(0, 0, 0, .21); width: 170px; height: 22px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	-khtml-appearance: none;
	appearance: none;
}
.field-contractor-submit { background: #194c19; color: #fff; cursor: pointer; float: left; font: normal 20px MyriadProRegular; line-height: 22px; margin: 12px 0px 0px 10px; padding: 0; width: 92px; height: 42px;
	border-radius: 3px;
	CCborderRadius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-o--border-radius: 3px;
	-webkit-border-radius: 3px;
}
.top-field-submit { background: #669933; color: #fff; cursor: pointer; float: left; font: normal 14px MyriadProSemibold; line-height: 16px; margin: 6px 0px 0px 10px; padding: 0; text-shadow: 0px 1px 0px rgba(0, 0, 0, .17); width: 66px; height: 34px;
	border-radius: 3px;
	CCborderRadius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-o--border-radius: 3px;
	-webkit-border-radius: 3px;
}









/* ============ */
/* == footer == */
/* ============ */

#container-footer { background: #e5e5e5; margin: 0; padding: 0; width: 100%; min-width: 1170px; height: 181px; }
p.footer-title { color: #575757; font: normal 16px MyriadProBold; line-height: 18px; margin: 0; padding: 48px 0px 0px 0px; text-shadow: 0px 1px 0px rgba(255, 255, 255, .47); }
p.footer-sub-title { color: #9b9b9b; font: normal 12px MyriadProSemibold; line-height: 14px; margin: 0; padding: 3px 0px 0px 0px; text-shadow: 0px 1px 0px rgba(255, 255, 255, .47); }
p.footer-links { color: #9b9b9b; font: normal 12px MyriadProSemibold; line-height: 14px; margin: 0; padding: 3px 0px 0px 0px; text-align: right; text-shadow: 0px 1px 0px rgba(255, 255, 255, .47); }
a.footer-links, a.footer-links:hover, a.footer-links:active, a.footer-links:visited { color: #669933; font: normal 12px MyriadProBold; text-decoration: none; }
hr { background: #bfbfbf; border: none; margin: 15px 0px 0px 0px; padding: 0; width: 100%; height: 1px; }

.modalView {
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -165px;
    z-index: 1000;
    width: 330px;
    height: 500px;
}
#closeModal {
    position: absolute;
    right: 5px;
    top: 0;
}

.subcontractorPoleForm{
    background-color: #6F9E6D;
    padding: 30px 0;
    display: none;
}

.login_title{
    color: #fff; font: normal 15px MyriadProRegular;
}

.email-field{
    border-radius: 4px;
    border-left: 1px solid #5D8F5D;
    border-top: 1px solid #5D8F5D;
    display: block;
    background: url("../../_images/field-email-bg.png") left  no-repeat;
    background-color: #88B588;
    padding-left: 65px;
    margin: 0 auto;
    color:#fff;
    width: 236px;
    height: 45px;
    line-height: 45px;
}

.new-email-field{
    border-radius: 4px;
    border-left: 1px solid #5D8F5D;
    border-top: 1px solid #5D8F5D;
    display: block;
    background: url("../../_images/field-email-bg.png") left  no-repeat;
    background-color: #88B588;
    padding-left: 65px;
    margin: 0 auto;
    color:#fff;
    width: 236px;
    height: 45px;
    line-height: 45px;
}

.project-name-field{
    background-color: #89B589;
    border-radius: 4px;
    border-left: 1px solid #5D8F5D;
    border-top: 1px solid #5D8F5D;
    display: block;
    margin: 0 auto;
    color:#fff;
    width: 236px;
    padding-left: 10px;
    padding-right: 10px;
    height: 45px;
    line-height: 45px;
}

.project-street-field{
    background-color: #89B589;
    border-radius: 4px;
    border-left: 1px solid #5D8F5D;
    border-top: 1px solid #5D8F5D;
    display: block;
    margin: 10px auto;
    color:#fff;
    width: 236px;
    padding-left: 10px;
    padding-right: 10px;
    height: 45px;
    line-height: 45px;
}

.password-field{
    border-radius: 4px;
    border-left: 1px solid #5D8F5D;
    border-top: 1px solid #5D8F5D;
    display: block;
    background: url("../../_images/field-password-bg.png") left  no-repeat;
    padding-left: 65px;
    margin: 10px auto;
    background-color: #88B588;
    color:#fff;
    width: 236px;
    height: 45px;
    line-height: 45px;
}

.fakepassword-field{
    border-radius: 4px;
    border-left: 1px solid #5D8F5D;
    border-top: 1px solid #5D8F5D;
    display: block;
    background: url("../../_images/field-password-bg.png") left  no-repeat;
    padding-left: 65px;
    margin: 10px auto;
    background-color: #88B588;
    color:#fff;
    width: 236px;
    height: 45px;
    line-height: 45px;
}

.new-password-field, .verify-password-field, .new-fakepassword-field, .verify-fakepassword-field{
    border-radius: 4px;
    border-left: 1px solid #5D8F5D;
    border-top: 1px solid #5D8F5D;
    display: block;
    background: url("../../_images/field-password-bg.png") left  no-repeat;
    padding-left: 65px;
    margin: 10px auto;
    background-color: #88B588;
    color:#fff;
    width: 236px;
    height: 45px;
    line-height: 45px;
}

.login-submit{
    background-color: #164916;
    color:#fff;
    width: 236px;
    border-radius: 4px;
    font: 20px MyriadProSemibold;
    height: 40px;
    cursor: pointer;
}

.create-wmp-submit{
    background-color: #164916;
    color:#fff;
    width: 236px;
    border-radius: 4px;
    font: 20px MyriadProSemibold;
    height: 40px;
    cursor: pointer;
}

.create-account-submit{
    background-color: #164916;
    color:#fff;
    width: 236px;
    border-radius: 4px;
    font: 20px MyriadProSemibold;
    height: 40px;
    cursor: pointer;
}

#popup_login_form{
    margin-top: 10px;
}

#createWmpForm{
    margin-top: 10px;
}

#createAccountForm{
    margin-top: 10px;
}

.createWmp{
    background-color: #6F9E6D;
    padding: 30px 0;
    display: none;
}

.createAccount{
    background-color: #6F9E6D;
    padding: 30px 0;
    display: none;
}

.tip_txt{
    color: #fff;
    font: 14px MyriadProSemibold;
}

.tip_txt a{
    color: #fff;
    text-decoration: none;
}

.onePageClass #header  { background-color: #282828; height: 170px; width: 100%; }
.onePageClass .infoContent {float: right; width: 500px; margin-top: 10px;}
.onePageClass #head_topline {width:950px; margin: 0 auto; height: 100px; }
.onePageClass #logo-link-hero {width: 350px; float: left;  margin-top: 10px;}
.onePageClass .lineHeaderTop {
    width: 100%; height: 80px; background-color: #80B13F;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(35, 36, 34, 1);
    -moz-box-shadow: 0px 1px 2px 0px rgba(35, 36, 34, 1);
    box-shadow: 0px 1px 2px 0px rgba(35, 36, 34, 1);
}
.onePageClass .hrClass {width: 100%;  height: 1px;
    -webkit-box-shadow: 0px 2px 8px 0px #80B13F;
    -moz-box-shadow: 0px 2px 8px 0px #80B13F;
    box-shadow: 0px 2px 8px 0px #80B13F;
}

.onePageClass .container h2 {
    color: rgb(0, 0, 0);
    display: block;
    font-family: 'Franklin Gothic Demi', Verdana, Arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    height: 26px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-shadow: rgb(255, 255, 255) 0px 0px 0px;

}
.onePageClass .container  {
    font-size: 12px;
    font-family: Verdana, Arial, sans-serif;
    color: #555;
}
.onePageClass .container  p{
    padding-top: 10px;
    padding-bottom: 10px;
}
.onePageClass .container a {
    color: #669933; text-decoration: none;
}
.onePageClass .container h3 {
    color: #555;
    font-size: 12px;
}
.onePageClass .container ul {
    list-style: none;
}
.onePageClass .left_contetn_container { width: 660px;}

.onePageClass .module-header{display:none}
.onePageClass .column-300 {    float: right;   width: 280px; color: #313131; font-size: 19px; position: absolute; right: 0; top: 100px;}
.onePageClass .column-300  a {
    color: #669933; text-decoration: none;
    font-size: 18px;
}
.onePageClass .column-300 li{padding: 10px 0 10px 30px; font-size: 19px;border-bottom: 1px solid #CCCCCC; background: url(../../_images/rarr1.png) 0 50% no-repeat}



.onePageClass form.pr_form input[type=text], form.pr_form input[type=password]{
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    width:322px;
    height:30px;
    padding:0 5px;
    line-height:30px;
    font-style:italic;
    color:#444;
}

.onePageClass input[view=min],form.pr_form input.est, form.pr_form input.phone_field, form.pr_form input.phone_ext{
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    width:62px!important;
    height:30px;
    padding:0 5px;
    text-align:center;
    line-height:30px;
    font-style:italic;
}
.onePageClass form.pr_form span.phone_field_sep{ font-size:0.7em }
.onePageClass form.pr_form td.rlabel{ vertical-align:middle; padding-right:10px }
.onePageClass form.pr_form td.rlabel a{ line-height:1px }
.onePageClass form.pr_form b.label{ font-weight:normal!important; color:#000000; font-family:Arial }
.onePageClass form.pr_form span.req{ color:green; margin-left:2px }
.onePageClass input.min_field{
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    height: 30px;
    padding: 0 5px;
    width: 152px!important;
}
.onePageClass form.pr_form textarea{
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    padding: 5px 10px;
}

.onePageClass .pr_form table td{ padding-bottom:10px }


select{
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    padding: 5px 10px;
}

form.pr_form input.min_field {
    border: 1px solid #CCCCCC;
    height: 30px;
    padding: 0 5px;
    width: 152px;
}

.pr_button{
    background-color:#00AFDB;
    border: 0;
    line-height: 23px;
    padding:5px 10px;
    color:#fff;
    font-weight:bold;
    text-transform: uppercase;
    font-family: 'Myriad Pro', 'Verdana';
    cursor:pointer;
}

.pr_button:hover{
    text-shadow:none;
}


.pr_val_error { background: url(../../_images/exclamation.png) left center no-repeat; color: #900; font-weight: bold; padding-left: 20px; }
.pr_form_divide { font-size: 14px; font-weight: bold; border-bottom: solid #ccc 1px; border-top: solid white 10px; }
.pr_table_input { padding: 5px; }
.pr_table_listing TR:hover { }
.pr_table_listing THEAD {  }
.pr_table_listing THEAD TD {  }
.pr_table_listing THEAD A { color: #555 !important; font-weight: bold; font-family:Verdana, Helvetica; font-size:10px; text-decoration: none;}
.pr_table_listing TD { padding: 10px 0 }

.subcontractorLogin {
    width: 450px;
    height: 340px;
    position: fixed;
    background-color: #6f9e6d;
    border-radius: 5px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.41);
    font-family: MyriadProRegular;
    z-index: 200;
    top: 50%;
    left: 50%;
    margin-top: -185px;
    margin-left: -200px;
    display: none;
}   
.subcontractorLogin .closePopUpSub {
    float: right;
    margin: 10px;
}
.subcontractorLogin .center_form {            
    width: 420px;
    margin-left: 70px;
    padding-top: 35px;
   
}
.subcontractorLogin .center_form h2 {
    font-size: 21px;
    color: #FFFFFF;
    margin-bottom: 8px;
   
}
.subcontractorLogin .center_form h2 a{
    font-size: 21px;
    color: #8e98c5;
    margin-bottom: 8px;
    text-decoration: none;
   
}
.subcontractorLogin .center_form .inputform {
    width: 230px;
    height: 53px;
    border: 2px solid #5d8f5d;
    border-radius: 5px;
    background-color: #5d8f5d;
    margin-bottom: 6px;
}
.subcontractorLogin .center_form .buttonForm {
    margin-top: 103px;
    width: 100px;
    height: 42px;
    float: left;
}
.subcontractorLogin .center_form .textFieldsSub {
    float: left;
    width: 250px;
}

.subcontractorLogin .center_form .buttonForm input{
    width: 100px;
    height: 40px;
    color: #FFFFFF;
    font-size: 20px;
    border: none;
    border-radius: 5px;
    background-color: #164916;
    cursor: pointer;
    margin-top: 20px;
}
.subcontractorLogin .center_form .buttonForm input:hover{
    background-color: #80b13f;
}
.subcontractorLogin .center_form .iconFields {
    float: left;
}
.subcontractorLogin .center_form .iconFields .iconWeb {
    margin-top: 15px;
    margin-left: 20px;
    float: left;
    border: none;
    cursor: default;
}
.subcontractorLogin .center_form .iconFields .iconD {
    margin-top: 14px;
    margin-left: 12px;
    float: left;
    border: none;
    cursor: default;
}
.subcontractorLogin .center_form .inputFileds {
    float: left;
}
.subcontractorLogin .center_form .inputFileds input {
    border: none;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 18px;
    width: 160px;
    background-color: #5d8f5d;
    padding: 5px;
    color: #FFFFFF;
    line-height: 20px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.21);
}
.subcontractorLogin .center_form .inputFileds .selectBox {
    border: none;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 18px;
    width: 210px;
    background-color: #5d8f5d;
    padding: 5px;
    color: #FFFFFF;
    line-height: 20px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.21);
}
.subcontractorLogin .center_form .forgot_password {
    width: 226px;
    text-align: center;
    margin-top: 20px;
    font-weight: bolder;
}
.subcontractorLogin .center_form .forgot_password a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
    display: block;

}
.subcontractorLogin .center_form .forgot_password a img {
    margin-left: 15px;
}

#cover {
    background: none repeat scroll 0 0 #fff;
    height: 100% !important;
    opacity: 0.5;
    padding-bottom: 99999% !important;
    position: absolute;
    top: 0;
    width: 100% !important;
    z-index: 99999;
    display: none;
}

#loader {
    height: 75px;
    left: 0;
    margin: 10% auto 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 50%;
    z-index: 999999;
    display: none;
}