/* 
    Document   : dashboard
    Created on : Sep 12, 2013, 1:38:36 PM
    Author     : MAKIN
    Description:
        Purpose of the stylesheet follows.
*/
.body-login
{
	font-family:'Roboto Condensed','Open Sans',Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#00695c; 
	/*background: url(../img/bck.png) repeat scroll center top #EAEAEA;*/
	background: url(../images/cream-paper.png) repeat scroll center top #fff;
	padding-top:0px;
        
}
h1,h2,h3,h4,h5,h6{
    font-family:'Roboto Condensed','Open Sans',Arial, Helvetica, sans-serif;
}
h1{
    font-size: 22pt;
}
h2{
    font-size: 28pt;
    font-weight: 700;
    margin-bottom: 10px;
}
h3{
    font-size: 14pt;
    font-weight: 500;
}
h4{
    font-size: 13pt;
    font-weight: 400;
}
hr{
    border-top: 1px solid #d0d3d7;
    border-bottom: 1px solid #ffffff;
    margin: 20px 30px;
    color: transparent;
}
.log-content-login-l
{
    
    
    margin-right:10px;
    text-align: center;
    text-shadow:1px 1px 1px #fff;
    padding:30px 20px 20px 20px;
}
.log-divider{
    position: absolute;
    right:33%;
    top:0;
    width: 30px;
    
}
.log-content-login-r
{
	margin:0 auto;
	margin-top:50px;
	min-height:280px;
	width:250px;
	border:1px solid #6E9B86;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e1e1e1+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,225,225,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px 0px 2px 1px #fff;
}



.ribbon-login {
    
    font-size: 10pt !important;
    font-weight: 300;
    width: 262px;
    position: relative;
    background-color: #26a69a;
    color: #ffffff;
    text-align: left;
    padding: 0.8em 1em 0.8em 1em;
    margin: 1.0em auto 3em;
    margin-bottom: 3em;
    margin-left: auto;
    margin-left: -0.5em;
    margin-bottom: 0.3em;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;

}
/*
.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -1em;
 border: 1.5em solid #053304;
 z-index: -1;
}
*/
/*
.ribbon:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.ribbon:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}*/
.ribbon-login .ribbon-content:before, .ribbon-login .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #00695c transparent transparent transparent;
 bottom: -0.6em;
}
.ribbon-login .ribbon-content:before {
 left: 0;
 border-width: 0.7em 0 0 0.5em;
}
.ribbon-login .ribbon-content:after {
 right: 0;
 border-width: 0.7em 0.5em 0 0;
}

.non-semantic-protector { position: relative; z-index: 1; }



.error-log{
    margin-top:10px;
    padding:3px;
    border: 1px solid silver;
    background-color: white;
    font-size: 8pt;
    color:red;
    text-align: center;
}

.ui-progressbar .ui-progressbar-value { 
    background-image: url(../img/pbar-ani.gif);
}
#progressbar{
    height: 20px;border: 1px solid #FFB200;
    background-image: url(../img/pbar-ani.gif);
    margin:0 auto;
    width: 180px;
    
}
/*
.log-content-login-r .ui-widget-header {background-color: transparent !important;}
.log-content-login-r .ui-widget-content {border:none !important;}*/

.log-content-login-r img{margin:0;padding:0;width: 100%!important;}
table tr td{padding:5px 0}
@media (min-width:1024px) {
    .content-log{width:1000px;
                 margin-top:5%
    }
}