﻿/* Styles for ABLE Incorporated */
html, body{height:100% !important;padding:0px;margin:0px;text-align:center;	background-image:url('images/bg.png');background-repeat:repeat-x; font-family: Tahoma, sans-serif, verdana, arial, helvetica; font-size:13px;}
img{border:0px;}
form{height:100%;}
/*a{display:block; height:100%; width:100%;}*/
/*
a:active{color:#00529B; text-decoration:underline;}
a:visited{color:#00529B; text-decoration:underline;}
a:link{color:#00529B; text-decoration:underline;}
a:hover {color:#00529B; text-decoration:none;}
*/
a.quickLinks:visited{color: #00529B;text-decoration: underline;}
a.quickLinks:link{color: #00529B;text-decoration: underline;}
a.quickLinks:active{color: #00529B;text-decoration: none;}
a.quickLinks:hover{color: #00529B;text-decoration: none;}

a.footerLinks:link{color:white; text-decoration: none;}
a.footerLinks:visited{color:white; text-decoration: none;}
a.footerLinks:hover{color:white; text-decoration: underline;}
a.footerLinks:active{color:white; text-decoration: underline;}

a.secLinks:link{color:white; text-decoration: none;}
a.secLinks:visited{color:white; text-decoration: none;}
a.secLinks:hover{color:white; text-decoration: underline;}
a.secLinks:active{color:white; text-decoration: underline;}


#head{height:120px;text-align:left;}

#head a:active{color:#ffffff; text-decoration:underline;}
#head a:visited{color:#ffffff; text-decoration:underline;}
#head a:link{color:#ffffff; text-decoration:underline;}
#head a:hover {color:#ffffff; text-decoration:none;}

#login{float:right; margin:5px 7px 0px 0px; width:100px;}
#logo{float:left;margin-left:15px; margin-top:4px; width:517px;}
#container{width:90%; margin:45px auto 45px auto;}
#topContent { margin:0px auto 0px auto; padding:0px 2% 0px 2%; }
#midContent {}
#btmContent {  }
#panelBox{width:90%; margin:0px auto 0px auto;}
#content{ width:90%; min-width:950px; margin:0px auto 0px auto; padding:45px 0px 45px 0px;}
#leftContent{float:left; width:50%; min-width:400px;}
#leftContent p{margin:0px;padding:0px;}
#rightContent{float:right; width:49%;}
#rightContent p{margin:0px;	padding:0px;}
#wrapper{ min-height:100%; height:auto !important; text-align:left; position:relative; width:100%; min-width:950px; text-align:left; margin:0px auto -66px 0px;/* the bottom margin is the negative value of the footer's height */}
#footer {position:relative; color:white; width: 100%; min-width:950px; margin: 0 auto;background: url("images/footer.png") repeat-x;color:white;text-align:center; height:66px;}
#footerText{padding:27px 0px 5px 0px;}
#colorToolContent{width:950px; margin:0px auto 0px auto;}
.number{float:left; margin-right:10px;}
.textLink{float:left; margin-left:10px;color:white;}
.currentPage{float:left; margin-left:10px; color:white; font-weight:bold;}
.confirmLeft{float:left; display:block; width:150px;}
.topMargin{	margin:45px auto 0px auto; }
.midMargin{	margin:45px auto 45px auto; }
.btmMargin{	margin-bottom:45px;}
.leftBorder{background-image:url('images/line.png'); background-position:right center; background-repeat:repeat-y;}
.rightBorder{background-image:url('images/line.png'); background-position:left center; background-repeat:repeat-y;}
.navElements{float:right; margin-right:15px;}
.clear{clear:both;}
.width100{width:100%;}
.top{width:100%;background-image:url('images/top.png');vertical-align:top;background-position:center top;background-repeat:repeat-x;background-color: #F2F2F2;}
.left{background-image:url('images/left.png');background-position:left center;background-repeat:repeat-y;background-color: #F2F2F2;}
.right{background-image:url('images/right.png');background-position:right center;background-repeat:repeat-y;background-color: #F2F2F2;}
.bottom{background-image:url('images/btm.png');background-position:center bottom;background-repeat:repeat-x;background-color: #F2F2F2;}
.ulCorner{width:25px;height:25px;background-image:url('images/ul.png');background-position:left top;background-repeat:no-repeat;}
.urCorner{width:25px;height:25px;background-image:url('images/ur.png');background-position:right top;background-repeat:no-repeat;}
.core{background-color: #F2F2F2;}
.panelBlue{ display:block; margin-bottom:5px; text-align:center; color:#00529B; font-weight:bold; font-size:20px;}
.panelOrange{display:block; color: #F47B20; font-size:16px; margin:0px 0px 5px 0px; text-align:center; letter-spacing:.5px;}
.panelGrey{color: #333333; font-size:13px; line-height:16px;}
.leftA{ padding:0px 20px 0px 0px; width:33%; border-right:1px gray solid; vertical-align:top;}
.leftB{ padding:0px 20px 0px 0px; width:33%; border-right:1px gray solid; vertical-align:top;}
.leftC{ padding:7px 0px 0px 0px; width:33%; border-right:1px gray solid; vertical-align:top;}
.midA{ padding:0px 20px 0px 20px; width:33%; border-right:1px gray solid; vertical-align:top;}
.midB{ padding:0px 20px 0px 20px; width:33%; border-right:1px gray solid; vertical-align:top;}
.midC{ padding:7px 20px 0px 20px; width:33%; border-right:1px gray solid; vertical-align:top;}
.rightA{ padding:0px 0px 0px 20px; width:33%; vertical-align:top;}
.rightB{ padding:0px 0px 0px 20px; width:33%; vertical-align:top;}
.rightC{ padding:7px 0px 0px 20px; width:33%; vertical-align:top;}
.blankA{width:33%; border-right:1px gray solid;}
.blankB{width:33%; border-right:1px gray solid;}
.blankC{width:33%;}
.tableWidth{width:100%;}
.rightAlign{text-align:right;}
.nuts{margin:0px 3% 0px 3%; background-image: url('../images/nuts.jpg');background-repeat: no-repeat;background-position:210px -5px;}
.rocket{margin:0px 3% 0px 3%; background-image:url('../images/rocket.jpg');background-repeat:no-repeat;background-position:175px -7px;}
.marginsLeft{margin:0px 3% 0px 3%;}
.marginsRight{margin:0px 3% 0px 1%;}
.padding{padding:0px 2% 0px 2%;}
.rightLink{text-align:right; margin:3px 0px 0px 0px;}
.orangeTitle{color:#F47B20; font-size:24pt;}
.greyTitle{color:#333333; font-size:24pt;}
.orangeTitle2{color:#F47B20; font-size:16pt;}
.greyTitle2{color:#333333; font-size:16pt;}
.orange_text{color:#F47B20; font-size:24pt; text-transform:lowercase;}
.grey_text{color:#333333; font-size:24pt; text-transform:lowercase;}
.grey_medium{color:#808080; font-size:20px; margin:0px 0px 7px 0px; font-weight:normal;}
.spacing {height: 66px; /* .spacing must be the same height as .footer */}
.featureText{line-height:16px;}
.btmMargin5{margin-bottom:5px;}
.topLevelImage{float:right; margin-left:2%;}
.btmLevelImage{float:right; margin-right:10%;}
.serviceBorder{background-image:url('images/horzontalLine.png');background-position:center bottom;background-repeat:repeat-x;}
.serviceImageA{vertical-align:top;padding-left:15px;padding-right:15px;}
.serviceImageB{vertical-align:top;padding-left:15px;padding-right:15px;padding-top:25px;}
.servicePaddingA{padding-bottom:25px;}
.servicePaddingB{padding-bottom:25px;padding-top:25px;}
.readBtnMargin{margin-top:7px;}
.loginBox{width:450px; }
.loginLeft{width:150px; float:left; margin-bottom:10px;}
.loginRight{width:250px; float:left; margin-bottom:10px;}
.loginMessage{width:450px; float:left;}
.btmMargin15{margin-bottom:15px;}
.passwordBox{width:650px;}
.passwordLeft{width:250px; float:left; margin-bottom:10px;}
.passwordRight{width:250px; float:left; margin-bottom:10px;}
.passwordMessage{width:450px; float:left;}
.required{ border:1px #F47B20 solid;}
.surveyBox{width:700px; margin:0px auto 0px 0%;}
.surveyLeft{width:285px; float:left; text-align:right; margin: 0px 10px 10px 0px;}
.surveyRight{width:400px; float:left; margin-bottom:10px;}
.surveyMessage{width:700px; float:left;}
.inputWidth1{width:350px; margin:0px; padding:0px;}
.inputWidth2{width:150px;}
.inputWidth3{width:200px;}
.inputWidth4{width:185px;}
.contactSub{float:left; display:block; width:150px;}
.contactSub2{float:left; display:block; width:165px;}
.btmMargin{padding:0px;margin:0px 0px 10px 0px;}
.contactLeft{float:left; display:block; width:200px;}
.bold{ font-weight:bold;}
.workBox{}
.workBoxContent{float:left;}
.workImage {float:left; border: 1px solid #000000; margin-right:20px;}
.orange_small{color: #F47B20;font-size: 12pt; font-weight:bold;}

#mainNav{float:right; width:425px;}
#navigation{height:25px;padding-top:3px;min-width:950px;}
.phoneNumber{float:left; padding-top:3px; margin-left:15px; width: 500px;}


.home{float:right; height:21px; margin-right:10px;width:77px;}
.company{float:right; height:21px; margin-right:10px;width:109px;}
.careers{float:right; height:21px; margin-right:10px;width:93px;}
.contact{float:right; height:21px; margin-right:10px;width:94px;}
.home a:hover, .company a:hover, .careers a:hover, .contact a:hover {background-position:0% -20px;}
.home a{background-image:url(images/home.png); background-repeat: no-repeat; display:block; height:21px; background-position:0% 0px; width:77px;}
.company a{background-image:url(images/company.png); background-repeat: no-repeat; display:block; height:21px; background-position:0% 0px; width:109px;}
.careers a{background-image:url(images/careers.png); background-repeat: no-repeat; display:block; height:21px; background-position:0% 0px; width:93px;}
.contact a{background-image:url(images/contact.png); background-repeat: no-repeat; display:block; height:21px; background-position:0% 0px; width:94px;}
.homeActivated{float:right; height:21px; width:77px; margin-right:10px; background-image:url(images/home.png); background-repeat: no-repeat; background-position:0% -20px;}
.companyActivated{float:right; height:21px; width:109px; margin-right:10px; background-image:url(images/company.png); background-repeat: no-repeat; background-position:0% -20px;}
.careersActivated{float:right; height:21px; width:93px; margin-right:10px; background-image:url(images/careers.png); background-repeat: no-repeat; background-position:0% -20px;}
.contactActivated{float:right; height:21px; width:94px; margin-right:10px; background-image:url(images/contact.png); background-repeat: no-repeat; background-position:0% -20px;}
.wbOrangeBox{float:right; margin-left:2%;	height:226px; width:305px; background-image:url('images/OrangeBox.png');background-repeat:no-repeat;}
.wdContact{float:left; width:247px;height:40px; margin:50px 0px 0px 25px; }
.wdColor{float:left; width:228px;height:40px; margin:3px 0px 0px 25px;}
.wdContent{float:left; width:252px;height:70px; margin:3px 0px 0px 25px;}
.wdContact a:hover{background-position:0% -41px;}
.wdColor a:hover{background-position:0% -41px;}
.wdContent a:hover{background-position:0% -68px;}

.wdContact a{background-image:url(images/wdContact.png); background-repeat: no-repeat; display:block; height:40px; background-position:0% 0px; width:247px;}

.wdColor a{background-image:url(images/wdColor.png); background-repeat: no-repeat; display:block; height:40px; background-position:0% 0px; width:228px;}
.wdContent a{background-image:url(images/wdContent.png); background-repeat: no-repeat; display:block; height:70px; background-position:0% 0px; width:252px;}	

.hidden {display:none;}
