/* INGREDIENTS
----------------------------------------------------------*/

/* Layout Ingredients
----------------------------------------------------------*/
html {
    font-size: 16px;
}

.centered {
    text-align: center;
}

.inl-block {
    display: inline-block;
}

/* Rating Stars */
.rating-stars .fa-star {
    color: #ffe100;
}
.rating-stars .fa-star-o {
    color: #b4b4b4;
}
.rating-stars-red .fa-star {
    color: red;
}
.rating-stars-clickable .fa-star, .rating-stars-clickable .fa-star-o {
    cursor: pointer;
}

/* Margin Quick Classes */
.mt8 {
    margin-top: 8px;
}

.mt16 {
    margin-top: 16px;
}

.mt32 {
    margin-top: 32px;
}

.mb8 {
    margin-bottom: 8px;
}

.mb16 {
    margin-top: 16px;
}

.mb32 {
    margin-top: 32px;
}

.ml8 {
    margin-left: 8px;
}

.ml16 {
    margin-left: 16px;
}

.clickable {
	cursor: pointer !important;
}

.ml32 {
    margin-left: 32px;
}

/* Responsive Design
----------------------------------------------------------*/

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .container {
    width: 750px;
    }
}
@media (min-width: 892px) {
    .container {
    width: 870px;
    }
}
@media (min-width: 992px) {
    .container {
    width: 970px;
    }
}
@media (min-width: 1092px) {
    .container {
    width: 1070px;
    }
}
@media (min-width: 1200px) {
    .container {
    width: 1170px;
    }
}
@media (min-width:1600px){
    .container{
        width:1580px

    }
}

/* Login related
----------------------------------------------------------*/

.loginDisplay table {
    width:100%;
}
.validationMessage {
    color:red;
}
.loginerror, .failureNotification {
    color: red;
}
.loginerrorsummary {
    color: red;
    display:inline-block;
    text-align:left;
}

.no-width {
    width: inherit;
}

.loginemail {
    width: 220px;
    margin-bottom: 6px;
}
.loginpassword {
    width: 190px;
    margin-bottom: 6px;
}
.forgotpassword {
    display: block;
    margin-top: 7px;
}
.titleMessage {
    color: #3B618E;
    font-weight: bolder;
}

#Image1, #Image2 {
    margin-top: 30px;
    margin-left: 20px;
}

.alignTop { 
    vertical-align: top;
}
.gray-subtext{
    font-size: 90%;
    color: gray;
}

/* Social Signup 
------------------------------- */

/* Facebook Auth Styles */
#social-buttons .fb_iframe_widget {
    display: inline;
}

/* Google Auth Styles */
.abcRioButton {
    display: inline-block;
}
.abcRioButtonContents span {
    font-weight: 700;
}

/* Google Sign In Button */
#g-signin2 .abcRioButtonContents span {
    font-size: 12px;
}

/* Google Sign Up */
#g-signup2 .abcRioButtonContents span {
    font-size: 12px;
}

/* Google Link Button */
#g-link2 .abcRioButtonContents span {
    font-size: 13px;
}

/* Animations
------------------------------- */

.spin{
     -webkit-transform-origin: 50% 58%;
     transform-origin:50% 58%;
     -ms-transform-origin:50% 58%; /* IE 9 */
     -webkit-animation: spin .2s infinite linear;
     -moz-animation: spin .2s infinite linear;
     -o-animation: spin .2s infinite linear;
     animation: spin .2s infinite linear;
}

/* WAITING OVERLAY
----------------------------------------------------------*/
.waitingOverlay
{
    position:fixed;
    height:100%;
    width:100%;
    background-color: rgba(0,0,0,0.5);
    top:0px;
    left:0px;
    z-index: 2000;
}
.waitingOverlay img
{
    position:absolute;
    top:50%;
    left:50%;
    margin-top: -8px;
    margin-left: -8px;
}
.waitingOverlay span
{
    position: fixed;
    text-align: center;
    top: 50%;
    width: 100%;
    margin-top: 25px;
    margin-left: 8px;
    color: White;
}

.modalOverlay
{
    position:fixed;
    height:100%;
    width:100%;
    background-color: rgba(0,0,0,0.5);
    top:0px;
    left:0px;
    z-index: 2000;
    display:none;
}

/* Page Default Sizing
----------------------------------------------------------*/
.main {
    min-height: 500px;
}