/*

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;
	
		font-size: 100% !important;
		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;
		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 {
		background: #F5F5F5 url(../images/smallicons/add.png) no-repeat 6px 6px;
		padding-left: 26px !important;
	}
	
	input.deleteButton {
		background: #F5F5F5 url(../images/smallicons/delete.png) no-repeat 6px 6px;
		padding-left: 26px !important;
	}	
	
	input.cancelButton {
		background: #F5F5F5 url(../images/smallicons/cross.png) no-repeat 6px 6px;
		padding-left: 26px !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;
	}
	
	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.pdfButton {
		background: #F5F5F5 url(../images/smallicons/page_white_acrobat.png) no-repeat 6px 6px;
		padding-left: 26px !important;				
	}
	
	input.excelButton {
		background: #F5F5F5 url(../images/smallicons/page_white_excel.png) no-repeat 6px 6px;
		padding-left: 26px !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;		
	}
	
	.warningMsg  {
		background:url(../images/smallIcons/error.png) no-repeat 0 50%;
		padding-left:26px;
	}	

    .buttons .noFloat {
        float: none;
    }
    
	/* 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 {
		/*border: 1px #aaa solid;*/
		padding: 0.5em;
		color: #555;
		/*background: #efefef;*/
		text-align: right;
		/*vertical-align: bottom;*/
	}

	.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;
	}
	
	.hasVertical th {
		vertical-align: middle;
	}
	
	/* 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;
	}