body{font-family: Arial;background-color: #FFF;}
form{margin: 0px;padding: 0px;}
.app{width: 100%;height: 100%;margin: auto auto;position:absolute;top:0;}
.hdr{height: 90px;}
.ftr{clear: both;color:#999999; font-size:10px;text-align: center;}
.fbase{}
.fbase input[type='text'],.fbase input[type='password'],.fbase select{border:1px solid #999;padding: 3px 4px;}
.fbase input[type='text'],.fbase input[type='password']{width: 180px;}
.fbase input[readonly=true]{background-color: #EEE;}
.tbase form{margin:0px;padding:0px;}
.tbase,.tbase td,.tbase th{margin:0px;padding:0px;border-collapse:collapse;}
.tbase,.tbase th{border:1px solid #666666;}
.tbase th{font-weight:bold;background-color:#BEC9D6;padding:3px 5px;text-align:center;}
.tbase td{padding:3px 4px;border:1px solid #BBB;text-align:left; vertical-align:middle;}
a{color: #C21E02; text-decoration: none;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4,h5,h6{color: #444;padding: 10px;margin: 0px;}
fieldset{border:1px solid #BBB;}

/*
Form
*/
.form{
    /*padding: 12px 0px;
    border:1px solid #DDD;
    background-color: #EEE;*/
    /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#EEE));
    background: -moz-linear-gradient(90deg,#EEE,#FFF);*/
}
.form table td{padding:3px 4px;}
.form table td:first-child{text-align: right;color: #444;}
.form table td span.input_error{float: right;display: inline;position: absolute;font-size: 80%;color: #CC0000;margin-left: 4px;background-color: #FFF;padding: 3px;}
.form td.button_send{padding: 8px;}


/*
Panel
*/
div.message{
    padding: 8px;font-style: italic;
    border:1px solid #59B7E8;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DFECFF), to(#D2E8FF));
    background: -moz-linear-gradient(90deg,#DFECFF,#D2E8FF);
    margin: 5px 0px;
}
div.error{
    padding: 8px;font-style: italic;
    background-color:#fff2f9;border: 1px solid red;color: #cc0000;
    margin: 5px 0px;
}
.ptitle{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C61E01), to(#631E01));
    background: -moz-linear-gradient(90deg,#631E01,#C61E01);
    color: white;padding: 4px;font-weight:bold; 
}
.pborde{border: 1px solid #CCC;}
.pbutton{text-align: center;padding: 12px;}
.panel0{background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#EEE),color-stop(.9,#F9F9F9));
        background: -moz-linear-gradient(90deg,#EEE,#FFF);}
.preg{
    padding: 10px 10px;font-weight: bold;font-size: 110%;
    margin-top: 20px;
    cursor: pointer;
    border-radius: 8px;
    -moz-border-radius:8px;
}

.bgbl{background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#59B7E8), to(#1D97D5))}
.bgor{background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCAE41), to(#F79222))}
.preg.bgbl:hover{background-color:#59B7E8;}
.preg.bgor:hover{background-color:#FCAE41;}



/*button*/
.btn,button{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#A4B2C5), color-stop(.3,#D8D7E7));
    background: -moz-linear-gradient(90deg,#A4B2C5,#FFFFFF);
    padding:4px 8px;
    border: 1px solid #888;
    color:#111;
}

button:hover,.btn:hover{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#C5C4C4), color-stop(.5,#E7E7E7));
    background: -moz-linear-gradient(90deg,#C5C4C4,#E7E7E7,white);
}
button:active,.btn:active{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#929183));
    background: -moz-linear-gradient(90deg,#929183,#FFF);
}

/*
Box Login Style
*/
.flogin{width:380px;margin: 15px;padding-bottom: 10px;}
.flogin td .fc{width:125px;}
.flogin td .fp{width:180px;}
.psend{padding: 16px;padding-bottom: 10px;text-align: center;}
.flogin #containersend{font-size: 95%;margin:4px;padding: 4px;}