@charset "UTF-8";
/* CSS Document */

input.checkbox, input[type="checkbox"],
input.radio, input[type="radio"] {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	}
input.inputText {
	border: 1px solid #031d4e;
	background-color: #ffffff;
	padding: 2px;
	font-size: 104%;
	}
select.inputPulldown {
	border: 1px solid #031d4d;
	background-color: #ffffff;
	padding: 2px;
	color: #000000;
	font-size: 100%;
	}
	.fieldName {
		font-weight: bold;
		font-size: 96%!important;
		}
	.fieldData {
		padding: 3px 0px 0px 0px;
		font-size: 124%;
		line-height: 116%;
		}
	.fieldInput {
		padding: 3px 0px 0px 0px;
		}
		.fieldInput input.radioButtons {
			margin: 0px 5px 4px 0px;
			}
	span.required {
		font-weight: bold;
		font-size: 124%;
		color: #ee0f0f;
		margin: 0px 4px 0px 0px;
		vertical-align: text-bottom;
		}
	img.helpIcon {
		margin: -2px 0px 0px 4px;
		}
	span.dateDivider {
		color: #dae1e4;
		font-size: 168%;
		vertical-align: middle;
		}
	td.highlight {
		background-color: #e6e6e6;
		}
	td.highlightPink {
		background-color: #e9c2c4;
		}
/* ################ buttons ################# */
	div.buttonHolder {
		width: auto;
		margin: 0px 0px 2px 12px;
		padding: 4px;
		background-color: #f2f2f2;
		text-align: center;
		border: 1px solid #c4c4c4;
		background-image: url(../img/pto-bg-btnHolder.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		}
	div.buttonHolderHelp {
		width: auto;
		margin: 0px 0px 8px 0px;
		padding: 4px;
		background-color: #f2f2f2;
		text-align: center;
		border: 1px solid #c4c4c4;
		background-image: url(../img/pto-bg-btnHolder.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		}
		input.buttonsSmall {
			color: #ffffff;
			font-size: 100%;
			background-repeat: repeat-x;
			background-position: bottom;
			font-weight: normal;
			padding: 1px 3px 1px 3px;
			margin: 0px 6px 0px 0px;
			cursor: pointer;
			border: 1px solid #0057e8;
			background-color: #e1ecff;
			background-image: url(../img/btn-bg-grey.gif);
			color: #0057e8!important;
			}
		input.PTObutton {
			color: #000000;
			font-size: 96%;
			font-weight: bold;
			background-image: url(../img/bg-btn-PTOgrey.jpg);
			background-repeat: repeat-x;
			background-position: bottom;
			padding: 0px 2px 0px 2px;
			margin: 0px 2px 0px 1px;
			cursor: pointer;
			border: 1px solid #000000;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			}
		input.buttons {
			color: #ffffff;
			font-size: 100%;
			background-repeat: repeat-x;
			background-position: bottom;
			font-weight: normal;
			padding: 2px 6px 2px 6px;
			#padding: 2px 0px 2px 0px;
			margin: 0px 9px 0px 0px;
			cursor: pointer;
			}
		input.pageDisabled {
			background: url(../img/pageButtonDisabled.png) no-repeat scroll 0 0 transparent;
            border: medium none;
            cursor: default;
            height: 22px;
            width: 78px;
            font-family: Arial;
            font-weight: bold;
            font-size: 11px;
            color: #333;
            padding-bottom: 3px;
            vertical-align: top;
            text-align: center;
			}
        input.downloadDisabled{
			background: url(../img/downloadButtonDisabled.png) no-repeat scroll 0 0 transparent;
            border: medium none;
            cursor: pointer;
            margin-left: 3px;
            height: 30px;
        }
		input.green {
			border: 1px solid #0d4826;
			background-color: #2ab063;
			background-image: url(../img/btn-bg-green.gif);
			}
		input.page {
                background: url(../img/pageButton.png) no-repeat scroll 0 0 transparent;
                border: medium none;
                cursor: pointer;
                height: 22px;
                width: 78px;
                font-family: Arial;
                font-weight: bold;
                font-size: 11px;
                color: #333;
                padding-bottom: 3px;
                vertical-align: top;
                text-align: center;
			}
        input#download {
            background: url(../img/downloadButton.png) no-repeat scroll 0 0 transparent;
            border: medium none;
            cursor: pointer;
            padding-bottom: 5px;
            height: 30px;
            width: 110px;
            font-family: Arial;
            font-weight: bold;
            font-size: 11px;
            color: #fff;
        }
		input.grey {
			border: 1px solid #c4c4c4;
			background-color: #e1ecff;
			background-image: url(../img/btn-bg-disabled.gif);
			color: #9b9b9b!important;
			}
		input.printButton {
			background-image: url(../img/btn-bg-print.gif);
			background-repeat: no-repeat;
			background-position: left;
			padding: 9px 12px 9px 39px;
			}
/* ################ overlay dialogs ################# */

div.overlays {
	width: 100%;
	height: 100%;
	background-image: url(../img/pto-bg-overlay.png);
	background-repeat: repeat;
	z-index: 999;
	position: absolute;
	}
	div.dialogBox {
		margin: 35px auto 0px auto;
		width: 600px;
		height: auto;
		background-color: #ffffff;
		padding: 18px;
		border: 1px solid #666666;
		}
		div.dialogBox p {
			margin: 9px 0px 9px 0px;
			font-size: 108%;
			}
		div.dialogBox h3 {
			margin: 9px 0px 9px 0px;
			font-weight: bold;
			}