body
{
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    color: #4C4C4C;
    background-color: #fff;
    height: 100%;
}

.alert {
padding: 8px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.alert-success {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}

.roundedControlCorners
{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.roundedCorners
{
    -moz-border-radius:10px;  /* for Firefox */
    -webkit-border-radius:10px; /* for Webkit-Browsers */
    border-radius:10px;
}

/* Styles for basic forms
-----------------------------------------------------------*/

.gridHeader
{
    color: #47443F;
    font-weight:bold;
}

.gridAlternateRow
{
   background-color:#EFE9D2;
}

.popUpNotice
{
    width: 100%;
    background-color:#EAF4FF;
    color:#00448C;
    border:1px solid #ADC0C4;
}

/*.divPopUpNotice
{
     border:1px solid #ADC0C4;
}*/

.errorNotice
{
    width: 100%;
    background-color:#F6D6D6;
    color:#634848;
}

.divErrorNotice
{
     border:1px solid #E59999;
}

.formBackGround
{
    background-color:#E5E1BE;
    border:1px solid #AFAB92;
}

.headerMainBorder
{
    position: relative;
    float:left;
    width:100%; 
    top: auto;
    background-color:#E5E1BE;
    border:1px solid #AFAB92;
}

.LabelCell
{
    color: #4C4C4C;
    font-weight:bold;
    font-size: 13px;
}

p { font-size: 13px; }

td { font-size: 13px; color: #4C4C4C }

a { font-size: 13px; }

span { font-size: 13px; }

li { font-size: 13px;}

.productLabel
{
    color: #5E5E5E;
    font-size: 14px;
    font-weight:bold;
}

textarea
{
    min-height: 75px;
}

/*.validation-summary-errors  
{
    margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC;
}

.field-validation-error
{
    color: #C00; font-style: normal; font-weight: bold;
}*/

.DayLabel
{ 
        display:block; 
        float:left; 
        width:45px; 
}
.MonthLabel
{ 
        display:block; 
        float:left; 
        width:45px; 
}

.YearLabel
{ 
        display:block; 
        float:left; 
        width:56px; 
}

.RequiredLabel
{
   font-size: 10px;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #E83A3A;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    color: #E83A3A;
    font-weight: bold;
}

.validation-summary-valid
{
    display: none;
}

/* Custom styles
-----------------------------------------------------------*/

.NavButton
{
    color: White;
}
.NavButton.previousstep
{
    width: 200px;
}


.ImgThumb
{
    height: 50px;
    width: 50px;
    cursor: pointer;
    border:0;
    border-color:transparent;    
}
.MouseHover
{
     height: 60px;
    width: 60px;
    cursor: pointer;    
    border:0;
     position:fixed;
       }

.HeaderImg
{
    height: 20px;
    width: 20px;
}

.PointerCursor
{
    cursor: pointer;
}
.ApptGrid
{
    text-align: center;
}

.ApptGridSize
{
    width: 150px;
    
}

.HeadBuffer
{
    padding-top: 0px;
    width: 100%;
}

.WizardButton
{
    text-align:center;
    background-position:top center;
    vertical-align:text-bottom;   
    height: 90px;
    width: 145px;    
    color:White;    
}

.MagicMenu 
{
    /*font-size:125%; */
    font-weight:bold;
    padding: 0px;
    width: 100%; 
    border-top: 1px solid #dadada;
}
.MagicMenuItem
{
    padding: 10px 5px 10px 5px; 
    border-bottom: 1px solid #dadada;
    vertical-align: middle;
    list-style-type: none; 
}
.MagicMenuItem-right
{    
    background: url('../IMG/arrow_small_right.png') no-repeat right center;
}
.MagicMenuItem-left
{
   background: url('../IMG/arrow_small_left.png') no-repeat left center; */
}
.MagicMenuLink
{
    display: block; 
    text-decoration: none; 
    color:#000000;
}
.MagicMenuImage 
{
    width: 50px;
    height: 50px;
    margin: 0px 8px 0px 8px;
    vertical-align: middle; 
    border: 2px solid;
    border-radius: 5px;
    -moz-border-radius:5px;  /* for Firefox */
    -webkit-border-radius:5px; /* for Webkit-Browsers */
}

.main
{
    padding: 0px 12px;
    min-height: 520px;
}

.footer
{
    color: #4e5766;
    padding: 8px 5px 0px 5px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    font-size: 13px;
}

.page
{
    width: 900px;
    background-color: #fff;
    margin: 20px auto 0px auto;
}

.userDisplay
{
    font-size: 1.1em;
    display: block;
    float: left;
    padding: 75px;
}

.userSettings
{
    font-size: 1.1em;
    display: block;
    float: right;
    padding: 75px;
}

.clear
{
    clear: both;
}

.masterBody   
{
    background: #DADDE2;
    margin: 0px;
    padding: 0px;
}

.menuImages
{
   margin: auto;

}

roundcont {
	width: 250px;
	background-color: #f90;
	color: #fff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(../IMG/roundedcornr_921612_tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../IMG/roundedcornr_921612_br.gif) no-repeat bottom right; 
}

img.corner {
   width: 35px;
   height: 35px;
   border: none;
   display: block !important;
}

.Important
{
    color: #3D3D2F;
    font-weight:bolder
}

.divButton
{
    position: absolute; 
    bottom: 0px; 
    right:0px; 
    width: 100px;     
}

.divButton2
{
    position: absolute; 
    bottom: 0px; 
    right:0px
}

.fixedQuestiontDiv 
{
    height: 500px; 
    overflow: auto;
}


.mobilebutton 
{
    background-image: url(../IMG/blank_button.png);
    background-position: center center;
    background-color: transparent; 
    border-color: transparent;
    width: 85px; 
    height: 35px; 
    border-width: 0px;
    color: White;
}
.bigmobilebutton 
{
    background-image: url(../IMG/big_blank_button.png);
    background-position: center center;
    background-color: transparent; 
    border-color: transparent;
    width: 195px; 
    height: 30px; 
    border-width: 0px;
    color: White;
}

.forgotPasswordRow
{
    padding-top:0px;
    font-size:10px;
    padding-left:10px;
}

.forgotPasswordEmailTextBox
{
    padding-left:45px;
}

.AppointmentLink
{
    text-decoration: none; 
    color:#000000;
}

.activeTabView
{
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    padding-right:10px;
    font-size:12px;
    
}
div#RegistrationLeft
{
	float:left;
	width:31%;
	margin:5px;
}
div#RegistrationMiddle
{
	float:left;
	width:31%;
	margin:5px;
}
div#RegistrationRight
{
	float:left;
	width:31%;
	margin:5px;
}

.mobileHeader 
{
    font-size: 14px; 
    padding: 5px
}

.buttonBronze 
{    
    padding: 3px 10px 3px 10px;   
    
    cursor: pointer;
    border-color: black;   
  
    border: 1px solid black;
    background-color: #8C7853;       
}

.buttonSilver 
{    
    padding: 3px 10px 3px 10px; 
    cursor: pointer;
    border-color: black;   
  
    border: 1px solid black;    
    background-color: #8A8A8A;                     
}

.buttonGold 
{    
    padding: 3px 10px 3px 10px;  
    
    cursor: pointer;
    border-color: black;   
  
    border: 1px solid black;
    background-color: #C1A004;        
}

.buttonBronze:hover
{    
    background-color: #A67D3D;        
}

.buttonSilver:hover
{    
    background-color: #A1A1A1;        
}

.buttonGold:hover
{    
    background-color: #DAA520;        
}



.MagicMenuLine 
{
     background-image: url(../IMG/ShawdowLine.png);
     height:2px; 
     border-width: 0px; 
     background-image:  background-repeat: repeat-x; 
     background-color: transparent; 
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;
}

.MagicMenuLineRow 
{
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;
     height:2px; 
     max-height: 2px;
}

.menu-item {}
.menu-item div
{
    padding: 5px 12px 5px 12px!important;
}
.menu-item div:hover
{
    background-color: #F2F2F2!important;
    border: solid 1px #888888!important;
}
.menu-item a
{
    text-decoration:none!important;
}
.menu-item a:hover
{
    color:Black!important;
}
.menu-item img
{
    margin-top:8px!important;
    max-width:90px;
    max-height:80px;
    border: 1px solid;
    border-radius: 5px;
    -moz-border-radius:5px;  /* for Firefox */
    -webkit-border-radius:5px; /* for Webkit-Browsers */
}


.menu-infosidebar 
{
    padding:5px 12px 5px 12px!important;
}
.menu-infosidebar:hover
{
    background-color: #F2F2F2!important;
    border: solid 1px #888888!important;
}
.menu-infosidebar a
{
    text-decoration:none!important;
}
.menu-infosidebar img
{
    margin-top:8px!important;
}

.ui-calendar {}
.ui-calendar a
{
    float:left;
    border-color:  #ad2328 !important;  
    -webkit-box-shadow:0 0 4px #ad2328 !important;
    -moz-box-shadow:0 0 4px #ad2328 !important;
    box-shadow:0 0 4px #ad2328 !important;
}
.ui-calendar span span
{
    background-color:#ad2328 !important;
}

.ui-btn
{
    margin-top: 5px; 
    margin-bottom: 5px;
    margin-left: 0px; 
    margin-right: 0px; 
}
.ui-datebox-container
{
    width:auto;
}

.ui-input-datebox input 
{
    width: 70%!important;
    text-align: center;
    margin-left: 8px;
}

.ui-input-datebox {
    border: 1px solid lightgray !important;
    background-color: #f9f9f9;
}

.calendar-error {
    border: 1px solid #ff0000 !important;
    width: 90%;
    background-color: #ffeeee;
}

.ui-title {
    margin: .6em 0 .8em !important;
    text-overflow: initial !important;
    overflow: auto !important;
}

.monthBox .ui-btn-text {
    min-width: 75px;
    margin-right: -5px; 
    margin-left: -5px;
}
.yearBox .ui-btn-text {
    min-width: 35px;
    margin-right: -5px; 
    margin-left: -5px;
}
.dayBox .ui-btn-text {
    min-width: 25px;
    margin-right: -5px; 
    margin-left: -5px;
}

.yearBox .ui-btn {
    margin-right: -5px; 
}
.monthBox .ui-btn {
    margin-right: -5px; 
}
.dayBox .ui-btn {
    margin-right: -5px; 
}

.provinceBox .ui-select {
    margin-right: -5px; 
}

select
{
    height:37px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline:none;
    background-color:whitesmoke;
    width:100%;
}

select:focus
{
    -moz-box-shadow: 0px 0px 8px #387bbe;
	-webkit-box-shadow: 0px 0px 8px #387bbe;
	box-shadow: 0px 0px 8px #387bbe;
}

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

    Custom modal popup dialog with disabled background 

    --------------------------------------------------
*/
#backgroundHider
{
    position:absolute;
    top: 0%;
    left: 0%;
    width:100%;
    height:100%;
    background-color:Black;
    /* z- index must be lower than popupDialog */
    z-index: 99999;
    /* for transparency */
    opacity:0.4;
}

#popupDialog  
{
    position:absolute;
    width:300px;
    height:auto;
    border:none;
    background-color:white;
    z-index:100000;
    /* center the dialog on the screen */
    /* set first margin value to negative of half the height */
    /* set last margin value to negative of half the width */
    margin: -100px 0 0 -150px;
    top: 50%;
    left: 50%;
    position: fixed;
}

#popupTitleBar
{
    width:100%;
    height:30px;
    background-color:darkred;
    color:white !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    text-shadow:none !important;
    padding-top:3px;
}

#popupTitle
{
    margin:0;
    padding:5px 0 0 5px;
    font-size:1.1em !important;
    text-shadow:none !important
}

#popupFooter
{
    width:100%;
    height:50px;
    text-align:center;
    border-top: 1px solid #808080;
}

#popupMessageDiv
{
    height:auto;
    padding:15px 15px 15px 20px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1em !important;
}

#popupMessage
{
    margin:0;
    padding:0;
    font-size:1em !important;
    text-shadow:none !important
}

#backgroundHiderOK
{
    position:absolute;
    top: 0%;
    left: 0%;
    width:100%;
    height:100%;
    background-color:Black;
    /* z- index must be lower than popupDialog */
    z-index: 99999;
    /* for transparency */
    opacity:0.4;
}

#popupDialogOK
{
    position:absolute;
    width:300px;
    height:auto;
    border:none;
    background-color:white;
    z-index:100000;
    /* center the dialog on the screen */
    /* set first margin value to negative of half the height */
    /* set last margin value to negative of half the width */
    margin: -100px 0 0 -150px;
    top: 50%;
    left: 50%;
    position: fixed;
}

#popupTitleBarOK
{
    width:100%;
    height:30px;
    background-color:darkred;
    color:white !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    text-shadow:none !important;
    padding-top:3px;
}

#popupTitleOK
{
    margin:0;
    padding:5px 0 0 10px;
    font-size:1.1em !important;
    text-shadow:none !important
}

#popupFooterOK
{
    width:100%;
    height:50px;
    text-align:center;
    border-top: 1px solid #808080;
}

#popupMessageDivOK
{
    height:auto;
    padding:15px 15px 15px 20px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1em !important;
}

#popupMessageOK
{
    margin:0;
    padding:0;
    font-size:1em !important;
    text-shadow:none !important
}

.popupButton
{
    display: inline-block;
	text-align:center;
	min-height: 17px;
    width: 60px;
    background-color:whitesmoke;
	color:black !important;
	border: 1px solid #808080;
	text-decoration: none;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	padding-left: 5px;
    padding-right: 5px;
	padding-top: 6px;
	padding-bottom: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight:bold;
    text-shadow:none !important;
    margin:8px 3px 10px 0;
}
.roundCorners
{
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.unround-top-corners
{
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.unround-bottom-corners
{
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

/* Gating Questions - Style for unselected yes|no button */ 
.ui-radio-off > span {
    background: #f3f3f3 !important;
    border-color: #f3f3f3 !important;
}

.ui-radio-off .ui-btn-text {
    color: #000000 !important;
}