/* CSS Document */

/* Reset all elements */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p,  blockquote, th, td { 
margin: 0; padding: 0; 
}
table { 
border-collapse: collapse; 
border-spacing: 0px;}
th, td {vertical-align:top;}
fieldset, img { border: 0; }
address, caption, cite, code, dfn, th, var { 
font-style: normal; 
font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; text-align: left;}
b, strong { font-weight: bold; }

:active {
outline:medium none;
}
:focus {
outline:medium none;
}

/* Global elements */

body {
font-family: Verdana,sans-serif; 
font-size: 14px;
line-height: 20px;
background: #f8f8f8;
color:#444;
}

a, a:visited, .a {color: #07b;text-decoration: none;}
a:hover, .a:hover {color: #4bf;}

h1 { font-family: OpenSansCondensedLight, Verdana,sans-serif; font-size: 26px; line-height:30px; color:#222;}
h2 { font-family: OpenSansCondensedLight, Verdana,sans-serif; font-size: 20px; line-height:30px; color:#666;}
h3 { font-family: OpenSansCondensedLight, Verdana,sans-serif; font-size: 18px; color:#222;}
hr { border-top: 0px solid #000; border-bottom: 1px solid #888; height:0px; }

label {font-weight:bold;}

input[type="submit"], input.submit { padding: 2px 20px; font-weight:bold; cursor:pointer; }
input[type="submit"]:hover, input.submit:hover { padding: 2px 20px; font-weight:bold; }

input[type="number"] {width:58px;}

input#email, input#password, input.email, input.password  { width:240px; }

/* base.html */

div#header {
position:fixed;top:0;right:0;left:0;
z-index:1000;
height: 98px;
background:#eee;
border-bottom: 1px solid #888;
font-weight:bold;
-webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.4); -moz-box-shadow:0px 2px 2px rgba(50, 50, 50, 0.4); box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.4);
font-family: OpenSansCondensedLight, Verdana,sans-serif; 
font-size:18px;
}

table#toptable {
width:100%; 
margin-top:10px;
}

td#logo {width:240px; }
td#logo img {margin:0px 10px 0px 60px; line-height:1px;}

table#titledesc {width:100%;}
td#title {font-size:40px; line-height:40px; font-family:OpenSansCondensedBold, Verdana,sans-serif; ; color:#07b; width:240px;}
td#login {text-align:right; padding-right:32px;}

div#topmenudiv { float:left; margin-top: 10px; background: #f8f8f8; border: 1px solid #888; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; behavior: url(/static/css/pie.htc); }
ul#topmenu { font-size:18px; }
ul#topmenu li {display:inline-block; border-right: 1px solid #888; }
ul#topmenu li.last{ border-right: none; border-radius: 0px 2px 2px 0px; }
ul#topmenu li.first { border-radius: 2px 0px 0px 2px; }
ul#topmenu li a { display:block; color:#444;padding: 5px 20px; }
ul#topmenu li a:hover { color:#000;}
ul#topmenu li:hover { background:#ddd; }

div#content{
position:absolute; top: 104px; left:240px; right: 20px;
}

div#actions{position:absolute; top: 104px; left:814px; right: 20px; padding: 20px 15px 20px 30px; }

div#nav{position:absolute; top: 104px; left:0px; width:200px; padding: 40px 10px 20px 30px; }
ul#navigation li { font-family: OpenSansCondensedBold, Verdana,sans-serif; font-size:17px; margin: 0px 0px 10px 0px;}

div#bookmarks{}

div#footer { margin: 40px 40px 10px 40px; text-align:right; }

/* --- Common --- */

div.page, div.flash,  div.error {
width: 512px; padding:20px 30px; margin: 10px 0px 0px 0px; 
}

div.page, div.widepage, div.pagebox,.flash, .error, table.items, div.itemlist, div.titlebar, div.editlistitem, div.itemlistbox  {
background: #fff; border: 1px solid #888; -webkit-box-shadow: 1px 2px 2px rgba(50, 50, 50, 0.4); -moz-box-shadow:1px 2px 2px rgba(50, 50, 50, 0.4); box-shadow: 1px 2px 2px rgba(50, 50, 50, 0.4); behavior: url(/static/css/pie.htc); 
/*border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; */
}

div.desk { padding:20px 30px; margin: 10px 0px 0px 0px; }
div.pagebox { width:572px; margin: 10px 0px 0px 0px; }
.flash, .error { color: #a44; font-weight:bold;}
div.titlebar { width: 512px; padding:10px 30px; margin: 10px 0px 0px 0px; font-weight: bold; font-family:OpenSansCondensedLight, Verdana,sans-serif;  font-size:20px; color:#222;background: #f0f0f0; }

.price {font-family: OpenSansCondensedLight, Verdana,sans-serif; font-weight:bold; margin-top: 10px;}
div.page .price  { font-size: 26px; }
div.itemlist .price  { font-size: 20px; }
div.itemlist { width: 552px; margin: 10px 0px 0px 0px; padding: 10px; }
span.itemlisttitle { font-weight: bold; font-size: 14px; color:#222; font-family: OpenSansCondensedLight, Verdana,sans-serif;  font-size:18px;  }
span.itemlistsubtitle { font-weight: bold; font-size: 14px; color:#222; font-family: OpenSansCondensedLight, Verdana,sans-serif;  font-size:16px; color:#444; }
div.itemlistthumb { float:left; padding: 2px 15px 2px 2px;}
td.itemlistthumb { padding: 2px 15px 2px 2px;}
.itemlistthumb img { width:128px;}

div.itemlistbox { width: 162px; height: 174px; float:left; margin: 10px 11px 0px 0px; padding: 10px; font-size:12px; line-height:18px; overflow:hidden;}
span.itemlistboxtitle { font-weight: bold; font-size: 24px; color:#222;  }

.button, input[type='submit'] { margin: 2px 0px; background: #fcfcfc;  border: 1px solid #888; color:#444; font-weight:bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; behavior: url(/static/css/pie.htc); }

div.button a { display:block; color:#444; padding: 5px 10px; }
div.button a:hover { color:#000;}
div.button:hover, input[type='submit']:hover { background:#eee;color:#000; }
input[type='submit'] {height: 32px;}
.displaytable { display:table; }

div.button a.del, a.xtimes { color:#d00; }
div.button a.del:hover, a.xtimes:hover { color:#f00; }
a.xtimes { font-size: 26px; }

a.btn { display:block; float:left; padding: 5px 10px; margin: 2px; background: #fcfcfc; border: 1px solid #888; color:#444; font-weight:bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
a.btn:hover {background:#eee;color:#000;}

table.items{border:1px solid gray;background: white; }
table.items td {padding:10px; font-weight:bold; border:1px solid gray;}

table.pagetable{border:1px solid gray;}
table.pagetable td {padding: 4px; border:1px solid gray;}

table.formtable{ width:100%; }
table.formtable input[type="text"], table.formtable textarea, div.page textarea, textarea.fullwidth, input.fullwidth  { width:100%; }
table.formtable input.inputtag { width:58px; margin:0px 5px 5px 0px;}
table.formtable td  { padding:2px; border:none; }
table.formtable td:first-child  { font-weight:bold; }
table.formtable td.col1 { width: 160px; }

.page table.questiontable td  { padding:0px 6px 10px 4px; border:none; }

table.logintable{ width:100%; }
table.logintable td  { padding:2px; }
table.logintable input[type="text"]  { width:90%; margin-bottom:4px;}
table.logintable textarea  { width:95%;margin-bottom:10px;}
table.logintable td:first-child  { width:100px; }

/* page */
div.itemtype {float:right;}
div.testresult {float:right; margin: 0px 0px 4px 10px;}
.true {color: green;}
.false {color: red;}

div.page ol li , div.itemlistbox ol li{ list-style-type:decimal;list-style-position:inside; }
div.page ul li, div.itemlistbox ul li {list-style-type:square;list-style-position:inside;}

/* common */
.roundbox { float:left; padding: 10px; background: #fcfcfc;  border: 1px solid #888; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; behavior: url(/static/css/pie.htc); }
.cursive {font-style:italic; color:#222;}
.clear {clear:both;}
div.padding {  padding:20px 30px; }
.small { font-weight: 100; font-size: 80%; }
.small.true { font-weight: 600; }

/*edit*/
div.editlistitem { width: 572px; padding:0px; margin: 10px 0px 0px 0px; }
div.editbar {  padding:2px 30px; background:#eee; border-top: 1px solid #888;}