/* GLOBAL
=========================================================================================*/
a:link, a:visited, a:hover, a:active { color:#117499; }
body {
	background-color: #EBEBEB;
	font-family: Calibri, Verdana, sans-serif;
	font-size: 12pt;
	line-height: 1.25em;
}
h1 { font-size: 1.5em; font-weight: bold; }
h2 { font-size: 1.25em; font-weight: bold; }
h3 { font-weight: bold; }    
hr {
	border: none;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #FFFFFF;
	font-size: 1px;
	line-height: 0;
	margin: 8px auto;
	overflow: visible;
	padding: 0;
	width: 100%;
}
img { text-decoration: none; }



input[type=submit], input[type=button], button {
    padding: 0 1em;
    height: 2em;
    text-align: center;
    vertical-align: middle;store
    border: 1px #9E9E9E solid;
    cursor: pointer;
    display: inline-block;
    outline: none;
    font-size: 1em;
    line-height: 100%;
    position: relative;
    font-weight:bold;
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {color:GrayText;}

.primary-button {
    background-color: #117499;
    color: #ffffff;
    border-color: #2086bf;
}

input[type=submit].processing,
input[type=reset].processing,
input[type=button].processing,
button.processing {
	background-image: url(../../cts/images/Processing_24.gif); 
	background-repeat:no-repeat;
	background-position: right;
	padding-right: 30px;
}

input[type=text],
input[type=password],
input[type=number],
textarea {
	font-size: large;
	margin: 0;
	padding: 1px;
}
select {
    font-size: large;
	margin: 0;
	padding: 1px;
}
.btnlink,
.btnlink:active,
.btnlink[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btnlink {
  color: #0088cc;
  cursor: pointer;
  border-color: transparent;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btnlink:hover,
.btnlink:focus {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}

.btnlink[disabled]:hover,
.btnlink[disabled]:focus {
  color: #333333;
  text-decoration: none;
}

input.currency { text-align: right; }
p { margin-top: .5em; margin-bottom: .5em; }

.articlecontent { overflow: hidden; padding: 10px 0; }
.articleheader,
.articlefooter {
	padding: 8px;
}
.articlefooter { margin-bottom: 10px; }
.lt-ie9 .articleheader,
.lt-ie9 .articlefooter {
	behavior: url(../../cts/css/PIE.htc);
	position: relative;
}

.border { border: 1px solid #b9b9b9; }
.buttons { text-align: right;}
.buttonsleft { text-align: left;}
.bold { font-weight: bold; }
.center { text-align: center; }
.centerLeft {margin:0 auto; text-align:left;}
.contain { overflow: hidden; position: relative; /* uses overflow hack to contain floats */ }
.currency {}
.date {}
.dialog { font-family: Calibri, Verdana, sans-serif; }
.instructions { overflow: hidden; margin: 0 0 10px 0; }
.instructionContent { margin-top: 15px; margin-left: 35px; list-style:initial;}
.left { float: left; }
.noborder { border: none; }
.primary { background-color: #464646; border: 1px solid #b9b9b9; color:#fff; }
.right { float: right; }
.secondary { background-color: #d9d7d8; border: 1px solid #b9b9b9; }
.sectioncontent { overflow: hidden; padding: 10px 0; }
.sectionheader {
	font-size: 1.1em;
	line-height: 1.25em;
	overflow: hidden;
	padding: 8px;
}
.sectionheader img {
	float: left;
	margin: 0 10px 10px 0;
}
.sectionfooter {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: .9em;
	line-height: 1em;
	margin-bottom: 10px;
	padding: 8px;
}
.lt-ie9 .sectionheader,
.lt-ie9 .sectionfooter {
	behavior: url(../../cts/css/PIE.htc);
	position: relative;
}

.marginTop {margin-top:10px;}
.marginBottom { margin-bottom: 10px; }
.rightMargin {margin-right:10px;}
.leftMargin {margin-left:10px;}

.current,
.total { font-weight: bold; }
.total.amount { line-height: 1.5em; }
	
.underline { text-decoration: underline; }
.btnLink {
    color: #117499;
    cursor: pointer;
    border-color: transparent;
    -moz-border-radius: 0;
    border-radius: 0;
    background: none;
    text-decoration: underline;
}
.btnLink:hover {
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    color: #005580;
    text-decoration: underline;
    background-color: transparent;
}

.borderbottom {
    border-bottom: 2px solid grey;
}

.ctCheckBoxToggle {padding-left: 3px;}
.ctCheckBoxToggle input[type=checkbox],
.ctCheckBoxToggle input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.ctCheckBoxToggle input[type=checkbox]:checked ~ label,
.ctCheckBoxToggle input[type="radio"]:checked ~ label {
    background-image: none;
    outline: 0;
    background-color: #ddd;
}

.ctCheckBoxToggle input[type=checkbox]:checked + label > div.successCheckMark,
.ctCheckBoxToggle input[type="radio"]:checked + label > div.successCheckMark {
    opacity:1;
}

.ctCheckBoxToggle input[type=checkbox] + label > div.successCheckMark,
.ctCheckBoxToggle input[type="radio"] + label > div.successCheckMark {
    opacity:0;
}


.ctCheckBoxToggle div label {
    padding: 5px 12px 5px 12px;
    background-color: white;
    border: 1px solid #aaaaaa;
    background-image: none;

}

.ctCheckBoxToggle .inline {
    display: inline-block;
    margin-left: -3px;
}

.ctCheckBoxToggle .leftToggle {
    -webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
}

.ctCheckBoxToggle .rightToggle {
    -webkit-border-radius: 0 8px 8px 0;
	-moz-border-radius: 0 8px 8px 0;
	border-radius: 0 8px 8px 0;
}

.ctCheckBoxToggle div label input,
.ctCheckBoxToggle div input {
    margin: 8px auto;
    padding: 5px;
    text-align: left;
    margin-left: -999999px;
    float: left;
}

.ctCheckBoxToggle input[type=checkbox]:checked ~ label,
.ctCheckBoxToggle input[type="radio"]:checked ~ label {
    background-color: #117399;
    color: #eeeeee;
}

.ctCheckBoxToggle input[type=checkbox] ~ label[disabled],
.ctCheckBoxToggle input[type="radio"] ~ label[disabled] {
    background-color:white;
    color:black;
    opacity:.5;
    cursor: not-allowed;
}

.ctCheckBoxToggle input[type=checkbox] ~ label i,
.ctCheckBoxToggle input[type="radio"] ~ label i {
    display: none;
}
.ctCheckBoxToggle input[type=checkbox]:checked ~ label i,
.ctCheckBoxToggle input[type="radio"]:checked ~ label i {
    display: inline-block;
}

.ctCheckBoxToggle label:hover {
    cursor: pointer;
}


.bigRadio {
    margin: 5px;
    background-color: lightgrey;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    line-height: 1em;
    margin-bottom: 10px;
    padding: 10px;
    cursor: pointer;
    border: 1px solid grey;
    font-size: 17.23px;
}
/* Fix for IE */
[hidden] { display: none; }
.notHidden { display: block !important; }

.phoneList {margin-left:4px !important;}

/* FORMS
=========================================================================================*/
fieldset {
	line-height: 1;
	padding: .25em .5em;
	position: relative;   
}
fieldset h3 { font-size: larger; }

form .clearfix { margin-bottom: .5em; zoom: 1; }
form .clearfix:before, form .clearfix:after {
	display: table;
	content: "";
	zoom: 1;
}
form .clearfix:after { clear: both; }

/*Fake Label is used in CMS field for labels that are content fields*/
.fakeLabel, label {
	display: block;
	font-weight: bold;
	line-height: normal;
	margin: .25em 0;
}
.unstyledLabel {
    font-weight:initial;
}
label em { color: #FF0000; }

form .input {}
form .inputs-list { 
	margin: 0;
	margin-bottom: -.25em;
	width: 100%;
}
form .inputs-list li {
	display: block;
	margin-bottom: .3em;
	padding: 0;
	width: 100%;
}
form .inputs-span {
	margin: 0;
	width: 100%;
}
form .inputs-span li.removePhoneNumberContainer {
    margin-left: 10px;
}

form .inputs-span li {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: auto;
	vertical-align: top;
}


form .inline {
	display: inline-block;
	margin-left: .25em;
}

input[type=text], input[type=password], input[type=checkbox], input[type="radio"], textarea, select {
	display: inline-block;
	border: 1px solid #ccc;
}
input[type=checkbox], input[type="radio"] {
	cursor: pointer;
	width: auto;
	height: auto;
	padding: 0;
	margin: 3px 1px;
	*margin-top: 0; /* IE6-7 */
	line-height: normal;
	border: none;
}
select { padding: 0; }
textarea { height: auto; }

input[type=text], input[type=password], textarea {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:focus, textarea:focus {
	outline: 0;
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type=checkbox]:focus, select:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 1px dotted #666;
}

/*Do NOT combine placeholders*/
::-webkit-input-placeholder {
    color: lightgray;
}
/*Do NOT combine placeholders*/
::-moz-placeholder {
    color: lightgray;
}
/*Do NOT combine placeholders*/
:-ms-input-placeholder {
    color: lightgray;
}
/*Do NOT combine placeholders*/
:-moz-placeholder {
    color: lightgray;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    background-color: #f5f5f5;
    border-color: #ddd;
    cursor: not-allowed;
}

.disabledInline {
    background-color: #fff;
	border-color: #eee;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
	cursor: not-allowed !important;
}
td.disabledInline * {
    color: #9a9a9a;
}
.disabled {
	background-color: #fff;
	display: block;
	border-color: #eee;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
	cursor: not-allowed !important;
}

form .individualName                { width: 20em; }
form tr .individualName.first       { width: 10em; }
form .individualName.first          { width: 11em; }
form .individualName.middle         { width: 5em; }
form .individualName.last           { width: 12em; }
form .individualName.first.small    { width: 7em; }
form .individualName.middle.small   { width: 5em; }
form .individualName.last.small     { width: 8em; }
form .individualName.nickname.small { width: 7em; }
form .email                         { width: 20em; }
form .email.small                   { width: 14em; }
form tr .email.small                { width: 10em; }
form .birthMonth                    { width: auto; }
form .birthDay                      { width: auto; }
form .birthYear                     { width: 4.5em; }
form .login                         { width: 20em; }
form .password                      { width: 11em; }
form .addressType                   { width: 6em; }
form .securityquestion              { width: 20em; }
form .securityanswer                { width: 20em; }
form .address                       { width: 19.8em; }
form .city                          { width: 10em; }
form .state                         { width: 4em; }
form .zip                           { width: 5em;  }
form .cityRegion                    { width: 19.8em; }
form .country                       { width: 20em; }
form .storecard                     { width: 9.25em; }
form .amount                        { width: 6em; text-align: right; }
form .amount.small                  { width: 5em; text-align: right; }
form .creditCard                    { width: 12.5em; }
form .phoneType                     { }
form .phone                         { }
form .phone.small                   { width:7em; }
form .familyRole                    { }
form .emailfrom                     { width: 100%; }
form .emailsubject                  { width: 100%; }
form .timeKnown                     { }
form .howKnown                      { width: 90%; }
form .referenceType                 { width: 10em; }

.placeholder { 
	color: #BCBCBC; 
}

input[placeholder] { -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
::-moz-placeholder { -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* Firefox 19+ */
input:-moz-placeholder { -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

label.required:after, .fakeLabel.required:after, div.required:after, strong.required:after {
    color: #B94A48;
    content: ' *';
}
input.input-validation-error, textarea.input-validation-error, select.input-validation-error {
	color: #B94A48;
	border-color: #EE5F5B;
}
input.valid, textarea.valid, select.valid {
	border-color: #57A957;
}
.validation-summary-errors,
.validatorErrorMessage,
.field-validation-error {
	color: #B94A48;
	display: block;
	font-size: smaller;
	font-weight: bold;
}

/* TABLES
=========================================================================================*/
table { border-collapse: collapse; width: 100%; }
tr, td, th { padding: 3px; vertical-align: top; }
.border tr { border: 1px solid #b9b9b9; }

td.noborder,
th.noborder,
.noborder tr,
.noborder td,
.noborder th {
	border: none;
}

thead.primary td, 
thead.primary th,
thead.secondary td, 
thead.secondary th,
tr.primary td, 
tr.primary th,
tr.secondary td, 
tr.secondary th {
	font-weight: bold;
	text-transform:uppercase; 
}

td.description, tr.description { font-size: smaller; padding-top:0px; line-height:none; }

thead.leftalign th { text-align: left; }

/* JQUERY-UI OVERRIDES
=========================================================================================*/
.ui-widget { font-size: 100%; }
.ui-widget.ui-widget-content { z-index: 101; }

.ui-combobox {
	position: relative;
	display: inline-block;
}
.ui-button {
	bottom: -9px;
	margin-left: -1px;
	height: 1.7em;
}
.ui-button .ui-button-text {
    display: inline;
}
.ui-autocomplete-input {
	margin: 0;
	padding: 0.3em;
}
.ui-autocomplete {
	height: auto; 
	overflow-y: visible; 
	overflow-x: hidden;
}
.ui-autocomplete .ui-menu-item {
	height: auto;
}
.ui-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
	/* adjust styles for IE 6/7 */
	*height: 1.7em;
	*top: 0.1em;
}

.ui-combobox-input {
	margin: 0;
	padding: 0.3em;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: .1em;
	line-height: 1;
	zoom: 1;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-autocomplete .ui-state-hover { 
	background: #3399ff;
	font-weight: bold; 
	color: #fff; 
}

.ui-widget-content {
	border: 1px solid #000;
	background: #fff;
	color: #000;
}

.ui-widget-content .ui-menu-item {
   font-family: Calibri, Verdana, sans-serif;
}

.ui-combobox .ui-autocomplete-input {
    margin: 0;
    padding: 1px;
    padding-right: 20px;
    margin-right: 0 !important;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ui-combobox a {
    height: 30px;
    width: 30px;
    margin-bottom: -13px;
    margin-left: -30px;
    align-items: center;
    cursor: pointer;
}

.ui-combobox a.ui-state-default { 
    border: none; color: black; background: none; 
}

.ui-combobox .ui-icon { 
    width: 16px;
    height: 16px;
    margin-left: 0;
    margin-top: -19px; 
}

/* ACTION LINKS
=========================================================================================*/
a.action, input[type="radio"] + label.action {
	background-position: 8px 8px;
	background-repeat: no-repeat;
	border: 1px solid #EFEFEF;
	display: block;
	margin: 5px;
	min-height: 45px;
	overflow: hidden;
	padding: 8px 8px 8px 12px;
	position: relative;
	text-decoration: none; 
    font-size:initial;
}
a.action:hover, label.action:hover { background-color: #EFEFEF; cursor:pointer;}
a.action.alert, a.action input[type="radio"]:checked + label, input[type="radio"]:checked + label.action.alert  { background-color: #FFFFCC; }
a.action.no_image, input[type="radio"] + label.action.no_image { min-height: 0; padding: 8px; }
a.action.no_image .name, a.action.no_image .desc {padding-left:0;}
a.action.small, input[type="radio"] + label.action.small{ min-height: 0;}
a.action.indent,  input[type="radio"] + label.action.indent{margin-left: 50px;}

a.action i {float:left;padding-right:10px;}
a.action .name, a.action .desc { padding-left:40px; }
a.action:before{font-size:2em; float:left; margin-top:8px;}
li a.action p {margin-top:0;margin-bottom:0;}
a[class*='link_']:before {font-family:'FontAwesome' !important;}

a.link_activity:before             { content:"\f1e3"; }
a.link_bunk1:before                { content:"\f030"; }
a.link_completeReg.small:before    { content: "\f061"; }
a.link_child:before                { content:"\f1ae"; font-size: 3em; }
a.link_donate:before               { content: "\f06b"; }
a.link_donations:before            { content: "\f1da"; }
a.link_email:before                { content:"\f003"; }
a.link_emails:before               { content:"\f003"; }
a.link_equipment:before            { content: "\f0ad"; }
a.link_family:before               { content: "\f0c0"; }
a.link_group:before                { content: "\f0c0"; }
a.link_guestmanage:before          { content: "\f0c0"; }
a.link_guestmanage.small:before    { content: "\f0c0"; }
a.link_info:before                 { content: "\f128"; }
a.link_info.small:before           { content: "\f128"; }
a.link_itinerary:before            { content: "\f272"; }
a.link_itinerary.small:before      { content: "\f272"; }
a.link_medical:before              { content: "\f0fa"; }
a.link_medicaldownload:before      { content: "\f0f6"; }
a.link_name:before                 { content: "\f044"; }
a.link_notes:before                { content: "\f249"; }
a.link_notes.small:before          { content: "\f249"; }
a.link_payment:before              { content: "\f0d6"; }
a.link_payment.small:before        { content: "\f0d6"; }
a.link_photos:before               { content: "\f03e"; }
a.link_preorders:before            { content: "\f07a"; }
a.link_preorders.small:before      { content: "\f07a"; }
a.link_profile:before              { content: "\f007"; }
a.link_register:before             { content: "\f0ea"; }
a.link_register.small:before       { content: "\f0ea"; }
a.link_requestcode:before          { content: "\f145"; }
a.link_reservations:before         { content: "\f015"; }
a.link_reservations.small:before   { content: "\f015"; }
a.link_rommate:before              { content: "\f236"; }
a.link_rommate.small:before        { content: "\f236"; }
a.link_schedule:before             { content: "\f272"; }
a.link_schedule.small:before       { content: "\f272"; }
a.link_self:before                 { content: "\f007"; }
a.link_signin:before               { content: "\f090"; }
a.link_statement:before            { content: "\f0f6"; }
a.link_statement.small:before      { content: "\f0f6"; }
a.link_storecard:before            { content: "\f09d"; }
a.link_storecard.small:before      { content: "\f09d"; }
a.link_terms:before                { content: "\f044"; }
a.link_terms.small:before          { content: "\f044"; }
a.link_contract:before             { content: "\f0f6"; }
a.link_contract.small:before       { content: "\f0f6"; }
a.link_transportation:before       { content: "\f207";  }
a.link_foodservice:before          { content: "\f0f5"; }
a.link_processing.small            { padding: 4px 4px 4px 4px; color: Black; min-height: 58px; min-width: 120px;}
a.link_applyNow:before             { content: "\f0ea"; }
a.link_references:before           { content: "\f0e5"; }
a.link_jobposting:before           { content: "\f02d"; }
a.link_counselor:before            { content: "\f007"; }
a.link_attachments:before          { content: "\f0f6"; }
.deleteCross:before                {font-family:"FontAwesome"; content: "\f00d"; float: left;padding-right:8px; color:black;}

a.action .name.inline, input[type="radio"] + label.action .name.inline { display: inline-block; font-size: large; }
a.action .name, input[type="radio"] + label.action .name{ display: block; font-size: larger; }
a.action .desc, input[type="radio"] + label.action .desc { display: block; font-size: smaller; }
a.action .status, input[type="radio"] + label .status { font-size: x-small; position: absolute; right: 8px; top: 8px; }
.articlecontent .checkedStatus { position: absolute; right: 8px; top: 8px; }
[class*="-banner-right"] {
    color: #000;
    margin-top: 15px;
    margin-left: 30px;
    z-index: 50;
    padding: 5px 25px 5px 10px;
    margin-right: -18px;
    border-bottom: #999999 solid 2px;
}
[class*="-banner-right"]:before,
[class*="-banner-right"]:after {
    content: '';
    border-color: transparent;
    border-style: solid;
    border-width: 20px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -10000px;
    top: 100%;
    position: absolute;
    border-left-width: 0;
    border-top-color: #999999;
}
.top-banner-right {
    font: lighter 15px Tinos, serif;
    background-color: #ff9494;
    margin-bottom: -30px;
    position: relative;
}
.bottom-banner-right {
    background-color: #ccc;
    position: absolute;
    bottom: 23px;
    right: 0;
    top: auto;
}

.pendingColor {background-color: yellow;}

.top-banner-right.commonwidth {
    min-width:90px;
}

.top-banner-right:before,
.bottom-banner-right:before {
    right: -1px;
    border-right-width: 25px;
    border-top-width: 17px;
}
.top-banner-right:after,
.bottom-banner-right:after {
    right: 0;
    border-right-width: 24px;
    border-top-width: 16px;
}
.top-banner-right.success-banner,
.bottom-banner-right.success-banner {
    background-color: #A9FFB4 !important;
    color: #007F00 !important;
}
.top-banner-right.warning-banner,
.bottom-banner-right.warning-banner {
    background-color: #FFC;
	color: #52522A;
}

.top-banner-right.error-banner,
.bottom-banner-right.error-banner {
    background-color: #f08080;
	color: #52522A;
}

.top-banner-right a { color: #000000; }
.top-banner-right.status { right: 0; position: absolute; }

.articlecontent .reRegisterLink { position: absolute; right: 8px; bottom: 8px; }

/* MISC CONTROLS
=========================================================================================*/
.cookies { display: none; }
.countryDropDown { width: 20em; }
.duedate {}
.entityImage { margin: 0 10px 0 0; width:60px; height: 80px; border: 1px solid #000000; }
.facePhoto { margin: 0 10px 0 0; width:30px; height: 40px; border: 1px solid #000000;}
.facePhotoDiv { position: relative; }
.entityFaceHover {
    position: absolute;
    bottom: 1.5em;
    left: 0;
    right: 0;
    top: 0;
    opacity: 1;
    background: #000;
    background: rgba(0, 0, 0, .6);
    background: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(.5, rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .6)));
    background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, .6) 100%);
    cursor: pointer;
}

.entityFaceHover > span {
    top: 50%;
    position: absolute;
    right: 7%;
    color: #fff;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
}

.entityFaceDisplay {
    float: left;
    padding-right: 8px;
}
.ordersList {}
.reservationsList {}
.statementDetails {}
.pendingRegActionName { display: block; font-size: larger; padding-left:40px; }
.pendingRegActionDesc { display: block; font-size: smaller; padding-left:40px; }
.pendingReservations { color: red; font-size: smaller; }
.airportName input { width: 250px; }
.airlineName input { width: 200px; }
.emailActionsHeader { text-align: left; }
.photoActionsHeader { text-align: left; }
.expiredPhotoText { color: #CD0000; }
.autoSelect { width: 600px; cursor: copy; }
.eventLodgingSelectionHeading1 {padding:0px;text-align: -webkit-center;}
.eventLodgingSelectionHeading2 {padding:0px;}

#arSummary { margin-bottom: 1em; }
#eventSelection {}
#loadingDialog { text-align: center; overflow: hidden; }
#lodgingSelection {}
#smallLogin { text-align: right; }
#smallLogin a, #loginDialog a { font-size: smaller; }
#storeCardActivity {}
#adminToolbar { background-color: #FF0000; border:1px solid #FFFFFF; margin-bottom: 3px; padding: 2px; color: #FFFFFF; font-weight: bold; overflow: hidden; }
#adminToolbar div {float: left; padding-right: 10px; padding-left: 10px; }
#adminToolbar a  { color: #FFFFFF; font-weight: normal;}
.largeLeftPadding { padding-left: 20px; }

/* STATUS MESSAGES
=========================================================================================*/
.validation-summary-errors,
.successMessage,
.errorMessage,
.warningMessage {
	padding: 8px;
	margin-bottom: 10px;
}
.lt-ie9 .successMessage,
.lt-ie9 .errorMessage,
.lt-ie9 .warningMessage {
	behavior: url(../../cts/css/PIE.htc);
	position: relative;
}
.successText,
.successMessage {
	background-color: #A9FFB4;
	border: 1px solid #00FF00;
	color: #007F00;
}
.validation-summary-errors,
.errorText,
.errorMessage {
	background-color: #FF9E9E;
	border: 1px solid #7F0000;
	color: #7F0000;
}
.warningMessage {
	background-color: #FFC;
	border: 1px solid #52522A;
	color: #52522A;
}
.successText,
.errorText {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 1px;
    font-size:12px;
}
.validation-summary-errors ul,
.successMessage ul,
.errorMessage ul,
.warningMessage ul {
	list-style-type: disc;
	margin-left: 1.5em;
}
/*Task 9888 Content Value field to show bullets and number list global change*/
.contentValue ul {
    list-style-type: disc;
	margin-left: 1.5em;
}
.contentValue ol {
    list-style-type: decimal;
	margin-left: 1.5em;
}
/**/
.cancelledStatus {
	border: 1px solid #8B8B7A;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #FFFF7E;
	padding: 4px;
}
.lt-ie9 .cancelledStatus {
	behavior: url(../../cts/css/PIE.htc);
	position: relative;
}

/* CONTENT FIELDS
=========================================================================================*/
.contentfield { position: relative; border: 1px dashed grey; padding-right: 2em; min-height:20px; }
.contentfieldpending { position: relative; border: 1px dashed red; padding-right: 4em;}
.contentfieldoptions { text-align: right;  position: absolute; top: 0; right: 0;  margin: 3px; z-index: 50;}
.contentfieldoptions > span { cursor:pointer; }
.contentValue { }
.cmsPlaceHodler { height: 1.3em; }
.contentdialog.ui-dialog-content { padding: 5px; }

/* WIZARDS
=========================================================================================*/
.wizardnav li {
	padding-left: 15px;
}
.wizardnav li.active {
	background: transparent url(../../cts/images/rightarrow.png) no-repeat left;
	font-size: .95em;
	font-weight: bold;
	padding-left: 15px;
}
.wizardbuttons { text-align: right; }

.wizardbuttonsbottom {position: relative; float:right;}

.wizard-content {
	display: block;
	height: auto;
	margin: 20px 18px 0px 2em;
	float: left;
	line-height: 24px;
}
/* = STEPS CONTAINER
----------------------------*/
.wizard-steps {
	margin: 20px 10px 0px 10px;
	padding:0px;
	position: relative;
	clear:both;
	font-weight: bold;
}
.wizard-steps div {
	position:relative;
}

.wizard-steps.horizontal a {
    width: 100% !important;
}

#next-step {margin: 0 10px;}
/* = STEP NUMBERS
----------------------------*/
.wizard-steps span {
	display: block;
	float: left;
	font-size: 10px;
	text-align:center;
	width:15px;
	margin: 2px 5px 0px 0px;
	line-height:15px;
	color: #ccc;
	background: #FFF;
	border: 2px solid #CCC;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
/* = DEFAULT STEPS
----------------------------*/
.wizard-steps a {
	position:relative;
	display:block;
	width:auto;
	height:24px;
	margin-right: 18px;
	padding:0px 10px 0px 3px;
	float: left;
	font-size:11px;
	line-height:24px;
	color:#666;
	background: #F0EEE3;
	text-decoration:none;
	text-shadow:1px 1px 1px rgba(255,255,255, 0.8);
}
.wizard-steps a:before {
	width:0px;
	height:0px;
	border-top: 12px solid #F0EEE3;
	border-bottom: 12px solid #F0EEE3;
	border-left:12px solid transparent;
	position: absolute;
	content: "";
	top: 0px;
	left: -12px;
}
.wizard-steps a:after {
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left:12px solid #F0EEE3;
	position: absolute;
	content: "";
	top: 0px;
	right: -12px;
}

.wizard-steps .inactive-step a {
	cursor:default;
}
 
/* = COMPLETED STEPS
----------------------------*/
 
.wizard-steps .completed-step a {
	color:#163038;
	background: #A3C1C9;
}
.wizard-steps .completed-step a:before {
	border-top: 12px solid #A3C1C9;
	border-bottom: 12px solid #A3C1C9;
}
.wizard-steps .completed-step a:after {
	border-left: 12px solid #A3C1C9;
}
.wizard-steps .completed-step span {
	border: 2px solid #163038;
	color: #163038;
	text-shadow:none;
}
/* = ACTIVE STEPS
----------------------------*/
.wizard-steps .active-step a {
	color:#A3C1C9;
	background: #163038;
	text-shadow:1px 1px 1px rgba(0,0,0, 0.8);
}
.wizard-steps .active-step a:before {
	border-top: 12px solid #163038;
	border-bottom: 12px solid #163038;
}
.wizard-steps .active-step a:after {
	border-left: 12px solid #163038;
}
.wizard-steps .active-step span {
	color: #163038;
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
	-moz-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
	box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
	text-shadow:none;
	border: 2px solid #A3C1C9;
}
/* = HOVER STATES
----------------------------*/
.wizard-steps .completed-step:hover a, .wizard-steps .active-step:hover a {
	color:#fff;
	background: #8F061E;
	text-shadow:1px 1px 1px rgba(0,0,0, 0.8);
}
.wizard-steps .completed-step:hover span, .wizard-steps .active-step:hover span {
	color:#8F061E;
}
.wizard-steps .completed-step:hover a:before, .wizard-steps .active-step:hover a:before {
	border-top: 12px solid #8F061E;
	border-bottom: 12px solid #8F061E;
}
.wizard-steps .completed-step:hover a:after, .wizard-steps .active-step:hover a:after {
	border-left: 12px solid #8F061E;
}

/* REGISTRATION
=========================================================================================*/
[class*="card-"] {
	border: 1px solid #9E9E9E;
	margin: 10px 0 !important;
	padding: 8px;
    background-color:#EEEEEE;
    text-decoration:none;
    text-align:center;

}
[class*="card-"] input, [class^="card-"] textarea, [class^="card-"] select { width:100%;}
[class*="card-"] .cardLinks {padding-top:10px;text-align:center;}
[class*="card-"] .cardLinks a {text-decoration:none;}
[class*="card-"] .cardLinks a:not(:first-child) {padding-left:25px;}

.acceptLink {color:green !important;}
.deleteLink {color:red !important;}

.showMoreBtn a {
    text-decoration: none;
    font-weight: bold;
}
        
.hideContent {
    display: none;
}

.card-edit {text-align:left;}
.card-edit select {
    width: 100% !important;
}
.addCard {
    min-width:300px;
    min-height:127px;
}


.lt-ie9 .emergencycontact {
	behavior: url(../../cts/css/PIE.htc);
	position: relative;
}

.eventfilters { overflow: hidden; }
.eventfilters li {
	display: inline;
	float: left;
	margin-left: 1em;
	overflow: hidden;
}

.immunization label{ display: inline;}
.medication {
	border: 1px solid #000000;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 10px 0;
	padding: 8px;
}
.lt-ie9 .medication {
	behavior: url(../../cts/css/PIE.htc);
	position: relative;
}
.medication h2 { font-weight: bold; }
.medication li { clear: left; overflow: hidden; }
.medication label {
	display: block;
	float: left;
	font-weight: bold;
	width: 6em;
}
.medicalconditiontext{width: 500px;}

.regEvent {}
.regDivision {}
.regAttendee {}
.regConfirmation h4 {}
.regConfirmationMessage {}
.regconfirmationList li {min-height:5px;}
.regConfirmationRoommate, .regConfirmationDonation, .regConfirmationTerms, .regConfirmationEmails, .regConfirmationPreOrders, .regConfirmationReservations, .regConfirmationTranspo  {display:none;}

.registration > div { position: relative; }
.registration a.action.small { padding-top:30px; }
.specialNotes { height: 200px; }
.specialNotesMaxCharacters {
	display: block;
	font-size: smaller; 
	font-weight: bold; 
}
.terms {
	height: 200px;
	overflow: scroll;
	border: 1px solid #b9b9b9;
}
.terms ol {list-style-type: decimal;  margin-left: 1.5em; }
.terms ul {list-style-type: disc; margin-left: 1.5em; }

.attendeeInformation.alert {padding-left:24px;  background-image: url(../../cts/images/Error.png); background-repeat:no-repeat }

#contactDialog { min-width: 400px; }
#immunizationDialog { min-width: 400px; }
#medicationDialog { min-width: 400px; }

.medicalrelease ul {
    list-style-type: disc;
    list-style-position: inside;
}


.flight             { font-size: .9em; line-height: 1; }
.flight .desc       { color: #999; font-weight: normal; }
.flight.airline     { font-weight: bold; font-size: 1em; }
.flightupdatenotice { font-weight: bold }

.resourceName { display: inline; }
.resourceDescription { 
	color: #999;
	display: block;
	padding-left: 1em;
}

.reserveResourceName {display: none;}

.medicalconditiondisclaimer {font-weight: normal; color: Maroon; font-style: italic; }
.maxRestrictionNotification { text-align: right; padding-left:20px; }
.minRestrictionNotification { text-align: right; padding-left:20px; }
.registrationAttributes {height:1px;}

.pendingCheckoutTotals {float: right; width:100%}
.pendingCheckoutSubtotal, .pendingCheckoutTaxesFees, .pendingCheckoutTotal, .pendingCheckoutDueNow {padding-right:6px}

/* ACCOUNT
=========================================================================================*/
.description {
    font-size: small;
    color: #666666;
}
.filterbox { font-size: 11px }
.filterbox h3 { font-size: 15px; }

#paymentSelectionDialog { width: 700px; }
#paymentSelectionDialog td { padding: 5px; }
#genderSelection { padding-right: 40px; }

/* STORE
=========================================================================================*/
img.storephoto.small  { height: 50px; width: 50px; }
img.storephoto.medium { height: 100px; width: 100px; }
img.storephoto.large  { height: 300px; width: 300px; }
img.storephoto.xlarge { height: 500px; width: 500px; }

/*by default hides entityid on itinerarysummary model */
#isentityid {display: none;}
#isitineraryid {display: inline;}
#isRoomDescriptionDisabled { display: none; }

.storelink, #universitySelect {margin-right: 10px;}

.dimensionSelector {width: 200px;}
.storeQty {width: 100px;}


/* Donations
=========================================================================================*/

.donationArea { padding: 20px; }
.donationHeader { border-top: 2px solid grey; }
.donationPayments { width: 35em; }

.donationInfo { 
    padding:5px; 
    padding-right: 20px; 
}

.donationFunds { width: 800px; }
.donationFunds > div {
    width: 15em;
    padding-bottom: 1em;
}

.donationFund { 
    width: 200px;
    float: left;
    padding: 5px;
}
.donationComments { 
    width: 100%;
    height: 5em;
}
.donationAmount {
    width:5em;
    text-align:center;
}
input.donationDate { 
    width: 6em; 
    margin-left: 10px; 
}
.donationFunds label {font-weight: normal ; font-size: .8em;}

/* Donation Summary */
.donationConfirmation { width: 720px; padding: 2em; }
.donationHeaders > div.donationType, 
.donationSumDetails > div.donationType { 
    width: 14em; 
}
.donationPaymentSum { text-align: center; }
.donationHeaders > div { font-weight: bold; }
.donationSumDetails > div { height: 3em; }
.donationHeaders > div,
.donationSumDetails > div { 
    border-bottom: 2px solid grey;
    width: 8em;
    padding-top: 1em;
}
.donationTotalHeader { 
    font-weight: bold;
    text-align: right;
    margin-right: .5em;
}
.donationTotalHeader, .donationTotal { 
    width: 6em;
    padding-top: 1em;
}
.fundAppealSeperator { padding-left: 1px; padding-right: 1px; }

/* Social Media
=========================================================================================*/
.likedivs
{
    float: left;
    margin-right: 10px;
}
.socialmediafix { overflow: visible; }
.socialMediaLinks { padding-bottom: 5px; margin-right: 10px; }

.icon32-googleplusicon {
    margin-right: 40px;
}
[class^="icon32-"], [class*=" icon32-"] {
    display: inline-block;
    width: 32px;
    height: 32px;
    *margin-right: .3em;
    line-height: 32px;
    vertical-align: text-top;
    background-image: url("../../cts/images/SocialIcons.png");
    background-position: 32px 32px;
    background-repeat: no-repeat;
}

/* 32 Pixel Icons */
.icon32-mailicon            { background-position: 0px 0px; }
.icon32-facebookicon        { background-position: -32px 0px; }
.icon32-twittericon         { background-position: -64px 0px; }
.icon32-googleplusicon      { background-position: -96px 0px; }

/* EFTAccount 
=========================================================================================*/
.eftAccount input { margin-bottom: 4px; margin-right: 4px; }

.paymentType { padding-right: 2em; }
.eftDetails .ccCsv { 
    padding-top: .1em;
    padding-left:15px;
}
.eftAccount .ccExpDate {
    padding-right: .3em;
}
input.creditCardCsv { width: 50px; }

.eftDetails a { padding-left: 1em; }
.eftDetails img { margin-bottom: -.3em; }
.eftInfoMain { padding-left: 2em; }
.eftInfo { padding-left: .2em; }

.eftDetails .editEFT { margin-top: .3em; }

.eftHeader { 
    border-bottom: solid 1px grey; 
    border-top: solid 1px grey; 
    margin-top: 20px;
    margin-bottom: 20px;
}
#editEFTAccountDialog { overflow: hidden; }
.eftAccountForm {
    height: 23em;
    overflow-y: auto;
    padding: 0 8px 0 8px;
    border-bottom: 1px solid grey;
}
.ccTypeSelected { border: 2px black solid; }
.bankInfo { width: 9.8em; }

/* Quick Enroll
=========================================================================================*/
#registrationInfo { 
    width: 32.5em;
    padding-left: 50px;
    padding-right: 50px;
}
a.changeEvent, input.changeEvent { 
    margin-top: 0;
    margin-left: 20px;
    font-size: small;
}
.registrationContent {
    padding-left: 3em;
    padding-bottom: 1em;
    margin-top: 5px;
    width: 15.8em;
}
.regPrice { 
    padding-right: 5px;
    margin-top: 4px;
    width: 90px;
    text-align: right;
    font-weight: normal;
}
.regPrice > span { font-size: small; }

.confirmationText > div { padding: 5px; }

.regConfirmation { padding: 1em; }
.confirmationSumHeader { padding-top: 1em; }
.confirmationSumDetail { height: 4em; }
.confirmationSumHeader { 
    border-bottom: 2px solid grey;
    width: 10em;
}
.confirmationInfo { width: 26em; }
.confirmationInfo > div, .confirmationInfo > span { padding-left:2em; }
.confirmationInfo > div.description { padding-left: 2.5em; }
.confirmationTotalHeader { 
    font-weight: bold;
    text-align: right;
    margin-right: .5em;
}
.confirmationTotalHeader, .confirmationTotal { 
    width: 10em; 
    padding-top: 1em;
}

.eventNeeded { padding-top: 10px; }

label.divisionSelection {
    width: 460px;
    padding-right: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #ffffff;
}

label.divisionSelection:hover { border: 1px solid #b9b9b9; }
.quickEnrollSelection { padding-right:.5em; padding-left:.5em}
.quickEnrollRadio { height: 3em; float: left; }
.totalLabel { vertical-align: middle; }
.regConfirmationSocial { padding: 0; width: 400px; }
.quickEnrollPaymentOption label {
    font-size: 1em;
}
#quickEnrollPayInFullDiv {
    min-width: 120px;
}

/* Guest Management
=========================================================================================*/

.resendguestinvite
{
    background:url(../../cts/images/mailicon2.png) no-repeat;
    height:24px;
    width:24px;
    background-position:center;
    border: none;
    min-width: 24px;
    cursor: hand; cursor: pointer;
}

.removeguestinvite
{
    background:url(../../cts/images/removeicon.png) no-repeat;
    height:24px;
    width:24px;
    background-position:center;
    border: none;
    min-width: 24px;
    cursor: hand; cursor: pointer;
}

.guestmgmtinstructions
{
    margin: 10px;
    width: 100%;
    text-align: center;
}

.inviterow { margin-bottom: 4px; }
.inviteemailcolumn { width: 70%; float: left; }
.inviteresendcolumn { width: 15%; float: left; text-align: center; }
.inviteremovecolumn { width: 15%; float: left; text-align: center; }
.awatingacceptance { color: maroon; font-weight: bold;}
.guestname { font-weight: bold; }
.guestactionheaders { font-weight: bold; }
.guestemailinput { width: 500px; }
.manageentitylabel { font-weight: bold; margin-right: 10px; }
.manageguestsclear { margin-bottom: 8px; }

/* Media Links*/
.medialink {margin: auto; text-align: center; padding-top: 10px; max-width: 150px; float: left; margin: 10px; }
.medialink img {max-width: 150px; }

/* Attendee Email */
.message {width: 100%}
.btnsendemail {margin-left: 10px !Important;}
.serviceName {font-size:1.25em;}

/* Food Service Program */
.fosterChildCheck label{
    display:inline;
    margin-left: 5px;
}
.childAttending {
    padding-top: 15px;
}
    
.optionalQuestions label {
    float: left;
    width: 35%;
    padding: 0;
    padding-left: 5px;
}
.optionalQuestions input {
    float: left;
    margin-left: 50px;
}
    
.nativeCheckBox label { width: 40%; }

.childAttending .registrationName { width: 30%; }
.childAttending .attendeeCaseNumber { width: 50%; }
.childAttending .attendeeCaseNumber label { margin-right: 5px; }
.childAttending .fosterChildCheck { width: 20%; margin-top: 2px; }

.familyRelationship { width: 15%; float: left; }
.familyRelationship select { width: 100%; }
.familyIndividualName { width: 25%; float: left; }
.familyNoIncome { width: 12%; float: left; text-align: center; }
.familyIncome { width: 28%; float: left; }
.familyIncome input { width: 50%; float: left; text-align: right; }

.signatureAddress { width: 65%; padding-top: 15px; }
.signatureAddress label { width: 20%; float: left; }
.signatureAddress input { float: left; }
.signatureAddress address { width: 80%; }
.signatureAddress .city { width: 35%; }
.signatureAddress .stateLabel { width: 10%; padding-left: 5px; }
.signatureAddress .state { width: 25%; }
.signatureAddress .zip { width: 5em; }

span.lastFour { padding-left: 15px; }
input.lastFour { width: 3em; margin-left: 10px; }
.lastFour input, .lastFour label { 
    float: left; 
}

.registrationName .attendeeName { padding: 3px; }
.signatureLineBreak { padding-bottom: 5px; padding-top: 5px; }
.signatureLabel { width: 5.5em; }

.foodServiceQuestion { padding-top: 15px; padding-bottom: 15px; }

#incomeIndividual { margin-top: -10px; }
#incomeIndividual a { height: 1.55em; }

#signatureContainer { margin-left: 10px; }

#familyMembersCount { padding-top: 15px; }
#familyMembersCount input { width: 5em; text-align: right; }

#foodServiceAddressInfo .articlecontent { padding: 0; }

.preOrderDescription { font-size:small; word-wrap:break-word;}
.preOrderItem {width:75%; text-align:left; float:left;}
.preOrderHeaderPrice {width:25%; text-align:right; float:right}
.preOrderCardBody {width:60%; float:right;}
[id*='itemImage'] {float:left;}
.preOrderBody {text-align: left;}

.rosterForms {
    font-size:.8em;
}
.rosterFormContainer{
    margin-bottom: 10px;
}
.rosterFilters { font-size:1.25em;}
 input[type='checkbox'].ctCheckBox.rosterFilters ~ label:before {
    width:4px;
}
.chargeDetailsSeparator { border-top: 1px solid; color: #b9b9b9;}

/* Wizard
=========================================================================================*/
.wizardStepHeader {
    background-color: #eeeeee;
    margin: 2px;
    padding: 4px;
    padding-left: 8px; padding-right: 8px;
    font-weight: bold;
    cursor: pointer;
}

/*Step Name*/
.wizardStepName { float: left; }
.wizardStepName label { cursor: pointer; }

/*Status*/
.wizardStepStatus { float: right; font-size: .9em; font-style: italic; }

.wizardStepStatus.complete {
    background-color: green;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 32px;
    width: 32px;
}
.wizardStepStatus.complete div { 
    background-image: url(../../cts/images/CheckMark_32.png); 
    height: 32px;
    width: 32px;
}

.wizardStepStatus.skipped,
.wizardStepStatus.incomplete { 
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 26px solid orange;
}

.wizardStepStatus.skipped div,
.wizardStepStatus.incomplete div { 
    background-image: url(../../cts/images/ExclamationMark_32.png);
    height: 23px;
    width: 32px;
    background-position-x: 2px;
    background-position-y: 0px;
    position: absolute;
    margin: 5px 0px 0px -17px;
}

.subWizard .wizardStepStatus.complete {
    width: 24px;
    height: 24px;
}
.subWizard .wizardStepStatus.complete div {
    background-image: url(../../cts/images/CheckMark_24.png);
    width: 24px;
    height: 24px;
}

.successCheckMark {
    background-image: url(../../cts/images/CheckMark_24.png);
    width: 24px;
    height: 24px;
}

.wizardStepBody { padding: 8px; display: none; }
.wizardStepInstructions { margin-bottom: 4px; }
.wizardStepInstructionsAsideTemp { display:none; }

.wizardContinueButton {
    margin-left: 8px;
}

/* HR ***********************************************************************************************/
.hrSectionHeader {
    font-weight: bold;
    cursor: pointer;
}

.hrSection > .hrSectionHeader {
    background-color: #eeeeee;
    margin: 2px;
    padding: 4px;
    padding-left: 8px; padding-right: 8px;
}

.hrSectionStatus.complete { 
    background-color: green; 
    border-radius: 50%;
    height: 32px;                                                       
    width: 32px; 
}

.hrSectionStatus.complete div { 
    background-image: url(../../cts/images/CheckMark_32.png); 
    height: 32px;
    width: 32px;
}

.hrSectionStatus.skipped,
.hrSectionStatus.incomplete { 
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 26px solid orange;
}

.hrSectionStatus.skipped div,
.hrSectionStatus.incomplete div { 
    background-image: url(../../cts/images/ExclamationMark_32.png);
    height: 23px;
    width: 32px;
    background-position-x: 2px;
    background-position-y: 0px;
    position: absolute;
    margin: 5px 0px 0px -17px;
}

.hrSectionInstructions { border-bottom: 2px solid #eeeeee; margin-bottom: 4px; }
.hrSectionInstAsideTemp { display: none; }
#hrAppWizAsideInstrDefault { display: none; }
#hrAppWizAsideInstruction { padding: 10px; }
.affix-top      { }
.affix          { 
    position: fixed; 
    top: 20px; 
    width:inherit;
}
.affix-bottom   { position: absolute;}
#hrAppWizAsideInstruction > .footer { position:absolute; bottom:10px;}

.hrSectionName { float: left; }
.hrSectionName label { cursor: pointer; }
.hrSectionStatus { float: right; font-size: .9em; font-style: italic; }

.hrSectionContent { padding: 8px; display: none; }

.rateItem {margin-left: 8px; margin-bottom: 4px;}
.rateeName {margin-left: 4px; float: left; }
[disabled=disabled].rateItem > .rate {
    cursor: not-allowed !important;
}
.rate {
    border: 1px solid #000000;
    height: 16px; width: 16px;
    font-size: .9em;
    line-height: 1.1em;
    margin-right: 4px;
    text-align: center;
    float: left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #eeeeee;
    cursor: pointer;
}
.rate.selected {background-color: #000000;color:#ffffff}

.position {width: 33%; float: left;}

.hrSection hr {border-top: 2px solid #eeeeee;}

.cancelEditDetailRow {display: none;}
    
.hrTableSimple thead, .hrTable thead {border-bottom: 1px solid #000000;}
.hrTable tbody {border-bottom: 1px solid #eeeeee; padding-bottom: 10px;}
.errorMessage .hrTable tbody {border-bottom: none !important; padding-bottom: 10px;}
.hrTableSimple thead, .hrTable td {font-size: .9em;}
.hrTableSimple thead, .hrTable th {text-align: left !Important; font-size: .9em;}

#startYear, #endYear {width: 100px;}

.inlineInputs label { margin-right: 20px; }
.inlineInputs input, .inlineInputs select, .inlineInputs .ui-combobox { margin-right: 10px !Important; }

#editEducation {border-bottom: 1px solid #000000; padding-bottom: 10px; font-size: .9em;  }

.hrTable {margin-bottom: 10px;}

.hrTable input[type=button], .hrTable button {
    font-size: .9em;
    margin: 0;
    padding: .1em .5em;
    min-width: initial;
    width: auto;
}

.hrTable input[type=select] {
    font-size: 1em !Important;
}

.hrTable tbody tr:nth-child(even) {
    background: #fafafa;
}

.hrTable .termName, .hrTable .locationName {font-weight: bold;} 

.userDetail {padding-right: 6px; }
    
.smallDate { width: 130px; } /*Used for HTML5 date picker to show the entire date*/
.smallDate.datePicker { width: 100px; }
input.smallDate { margin-right: 0 !important; }
.smallDate+img { margin-top: -4px; padding-right: 10px; }
.smallTime { width: 90px; }
#hrCertifications input[type=text]:not(.smallDate), #hrSkills input[type=text] {width: 365px;}

.indent {margin-left: 8px;}

.avDate {
    float: left;
    border: 1px solid #000000;
    margin: 4px;
    cursor: pointer;
    min-width: 100px;
}

.avDate:hover, .rating:hover { background-color: #eeeeee; }
.avDate.selected, .avDate.recommended { background-color: #ffd800; }
.avDate.selected:hover, .avDate.recommended:hover { background-color: #ffd800; }

.avDate.recommended { background-color: Green; cursor:not-allowed; }
.avDate.recommended:hover { background-color: Green; cursor:not-allowed; }

.periodName {background-color: #464646; color: white; padding: 4px;}
.periodDate {padding: 4px;}

.hrLegalTerms { border: 1px solid #808080; max-height: 300px; overflow-x: scroll; padding: 6px; }
.hrLegalTerms ol, .hrLegalTerms ul { list-style:decimal; padding-left:40px; }
.hrJobTitle { width: 160px; }
.hrBirthDate { width: 50%; }
.textAreaFull { width: 100%; }
#hrApplicationContent .attributeCategoryName { display:none; }

#referenceForm .attributeCategoryName { display:none; }

#TimeOffStartTime { margin-right: 40px !important; }

.accepted { background-color:green !important; color:white; }
.modify { background-color:yellow !important; }
.decline { background-color:red !important; color:white; }

.FedW4 {
    background-image: url("../../CTS/images/FedW4.png");
    height: 890px;
    width: 690px;
    position: relative;
}

    .FedW4 input {
        position: absolute;
        height: 14px;
        font-size: 12px;
    }

    .FedW4 .firstName {
        top: 80px;
        left: 77px;
        width: 222px;
    }

    .FedW4 .lastName {
        top: 80px;
        left: 307px;
        width: 250px;
    }

    .FedW4 .ssNumber {
        top: 80px;
        left: 564px;
        width: 123px;
    }

    .FedW4 .homeAddress {
        top: 109px;
        left: 77px;
        width: 477px;
    }

    .FedW4 .singleStatus {
        top: 158px;
        left: 99px;
    }

    .FedW4 .marriedStatus {
        top: 173px;
        left: 99px;
    }

    .FedW4 .marriedHigherStatus {
        top: 188px;
        left: 99px;
    }

    .FedW4 .city {
        top: 141px;
        left: 77px;
        width: 240px;
    }

    .FedW4 .state {
        top: 141px;
        left: 331px;
        width: 30px;
    }

    .FedW4 .zipcode {
        top: 141px;
        left: 372px;
        width: 50px;
    }

    .FedW4 .lastnameDiffers {
        top: 348px;
        left: 673px;
        display: none;
    }

    .FedW4 .allowances {
        top: 593px;
        left: 618px;
        width: 65px;
        height: 10px;
        display: none;
    }

    .FedW4 .additionalWithhold {
        top: 665px;
        left: 618px;
        width: 65px;
        height: 10px;
    }

    .FedW4 .qualifyingChildren {
        top: 534px;
        left: 485px;
        width: 65px;
        height: 10px;
    }

    .FedW4 .otherDependents {
        top: 557px;
        left: 485px;
        width: 65px;
        height: 10px;
    }

    .FedW4 .totalDependents {
        top: 595px;
        left: 618px;
        width: 65px;
        height: 10px;
    }

    .FedW4 .otherIncome {
        top: 641px;
        left: 618px;
        width: 65px;
        height: 10px;
    }

    .FedW4 .deductions {
        top: 694px;
        left: 618px;
        width: 65px;
        height: 10px;
    }

    .FedW4 .multipleJobs {
        top: 447px;
        left: 670px;
    }

    .FedW4 .exempt {
        top: 755px;
        left: 380px;
        width: 152px;
        height: 10px;
    }

    .FedW4 .exemptlabel {
        top: 750px;
        left: 225px;
        width: 200px;
        height: 10px;
        position: absolute;
        font-size: 12px;
    }

    .FedW4 .civilRelief {
        display: none;
    }

    .FedW4 .signature {
        left: 91px;
        top: 799px;
        height: 20px;
        width: 310px;
    }

    .FedW4 .signatureDate {
        left: 548px;
        top: 797px;
        width: 130px;
        position: absolute;
    }


.MOW4 {background-image: url("../../CTS/images/MOW4.png"); height: 540px; width: 690px; position: relative; }
.MOW4 input {position: absolute; height: 12px; font-size: 11px;}
.MOW4 .firstName {top: 92px; left: 29px; width: 188px;}
.MOW4 .lastName {top: 92px; left: 251px; width: 188px;}
.MOW4 .ssNumber {top: 92px; left: 505px; width: 160px;}
.MOW4 .homeAddress {
    top: 121px;
    left: 27px;
    width: 303px;
}
.MOW4 .singleStatus {top: 160px; left: 69px;}
.MOW4 .marriedStatus {top: 160px; left: 342px;}
.MOW4 .marriedHigherStatus {top: 174px; left: 69px;}
.MOW4 .city {
    top: 121px;
    left: 335px;
    width: 163px;
}
.MOW4 .state {
    top: 121px;
    left: 504px;
    width: 80px;
}
.MOW4 .zipcode {
    top: 121px;
    left: 589px;
    width: 92px;
}
.MOW4 .lastnameDiffers {display: none;}
.MOW4 .allowances {top: 311px; left: 589px; width: 88px; height: 16px; display:none;}
    .MOW4 .field1 {
        top: 311px;
        left: 589px;
        width: 88px;
        height: 16px;
    }

.MOW4 .additionalWithhold {top: 234\2px; left: 589px; width: 88px; height: 16px;}
.MOW4 .exempt {
    top: 345px;
    left: 589px;
    width: 90px;
    height: 16px;
}
.MOW4 .checkBox1 {
    top:374px;
    left: 43px;
}
    .MOW4 .checkBox2 {
        top: 408px;
        left: 43px;
    }
.MOW4 .checkBox3 {
    top: 442px;
    left: 43px;
}
.MOW4 .civilRelief {top: 327px; left: 589px; width: 90px; height: 16px; display:none;}
.MOW4 .militaryDeduction {top: 350px;left: 589px;width: 90px;height: 16px; display:none; }
.MOW4 .signature {
    left: 27px;
    top: 517px;
    height: 12px;
    width: 310px;
}
.MOW4 .signatureDate {
    left: 574px;
    top: 517px;
    width: 130px;
    position: absolute;
}


/*Rank Attribute Styles
=========================================================================================*/
.rankLabel { overflow: hidden; }
input.rankButton { margin-left: -999px; }
input.rankCheck { margin-right: 8px; margin-top: 8px; }
label.rankButtonLabel {
    border: 1px solid #000000;
    height: 16px;
    width: 16px;
    font-size: .9em;
    line-height: 1.1em;
    margin-right: 4px;
    text-align: center;
    float: left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #eeeeee;
    cursor: pointer;
}

label.rankButtonLabel.selected { background-color: black; color: white; }
label.rankButtonLabel:hover { background-color: black; color: white; }
label.rankName { margin-left: 4px; }
.rankItem { margin-left: 8px; margin-bottom: 4px; }

.text-wrap {white-space: pre-wrap; word-wrap: break-word;}

.rankItem .description { margin-top: 7px; padding-left: 10px; }

/* Mobile */
#mobileHeader {display: none;}
#mobileNav {display: none;} 

.CTLogo a {color: grey !important; }
.CTLogo {color: grey;}

.pull-left { float: left;}
.pull-right { float: right;}
.hrLeaveDateComments { width: 510px; height: 50px;}


/* Entity Photo Crop*/
.no-filereader #entityFaceUploadForm, .no-filereader .faceCanvas { display: none; }
.no-filereader .fileReader-error { display: block; }
.filereader .fileReader-error { display: none; }

.entityFace {width: 225px; height: 300px; border: 2px solid black; cursor: pointer;}
.facePreview {width: 225px; height: 300px; border: 2px solid black; }
.entityFaceDate {margin-top: -24px; margin-left: 8px; }
.facemodalbody {max-height: none; }
.jcrop-handle {display: none} /* hides ability to expand cropped image*/

.cropFaceDiv a {margin-left: 10px;}

.faceModal {display: none;}

.modal-footer {padding-top: 6px; }

.regWaitlistedHeader {font-size: 1em; font-weight:bold;}

.university input {width: 310px;}
.skipButton { padding: 1px 6px; }


.inputs-list .inlineRadioList {
    float: left;
    width: auto;
    padding-right: 15px;
}

.gradYear { width: 60px; }
.application > div { position: relative; }
a.applicationImage { padding-left: 10px; }

.formSectionRadio { font-weight: normal; }
.formSectionComboBox { width:18.5em; }
.employmentDetails { border:1px solid #EFEFEF; margin: 5px; padding:8px; }
.attributeCategoryName { display:none; }
.attributeDescription {font-size:large; margin: .5em 0;}
.employmentDetails .employmentMessage { background-color: lightgrey; padding: 5px; font-size: 1.1em; }

.requiredCertification { }
.requiredCertification thead { border-bottom: 1px black solid; }
.requiredCertification th { text-align: left; }
.requiredCertification .certExpirationDate { width: 140px; }
input.certificationComments { width: 350px; }

/*Medical Form*/
.medicationInstructions { width: 80%; }
.conditionDetails { padding-left: 15px; }
.conditionDetails textarea { width: 80%; height: 70px; }
.emergencyContactPhone { width: 200px; }
.ecWidth {width:60%;}
.imWidth {width:55%;}
.medWidth {width:45%;}
.subWizard { padding-left: 20px; }
.immunizationDate { padding-right: 5px; }
.medicationTimes { padding-left: 20px; }
.medicationAmount { width: 65px !important;}

/* Kendo Up-loader */
.k-dropzone em, .k-upload-status { display: none; }
.k-upload-button { position: relative; }
.k-upload-button input {
    position: absolute;
    z-index: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer;
    width: 200px;
}

/* Kendo Editor */

.editor-label {
	width: auto !important;
	text-align: left !important;
	padding-right: 0 !important;
}
.editor-label, .editor-field {
	display: inline-block !important;
	padding-bottom: 0 !important;
}
.editor-field {
	width: 100% !important;
}



textarea.kendoEditor { width: 100% }
.k-editor-dialog .k-primary { float: right; }
table.k-editor { height: 100%; }

input[type="file"]::-webkit-file-upload-button, input[type="button"]::-webkit-file-upload-button { cursor: pointer; }

.attachmentContainer { width: 200px; }
.attachmentUploader { cursor: pointer; }
.attachmentLink { padding-right: 10px; }
.attachmentError ul { list-style: none; margin: 0; }
.attachmentError .validation-summary-errors {
    border: none;
    background: none;
    color: #B94A48;
    padding: 0;
}

.arrowRight { margin: 10px 20px 4px 19px; }
.arrowRight:before { font-family:"FontAwesome"; content: "\f061"; color:black; font-size: 2em; }   

.checkHelp { height: auto; width: 248px; }
.labelInfo { margin: 5px; }
.clearfix.eftInfoLabel { margin-bottom: 0px;}
.hrRecruiters {
	border: 1px solid #EFEFEF;
	margin: 5px;
	min-height: 45px;
	overflow: hidden;
	padding: 8px 8px 8px 8px;
	position: relative;
	text-decoration: none; 
}
.hrRecruitersLabel { 
    font-weight: bold; 
    font-size: 1.2em;
}
.hrRecruitersLeft {
    float:left;
    padding-right: 2px;
}
.hrRecruiters .entityFaceDisplay, .hrRecruitList .entityFaceDisplay {
    border: 1px solid black;
    padding:0;
    margin-right: 8px;
}

.clearRight {
    clear:right;
}

.storeTransactionRight {
    text-align:right;
}

.counselorList {margin-left: 10px;}
.counselorDetail {float: left;} 
.counselorPhoto {float: left; margin-right: 8px;}
.counselorName {font-weight: bold; font-size: 1.2em;}
.counselorPhoto img {width: 120px; height: 160px; border: 1px solid black; }
.hrCamperContact {
	border: 1px solid #EFEFEF;
	margin: 5px;
	min-height: 167px;
	overflow: hidden;
	padding: 8px 8px 8px 8px;
	position: relative;
	text-decoration: none; 
    width:400px;
}
.hrCamperContact label { 
    font-weight: bold; 
    font-size: 1.2em;
}
.hrCamperContactPadding { padding-top: 4px;}

/* Circuitree.Collapse */
[data-ct-collapseindicator]
{
    background-image: url("../images/expand.png");
    background-repeat: no-repeat;
    height: 13px;
    width: 13px;
    display: inline-block;
      padding: 2px;
      padding-bottom: 0;
      margin-top: 4px;
}
[data-ct-collapseindicator].expanded { background-image: url("../images/collapse.png"); }
[data-ct-collapsearea] { display: none; }
[data-ct-collapsearea].expanded { display: block; }


.paytotalDueSpan {padding-right: 5px; padding-top: 2px;}

/* JQuery Overrides */
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: initial !important;
    -webkit-border-bottom-right-radius: initial !important;
    -khtml-border-bottom-right-radius: initial !important;
    border-bottom-right-radius: initial !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: initial !important;
    -webkit-border-bottom-left-radius: initial !important;
    -khtml-border-bottom-left-radius: initial !important;
    border-bottom-left-radius: initial !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: initial !important;
    -webkit-border-top-right-radius: initial !important;
    -khtml-border-top-right-radius: initial !important;
    border-top-right-radius: initial !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: initial !important;
    -webkit-border-top-left-radius: initial !important;
    -khtml-border-top-left-radius: initial !important;
    border-top-left-radius: initial !important;
}

.ui-widget-header {
    border: 1px solid #4297d7;
    background: #5c9ccc;
    color: #ffffff;
    font-weight: bold;
}

.k-column-menu .k-sprite, .k-drop-hint, .k-gantt-views > .k-current-view > .k-link:after, .k-grid-mobile .k-resize-handle-inner:after, .k-grid-mobile .k-resize-handle-inner:before, .k-grouping-dropclue, .k-icon, .k-pager-numbers .k-current-page .k-link:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-tool-icon {
    background-image: url(KendoUI/Material/sprite.png);
}

.k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked {
    background-image: url(/KendoUI/Material/sprite.png);
}

.monthlyPaymentLabel { float: left; text-align: right; width: 50%; font-weight: bold; } 
.monthlyPaymentContent { float: left; padding-left: 25px; }
.monthlyPaymentTotalHR { width: 50%; }

.showGradeEditFamily {display: none;}
.showBirthdateEditFamily {display: none;}

.regDetailsDivisionName {display: none;}
.displaynone {
    display: none !important;
}
.mt-25{
    margin-top:25px;
}