@charset "utf-8";
/* CSS Document - Suzanne Murray, 01/03/10 
Updated 15/12/11 to match www.stayatqueens.com website colour scheme and layout */

* { margin: 0; padding: 0; }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px!important; color: #6F7071; background-color: #dedddc !important; }

/* NEW STYLING FROM AARON */
table.ApplicationIntroTable tr td { padding: 3px }
table.ApplicationIntroTable tr td.Gender table { padding: 0 }
table.ApplicationTypeTable tr td table { border-width: 0; border-spacing: 0; padding: 0 }
table.ApplicationTypeTable tr td table tr td { margin: 0; padding: 0 }
table.CarParkingRequired tr td table tr td { padding: 6px 10px 6px 0 }
td.ApplicationConfirmation { padding: 0 }
h2.ApplicationConfirmed { margin: 0 0 0 20px }
a.Button { margin: 0 0 0 20px; float: left }
td.ApplicationPreferencesReturnersUG { padding: 20px 0 }
div.ApplicationPreferencesReturnersPG { padding: 20px 0; width: 100% }
.MyDetailsContent { padding: 20px }
p {  }
.flex-style {display: flex;align-items: center;padding-left: 20px;}
.addBottomMargin {margin-bottom: 10px;}
ol, ul { margin-left: 10px; padding-left: 30px; margin-bottom: 20px; }
li { padding: 4px 0; }
a { text-decoration: none; color: #0d6efd }
a:hover { text-decoration: underline; color: #007d9a; }
h1 { font-size: 100%; padding: 10px 0 10px 0; font-weight: normal; color: #d6000d; }

/* ---- main structure elements ---- */
#container { background: #FFFFFF; margin: 0 auto; }
#header { width: 100%; float: left; background: #FFFFFF; margin-bottom: 4px; }
#title { font-weight: bold; width: 100%; float: left; background: #d6000d; color: #FFF; }
.title { font-weight: bold; width: 100%; float: left; background: #d6000d; color: #FFF; }
#content { width: 96%; margin: 0 auto; float: left; background: #FFFFFF; padding: 0px 20px 20px 20px; }
.content { width: 96%; margin: 0 auto; float: left; background: #FFFFFF; padding: 20px 20px 20px 20px; text-align: left; }
#footer { width: 100%; float: left; background: #efeee9; }

/* -- header -- */
#header img { border: 0; padding: 10px; }

/* -- title -- */

/* for page title */
#inner { width: 60%; float: left; padding: 10px; }

/* for home/logout links */
#logout { float: right; padding: 10px; }
#logout a { color: #FFF; font-weight: normal; }

/* -- footer -- */
#footer img { float: right; border: 0; }
#footer p { padding: 0px 10px; margin: 0; /*color: rgba(255,255,255,.65); */}
#footer a { padding: 0px 10px; margin: 0; /*color: rgba(255,255,255,.65);*/ }
#footer a:hover { padding: 0px 10px; margin: 0; /*color: rgba(255,255,255,.65); */text-decoration: underline; text-decoration-color: #23527c }
#footer h3 { margin: 0; padding: 10px 0 0 10px; font-size: 100%; font-weight: bold; background: #2f2f2f; color: #d6000d; }
#footer_bottom { width: 100%; float: left; background: #4A4A4A; }
#footer_bottom p { color: #FFF; padding: 10px 10px 0px 10px; float: right; }
.social-links-circled {
    padding: 0 !important;
    display: inline-flex;
    justify-content: space-evenly;
    float: right;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 24px;
    text-align: center;
    border: 1px solid rgba(255,255,255,.15);
    margin: 5px !important;
    color: #4A4A4A !important;
}
.social-links-circled:hover {
    background: #fff !important;
    color: #333 !important;
}
/* -- home page */
.signInBox { border: 1px solid #003E7E; width: 70%; margin: 0 auto 20px auto; padding: 0 20px; }
.signInBox h1 { font-size: 180%; font-weight: normal; color: #d6000d; }
.signInBox p { padding: 8px 0; }
.signInBox table { width: 100%; }
.signInBox table td { padding: 10px 6px 10px 0; vertical-align: top; }
.signInBox .submitBtn { padding: 3px 10px; float: right; }

/* -- form elements -- */
.formLayout tr { margin-bottom: 20px; }
.submitBtn { padding: 3px 10px; float: right; margin-right: 200px; }
.formLayout { padding: 0 0 20px 20px; }
.label { font-weight: bold; padding-right: 6px; }
.formLayout table { width: 100%; }
.formLayout td { padding: 10px 0; vertical-align: top; }
.actionBtn { background: #006699; display: inline-block; padding: 6px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; }
.actionBtn:hover { background-color: #007d9a; color: #fff; text-decoration: none; }
.displayStyle { display: inline-block!important; }
/* -- error message -- */
.errorMessage { color: #FF0000; font-size: 100%; padding-top: 20px; }
.error { color: #FF0000; padding-bottom: 20px; }
.errorMessageHome { /*width: 70%;*/ margin: 10px auto; color: #FF0000; font-size: 110%; /*text-align: center;*/ }
.kcferror:empty { display:none;} 

/* -- tables -- */
.appTable {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #b6b7b9;
}
.appTable td { border: 1px solid #b6b7b9; vertical-align: top; padding: 6px; }
.payTable { width: 100%; border: 0; }
.payTable td { vertical-align: top; padding: 10px 6px; }
table.formWide { width: 100%; }
table.formWide .submitBtn { margin-right: 0; }
table.display { width: 100%; }
table.display td { padding: 6px 10px 6px 0; vertical-align: top; }

/* -- other elements -- */
.photo { border: 1px solid #b6b7b9; padding: 2px; margin-right: 10px; }
#progress { padding: 0 0 10px 0; }
hr { margin-bottom: 15px; }
.listIntro { padding-bottom: 4px; margin: 0; }
.accountBox { border: 1px solid #003E7E; width: 70%; margin: 20px auto; padding: 10px 20px; }
.accountBox .actionBtn { margin-top: 10px; }
ul.listCloser { margin-bottom: 6px; }
ul.withBullet { list-style-type: disc !important; }
.prefimage { padding-right: 15px; }
.nonbold { font-weight: normal !important; font-size: 9pt !important; }
.error2 { color: #FF0000; padding-bottom: 20px; font-size: 10pt; }
.h1 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 23.4px; font-weight: 400; font-style: normal; color: #92AA30; text-transform: none; text-decoration: none; letter-spacing: normal; word-spacing: 0; line-height: 28px; text-align: left; vertical-align: baseline; direction: ltr; }
.label { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; font-style: normal; color: #6F7071; text-transform: none; text-decoration: none; letter-spacing: normal; word-spacing: 0; line-height: 16px; text-align: left; vertical-align: top; direction: ltr; }
.labelnotbold { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 13px; font-style: normal; color: #6F7071; text-transform: none; text-decoration: none; letter-spacing: normal; word-spacing: 0; line-height: 16px; text-align: left; vertical-align: top; direction: ltr; }
.alignment { position: absolute; }

.badgeStyle {
    padding: 0.7rem !important;
    white-space: break-spaces !important;
    margin: 0.5rem !important;
    background-color: #f8d7da !important;
    width: 250px;
    margin-left: 0px !important;
}
.inline-Display {
    display: inline !important;
}
.loginStyle1 {
    margin: 5px;
    padding-left: 0px;
}
.loginStyle2 {
    float: left;
    margin: 5px;
    padding-left: 0px;
}
.labelWidth {
    width:300px;
}