/* Michaels Changes ----------- */
input#subratting, input#subratting0, input#subratting1
{
	font-size:15px !important;
}
/* End Michaels Changes ----------- */
.widefat th.sortable, .widefat th.sorted
{
width:15% !important;
}
.form-table, .form-table td, .form-table td p, .form-table th {
    border:1px solid red !important;
}
p.attention
{
border:1px solid;
background-color:#ccc;
padding:10px;
}
.innercls > div[style="border: 1px solid red;"] {
    border: 1px solid transparent !important;
    position: relative;
}
.error{display:none;}

.innercls > div[style="border: 1px solid red;"] .error {
    display: block;
    position: absolute;
    right: 10px;
    top: -7px;
    line-height: 14px;
    font-size: 14px;
    padding: 0 10px;
    background: #ffffff;
    z-index: 100;
    color: #d25656;
}
.innercls input#ratename0, .innercls input#rateemail0, .innercls #comment0 {
    border: 1px solid #ddd;
    background: white;
    border-radius: 0;
    width: 100%;
    line-height: 47px;
    max-height: 47px;
    min-height: 47px;
    height: auto;
    padding: 0.8rem !important;
    box-sizing: border-box;
	font-size:16px;
}
.innercls #comment0 {
    height: 100px;
    min-height: 100px;
    max-height: 100px;
    line-height: 1.2;
}
.innercls input#ratename1, .innercls input#rateemail1, .innercls #comment1 {
    border: 1px solid #ddd !important;
    background: #f8f8f8 !important;
    border-radius: 0;
    width: 100%;
    padding: 14px;
    box-sizing: border-box;
    font-size: 14px;
    min-height: 47px;
}
form#BookingForm0.classsubmitted + div#succID0 > a , form#BookingForm0.classsubmitted + div#succID0 > button {
    display: block;
    text-align: center;
	border:none;
	box-shadow:none;
}
.innercls > div[style="border: 1px solid red;"] input#ratename0 , .innercls > div[style="border: 1px solid red;"] input#rateemail0,.innercls > div[style="border: 1px solid red;"] input#ratename1 , .innercls > div[style="border: 1px solid red;"] input#rateemail1  {
    border: 1px solid #d25656;
    background: white;
}

div.rateit {
    margin: auto;
    display: block;
    text-align: center;

    margin-bottom: 0px;
}
.widget div#buttoncont {
    width: 100%;
    margin-left: 0;
}

.widget div#buttoncont input#subratting , .widget div#buttoncont input#subratting0 , .widget div#buttoncont input#subratting1 {
    margin-left: 0;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 3.4;
    padding: 0 2.4em;
}
.innercls label {
    width: 30%;
    float: left;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    line-height: 1.3;
    padding: 13px 0;
}

.innercls label + div {
    width: 50%;
    float: left;
    padding-left: 5%;
}
.clearfix{clear:both;}
.innercls {
    width: 100%;
    display: table;
    padding-bottom: 15px;
}
div#buttoncont {
    width: 70%;
    margin-left: 15%;
}
.RateUsText
{
	font-size: 20px;
	font-weight:bold;
	line-height: 1.1852;
	margin-top: .3704em;
	margin-bottom: .5852em;
	text-align:center;
}

button.btncls0 {
    background: url(../image/32-google-plus.png) no-repeat 10px center #ea4335;
    padding:10px 10px 10px 40px;
    display: block;
    color: #fff;
}

button.btncls10{
    background: url(../image/32-facebook.png) no-repeat 10px center #3b5998;
    padding:10px 10px 10px 40px;
    display: block;
    color: #fff;
}

button.btncls20 {
    background: url(../image/yelp.png) no-repeat 10px center #bd1f1f;
    padding:10px 10px 10px 40px;
    display: block;
    color: #fff;
}
button.btncls1 {
    background: url(../image/32-google-plus.png) no-repeat 10px center #ea4335 !important;
    padding:10px 10px 10px 40px;
    display: block;
    color: #fff;
	width:100%;
	max-width:100%;
}

button.btncls11 {
    background: url(../image/32-facebook.png) no-repeat 10px center #3b5998 !important;
    padding:10px 10px 10px 40px;
    display: block;
    color: #fff;
	width:100%;
	max-width:100%;
}

button.btncls21 {
    background: url(../image/yelp.png) no-repeat 10px center #bd1f1f !important;
    padding:10px 10px 10px 40px;
    display: block;
    color: #fff;
	width:100%;
	max-width:100%;
}



div#succID0 button.btncls0, div#succID0 div#succID0 button.btncls0, div#succID0 button.btncls10, div#succID0 div#succID0 button.btncls10, div#succID0 button.btncls20, div#succID1 button.btncls10, div#succID1 button.btncls10, div#succID1 button.btncls20, div#succID0 button.btncls11, div#succID0 div#succID0 button.btncls1, div#succID0 button.btncls21, div#succID1 button.btncls11, div#succID1 button.btncls1, div#succID1 button.btncls21{
    display:inline-block;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1); 
    margin-bottom:20px;
	opacity:0.8;
	font-weight: 300 !important;
	border-radius:0px !important;
}
div#succID0 button.btncls20:hover, div#succID0 button.btncls10:hover, div#succID0 button.btncls0:hover , div#succID1 button.btncls20:hover, div#succID1 button.btncls0:hover, div#succID1 button.btncls10:hover, div#succID0 button.btncls21:hover, div#succID0 button.btncls1:hover, div#succID0 button.btncls11:hover, div#succID1 button.btncls21:hover, div#succID1 button.btncls1:hover, div#succID1 button.btncls11:hover {/* box-shadow: 0px 2px 5px rgba(0,0,0,.3); */z-index: 2;-webkit-transition: all 200ms ease-in;/* -webkit-transform: scale(1.001); */-ms-transition: all 200ms ease-in;/*-ms-transform: scale(006);*/-moz-transition: all 200ms ease-in;/*-moz-transform: scale(1.001);*/transition: all 200ms ease-in;/*transform: scale(1.001);*/opacity:1;font-weight: 300 !important;}
div#succID0 button.btncls10, div#succID0 button.btncls0, div#succID0 button.btncls20, div#succID1 button.btncls0, div#succID1 button.btncls10, div#succID1 button.btncls20 {
    /* width: 60%; */
    /* margin-left: 20%; */
    max-width: 500px;
    width: 100%;
    margin: 0 auto 20px;
    border-radius: 0px !important;
    border: 0 none transparent;
    min-height: 47px;
    line-height: normal;
    box-sizing: border-box;
font-weight: 300 !important;

}

textarea#commentfinal {
    max-width: 500px;
    margin: 0 auto 20px !important;
    float: none;
    display: block;
    border-radius: 0;
    border: 1px solid #ddd;
    background: #fff;
}

button#cmtsubmit:hover {
background:#aaa;
box-shadow: 0 0 0 transparent;
}

button#cmtsubmit {
    margin: 0 auto 20px;
    width: 100%;
    padding: 0;
    background: #b5b5b5!important;
    color: #fff;
    border: 0 none transparent;
    max-width: 250px;
}

input#subratting, input#subratting0, input#subratting1 {
    margin-left: 25%;
    width: 50%;
    border-radius: 0em !important;
    line-height: 47px;
    min-height: 47px;
    border: 0 none transparent;
    padding: 0;
    box-sizing: border-box;
    background: #b5b5b5!important;
    color: #fff;
}


input#subratting:hover, input#subratting0:hover, input#subratting1:hover {
Background: #aaa !important;
}


/* Smartphones ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
 div#succID0 button.btncls10, div#succID0 button.btncls0, div#succID0 button.btncls20, div#succID1 button.btncls0, div#succID1 button.btncls10, div#succID1 button.btncls20{
margin: 0 auto;
width:100%
}
input#subratting, input#subratting0, input#subratting1 {
    margin-left: 0%;
	width:100%;
}
.innercls input#ratename0 , 
.innercls input#rateemail0 ,
.innercls #comment0{
	width:100%;
	margin-left:0%;
}

}
div#succID0>br, div#succID1>br  {
    display: none;
}
.successmessage {
    background: url(../image/tickrateit.png) no-repeat 10px center #f5ffcf;
    margin:0 0 30px;
    padding:10px;
    padding-left:36px;
    border:1px solid #bcd753;
    color:#bcd753;
    font-weight:bold;
    border-radius:5px;
    text-align:center;
}
button#rateit-reset-2 {
    position: absolute;
}
form#BookingForm0 , form#BookingForm1 {
    border: 1px solid #ddd;
    padding: 20px;
    display: table;
    width: 100%;
}

form#BookingForm0 h3, form#BookingForm1 h3  {
    margin: 0 0 10px;
    text-align: center;
    font-weight: bold;
    padding: 0;
	font-size:16px;
	color:#373737;
    font-family: Roboto ,  arial;
}
form#BookingForm0, form#BookingForm1 {
    transition: all 1s ease;
    max-height: 607px;
    opacity: 1;
}
form#BookingForm0.classsubmitted, form#BookingForm1.classsubmitted {
    max-height: 0px;
    overflow: hidden;
    display: block;
    padding: 0;
    opacity: 0;
}
form#BookingForm0.classsubmitted + div#succID0, form#BookingForm1.classsubmitted + div#succID1 {
    display: table;
    width: 100%;
	font-family:Arial;
}
div#succID0 , div#succID1 { 
display:none;
}
div#succID0 , div#succID1 {    
animation-name: fadeout;
    animation-duration: 2s;
    border:1px solid #ddd;
    padding:20px;
background-color:#ffffff;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadeout {
    from {opacity: 0;}
    to {opacity:1;}
}

/* Standard syntax */
@keyframes fadeout {
    from {opacity: 0;}
    to {opacity:1;}
}

div#succID0 > div , div#succID1 > div {
max-width: 500px;margin: 10px auto;
}
.bp0{padding-bottom:0;}
div#succID0 h6, div#succID1 h6 {
    margin: 0 0 5px;
    font-weight: bold;
}
div#succID0 h6, div#succID1 h6 {
    text-align: center;
    font-weight: bold;
    font-size:16px;
    line-height: 1.3;
	color:#373737
}
div#succID0 p, div#succID1 p {
	font-size:14px;
    text-align: center;
    font-weight: normal;
    line-height: 1.3;
	color:#373737
}
form#BookingForm0, form#BookingForm1 {
    background: white;
    font-family: 'roboto' , arial;
}

form#BookingForm0 > .outerdivcls , form#BookingForm1 > .outerdivcls {
    max-width: 500px;
    margin: auto;
}
@media(max-width:768px){
form#BookingForm {
    padding: 10px;
    max-height: 651px;
}
input#subratting, input#subratting0, input#subratting1 {
    margin-left: 0%;
	width:100%;
}
.innercls label, .innercls label + div {
    width: 100%;
    text-align: left;
    padding-left: 0;
}
div#buttoncont {
    float: left;
    width: 100%;
    margin-left: 0%;
}
button#cmtsubmit {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 20px;
}
}
span#cmtsuccess {
    display: block;
    background: url(../image/tickrateit.png) no-repeat 10px center #f5ffcf;
    margin: 0 auto 10px;
    padding: 7px 10px 8px;
    padding-left: 36px;
    border: 1px solid #bcd753;
    color: #bcd753;
    font-weight: bold;
    max-width: 250px;
    text-align:center;
}
span#cmtsuccess:empty {
    display: none;
}
.widget button#cmtsubmit {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 20px;
}
button.btnclscmt {
    background: #fff;
    padding:10px 10px 10px 40px;
    display: block;
    color: #000;
}
.widget
 span#cmtsuccess {
    max-width: 100%;
}
button.btnclscmt {
    border: 1px solid #ccc;
    padding: 7px 15px 7px 48px;
    border-radius: 0px;
    margin: 0 auto;
    background: #fff !important;
    transition: all 1s ease;
}
button.btnclscmt {
    background-image: url(../image/Comment-Icon.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    color: #bf1e2e;
    font-weight: bold;
    background-position: left center;
opacity:0.8;
}
button.btnclscmt:hover {
    border: 1px solid #bf1e2e;
opacity:1;
}
input[type='text'], 
.txtareacls,succID0
{
	font-family:Arial;
}
body div button.btnclscmt {
    max-width: 500px;
    width: 100%;
    margin: 0 auto 20px;
    border-radius: 0px !important;
    border: 1px solid #dddddd !important;
    min-height: 47px;
    line-height: normal;
    box-sizing: border-box;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
font-weight: normal !important;
}

button.btnclscmt:hover {
    /* box-shadow: 0px 2px 5px rgba(0,0,0,.3); */
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    /*-webkit-transform: scale(1.001);*/
    -ms-transition: all 200ms ease-in;
    /*-ms-transform: scale(006);*/
    -moz-transition: all 200ms ease-in;
   /* -moz-transform: scale(1.001);*/
    transition: all 200ms ease-in;
   /* transform: scale(1.001);*/
font-weight: normal !important;
}

body #succID1 a, body #succID1 * {
    -webkit-box-shadow: 0 0px 0 transparent;
    box-shadow: 0 0px 0 transparent;
}




