/*
--------- Font From google ---------
font-family: 'Roboto Slab', serif;
font-family: 'Cantata One', serif;
font-family: 'Roboto', sans-serif;
font-family: 'Andika', sans-serif;
font-family: 'Francois One', sans-serif;
font-family: 'Domine', serif;
font-family: 'Berkshire Swash', cursive;
font-family: 'Orienta', sans-serif;
font-family: 'Alef', sans-serif;
font-family: 'Noto Serif', serif;
font-family: 'Montaga', serif;
font-family: 'Oranienbaum', serif;
*/

@font-face
{
font-family: roboto;
src: url('Siemreap.ttf');
font-size: 12px;
} 
@font-face
{
font-family: cantata;
src: url('Fasthand-Regular.ttf');
} 

@font-face
{
font-family: domine;
src: url('Fasthand-Regular.ttf');
} 

body{
    margin: 0px;
    padding: 0px;
    font-family: 'roboto', sans-serif;
    color: black;
}
body td{
    font-size:15px;
    color: black;
}
.main{
    
}
.header_block{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #F6F6F6 0%, #F68D3C 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #F6F6F6 0%, #F68D3C 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #F6F6F6 0%, #F68D3C 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F6F6F6), color-stop(1, #F68D3C));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #F6F6F6 0%, #F68D3C 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #F6F6F6 0%, #F68D3C 100%);

}
.body_block{

}
.footer_block{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #F6F6F6 0%, #F68D3C 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #F6F6F6 0%, #F68D3C 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #F6F6F6 0%, #F68D3C 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F6F6F6), color-stop(1, #F68D3C));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #F6F6F6 0%, #F68D3C 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #F6F6F6 0%, #F68D3C 100%);


}
.header{
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.body{
    abackground: none repeat scroll 0% 0% rgb(255, 255, 255);
    font-size: 12px;
}
.footer{
    
    margin: 0px;
    padding-top: 5px;
}

.ride2schoo_logo{
    height: 120px;
    margin-bottom: 10px;
}

.slide{
	border-top: 2px #988A27 solid;
	border-bottom: 2px #988A27 solid;
}
.best_menu{
    border: 1px #988A27 solid;
    display: inline;
    margin:5px;
    padding: 10px;
    cursor: pointer;

background: #fcfff4; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */


	border-radius:6px;
    
    color: #D25900;
    font-family: 'cantata', serif;
    font-size: 14px;
	text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}

.best_menu:hover{
    background: #D7EFD6;
	border-radius:6px;
	color: #4D481A;
}



.footer_tex{
    font-family: domine;
    color: white;
    display: inline;
    font-size: 11px;
}
.ride2school{
    font-family: domine;
    color: rgb(0,90,187);
    color: #ffffff;
    font-weight: bold;
    display: inline;
    font-size: 11px;
    text-decoration: none;
}
.creator_icon{
    border-radius: 6px;
    border: 1px #995C02 solid;
}

/* Pop up style */
.loading_back{
    display: none;
    top: 0px;
    background: black;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    position: fixed;
}
.container{
    position: fixed;
    display: none;
    
    top:0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    
    width: 400px;
    height: 200px;
    overflow: auto;
    border: 1px #9D5A00 solid;
    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari and Chrome */
    border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

    box-shadow: 0px 2px 5px rgb(190, 190, 190);
    background:#ECECEC;
}
.pop_up_page{
    width: auto;
    height: auto;
    overflow: auto;
    border: 1px rgb(0,91,187) solid;
    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari and Chrome */
    border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    behavior: url(css\ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
    box-shadow: 0px 2px 5px rgb(190, 190, 190);
    background: white;
}
.loading{
    text-align: center;
    padding-top: 40px;
    width: 300px;
    height: 150px;
    border:  1px #7B7B88 solid;
    background: #F3F5F5;
    box-shadow: 0px 2px 5px rgb(190, 190, 190);
    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari and Chrome */
    border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    behavior: url(css\ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}