/* 
    Document   : style
    Created on : 2012-06-21
    Author     : blawat
    Description:
    Purpose of the stylesheet follows.
*/

root
{
    font-family: "Trebuchet MS" , Verdana, Sans-Serif, Tahoma;
    font-size: 12px;
}

html, body
{
    font-family: "Trebuchet MS" , Verdana, Sans-Serif, Tahoma;
    font-size: 12px;
    padding: 0;
    margin: 0;
}

#bgdiv 
{
    background-color: #FFFBD8;
    display: inline;
	position:fixed; 
	top:-50%; 
	left:-50%; 
	width:200%; 
	height:200%;
	z-index: -1;
}

#bgdiv img {
	position:absolute; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	margin:auto; 
	min-width:50%;
	min-height:50%;
}

img#logo
{
    padding: 15px;
}

#content
{
    position: relative;
    z-index: 1;
    width: 970px;
    margin: 0 auto;
    padding: 0px;
}

#login_box {
    text-align: center;
    width: 350px;
    margin: 170px auto;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
    #login_box:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }

#login_innerbox
{
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #ecedef;
    opacity: 0.8;
}

#login_innerbox .title
{
    text-align: left;
    padding: 3px 12px;
    font-weight: bold;
    background-color: #e6e6e6;
}

#login_innerbox .div-content
{
    padding: 0px 20px 20px 20px;
}

/* forms */

table.form
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

table.form th
{
    padding: 6px 20px 6px 6px;
    text-align: right;
    color: #6E706F;
}

td.submit
{
    text-align: right;
}

input[type=password], input[type=text]
{
    background-color: #ffffff;
    border: 1px solid #b3b3b3;
    padding: 3px;
    width: 180px;
}

input[type=submit]
{
    cursor: pointer;
    background-color: #e6e6e6;
    border: 1px solid #b3b3b3;
    color: #000000; /*#565656;*/
    padding: 3px 11px;
    font-size: 12px;
    margin: 20px 0px 0px 0px;
}

input[type=submit]:hover
{    
    border: 1px solid #515252;
}


.select-sets
{
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

.select-set
{
    cursor: pointer;
    width: 200px;
    line-height: 25px;
    height: 25px;
    border: 1px solid #CECDCD;
    margin: 2px;
}


.select-set.enabled:hover
{
    width: 200px;
    height: 25px;
    border: 1px solid #515252;
    margin: 2px;
}

.select-set.disabled
{
    cursor: pointer;
    width: 200px;
    line-height: 25px;
    height: 25px;
    border: 1px solid #CECDCD;
    color: #7f7f7f;
    margin: 2px;
}

#adjustedInfo
{
    width: 100%;
    text-align: left;
}

#adjustedInfo > div
{
    margin-bottom: 5px;
    margin-top: 10px;
}

.breakable
{
    color: #8c0000;
}

.button-all {
    cursor: pointer;
    background-color: #e6e6e6;
    border: 1px solid #b3b3b3;
    color: #000000;
    padding: 3px 11px;
    font-size: 12px;
    margin: 20px 0 0 0;
}
.button-all:hover {
    background-color: floralwhite;
}