/* General styles, should maybe come from product main CSS file in future *****/

body, td {
    font-family: "Trebuchet MS";
    font-size: 13px;
    color: #333;
    background-color: #fff;
}

a {
    color: #198FEF;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1 {
    font-size: 24px;
    font-weight: normal;
}

table.shadow_box_wrapper td.tl {
    background: url(gfx/general/shadow_box_wrapper_tl.png) repeat;
    height: 15px;
    width: 15px;
}

table.shadow_box_wrapper td.tc {
    background: url(gfx/general/shadow_box_wrapper_tc.png) repeat-x;
    height: 15px;
}

table.shadow_box_wrapper td.tr {
    background: url(gfx/general/shadow_box_wrapper_tr.png);
    height: 15px;
}

table.shadow_box_wrapper td.ml {
    background: url(gfx/general/shadow_box_wrapper_ml.png) repeat-y;
    width: 15px;
}

table.shadow_box_wrapper td.mr {
    background: url(gfx/general/shadow_box_wrapper_mr.png) repeat-y;
    width: 15px;
}

table.shadow_box_wrapper td.bl {
    background: url(gfx/general/shadow_box_wrapper_bl.png);
    height: 15px;
    width: 15px;
}

table.shadow_box_wrapper td.bc {
    background: url(gfx/general/shadow_box_wrapper_bc.png) repeat-x;
    height: 15px;
}

table.shadow_box_wrapper td.br {
    background: url(gfx/general/shadow_box_wrapper_br.png);
    height: 15px;
    width: 15px;
}

/* Login screen specific stuff ************************************************/


div#loginbox {
    width: 486px;
}

div#loginbox div#loginhead {
    background: url(gfx/general/tools_head_bg.jpg) repeat-x;
    height: 63px;
}

div#loginbox div#loginhead h1 {
    float: left;
    margin: 17px 0 0 30px;
    padding: 0;
}

div#loginbox div#loginhead a {
    float: right;
    color: #333;
    margin: 26px 20px 0 0;
}

div.errormessage {
    background: #EE5F74;
    color: #fff;
    padding: 3px 30px;
    width: 426px;
    text-align: center;
    position: absolute;
}

div.okmessage {
    background: #7BC080;
    color: #fff;
    padding: 3px 30px;
    position: absolute;
    width: 426px;
    text-align: center;
}

/* Fixing IE7 */
*:first-child+html {} * html div.errormessage { 
    width: 486px !important;
}

/* Fixing IE7 */
*:first-child+html {} * html div.okmessage { 
    width: 486px !important;
}

div#loginbox div#loginmain table {
    float: left;
    width: 426px;
    margin: 30px;
}

div#loginbox div#loginmain table td {
    padding: 5px;
}

div#loginbox div#loginmain table td.label {
    font-size: 15px;
}

div#loginbox div#loginmain table td input,
div#loginbox div#loginmain table td select {
    border: 1px solid #e4e4e4;
    border-top: 1px solid #a5a5a5;
    width: 210px;
    font-family: "Trebuchet MS";
    font-size: 15px;
    height: 23px;
    color: #333;
    padding-left: 2px;
    background-color: #fff;    
}

div#loginbox div#loginmain table td input:focus,
div#loginbox div#loginmain table td select:focus {
    border: 1px solid #198FEF;
}

div#loginbox div#loginmain table td div.separator {
    border-top: 1px solid #e4e4e4;
}

div#loginbox div#loginmain table tr#bottomrow td a {
    font-size: 13px;
}

div#loginbox div#loginmain table td input#loginbutton {
    color: #fff;
    background-color: #198FEF;
    border: 1px solid #e0e0e0;
    font-size: 11px;
    font-weight: bold;
    width: 85px;
    height: 26px;
    padding: 0;
    margin-right: 10px;
}

div#logindisclaimer {
    width: 486px;
    font-size: 11px;
    color: #a1a1a1;
    text-align: right;
}

div#logindisclaimer a {
    color: #95CCF8;
}