/* CSS Document */

body {min-width:750px}

/* Generic Styles */
/* -------------------------*/

.dontShowMe {display:none}
.appNote {position : absolute;width : 150px;border : 1px solid #4f4f4f;color : #000;background-color : #FEFFAF;padding : 5px;top :20px;right : 20px}
.appNote ul {margin-left : 3px;padding-left : 0;list-style-position: inside}

/* Relative Content Box */
/* -------------------------*/

.appRelativeContentBox {margin:10px}
.appRelativeContentBox h2 {font-size:1em;background:none;border:none;border-bottom:1px solid #ccc}
.appRelativeContentBox p {font-size:.8em}

/* Content Surround */
/* -------------------------*/

.contentSurround {background: #fcfcfc;border:#cccccc 1px solid;margin:1em;font-size:.8em;position: relative;}
.contentSurround p {margin:0 0 .5em 0}


/* Error Styles */
/* -------------------------*/

.errorList {background:#FFFFC6 url(/g2p/images/application/errorListIcon.png) 5px 5px no-repeat;border:1px solid #DEDF6F;margin:1em 0;min-height:3em;padding:10px 10px 10px 50px;-moz-border-radius: 5px;-webkit-border-radius: 5px; clear:both}
.errorList p {font-weight:bold;margin : 0;padding:0 0 10px 0px}
.errorList ul {margin : 0 0 .5em 0;padding : 0 0 0 20px;color:#f00;list-style-type:disc}
.errorList li {margin : 0}
.errorLabel {color:#f00}
.errorItem {color:#FF0000;font-weight:bold;display:block}
.errorItem div {min-height:16px;padding-left:20px;background: url(/g2p/images/application/cross.png) no-repeat}
.errorItemLogin {color:#FF0000;font-weight:bold}
.formLabelShort .errorItem div {margin:0 0 .2em 11.1em}
.checkListShort .errorItem {float:none;width:100%}
.checkListShort .errorItem div {margin:0 0 .2em 11.1em;text-align : left;width:auto}
.formLabelMedium .errorItem div{margin:0 0 .2em 16.1em}
.checkListMedium .errorItem {float:none;width:100%}
.checkListMedium .errorItem div {margin:0 0 .2em 16.1em;text-align : left;width:auto}
.formLabelWide .errorItem div {margin:0 0 .2em 21.1em}
.checkListWide .errorItem {float:none;width:100%}
.checkListWide .errorItem div{margin:0 0 .2em 21.1em;text-align : left;width:auto}

/* Success Messages */
/* -------------------------*/

.successMessage {background:#C9FFC6 url(/g2p/images/application/checkmark.png) 5px 5px no-repeat;border:1px solid #6FDF74;margin:1em 0;min-height:3em;padding:10px 10px 10px 50px;-moz-border-radius: 5px;-webkit-border-radius: 5px}

/* Form Elements */
/* -------------------------*/

fieldset {color: #000;border-left: none;border-right: none;border-bottom: none;background-color:transparent;clear : left;border-top:1px solid #ccc !important;clear:both;margin : 1em 0;padding : 1em 0 0 0}
legend {font-weight:bold;color: #000}
textarea {font-size:1em}

/* Login Status Box */
/* -------------------------*/

#loginStatusBox {float:right;padding:5px;border-bottom:1px solid #EFEFEF;margin:0 .5em .5em .5em;font-size:.8em}
#loginStatusBox a, #loginStatusBox a:link, #loginStatusBox a:visited, #loginStatusBox a:hover {color:#0000CC;margin-right:1em;}
.loginStatusBoxLinkList, .appStatusBox ul {margin:0;padding:0;list-style-type:none}
.loginStatusBoxLinkList li, .appStatusBox li {float:left;margin:0 1em 0 0}

/* Wizzard Steps and Primary Secondary Buttons*/
/* -------------------------*/

.wizardWrapper {}
.wizardHeader {}
.wizardStepContent {}
.wizardStepNav {clear:both}
.wizardStartStep, .wizardNextStep, .wizardFinishStep, .primaryActionButton, .wizardPreviousStep, .wizardFinishPreviousStep, .secondaryActionButton {border:none;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding:5px;font-weight:bold;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;cursor:pointer;text-decoration:none} 
.wizardStartStep, .wizardNextStep, .wizardFinishStep, .primaryActionButton {background-color:#639F59;color:#FFF}
.wizardStartStep:hover, .wizardNextStep:hover, .wizardFinishStep:hover, .primaryActionButton:hover {background-color:#639F59}
.wizardPreviousStep, .wizardFinishPreviousStep, .secondaryActionButton {background-color:#C2DAEF;color:#666}
.wizardPreviousStep:hover, .wizardFinishPreviousStep:hover, .secondaryActionButton:hover {background-color:#C2DAEF}

/* Icons for Links */
/* ------------------------------*/

.printReceipt, .appPrint, .printAlignRight, .appSave, .appLogout, .appLogin, .appEdit, .appChangePassword, .appDoc, .appEmail, .appProfile, .appBackAppPage, .appHome, .appSearch, .appMultiplePages, .appMoveUp, .appMoveDown, .appDelete, .appHelp, .appStats, .appCancel, .appCart, .appCartAddTo, .appCartAdded, .appCartRemove, .appLicense, .appLicenseAdd, .appAccept, .appAdd {padding-left:25px;display:inline-block;min-height:16px; background-repeat:no-repeat; background-position:.2em}

.printReceipt, .appPrint {background-image: url(/g2p/images/application/printer.png)}
.printAlignRight {background-image: url(/g2p/images/application/printer.png); float:right}
.appSave {background-image: url(/g2p/images/application/disk.png)}
.appLogout {background-image: url(/g2p/images/application/door_out.png)}
.appLogin {background-image: url(/g2p/images/application/door.png)}
.appEdit {background-image: url(/g2p/images/application/edit.png)}
.appAdd {background-image:url(/g2p/images/application/add.png)}
.appChangePassword {background-image: url(/g2p/images/application/key.png)}
.appDoc {background-image: url(/g2p/images/application/page_white_text.png)}
.appEmail {background-image: url(/g2p/images/application/email.png)}
.appProfile {background-image: url(/g2p/images/application/user.png)}
.appBackAppPage {background-image: url(/g2p/images/application/app_back.png)}
.appHome {background-image: url(/g2p/images/application/house.png)}
.appSearch {background-image: url(/g2p/images/application/magnifier.png)}
.appMultiplePages {background-image: url(/g2p/images/application/page_white_stack.png)}
.appMoveUp {background-image: url(/g2p/images/application/arrow_up.png)}
.appMoveDown {background-image: url(/g2p/images/application/arrow_down.png)}
.appDelete {background-image: url(/g2p/images/application/bin.png)}
.appHelp {background-image: url(/g2p/images/application/help.png)}
.appStats {background-image: url(/g2p/images/application/stats.png)}
.appCancel {background-image: url(/g2p/images/application/cross.png)}
.appCart {background-image: url(/g2p/images/application/cart.png);padding-left:45px}
.appCartAddTo {background-image: url(/g2p/images/application/cart_add_to.png);padding-left:45px}
.appCartAdded{background-image: url(/g2p/images/application/cart_added.png);padding-left:45px}
.appCartRemove {background-image: url(/g2p/images/application/cart_remove.png)}
.appLicense {background-image: url(/g2p/images/application/license.png)}
.appLicenseAdd {background-image: url(/g2p/images/application/license_add.png) ;padding-left:25px}
.appAccept {background-image: url(/g2p/images/application/tick.png);padding-left:25px}
.appNew {color:#15AF3C;font-weight:bold;font-style:italic;padding-left:.5em}

/* Doc Type Icons */
/* -------------------------*/

.iconDoc {background: url(/g2p/images/application/icon_doc.gif) no-repeat .2em;padding-left:25px}
.iconPdf {background: url(/g2p/images/application/icon_pdf.gif) no-repeat .2em;padding-left:25px}
.iconImage {background: url(/g2p/images/application/icon_pic.gif) no-repeat .2em;padding-left:25px}

/* Login Boxes */
/* -------------------------*/

.loginBox table {}
.loginBox label{margin :0 1em 0 0;text-align : right;padding-left:2em}
.loginBoxRemember {text-align:right;margin:0 1em 0 0}
.loginBoxRemember input {margin :0}
.loginBoxRemember label {display: inline;margin :0 0 0 0.25em;font-weight : normal;text-align: left;font-size:.8em;padding:0 1em 0 0}
.loginBoxButton {margin:.2em 7em 0 0}

/* Non Visited Link */
/* -------------------------*/

.nonVisitedLink, .nonVisitedLink:link, .nonVisitedLink:visited .nonVisitedLink:hover {
	color:#0000CC;
}

/* Form Elements */
/* -------------------------*/

/* Columns */
/* -------------------------*/

#appColumn0 {float:left;width:80%}
#appColumn1 {width:18%;float:right}

/* Double Column */
/* -------------------------*/

.columnShort {width : 25em;float : left;margin:0 2em .5em 0}
.columnMedium {width : 35em;float : left;margin:0 2em .5em 0}

/* Form Elements Stacked */
/* -------------------------*/

.formLabelStacked {clear:left;padding:.5em 0 0 0;margin:0 0 .5em 0}
.formLabelStacked label {display : block;margin :0}
.formLabelStacked table label {display : inline;margin :0}

/* Form Elements Short */
/* -------------------------*/

.formLabelShort{clear:left;margin:0 0 .5em}
.formLabelShort label{display:block;width:10em;float:left;text-align:right;margin:0 1em 0 0}
.formLabelShort textarea{font-family:Verdana, Arial, Helvetica, sans-serif;margin:0}
.shortAlign{margin:0 0 0 11em;padding:.5em 0 0}

/* Check List Short */

.checkListShort{border:none;clear:left;margin:0 0 .5em}
.checkListShort table label{width:0;display:inline;float:none}
.checkListShort table input{margin:0 .25em 0 0}
.checkListShort span,.checkListShort Label{display:block;width:10em;float:left;text-align:right;margin:0 1em 0 0}


/* Form Elements Medium */
/* -------------------------*/

.formLabelMedium{clear:left;margin:0 0 .5em}
.formLabelMedium label{display:block;width:15em;float:left;text-align:right;margin:0 1em 0 0}
.formLabelMedium textarea{font-family:Verdana, Arial, Helvetica, sans-serif;margin:0}
.mediumAlign{margin:0 0 0 16em;padding:.5em 0 0}

/* Check List Medium */

.checkListMedium{border:none;clear:left;margin:0 0 .5em}
.checkListMedium table td{text-align:left}
.checkListMedium table label{width:0;display:inline;float:none}
.checkListMedium table input{margin:0 .25em 0 0}
.checkListMedium span,.checkListMedium Label{display:block;width:15em;float:left;text-align:right;margin:0 1em 0 0}

/* Form Elements Wide */
/* -------------------------*/

.formLabelWide{clear:left;margin:0 0 .5em}
.formLabelWide label{display:block;width:20em;float:left;text-align:right;margin:0 1em 0 0}
.formLabelWide textarea{font-family:Verdana, Arial, Helvetica, sans-serif;margin:0}
.wideAlign{margin:0 0 0 21em;padding:.5em 0 0}

/* Check List Wide */

.checkListWide{border:none;clear:left;margin:0 0 .5em}
.checkListWide span{display:block;width:20em;float:left;text-align:right;margin:0 1em 0 0}
.checkListWide table td{text-align:left}
.checkListWide table label{width:0;display:inline;float:none}
.checkListWide table input{margin:0 .25em 0 0}

/* side By Side */
/* ------------------------------*/

label.sideBySide {float:none;display:inline;width:auto;padding-left:1em}

/* Examples */
/* ------------------------------*/

.formLabelShort .example{margin:0 0 .5em 13.8em}
.formLabelMedium .example{margin:0 0 .5em 20.1em}
.example,span.example{color:#666;font-size:.8em;font-weight:normal;display:block;margin:0 0 .5em}
.formLabelWide .example,.checkListWide div.example{margin:0 0 .5em 26.3em}
.formLabelShort span.example,.formLabelMedium span.example,.formLabelWide span.example{margin:0 0 .5em}

/* Help */
/* ------------------------------*/

.help {font-size:.8em;text-decoration:underline;cursor:pointer}

/* Survey List */
/* -------------------------*/

ul.surveyList{margin:0 0 .5em;padding:.5em 0 0}
ul.surveyList li{list-style:none}
.surveyList li{margin:0 0 .5em;padding:0 0 .5em}
.surveyList label{display:block;margin-bottom:.5em}
.surveyList table label{font-weight:normal;display:inline;margin:.0 0 .5em}
.surveyList textarea{font-family:Verdana, Arial, Helvetica, sans-serif;margin:0 0 .5em}
ol.surveyList,.surveyList{padding-top:.5em}

/* Grid View */
/* ---------------------*/

/* This style is to fix Grid View display in Renewal Services Admin */
/* Remove this file once Renewal Services Has been fixed */

.gridViewAdmin {width:100%}
.gridViewAdmin caption,  .gridViewAdmin th{display:none}
.gridViewAdmin tr {}
.gridViewAdmin table th {display:table-cell;width:25%}
.gridViewAdmin table td{width:25%}
.gridViewAdmin table {width:100%}

/* ----------------------------------- */

.gridView {width: 100%;border-width: 0px !important; margin: 0 0 1em 0}
.gridView caption {font-weight:bold;padding:1em 0 .5em 2px;text-align:left;color:#000}
.gridView th {padding: 2px 5px 2px 5px;text-align:left}
.dataTableMedium .gridView th {padding: 2px 5px 2px 5px;text-align:left}
.gridView th a  {padding-right:5px}
.gridView td {padding: 2px 5px 2px 5px;vertical-align:top}
.tinyDataGrid {width: 100%;border-width: 0px !important;}
.gridViewHeader {border-bottom:1px solid #fff;background:#036 url(/g2p/images/application/appGradient.png) repeat-x top;color: #fff;vertical-align: top;font-weight:bold}
.gridViewHeader th, .gridViewHeader a:link, .gridViewHeader a:visited, .gridViewHeader a:hover, .gridViewHeader a:active, .dataTableMedium .gridViewHeader th {color : #fff;font-weight:bold}
.gridViewSelectedRow {background: #FFFFCF url(/g2p/images/application/appGradient.png) repeat-x top;font-style:italic;font-weight:bold}
.gridViewAltRow {background:#DFEBFF url(/g2p/images/application/appGradient.png) repeat-x top}
.gridViewRow th {font-weight:normal}
.gridViewAltRow td, .gridViewAltRow th {border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;font-weight:normal}
.gridView a, .gridView a:visited, .gridView a:active, .gridView a:hover, {color:#0000CC}
.gridViewFooter td{border-top:2px solid #999;padding-top:.5em;background-color: #fff;color: #000;vertical-align: top;font-weight:bold}


/* Data Tables */
/* -------------------------*/

.dataTableShort,.dataTableMedium,.dataTableWide{width:100%;margin:0 0 2em;padding:1em 0 0}
.dataTableShort caption,.dataTableMedium caption,.dataTableWide caption{text-align:left;font-weight:bold;border-bottom:1px solid #000;margin:.5em 0;padding:0}
.dataTableShort table caption,.dataTableMedium table caption,.dataTableWide table caption{border-bottom:1px solid #999}
.dataTableShort tr,.dataTableMedium tr,.dataTableWide tr{vertical-align:top}
.dataTableShort th,.dataTableMedium th,.dataTableWide th{padding-bottom:.25em;padding-top:.25em;padding-right:1em;width:10em;text-align:right;font-weight:normal}
.dataTableMedium th{width:15em}
.dataTableWide th{width:20em}
.dataTableShort th .requiredIndicator,.dataTableMedium th .requiredIndicator,.dataTableWide th .requiredIndicator{display:none}
.dataTableShort td,.dataTableMedium td,.dataTableWide td{padding-left:1em;padding-bottom:.25em;padding-top:.25em}
.dataTableShort tr.totalRow th,.dataTableShort tr.totalRow td,.dataTableMedium tr.totalRow th,.dataTableMedium tr.totalRow td,.dataTableWide tr.totalRow th,.dataTableWide tr.totalRow td,.gridView tr.totalRow td{background:#BADF99 url(/g2p/images/application/appGradient.png) repeat-x top;border-top:1px solid #999;font-weight:bold}
.dataTableShort tr.headerRow th,.dataTableShort tr.headerRow td,.dataTableMedium tr.headerRow th,.dataTableMedium tr.headerRow td,.dataTableWide tr.headerRow th,.dataTableWide tr.headerRow td,.gridView tr.headerRow td{font-weight:bold}

/* Decimal Align */
/* -------------------------*/

.decimalAlign, .gridView th.decimalAlign {text-align:right}

/* Submit Buttons */
/* -------------------------*/

.submitButtonSurvey {clear:both;margin:1em 0 1em 2.5em}
.submitButtonShort {clear:both;margin:1em 0 .5em 11.3em}
.submitButtonMedium {clear:both;margin:1em 0 1em 16.2em}
.submitButtonWide {clear:both;margin:1em 0 1em 21.1em}
.submitButton {clear:both;margin:1em 0}

/* Calendar */
/* -------------------------*/

.ajax__calendar_container{z-index:1001}
.calendar{margin-left:33em;margin-top:-1.5em;position:absolute;font-size:.8em;background:#fff}
.calendar a{text-decoration:none;display:block}
.calendar table{border:none!important}
.calendar a:hover{text-decoration:none;background:#333;color:#fff!important}
.daysOfWeek{font-weight:normal;background:#EEE;text-align:center}
.otherMonthView{background:#EEE;color:red!important}
.otherMonthView a{color:#AAA!important;padding:2px}
.selectedDay,.selectedDay a{background:#D1E2F1!important;color:#000!important;font-weight:bold}
.selectedDay a:hover{background:#333!important;padding:2px 0}
.today{background:#EEE!important}
.calendarMonthHeader{font-weight:bold}
.monthView,.weekends{background:#EEE}
.monthView a,.today a,.weekends a{padding:2px}

/* AJAX Accordion Panel */
/* -------------------------*/

.accordionPanelHeader {font-weight:bold;background:#dfdfdf url(/g2p/images/application/appGradient.png) repeat-x top;border-bottom:1px solid #999;padding:5px 10px;cursor:pointer}
.accordionPanelHeader label {background:url(/g2p/images/application/accordionHeaderBlack.png) no-repeat left center;padding-left:15px;cursor:pointer}
.accordionPanelHeaderActive {background:#036 url(/g2p/images/application/appGradient.png) repeat-x top;color:#fff;padding:5px 10px;font-weight:bold;border-bottom:1px solid #999}
.accordionPanelHeaderActive label {background:url(/g2p/images/application/accordionHeaderWhiteActive.png) no-repeat left center;padding-left:15px}
.accodrionPanelContent {}
.appRefresh {background:url("/g2p/images/captcha/icon_appRefresh.png") no-repeat left;padding:5px 0 5px 27px;margin:0 20px 0 0;color:#036}

/* Modal Popup */
/* -------------------------*/

.modalParentBackground {background-color:#000;filter:alpha(opacity=80);opacity:0.8}
.modalWindow {-moz-border-radius: 5px;-webkit-border-radius: 5px;background:#fff;padding:20px; -moz-box-shadow: 0px 3px 3px #000;-webkit-box-shadow: 0px 3px 3px #000;box-shadow: 0px 3px 3px #000;border3px solid #333;}