* { color: #606060; }

/*******size and position items*********/
.padding-0 { padding: 0px; } .padding-5 { padding: 5px; } .padding-10 { padding: 10px; }
.padding-15 { padding: 15px; } .padding-25 { padding: 25px; } .padding-40 { padding: 40px; }
.padding-75 { padding: 15px; }

.paddingTop-0 {padding-top: 0px; }

.marginTop-0 { margin-top: 0px; }

.width-10 { width: 10%; } .width-15 { width: 15%; } .width-20 { width: 20%; }
.width-25 { width: 25%; } .width-30 { width: 30%; } .width-35 { width: 35%; }
.width-40 { width: 40%; } .width-45 { width: 45%; } .width-50 { width: 50%; }
.width-55 { width: 55%; } .width-60 { width: 60%; } .width-65 { width: 65%; }
.width-70 { width: 70%; } .width-75 { width: 75%; } .width-80 { width: 80%; } 
.width-85 { width: 85%; } .width-90 { width: 90%; } .width-95 { width: 95%; }
.width-100 { width: 100%; } .width-auto { width: auto; } 

.height-10 { height: 10%; } .height-15 { height: 15%; } .height-20 { height: 20%; }
.height-25 { height: 25%; } .height-30 { height: 30%; } .height-35 { height: 35%; }
.height-40 { height: 40%; } .height-45 { height: 45%; } .height-50 { height: 50%; }
.height-55 { height: 55%; } .height-60 { height: 60%; } .height-65 { height: 65%; }
.height-70 { height: 70%; } .height-75 { height: 75%; } .height-80 { height: 80%; } 
.height-85 { height: 85%; } .height-90 { height: 90%; } .height-95 { height: 95%; }
.height-100 { height: 100%; }

.prepend-1 {padding-left: 10px;} .prepend-2 {padding-left: 20px;} .prepend-3 {padding-left: 30px;}
.prepend-4 {padding-left: 40px;} .prepend-5 {padding-left: 50px;} .prepend-6 {padding-left: 60px;}
.prepend-7 {padding-left: 70px;} .prepend-8 {padding-left: 80px;} .prepend-9 {padding-left: 90px;}
.prepend-10 {padding-left: 100px;}

.verticalAlignTextBottom {vertical-align: text-bottom; }
.displayInlineBlock { display: inline-block; } .displayBlock { display: block; } .displayNone { display: none; }

.clearBoth { clear: both; }

.boxShadow { -webkit-box-shadow: 0px 0px 18px 0px rgba(47, 50, 50, 0.65); -moz-box-shadow: 0px 0px 18px 0px rgba(47, 50, 50, 0.65);
    box-shadow: 0px 0px 18px 0px rgba(47, 50, 50, 0.65); }
	
.portletBoxShadow { -webkit-box-shadow: 0px 0px 5px 0px rgba(47, 50, 50, 0.25); -moz-box-shadow: 0px 0px 5px 0px rgba(47, 50, 50, 0.25);
    box-shadow: 0px 0px 5px 0px rgba(47, 50, 50, 0.25); border: 1px solid #ccc; border-radius: 4px; }
	
.grayOutline { border: .14em solid #ccc; border-radius: 5px; background-color: #fff; }

.paymentOutline { border-bottom: .14em solid #ddd; border-left: .14em solid #ddd; border-right: .14em solid #ddd; background-color: #fff; }
	
.logoBannerSize { width: 55%; height: auto; }
	
/*******background items*********/
.transparentBackgroundMSMCBlue {
    background: rgb(33, 43, 73); background: rgba(33, 43, 73, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 100%; width: 100%; overflow-y: auto;
}

.transparentBackgroundWhite {
    background: rgb(33, 43, 73); background: rgba(255, 255, 255, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 100%; width: 100%; overflow-y: auto;
}
	
.internalBackground {
    background: url('https://my.msmc.edu/secure/Messages/images/MSMCInternalBackground.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
}
	
/**************text items***************/
.noResize { resize: none; }

.fontSize-90 { font-size: 90%; } .fontSize-95 { font-size: 95%; } .fontSize-100 { font-size: 100%; }
.fontSize-105 { font-size: 105%; } .fontSize-110 { font-size: 110%; } .fontSize-115 { font-size: 115%; }
.fontSize-120 { font-size: 120%; } .fontSize-125 { font-size: 125%; } .fontSize-130 { font-size: 130%; }
.fontSize-135 { font-size: 135%; } .fontSize-140 { font-size: 140%; } .fontSize-145 { font-size: 145%; }
.fontSize-150 { font-size: 150%; } .fontSize-175 { font-size: 175%; } .fontSize-200 { font-size: 200%; }
.fontSize-250 { font-size: 250%; } .fontSize-300 { font-size: 300%; } .fontSize-500 { font-size: 500%; } 

.fontWeight-1 { font-weight: 100; } .fontWeight-2 { font-weight: 200; } .fontWeight-3 { font-weight: 300; }
.fontWeight-4 { font-weight: 400; } .fontWeight-5{ font-weight: 500; } .fontWeight-6 { font-weight: 600; }

.lineHeight-100 {line-height: 100%; } .lineHeight-150 {line-height: 150%; } .lineHeight-200 {line-height: 200%; }

.textUpperCase { text-transform: uppercase; }
.fontAwesome { font-family: FontAwesome; }
.requiredField:after { content: "\00a0*"; color: red; }

/*************other items***************/
.fadeHalfSecond { -webkit-animation: fadein .5s; -moz-animation: fadein .5s; -ms-animation: fadein .5s; -o-animation: fadein .5s; animation: fadein .5s; }
.fadeOneSecond { -webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s; }
@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }

.hiddenScroll { overflow:hidden;height:whatever px; } .hiddenScroll:hover { overflow-y:scroll; }

 .loader { margin: 50px auto; margin-top: 30px; font-size: 12px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(205, 205, 205, 0.2);
border-right: 1.1em solid rgba(205, 205, 205, 0.2); border-bottom: 1.1em solid rgba(205, 205, 205, 0.2); border-left: 1.1em solid #337ab7;
-webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear; }
.loader, .loader:after { border-radius: 50%; width: 10em; height: 10em; }
@-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}
@keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}

 .small-loader { margin: 25px auto; margin-top: 15px; font-size: 12px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(205, 205, 205, 0.2);
border-right: 1.1em solid rgba(205, 205, 205, 0.2); border-bottom: 1.1em solid rgba(205, 205, 205, 0.2); border-left: 1.1em solid #337ab7;
-webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear; }
.small-loader, .small-loader:after { border-radius: 50%; width: 6em; height: 6em; }
@-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}
@keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}

/*************checkbox and radio items***************/

        .standardRadio input[type=radio] + label { font-weight: 100; padding: 1px }
        .standardRadio input[type=radio] { text-align: center; float: right; display: none; }
        .standardRadio input[type=radio] + label:hover { color: #337ab7; }
        .standardRadio input[type=radio]:checked { visibility: hidden} 
        .standardRadio input[type=radio]:checked + label { color: #337ab7;}
        .standardRadio input[type=radio] + label::before { font-family: FontAwesome; content: '\f1db'; color: #CFCFCF; margin-right: 10px; visibility: visible}
        .standardRadio input[type=radio]:checked + label::before {font-family: FontAwesome; content: '\f00c'; color: #337ab7; margin-right: 8px; }

        .standardCheckbox input[type=checkbox] +label { font-weight: 100; padding: 1px }
        .standardCheckbox input[type=checkbox] { text-align: center; float: right; display: none; }
        .standardCheckbox input[type=checkbox] + label:hover{ color: #337ab7; }
        .standardCheckbox input[type=checkbox]:checked { visibility: hidden} 
        .standardCheckbox input[type=checkbox]:checked + label { color: #337ab7;}
        .standardCheckbox input[type=checkbox] + label::before { font-family: FontAwesome; content: '\f096'; color: #CFCFCF; margin-right: 10px; visibility: visible}
        .standardCheckbox input[type=checkbox]:checked + label::before {font-family: FontAwesome; content: '\f046'; color: #337ab7; margin-right: 8px; }

		.autoCompletionList {list-style-type: none; padding-left: 0px; background-color: #337ab7; font-size: 14px; border: 1px solid #ccc; margin-top: 2px; width: 400px;}
        .autoCompletionListItem { background-color: White; padding: 5px 5px 5px 7px; border-top: 1px solid #e6e6e6; }
        .autoCompletionListHighlightedItem { background-color: #337ab7; color: White; padding: 5px 5px 5px 7px; }
		
		
/************temporary items***************/

.whiteText { color: #fff; }
.darkGrayText { color: #585858; }
.lightBlueText { color: #2098c3; }
.lightGrayText { color: #C2C2C2; }
.lightRedText { color: #8a1f11; }
.orangeText { color: #eb8c2e; }

.whiteBackground { background-color: white; }
.blueBackgroundMSMC { background-color: #212C49; }
.darkGrayBackground { background-color: #EEEFF1; }
.lightBlueBackground { background-color: #2098c3; }
.lightRedBackground { background-color: #cb2d2d; }
.lightGrayBackground { background-color: #ECECEC; }
.orangeBackground { background-color: #eb8c2e; }
.errorRedBackground { background-color: #FF9999; }
.grayBackground  { background-color: #D9D9D9; }
.purpleBackground  { background-color: #542c85; }