/* 
    Document   : edu.main
    Created on : Jul 9, 2013, 2:50:22 PM
    Author     : ahamelin
    Description:
        Purpose of the stylesheet follows.
*/
.eapp_p_top{
    width: 100%;
    margin-top:42px;
    background-color: #EDEDED;
}
.eapp_p_top_ios{
    width: 100%;
    margin-top:52px;
    background-color: #EDEDED;
}

.sticky_note{
    text-decoration:none;  
    color:#000;  
    background:#ffc;  
    display:block;  
    height:10em;  
    width:10em;  
    padding:1em;  
    /* Firefox */  
    -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);  
    /* Safari+Chrome */  
    -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);  
    /* Opera */  
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    -o-transform:rotate(4deg);  
    -webkit-transform:rotate(4deg);  
    -moz-transform:rotate(4deg);  
    position:relative;  
    top:5px;
    font-family: 'Handlee', cursive;
}



.sticky_note_line_orange{
    text-decoration:none;  
    color:#000;  
    background:#f29d09;  
    display:block;  

    padding:0.2em;  
    /* Firefox */  
    -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);  
    /* Safari+Chrome */  
    -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);  
    /* Opera */  
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);

}

.sticky_note_line{
    text-decoration:none;  
    color:#000;  
    background:#ffc;  
    display:block;  

    padding:0.2em;  
    /* Firefox */  
    -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);  
    /* Safari+Chrome */  
    -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);  
    /* Opera */  
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);

}

.sticky_note_line_bottom_rounded{
    text-decoration:none;  
    color:#000;  
    background:#ffc;  
    display:block;  

    padding:0.2em;  
    /* Firefox */  
    -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);  
    /* Safari+Chrome */  
    -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);  
    /* Opera */  
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;

}

.box_effect{
    border: 1px solid #067623;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: rgb(247,255,255); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(247,255,255,1) 0%, rgba(254,254,208,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(247,255,255,1)), color-stop(100%,rgba(254,254,208,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(247,255,255,1) 0%,rgba(254,254,208,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(247,255,255,1) 0%,rgba(254,254,208,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(247,255,255,1) 0%,rgba(254,254,208,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(247,255,255,1) 0%,rgba(254,254,208,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ffff', endColorstr='#fefed0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    /* Firefox */  
    -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);  
    /* Safari+Chrome */  
    -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);  
    /* Opera */  
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}
.box_effect_title{
    font-family: 'Handlee', cursive;
    font-size: 24px;
    text-shadow: 1px 1px #333333;
    color: #fff;
    text-align: center;
    padding: 0px;
    margin: 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #067623;
    background: rgb(6,118,35); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(6,118,35,1) 0%, rgba(13,163,52,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(6,118,35,1)), color-stop(100%,rgba(13,163,52,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(6,118,35,1) 0%,rgba(13,163,52,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(6,118,35,1) 0%,rgba(13,163,52,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(6,118,35,1) 0%,rgba(13,163,52,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(6,118,35,1) 0%,rgba(13,163,52,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#067623', endColorstr='#0da334',GradientType=0 ); /* IE6-9 */

    width:100%;
}

.box_effect_table_title{
    font-family: 'Handlee', cursive;
    font-size: 20px;
    text-shadow: 1px 1px #333333;
    color: #fff;
    text-align: center;
    padding: 0px;
    margin: 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #067623;
    background: rgb(6,118,35); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(6,118,35,1) 0%, rgba(13,163,52,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(6,118,35,1)), color-stop(100%,rgba(13,163,52,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(6,118,35,1) 0%,rgba(13,163,52,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(6,118,35,1) 0%,rgba(13,163,52,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(6,118,35,1) 0%,rgba(13,163,52,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(6,118,35,1) 0%,rgba(13,163,52,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#067623', endColorstr='#0da334',GradientType=0 ); /* IE6-9 */

}
.box_effect_table_title_reverse{
    font-family: 'Handlee', cursive;
    font-size: 20px;
    text-shadow: 1px 1px #333333;
    color: #fff;
    text-align: center;
    padding: 0px;
    margin: 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #067623;
    background: rgb(6,118,35); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(13,163,52,1)  0%, rgba(6,118,35,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13,163,52,1)), color-stop(100%,rgba(6,118,35,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(13,163,52,1) 0%,rgba(6,118,35,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,   rgba(13,163,52,1)0%,rgba(6,118,35,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,   rgba(13,163,52,1)0%,rgba(6,118,35,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(13,163,52,1) 0%,rgba(6,118,35,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0da334', endColorstr='#067623',GradientType=0 ); /* IE6-9 */

}

.box_effect_table_line{
    font-family: 'Handlee', cursive;
    font-size: 14px;
    text-shadow: 1px 1px #fff;
    color: #333333;
    text-align: center;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #067623;
}

.bg_black_board{
    background: rgb(69,72,77); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}
.bg_black_board_text{
    font-family: 'Handlee', cursive;
    font-size: 24px;
    text-shadow: 1px 1px #333333;
    color: #fff;
}

.bg_green_board{
    background: rgb(0,135,69); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,135,69,1) 0%, rgba(0,104,47,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,135,69,1)), color-stop(100%,rgba(0,104,47,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,135,69,1) 0%,rgba(0,104,47,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,135,69,1) 0%,rgba(0,104,47,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,135,69,1) 0%,rgba(0,104,47,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,135,69,1) 0%,rgba(0,104,47,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008745', endColorstr='#00682f',GradientType=0 ); /* IE6-9 */

}

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

}

.square_form_box_grey{
    background: rgb(220,221,222); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(220,221,222,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,221,222,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(220,221,222,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(220,221,222,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(220,221,222,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(220,221,222,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcddde', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border: solid 1px #888;
    width: 100%;
    color: #000000;
    font-family: 'Handlee', cursive;
    font-size: 16px;
    text-shadow: 1px 1px f1f2f2;

}

.button_box_grey{
    background: rgb(220,221,222); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(220,221,222,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,221,222,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(220,221,222,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(220,221,222,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(220,221,222,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(220,221,222,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcddde', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border: solid 1px #888;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #000000;
    font-family: 'Handlee', cursive;
    font-size: 16px;
    text-shadow: 1px 1px f1f2f2;
    text-align: center;
}

.square_form_box{
    border-bottom: 1px solid #067623;
    width: 100%;
    text-shadow: none;
    color: #000000;
    font-family: 'Handlee', cursive;
    font-size: 0.7em;

}

.square_form_box_title{
    border-bottom: 1px solid #067623;
    width: 100%;
    text-shadow: none;
    color: #000000;
    font-family: 'Arial', cursive;
    font-size: 0.7em;
    background-color: #797979;
}

.table_text_sideways{
    -webkit-transform: rotate(-90deg);	
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}