/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,small{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a{outline:none}

body{color: #626262;font-size:12px;font-family: Helvetica, Arial;}
a, a:active, a:hover, a:visited{color:#000; }
h2 {font-weight: bold;}


/* SETUP */

body{text-align:center;}

.master{margin: 0px auto; text-align:left; width:1000px; border-left: 1px solid #666;border-right: 1px solid #666; border-bottom: 1px solid #666; background: #eee;}
.header{padding: 20px 325px;}

h1 { font-size: 14px; padding: 0px; margin: 0px; font-weight:bold;}

.container { margin: 10px; padding: 10px; border: 1px solid #ccc; background: #fff; }
.box  { margin: 10px; padding: 10px; border: 1px solid #ccc; background: #eee;}
.boxsmall  { margin: 5px; padding: 5px; border: 1px solid #ccc; background: #eee;}

.info { margin: 10px; padding: 10px; border: 1px solid #ccc; background: #ccff99; font-size: 10px;}
.flash {text-align:center;}
.uploadto input { width: 600px; border: 1px solid #ccc; background: #fff; color: #333;}

.tree { overflow: scroll; text-align: left;}
.tree ul{padding: 0px; margin: 0px; list-style: none;}
.tree ul li{padding: 0px 0px 0px 0px; margin: 0px;list-style: none; background: url(/images/arrow_down.png) 5px 6px no-repeat;cursor: pointer; }
.tree ul li ul{padding: 0px 0px 0px 20px;}
.tree ul li span{display:block; padding-left:15px;}
.tree ul li span a{display:block;margin-left:4px;}
.tree ul li.selected span a{ text-decoration: underline; color: #669933;}
.tree ul li.selected ul li span a{ text-decoration: none; color: #000;}
.tree ul li.collapsed {background: url(/images/arrow_right.png) 5px 6px no-repeat;}
.tree ul li.collapsed ul{display:none;}
.tree ul li.leaf{background: url(/images/dot.png) 7px 7px no-repeat;}

.items {overflow: scroll;}
.items ul{padding: 0px; margin: 0px; list-style: none;}
.items ul li{ list-style: none; font-size: 10px;overflow:hidden;float:left;width: 130px; height:160px; padding: 5px; border: 1px solid #ccc; background: #fff;margin: 5px 0px 0px 5px; cursor: pointer;}
.items ul li b{display:block; overflow:hidden;}
.items ul li span.img{ display:block; width: 130px; height:130px; text-align:center; overflow:hidden;}
.items ul li.selected{border: 1px solid #000; background: #669933;}
.items ul li.selected b{color: #fff;}

.bigbutton span{display:block; float:left; height: 30px;color:#fff;  font: 500 11px Georgia,"Times New Roman",Times,serif; line-height: 30px; cursor: pointer;}
.bigbutton .s .i {background: none; padding-left: 0px;}
.bigbutton .s {background: url(/images/button_black.png) no-repeat top left; padding-left:10px;}
.bigbutton .e {background: url(/images/button_black.png) no-repeat top right; padding-left:10px;}
.bigbutton.disabled .s{background: url(/images/button_gray.png) no-repeat top left;}
.bigbutton.disabled .e{background: url(/images/button_gray.png) no-repeat top right;}
.bigbutton:hover .s {background: url(/images/button_green.png) no-repeat top left;}
.bigbutton:hover .e {background: url(/images/button_green.png) no-repeat top right;}