* .btn { display: block; position: relative; background: #aaa; padding: 5px; float:right; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; color: #fff; background-image: url("../js/btn2.png"); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* .modalcon {
    overflow:hidden;
}
* .themodal {
    overflow:hidden;
    color:red;
}
.hidex {
    overflow:hidden;
}
* html .btn span,
* html .btn i { width: auto; background-image: none; cursor: pointer; }
.btn.blue { background: #789FCC;color:#fff; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url("../js/shade.png"); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
a.button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
.inputbox {
    background: url(../images/inputbg.png) #fff repeat-x;
    border:1px solid #C7C7C7;
    padding:4px;
    color:#575757;
    font-size:16px;
    width:170px;
}
.namefield {
    color:#9C9C9C;
    font-weight:bold;
}
#loginform {
    margin-top:10px;
   margin-left:8px;
   margin-bottom:10px;
}
#loginform td {
    padding:4px;
}
form {
    font-family:Verdana,Helvetica,sans-serif;
}
#formlogo {
    font-family:Verdana,Helvetica,sans-serif;
    background:#4282b9;
    padding:10px;
    color:#fff;
    font-weight:bold;
    width:100%;
}