﻿/* form inputs */
label { cursor: pointer; display: inline-block; }
textarea { resize: none; }

.short-input-left { width: 84px; display: inline-block; text-align: right; vertical-align: top; padding-right:8px; }
.input-row { margin: 0; }
.input-row .button1 { padding: 0; }
.input-mini-left { width: 80px; display: inline-block; text-align: right; vertical-align: top; }
.input-left { width: 150px; display: inline-block; text-align: right; vertical-align: top; }
.input-right { max-width: 620px; display: inline-block; vertical-align: top; }
.input-left { width: 140px; }
.input-right { max-width: 620px; }
.input-center { display:block; margin:0 auto;}
.submit-center { text-align:center;}
.input-shortright { max-width: 300px; display: inline-block; vertical-align: top; }

.input-row-radio,
.input-row-checkbox { padding: 0 0 24px 0; }
.input-row-radio .input-right
.input-row-checkbox .input-right { width: 500px; }
.input-row-radio .input-right input,
.input-row-checkbox .input-right input,
.input-radio-inline input,
.input-checkbox-inline input { width: 32px; height: 32px; overflow: hidden; margin: 0; padding: 0; display: inline-block; vertical-align: top; }
.input-row-radio .label-text,
.input-row-checkbox .label-text { line-height: 16px; padding-top: 8px; }

.border-5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.glow-shadow-2  { -moz-box-shadow: #b2b2b2 0 0 5px; -webkit-box-shadow: #b2b2b2 0 0 5px; box-shadow: #b2b2b2 0 0 5px; }

.input-row-text .title-text,
.input-row-text .label-text { max-width: 280px; }

.input-row .input-required { color: #d3d1ce;
    height: 32px;
}

.input-row-note { margin-left: 300px; width: 630px; }

.input-row-note { margin: -16px 0 24px 400px; padding: 0 5px; }

.inline-row-text{ width: 80px; text-align:right; padding: 3px 12px 0 0; }
.inline-row-text,
.title-text,
.input-checkbox-inline,
.label-text { display: inline-block; vertical-align: top; font: normal 13px/20px "Lucida Sans Unicode","Lucida Grande", "Arial", sans-serif; color: #222; padding-top: 4px; }

.label-text A, .label-text A:visited { text-decoration: none; }
.label-text A:hover { text-decoration: underline; color: #cc0000; }
.input-required { display: inline-block; vertical-align: top; width: 16px; text-align: left; color: #7f7e7d; font: normal 22px/32px "Trebuchet MS", Arial, sans-serif; }

.inline-note { height: 30px; line-height: 30px; display: inline-block; vertical-align: top; position: relative; color: #333; }
.inline-note .caption { font: bold 14px/32px "Trebuchet MS", Arial, sans-serif; color: #333; }
.rowEditor { width: 630px; height:150px; }

.inline-message { min-height: 22px; padding: 3px 0; display: inline-block; font: bold 11px/15px "Trebuchet MS", Arial, sans-serif; color: #000; }
.inline-message .captcha { display: inline-block; border: 5px solid #fff; margin-bottom: 16px; height:77px;}
.inline-message .captcha img { display: block; }
.inline-message .recaptcha-image { display: block; overflow: hidden; background: #fff; text-align: center; }
.inline-message .recaptcha-image a { display: inline-block; line-height: 28px; }
.inline-message .recaptcha-image embed { display: none; }

.input-disabled .title-text,
.input-disabled .label-text { color: #777 !important; }
.input-error .title-text,
.input-error .label-text,
.input-error .inline-message,
.inline-message .inline-error { color: #730202 !important; }

.input-note { background: #4d606d; color: #c4d2db; position: relative; }
.input-note-arrow,
.input-note-arrow-up { width: 16px; height: 8px; overflow: hidden; position: absolute; top: -8px; left: 146px; background: url("../images/sprite.png") no-repeat -144px -104px; }
.input-note-arrow-left { width: 8px; height: 16px; overflow: hidden; position: absolute; top: 8px; left: -8px; background: url("../images/sprite.png") no-repeat -152px -112px; }
.input-note-arrow-right { width: 8px; height: 16px; overflow: hidden; position: absolute; top: 8px; right: -8px; background: url("../images/sprite.png") no-repeat -144px -112px; }
.input-note .caption { font-weight: normal; color: #fff; font-size: 14px; letter-spacing: normal; }
.input-note-content { display: block; padding: 12px 16px; }
.input-note-content a { color: #eee; }
.input-note-content a:focus,
.input-note-content a:hover { color: #fff; }
.input-note-content .caption a { color: #baccda; }
.input-note-content .caption a:focus,
.input-note-content .caption a:hover { color: #fff; }
.input-note-content .button1 { padding-left: 0; }
.input-note-content .ui-cancel span { border-color: #999; }
.input-note-content p:first-child { margin-top: 0; }
.input-note-content p:last-child { margin-bottom: 0; }

.toggle-note { position: absolute; top: 0; left: 0; }
.toggle-note .input-note-content { padding: 6px 24px 6px 8px; width: 300px; }
.no-close .input-note-content { padding-right: 8px; }
.toggle-note .input-note-content p { line-height: 16px; margin: 0 0 1em 0; }
.toggle-note .input-note-content p:last-child { margin-bottom: 0; }
.toggle-note .input-note-close { position: absolute; top: 4px; right: 4px; width: 16px; height: 16px; overflow: hidden; }
.toggle-note .input-note-close .icon-16 { display: block; }

.input-note-left { width: 200px; padding: 12px 0 12px 16px; float: left; }
.input-note-right { width: 365px; padding: 12px 16px; margin: 8px 8px 8px 0; float: right; background: #e6e6e6; color: #4a4a4a; }

.recaptcha-options { display: inline-block; padding-top: 42px; }

.input-row-full { margin-left: 0; }
.input-row-full .input-left { display: none; }
.input-row-full .input-right { width: 920px; max-width: none; }
.input-short-right { width: 320px; max-width: none; }
.input-row-full .label-text { width: 880px; }
.input-row-full .label-text .details { color: #4A4A4A; font-size: 12px; font-family: "Trebuchet MS", Arial, sans-serif; }

.input-row-important .label-text { padding: 4px 0 0 0; font: normal 16px/24px "Trebuchet MS", Arial, sans-serif; font-weight: bold; color: #4a4a4a; }
.input-row-important .input-required { color: #ae4c4c; line-height: 24px; }

.input-row-disclaimer .label-text { padding: 8px 0 0 0; font: normal 12px/16px "Trebuchet MS", Arial, sans-serif; color: #5d5d5d; }
.input-row-disclaimer .input-required { font-size: 16px; line-height: 16px; }

.input-text,
.input-select,
.input-static { display: inline-block; vertical-align: top; padding-right: 8px; }
.input-text-extra-extra-extra-small,
.input-select-extra-extra-extra-small,
.input-static-extra-extra-extra-small { width: 86px; }
.input-text-extra-extra-small,
.input-select-extra-extra-small,
.input-static-extra-extra-small { width: 114px; }
.input-text-extra-small,
.input-select-extra-small,
.input-static-extra-small { width: 186px; }
.input-text-soso-small,
.input-select-soso-small,
.input-static-soso-small { width: 228px; }
.input-text-small,
.input-select-small,
.input-static-small { width: 300px; }
.input-text-medium,
.input-select-medium,
.input-static-medium { width: 366px; }
.input-text-large,
.input-select-large,
.input-static-large { width: 486px; }
.input-text-extra-large,
.input-select-extra-large,
.input-static-extra-large { width: 576px; }

.input-static p { margin-bottom: 1em; }
.input-static p:last-child { margin: 0; }

.input-separator { display: inline-block; vertical-align: middle; height: 32px; font: normal 14px/32px "Lucida Sans Unicode","Lucida Grande", "Arial", sans-serif; color: #4a4a4a; text-align: center; padding-right: 8px; }

.input-text input { background: #fff url("../images/input-bg.gif") repeat-x; font: 14px "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif; color: #3a3a3a; padding: 0 7px; height: 32px; line-height: 32px; border: 1px solid #c0c0c0; width: 250px; margin: 0; display: block; }
.input-error .input-text input { border-color: #730202; }
.input-text input:hover { background: #fff; }
.input-text input:focus { 
	background: #fff; 
	color: #111;
	border-color: rgba(82, 168, 236, 0.8); 
	transition:border 0.2s linear, box-shadow 0.2s linear; 
	box-shadow: inset 0px 2px 2px rgba(0,0,0,0.075), 0px 0px 8px rgba(82,168,236,0.6);   
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); 
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);

}
.input-text-disabled input,
.input-text input[disabled="disabled"] { background: #d3d1ce; color: #7a7a7a; border-color: #a4a4a4; cursor: default; }
.section-box .input-text-disabled input,
.section-box .input-text input[disabled="disabled"] { background: #e0dfdd; }
.section-box2 .input-text-disabled input,
.section-box2 .input-text input[disabled="disabled"] { background: #c1c0bd; }

.input-text input.placeholder { color: #aaa !important; }
.input-text input:-moz-placeholder { color: #aaa !important; }
.input-text input::-moz-placeholder { color: #aaa !important; }
.input-text input::-webkit-input-placeholder { color: #aaa !important; }
.input-text input:-ms-input-placeholder { color: #aaa !important; }
/*match placeholder/watermark padding to border+padding for input element*/
.placeholder,
.label input.placeholder { cursor: text; padding: 6px 4px 4px 8px; color: #aaa; font: 14px "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif; }


.input-textarea textarea { padding: 6px; background: #fff url("../images/input-bg.gif") 0 0 repeat-x; border: 1px solid #9c9b9a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: #888 0 0 4px; -webkit-box-shadow: #888 0 0 4px; box-shadow: #888 0 0 4px; }
.input-error .input-textarea textarea { border-color: #730202; }
.input-textarea textarea:hover { background: #fff; }
.input-textarea textarea:focus { 
	background: #fff; 
	color: #222;
	border-color: rgba(82, 168, 236, 0.8); 
	transition:border 0.2s linear, box-shadow 0.2s linear; 
	box-shadow: inset 0px 2px 2px rgba(0,0,0,0.075), 0px 0px 8px rgba(82,168,236,0.6);   
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); 
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);

}
.input-textarea-disabled textarea,
.input-textarea textarea[disabled="disabled"] { background: #d3d1ce; color: #7a7a7a; border-color: #a4a4a4; cursor: default; }
.section-box .input-textarea-disabled textarea,
.section-box .input-textarea textarea[disabled="disabled"] { background: #e0dfdd; }
.section-box2 .input-textarea-disabled textarea,
.section-box2 .input-textarea textarea[disabled="disabled"] { background: #c1c0bd; }

.input-select select { background: #fff; font: 14px "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif; color: #5a5a5a; padding: 4px 4px 4px 7px; height: 34px; border: 1px solid #c0c0c0; width: 250px; margin: 0; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari does not like to apply certain styles (e.g., padding) to select elements. */
	.input-select select { line-height: 28px; }
}
.input-select select option { padding: 0 5px; font: 14px "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif; color: #5a5a5a; }
.input-select select optgroup { border-bottom: 1px dotted #a4a4a4; }
.input-select select optgroup option { color: #000; }
.input-error .input-select select { border-color: #730202; }
.input-select select:hover { background: #fff; }
.input-select select:focus { 
	background: #fff; 
	color: #222;
	border-color: rgba(82, 168, 236, 0.8); 
	transition:border 0.2s linear, box-shadow 0.2s linear; 
	box-shadow: inset 0px 2px 2px rgba(0,0,0,0.075), 0px 0px 8px rgba(82,168,236,0.6);   
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); 
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}
.input-select-disabled select,
.input-select select[disabled="disabled"] { background: #d3d1ce; color: #7a7a7a; border-color: #a4a4a4; cursor: default; }
.section-box .input-select-disabled select,
.section-box .input-select select[disabled="disabled"] { background: #e0dfdd; }
.section-box2 .input-select-disabled select,
.section-box2 .input-select select[disabled="disabled"] { background: #c1c0bd; }

.input-static .static { display: block; font: 14px "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif; color: #5a5a5a; padding: 7px; margin: 0; }

.input-text-extra-extra-extra-small input { width: 70px; }
.input-text-extra-extra-small input { width: 98px; }
.input-text-extra-small input { width: 170px; }
.input-text-small input { width: 294px; }
.input-text-medium input { width: 350px; }
.input-text-large input { width: 470px; }
.input-text-extra-large input { width: 570px; }

.input-select-extra-extra-extra-extra-small select { width: 72px;  }
.input-select-extra-extra-extra-small select { width: 86px; }
.input-select-extra-extra-small select { width: 114px; }
.input-select-extra-small select { width: 186px; }
.input-select-soso-small select { width: 244px; }
.input-select-small select { width: 310px; }
.input-select-medium select { width: 366px; }
.input-select-large select { width: 486px; }
.input-select-extra-large select { width: 586px; }

.input-static-extra-extra-extra-small .static { width: 86px; }
.input-static-extra-extra-small .static { width: 114px; }
.input-static-extra-small .static { width: 186px; }
.input-static-small .static { width: 310px; }
.input-static-medium .static { width: 366px; }
.input-static-large .static { width: 486px; }
.input-static-extra-large .static { width: 586px; }

.input-radio,
.input-checkbox { width: 32px; height: 32px; overflow: hidden; display: inline-block; vertical-align: top; background: url("../images/sprite.png"); cursor: pointer; }

.input-radio { background-position: 0 -128px; }
.input-error .input-radio { background-position: -128px -128px; }
.input-radio-hover { background-position: -32px -128px; }
.input-radio:focus { background-position: -64px -128px; }
.input-radio-checked { background-position: 0 -160px; }
.input-error .input-radio-checked { background-position: -128px -160px; }
.input-radio-checked-hover { background-position: -32px -160px; }
.input-radio-checked:focus { background-position: -64px -160px; }
.input-radio-disabled,
.input-radio-disabled:focus { background-position: -96px -128px; cursor: default; }
.input-radio-checked-disabled,
.input-radio-checked-disabled:focus { background-position: -96px -160px; cursor: default; }

.input-checkbox { background-position: 0 -192px; }
.input-error .input-checkbox { background-position: -128px -192px; }
.input-checkbox-hover { background-position: -32px -192px; }
.input-checkbox:focus { background-position: -64px -192px; }
.input-checkbox-checked { background-position: 0 -224px; }
.input-error .input-checkbox-checked { background-position: -128px -224px; }
.input-checkbox-checked-hover { background-position: -32px -224px; }
.input-checkbox-checked:focus { background-position: -64px -224px; }
.input-checkbox-disabled,
.input-checkbox-disabled:focus { background-position: -96px -192px; cursor: default; }
.input-checkbox-checked-disabled,
.input-checkbox-checked-disabled:focus { background-position: -96px -224px; cursor: default; }

.input-hidden { position: relative; width: 0; height: 0; overflow: hidden; }
.input-hidden input { position: absolute; left: -9999px; }

.required-legend { float: right; }
.required-legend span { display: inline-block; vertical-align: top; }
.required-legend .form-required { vertical-align: top; color: #7f7e7d; font: normal 22px/16px "Trebuchet MS", Arial, sans-serif; }

.submit-row { padding-top: 8px; }
.submit-row .button1,
.submit-row .button3 { padding-left: 0; }

/* jQuery UI */

.ui-autocomplete { font: 14px "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif; background: #fff; color: #5a5a5a; padding: 4px 0 5px 0; border: 1px solid #175e7c; width: 250px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: #b2b2b2 0 0 5px; -webkit-box-shadow: #b2b2b2 0 0 5px; box-shadow: #b2b2b2 0 0 5px; }
.ui-autocomplete a { padding: 2px 7px; cursor: default; display: block; width:100%;color: #5a5a5a; }
.ui-state-hover,
.ui-autocomplete a:focus,
.ui-autocomplete a:hover { background: #0072A3; color: #fff !important; }


 
 
 /* buttons */
.ui-button,
.ui-cancel { background: none; border: 0; cursor: pointer; display: inline-block; height: auto; overflow: visible; padding: 0; margin: 0; vertical-align: middle; outline: none; }
.ui-button span,
.ui-cancel span { outline: none; display: inline-block; padding: 0; margin: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; font-weight: normal; height: 38px; line-height: 38px; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; cursor: pointer; }
.ui-button span { padding: 0 0 0 28px; background-position: 0 0; }
.ui-button span span { padding: 0 28px 0 0; background-position: 100% -123px; }
.ui-button.hover span,
.ui-button:hover span { background-position: 0 -41px; }
.ui-button.hover span span,
.ui-button:hover span span { background-position: 100% -164px; }
.ui-button.disabled,
.ui-button.processing { cursor: default; }
.ui-button.disabled span,
.ui-button.processing span { background-position: 0 -82px; cursor: default; }
.ui-button.disabled span span,
.ui-button.processing span span { background-position: 100% -205px; cursor: default; }
a.ui-button.imgbutton span { padding: 0 0 0 10px; }
a.ui-button.imgbutton span span { padding: 0 10px 0 0; }
a.ui-button.imgbutton span span span { padding: 0 5px; }
.ui-controls { border: 0; margin: 1.5em 0; padding: 0; overflow: hidden; clear: both; }
 
.button1 { padding: 2px 4px; }
.button1 span { color: #fff; height: 32px; line-height: 32px; background: url("../images/default.gif") 50% 0 repeat-x; }
.button1 > span { -moz-box-shadow: #444 0 0 5px; -webkit-box-shadow: #444 0 0 5px; box-shadow: #444 0 0 5px; }
.button1 span { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.button1.disabled span,
.button1.processing span,
.button1[disabled] span { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.button1.hover span,
.button1:hover span,
.button1:focus span { background-position: 50% -32px; }
.button1.disabled span { cursor: default; background: #bdbcb9; }
.button1.processing span { cursor: default; background-position: 50% -64px; color: transparent; }
.ui-cancel span { border-left: 1px solid #bbb; padding: 0 1em; margin-left: 10px; }

.textPanel { overflow:scroll; padding: 3px; width:610px; height:120px; }

.RadPicker, .RadInput, .riTextBox
{
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
    -moz-box-shadow: #b2b2b2 0 0 5px; -webkit-box-shadow: #b2b2b2 0 0 5px; box-shadow: #b2b2b2 0 0 5px;
    background: #fff url("../images/input-bg.gif") 0 0 repeat-x;
    padding-left:1px;
}
.RadPicker input:focus,
.RadInput input:focus,
.riTextBox input:focus
{
	background: #fff;
	color: #222;
	border-color: rgba(82, 168, 236, 0.8);
	transition: border 0.2s linear, box-shadow 0.2s linear;
	box-shadow: inset 0px 2px 2px rgba(0,0,0,0.075), 0px 0px 8px rgba(82,168,236,0.6);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}
.tab
{
	padding-right: 4em;
}
.riEnabled input { padding-left:111px; }
#page-response
{    
    padding-left:150px;
    font: 14px bold "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif; 
    color: #dd1a1a;
}
.page-response
{    
    padding-left:150px;
    font-size: 14px;
	font-weight:bold;
    color: #dd1a1a;
}
.login-response
{    
    font: 14px bold "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif; 
    color: #dd1a1a;
}
.page-heading
{   
    padding-bottom: 5px;
    font: 18px "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif; 
    color: #1a1a1a; 
    font-weight:bold;
}
.page-reference
{   
    padding-bottom: 5px;
    font: 16px "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif; 
    color: #555555; 
    font-weight:bold;
}
.page-text { font-size: 13px; }
.big-text { font-size: 14pt; }

.HomeBox-Header { font: bold 12pt "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif; color: #F9812B; }

.HomeBox-Text { font: 10pt "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif; color: #1a1a1a; }



.HomeBox-Footer A:visited { text-decoration: none; color: #CA2A8A; }
.HomeBox-Footer A:hover { text-decoration: underline; color: #cc0000; }
.HomeBox-Footer A:hover { color: #F9812B; text-decoration: underline; }

#LetterBar { font: 12pt "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif; }

.ContactList { padding: 4px; background: #fff url("../images/input-bg.gif") 0 0 repeat-x; border: 1px solid #9c9b9a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: #888 0 0 4px; -webkit-box-shadow: #888 0 0 4px; box-shadow: #888 0 0 4px; }

A.EditLink { font: 11pt "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif;  color: #1a1a1a; }
A.EditLink:link  { text-decoration: none; color: #000088; }
A.EditLink:visited { text-decoration: none; color: #000088; }
A.EditLink:hover { text-decoration: underline; color: #cc0000; }
