.navigation{float:right;}
.tabs{padding-bottom:4px;border-bottom:3px solid #999;}
.tabs a{padding:5px;background-color:#999; padding-top:2px;text-decoration:none;color:#fff;}
.tabs span{padding:4px;background-color:#fff; border:1px solid #999;border-bottom:4px solid #fff;color:#000}
.tabs h3{float:right;margin:0;margin-right:50px;}

table.presents{border-collapse:collapse;
padding:2px;
border:1px solid #000;
}
table.presents td, table.presents th{border:1px solid #000;min-width:100px;}
table.presents label{height:1em;padding:2px;float:none;padding-right:39px;background:url('icon_edit.gif') right no-repeat;}
table.presents label.off{padding-right:0px;background:none;}
table.presents div, table.presents div{display:inline}
table.presents label.but,table.presents label.but2{float:none;display:block;overflow:hidden;text-indent:-20000px;margin:0 3px;padding:0px;}
table.presents label.but{background:url('icon_edit.gif');width:37px;height:20px;}
table.presents label.but2{background:url('icon_note.gif');width:40px;height:19px;}
table.presents .purchase label{width:auto;padding:0px;display:inline;float:none;background:none;}
.addform {width:300px;float:right;padding:2px;border:1px solid #999;}
.addform label{width:5em;float:left;}
.addform input{float:left;}
.addform input.submit{float:none;}
.addform textarea{width:295px}
.addform h3{margin-top:0px;padding-top:0px;}

/* xmas */
html,body{width:100%;}
body{background:#000106 url('snowflake-background-fill-black-gold-sm.jpg');color:#fff;font-size:small}
a{color:#DDDFFF;}
a:hover{color:#fff;}
table.presents a{color:blue}
table.presents a:hover{color:blue}
table.presents td, table.presents th{border:1px solid #DDDFFF;background-color: #DDDFFF;color:#000;}
table.presents td{background-color: #99C9AF;color:#000;}
table.presents tr.other-user td{background-color: #CCC;color:#000;}
table.presents th{background-color: #8899dd;color:#fff;}
.addform {width:400px;float:right;padding:2px;border:1px solid #DDDFFF; background-color:#99C9AF;color:#000;}

.tabs{padding-bottom:4px;border-bottom:3px solid #8899dd;}
.tabs a{padding:5px;background-color:#8899dd; padding-top:2px;text-decoration:none;color:#fff;}
.tabs span{padding:4px;background-color:#000106; border:1px solid #8899dd;border-bottom:4px solid #000106;color:#fff}
form div.textarea{
   position: absolute;
   background: #99C9AF;
   width: 520px;
   height:200px;
   border: 3px solid #000;
}
.login.addform .input{
    font-size: 1em;
    padding: 3px 6px;
}

.login.addform{width:400px;}
.login.addform label{font-size:1.2em;}
.login.addform h3{font-size:1.5em;}
body h3{font-size:1.7em;}
@media screen and (max-width: 1050px) {
label{font-size:1.5em;}
input{font-size:1.5em;}
select{font-size:1.5em;}
.navigation{padding-bottom:1em;}
.tabs,.navigation{font-size:1.6em;}
.tabs a{margin-left:6px;}
input[type="submit"] {
    font-size: 1.5em;
    padding: 3px 10px;
}
.login.addform, .addform{width:80%;}
.tabs{clear:right;width:100%;}
table td{font-size:1.2em;}
table th{font-size:1.5em;}
table a {font-size:1.3em;}

.tabs h3 {
    position: absolute;
    margin: 0;
    margin-left: 50px;
    top: 5px;
}
}