/* CSS Document */

/**
 * main color:    #7A96A9
 * accent color1: #B9CAD4
 * accent color2: #C55629
 * accent color3: #000000
 */

* {
 font-family: Verdana;
 font-size: 11px;
}

table.loginzone {
 background-color: #7A96A9;
}
td.logintitle {
 height: 16px;
 padding: 4px 8px 4px 8px;
 text-align: center;
 font-size: 14px;
 font-weight: bold;
}
td.loginzone {
 padding: 8px;
 /*color: #7A96A9;*/
}
div.loginleft {
 margin: 0 16px 8px 16px;
 text-align: left;
 line-height: 16px;
}
div.loginright {
 margin: 16px 0 0 0;
 text-align: right;
 line-height: 16px;
}
input.textbox {
 margin-left: 16px;
 border: 1px solid #7A96A9;
 width: 192px;
}
input.radio {
 margin-left: 0;
 vertical-align: middle;
}
input.command {
 border: 1px solid #B9CAD4;
 background-color: #C55629;
 padding: 0 12px 0 12px;
 color: #B9CAD4;
 font-weight: bold;
}
.primarybutton {
 width: 120px;
 border: 1px solid #C55629;
 background-color: #C55629;
 color: #B9CAD4;
 font-weight: bold;
 cursor: pointer;
}
.secondarybutton {
 width: 80px;
 border: 1px solid #7A96A9;
 background-color: #7A96A9;
 color: #B9CAD4;
 font-weight: bold;
 cursor: pointer;
}
a.forgotpassword {
 font-size: 9px;
 color: #7A96A9;
}
span.missing {
 font-weight: bold;
 color: red;
 visibility: hidden;
}
div.demotitle {
 text-align: center;
 font-weight: bold;
}
ul.demo {
 margin-top: 0; 
}
li.demo {
 margin: 8px 0 0 -24px;
}
div.demoright {
 margin: 8px 0 0 0;
 text-align: right;
 line-height: 16px;
}