@CHARSET "UTF-8";

/* div-align
---------------------------------------------------------------- */
.div-align-center {
    align: center;
}
.div-align-left {
    align: left;
}
.div-align-right {
    align: right;
}


/* text-align
---------------------------------------------------------------- */
.text-align-center {
    text-align: center;
}
.text-align-left{
    text-align: left;
}
.text-align-right{
    text-align: right;
}

/* font-size
---------------------------------------------------------------- */
.font-size-small{
    font-size: small;
}
.font-size-medium{
    font-size: medium;
}
.font-size-large{
    font-size: large;
}

/*category_box
---------------------------------------------------------------- */
.category_div{
    width: 135px;
    border-width: 2px;
    border-style: outset;
    border-color: #888 #000 #000 #888;
    text-align: center;
    display: inline-block;
    margin: 1.5%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    text-shadow: 2px 2px 1px #000;
}


/* round_box
------------------------------------------------------------------ */
.round_box{
    margin:4.5%;
    width:260px;
    padding:15px;
    border-style:solid;
    border-width:1px;
    border-radius:  1.0em;
    position: relative;
}

/* corner rounding classes----------------------------------------*/
.corner-all {
    -moz-border-radius:                 1.2em;
    -webkit-border-radius:              1.2em;
    border-radius:                      1.2em;
}

/* round background style --------------------------------------- */
.round-back {
    margin: 15px 20px 15px 20px;
    padding: 17px 10px 15px 10px;
    background-color: #FFFFFF;
    display: block;
}
.round-back-blanchedalmond {
    margin: 15px 20px 15px 20px;
    padding: 17px 10px 15px 10px;
    background-color: #ffffcd;
    border: solid 1px #c0c0c0;
    display: block;
}
.noColor-round-back {
    margin: 15px 20px 15px 20px;
    padding: 17px 10px 15px 10px;
    display: block;
}

/* gradient
------------------------------------------------------------------ */
.gray_gradient {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666',endColorstr='#999999'); /* for IE */
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(051,051,051)), color-stop(0.61, rgb(102,102,102))); /* for webkit browsers */
    background: -moz-linear-gradient(center bottom, rgb(051,051,051) 0%, rgb(102,102,102) 61%); /* for firefox 3.6+ */
}

.blue_gradient {
    filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#000033',endColorstr='#000099'); /* for IE */
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(000,000,051)), color-stop(0.61, rgb(000,000,153))); /* for webkit browsers */
    background: -moz-linear-gradient(center bottom, rgb(000,000,051) 0%, rgb(000,000,153) 61%); /* for firefox 3.6+ */
}

.purple_gradient {
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#b998dc',endColorstr='#e3dbff');
    background : -moz-linear-gradient( center bottom,  rgb(227,219,255) 0%,   rgb(185,152,220) 61%);
    background : -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(227,219,255)),color-stop(0.61, rgb(185,152,220)));
}
.sky_gradient {
    filter : progid:DXImageTransform.Microsoft.gradient (startColorstr='#82b5ed',endColorstr='#e3dbff');
    background : -moz-linear-gradient( center bottom,  rgb(214,232,255) 0%,   rgb(130,182,237) 61%);
    background : -webkit-gradient(linear, left bottom,left top,color-stop(0, rgb(214,232,255)),color-stop(0.61, rgb(130,182,237)));
}

/* margin top, bottom, left, right
------------------------------------------------------------------ */
.margin_top {
    margin-top: 5px;
}
.margin_bottom {
    margin-bottom: 5px;
}
.margin_left {
    margin-left: 5px;
}
.margin_right {
    margin-right: 5px;
}