/***********************
 *	Project		: Imaginus.org
 *	Document	: entityTyper.css
 *	Created		: Dec 31, 2014, 10:59:19 AM
 *	Author		: Todd Mullen <ToddJ.Mullen@gmail.com>
 *	Description	:
 *		Styles for the entity Typer page.
 ***********************/
body{
    margin: 0;
    color: #fff;
}

.div.encoder{
    padding-top: 240px;
}

body, .fDiv{
    /*position: fixed;*/

    width: 99%; height: 100%;
    margin: 0;
    /*padding:10px;*/
    /*border: 2px outset steelblue;*/
    background: #b4ddb4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0ZGRiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzgzYzc4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzUyYjE1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwOGEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iIzAwNTcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDI0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4ddb4), color-stop(17%,#83c783), color-stop(33%,#52b152), color-stop(67%,#008a00), color-stop(83%,#005700), color-stop(100%,#002400));
    background: -webkit-linear-gradient(top,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%);
    background: -o-linear-gradient(top,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%);
    background: -ms-linear-gradient(top,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%);
    background: linear-gradient(to bottom,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 );
}
/*.encoder p{margin: auto;}*/

#entityOutput{
    width: 50%;
    height: 75px;
    position: absolute;
    top: 50px;
    right: 5px;
}
textarea{
    font-size: 1.25em;
}

.pointer{cursor:pointer;}
.ent, #divOutput, .fDiv{/*, td*/
    /*font-size: 1.5em;*/
    line-height: 1.5em; text-align: center;
    /*padding: 3px;*/
    min-width: 45px;
    margin:5px;
    /*height: 95px; width: 95px;*/
    color:#fff;
    display: inline-block;
    border: 1px outset gray;

    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    -webkit-box-shadow: 3px 3px 5px 3px rgba(77,77,77,.9);
    box-shadow: 3px 3px 5px 3px rgba(77,77,77,.9);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYjViZGM4IiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogICAgPHN0b3Agb2Zmc2V0PSIzNiUiIHN0b3AtY29sb3I9IiM4MjhjOTUiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODM0M2IiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,  rgba(181,189,200,0.7) 0%, rgba(130,140,149,0.7) 36%, rgba(40,52,59,0.7) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(181,189,200,0.7)), color-stop(36%,rgba(130,140,149,0.7)), color-stop(100%,rgba(40,52,59,0.7)));
    background: -webkit-linear-gradient(-45deg,  rgba(181,189,200,0.7) 0%,rgba(130,140,149,0.7) 36%,rgba(40,52,59,0.7) 100%);
    background: -o-linear-gradient(-45deg,  rgba(181,189,200,0.7) 0%,rgba(130,140,149,0.7) 36%,rgba(40,52,59,0.7) 100%);
    background: -ms-linear-gradient(-45deg,  rgba(181,189,200,0.7) 0%,rgba(130,140,149,0.7) 36%,rgba(40,52,59,0.7) 100%);
    background: linear-gradient(135deg,  rgba(181,189,200,0.7) 0%,rgba(130,140,149,0.7) 36%,rgba(40,52,59,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b5bdc8', endColorstr='#b328343b',GradientType=1 );
}
div.ent{
    font-size: 2.25em;
    line-height: 1.5em;
}
.ent:hover{
    /*border: 2px inset lightgray;*/
}
.ent:active{
    margin:4px;
    border: 2px inset lightgray;
    -webkit-box-shadow: 1px 1px 3px 2px rgba(77,77,77,.9);
    box-shadow: 1px 1px 3px 2px rgba(77,77,77,.9);
}
td, #divOutput{
    /*border: medium outset steelblue;*/
    /*padding: 0 10px;*/
}
.btn.clear{
    padding: 20px 10px;
    font-size: 120%; color:red;
    float: right;
    position: relative; top: -25px; right: 20px;
    margin: -16px;
}
td a{
    visibility: hidden;
    height: 0 !important;
    position: relative;
    top: -370px;
    border: 5px solid red;
}
td h3{
    margin-top: 0;
}
nav{
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 225px;*/
}
nav a {
    float: right;
}
nav a, .btn{
    float: left;
    display: inline-block;
    font-variant: small-caps; font-size: .3in; color:#333;
    text-decoration: none;
    border: 1px outset gray;
    padding: 6px; margin:7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    -webkit-box-shadow: 3px 3px 5px 3px rgba(77,77,77,.9);
    box-shadow: 3px 3px 5px 3px rgba(77,77,77,.9);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYjViZGM4IiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogICAgPHN0b3Agb2Zmc2V0PSIzNiUiIHN0b3AtY29sb3I9IiM4MjhjOTUiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODM0M2IiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1)));
    background: -webkit-linear-gradient(-45deg,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    background: -o-linear-gradient(-45deg,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    background: -ms-linear-gradient(-45deg,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    background: linear-gradient(135deg,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b5bdc8', endColorstr='#b328343b',GradientType=1 );
}
p{
    text-align: left;
}
table{
    /*width: 83%;*/
}
.scroller{
    /*position: fixed;*/
    top: 240px;
    /*width: 84%;*/
    height: 70%;
    /*overflow-y: scroll;*/
    /*padding: 3px;*/
    margin:5px;
    /*	border: 1px outset gray;
        -webkit-border-radius: 7px 7px 7px 7px;
        border-radius: 7px 7px 7px 7px;*/
}
#divOutput{
    position: fixed; top: 5px;
    width: 98%;
    /*height: 25%;*/
    /*color: #af7;*/
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYjViZGM4IiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogICAgPHN0b3Agb2Zmc2V0PSIzNiUiIHN0b3AtY29sb3I9IiM4MjhjOTUiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODM0M2IiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1)));
    background: -webkit-linear-gradient(-45deg,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    background: -o-linear-gradient(-45deg,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    background: -ms-linear-gradient(-45deg,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    background: linear-gradient(135deg,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b5bdc8', endColorstr='#b328343b',GradientType=1 );

}
#divOutput p{
    margin: 5px;
    /*margin-right: 40px;*/
}
.demo{
    float: left;
    width: 48%;
}
h3.fDiv{
    border: 3px outset steelblue;
    /*height: 1.5em;*/
    font-size: 4em;
}
.note{
    /*font-size: 10px;*/
    margin: 0px;
}
button.ent{
    height: auto; width:auto;
    font-size: x-large;
    float: right;
}

.note{
    background-repeat: no-repeat;
    display: inline-block !important;
    width: 35px; height: 27px;
    padding-top: 5px;
    cursor: pointer !important;
}

.r.note{	background-image: url("../images/icons/rNote33x25.png");}