/*

buttons.css | Polk County Public Website
=========================================================
This is stylesheet is used for interactive pages that need
styled buttons and input forms.

*/

/* general button css
========================================================= */

.buttons a, .buttons input {
	display: block;
	float: left;
	margin: 0 7px 0 0;
	background-color: #f5f5f5;
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	color: #565656;
	cursor: pointer;
	padding: 5px 10px 5px 7px; /* Links */
}

.buttons input {
	width: auto;
	overflow: visible;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;		
	padding: 4px 10px 3px 7px; /* IE6 */
}

.buttons input[type] {
	padding: 5px 10px 5px 7px; /* Firefox */
	line-height: 17px; /* Safari */
}

*:first-child+html input[type] {
	padding: 4px 10px 3px 7px; /* IE7 */
}

.buttons input img, .buttons a img {
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
}

/* standard - blue
========================================================= */

.buttons input:hover, .buttons a:hover {
	background-color: #dff4ff !important;
	border: 1px solid #c2e1ef;
	color: #336699;
}

.buttons a:active {
	background-color: #6299c5 !important;
	border: 1px solid #6299c5;
	color: #fff;
}

/* positive - green
========================================================= */	

.buttons input.positive, .buttons a.positive {
	color: #529214;
}

.buttons a.positive:hover, .buttons input.positive:hover {
	background-color: #E6EFC2 !important;
	border: 1px solid #C6D880;
	color: #529214;
}

.buttons a.positive:active {
	background-color: #529214 !important;
	border: 1px solid #529214;
	color: #fff;
}

/* negative - red
========================================================= */	

.buttons a.negative, .buttons input.negative {
	color: #d12f19;
}

.buttons a.negative:hover, .buttons input.negative:hover {
	background-color: #fbe3e4 !important;
	border: 1px solid #fbc2c4;
	color: #d12f19;
}

.buttons a.negative:active {
	background-color: #d12f19 !important;
	border: 1px solid #d12f19;
	color: #fff;
}

/* icons
========================================================= */		

input.acceptButton {
	background: #F5F5F5 url(../images/smallicons/tick.png) no-repeat 6px 6px;
	padding-left: 26px !important;		
}

input.throbberButton {
	background: #FFFFFF url(../images/ajax-loader-1.gif) no-repeat 6px 9px;
	padding-left: 26px !important;		
}

input.throbberButton:hover {
	background-color: #FFFFFF !important;
	color: #565656;
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;		
}

input.addButton, a.addButton {
	background: #F5F5F5 url(../images/smallicons/add.png) no-repeat 6px 6px;
}

input.addButton {
	padding-left: 26px !important;
}

a.addButton {
	padding-left: 28px !important;
}

a.editButton {
	background: #F5F5F5 url(../images/smallicons/pencil.png) no-repeat 6px 6px;
	padding-left: 28px;
}

input.deleteButton, a.deleteButton {
	background: #F5F5F5 url(../images/smallicons/delete.png) no-repeat 6px 6px;
}

input.deleteButton {
	padding-left: 26px !important;
}

a.deleteButton {
	padding-left: 28px !important;
}	

input.cancelButton, a.cancelButton {
	background: #F5F5F5 url(../images/smallicons/cross.png) no-repeat 6px 6px;		
}

input.cancelButton {
	padding-left: 26px !important;		
}

a.cancelButton {
	padding-left: 28px !important;		
}

input.positiveCancelButton {
	background: #F5F5F5 url(../images/smallicons/thumb_up.png) no-repeat 6px 6px;
	padding-left: 26px !important;			
}

input.loginButton {
	background: #F5F5F5 url(../images/smallicons/lock.png) no-repeat 6px 6px;
	padding-left: 26px !important;
	padding-bottom: 5px !important;	
}

input.uploadButton {
	background: #F5F5F5 url(../images/smallicons/arrow_up.png) no-repeat 6px 6px;
	padding-left: 24px !important;
}

a.prevButton,	
input.prevButton {
	background: #F5F5F5 url(../images/smallicons/resultset_previous.png) no-repeat 6px 6px;
	padding-left: 26px !important;			
}

a.nextButton,
input.nextButton {
	background: #F5F5F5 url(../images/smallicons/resultset_next.png) no-repeat right 6px;
	padding-right: 26px !important;			
}

input.lastButton {
	background: #F5F5F5 url(../images/smallicons/resultset_last.png) no-repeat right 6px;
	padding-right: 26px !important;			
}

input.calcButton {
	background: #F5F5F5 url(../images/smallicons/calculator.png) no-repeat 6px 6px;
	padding-left: 26px !important;		
}

input.playButton {
	background: #F5F5F5 url(../images/smallicons/control_play.png) no-repeat 6px 6px;
	padding-left: 26px !important;		
}

a.pdfButton, input.pdfButton {
	background: #F5F5F5 url(../images/smallicons/page_white_acrobat.png) no-repeat 6px 6px;		
}

input.pdfButton {
	padding-left: 26px !important;				
}

a.pdfButton{
	padding-left: 28px !important;				
}

a.wordButton, input.wordButton {
	background: #F5F5F5 url(../images/smallicons/page_word.png) no-repeat 6px 6px;	
}

input.wordButton {
	padding-left: 26px !important;				
}

a.wordButton{
	padding-left: 28px !important;				
}	

a.excelButton, input.excelButton {
	background: #F5F5F5 url(../images/smallicons/page_white_excel.png) no-repeat 6px 6px;			
}

input.excelButton {
	padding-left: 26px !important;				
}

a.excelButton {
	padding-left: 28px !important;				
}

input.logoutButton {
	background: #F5F5F5 url(../images/smallicons/door_out.png) no-repeat 6px 6px;
	padding-left: 26px !important;			
}

input.sendEmailButton {
	background: #F5F5F5 url(../images/smallicons/email_go.png) no-repeat 6px 6px;
	padding-left: 26px !important;			
}

input.searchButton {
	background: #F5F5F5 url(../images/smallicons/magnifier.png) no-repeat 6px 6px;
	padding-left: 26px !important;		
}

input.unlockButton, a.unlockButton {
	background: #F5F5F5 url(../images/smallicons/lock_open.png) no-repeat 6px 6px;
	padding-left: 26px !important;
	padding-bottom: 5px !important;		
}

input.copyButton, a.copyButton {
	background: #F5F5F5 url(../images/smallicons/page_copy.png) no-repeat 6px 6px;
}

input.copyButton {
	padding-left: 26px !important;
}

a.copyButton {
	padding-left: 28px !important;
}

input.refreshButton, a.refreshButton {
	background: #F5F5F5 url(../images/smallicons/arrow_refresh.png) no-repeat 6px 6px;
}

input.refreshButton {
	padding-left: 26px !important;
}

a.refreshButton {
	padding-left: 28px !important;
}	


.warningMsg {
	background:url(../images/smallIcons/error.png) no-repeat 0 50%;
	padding-left:26px;
}	

.buttons .noFloat {
	float: none;
}

.buttons .rightFloat {
	float: right;
}

/* cart buttons
========================================================= */

input.cartAddButton, a.cartAddButton {
	background: #F5F5F5 url(../images/smallicons/cart_put.png) no-repeat 6px 6px;
}

input.cartAddButton {
	padding-left: 26px !important;
}

a.cartAddButton {
	padding-left: 28px !important;
}

input.cartRemoveButton, a.cartRemoveButton {
	background: #F5F5F5 url(../images/smallicons/cart_remove.png) no-repeat 6px 6px;
}

input.cartRemoveButton {
	padding-left: 26px !important;
}

a.cartRemoveButton {
	padding-left: 28px !important;
}

/* pager stuff
========================================================= */		

.buttons span.disabled {
	display: block;
	float: left;
	margin: 0 7px 0 0;
	border: 1px solid #eee;

	font-size: 100% !important;
	line-height: 130%;
	text-decoration: none;
	color: #aaa;
	padding: 7px 10px 4px 7px; /* Links */
}

.buttons span.currentPage {
	display: block;
	float: left;
	margin: 0 7px 0 0;
	border: 1px solid #8c8c8c;
	border-top: 1px solid #565656;
	border-left: 1px solid #565656;
	background-color: #8c8c8c;

	font-size: 100% !important;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
	color: #fff;
	padding: 7px 10px 4px 7px; /* Links */
}	

div.pagerLeft {
	float: left;
}

div.pagerRight {
	float: right;
}

/* forms
========================================================= */

.formTable {
	margin: 0 1em 1em 0;
	border-collapse: collapse;
}

.formTable th {
	padding: 0.5em;
	color: #555;
	text-align: right;
}

.formTable th a {
	color: #555;
	text-decoration: none;
}

.formTable th a:hover {
	color: #555;
	text-decoration: underline;
}

.formTable td {
	/*border: 1px #aaa solid;*/
	padding: 0.5em;
	vertical-align: top;
}

.formTable caption {
	font-weight: bold;
}

.formTable p {
	padding: 0 !important;
}

.formTable img {
	vertical-align: text-top;
}

/* fieldsets
========================================================= */

/* IE won't get the padding quite right */
#content fieldset {
	border: 1px solid #aaa;
	padding: 0.5em 1em 1em;
}

#content legend span {
	font-family: Georgia, serif;
	font-size: 120%;
	color: #333;
	margin: 0 3px 0 3px;
}

#content fieldset table.formTable {
	margin: 0.7em 0 0.3em 0;
}

/* input styles (these are all prefixed with "polk" to avoid triggering jquery validate functionality we don't want) */

input.polkDate {
	width: 80px;	
}

input.polkEmail {
	width: 300px;
}

input.polkAddressLine {
	width: 300px;	
}

input.polkState {
	width: 25px;	
}

input.polkSingleChar {
	width: 20px;	
}

input.polkWide {
	width: 300px;	
}

input.polkThin {
	width: 80px;	
}

input.polkCurrency {
	width: 70px;	
}