/* RESET CSS by http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0;	font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;} /* remember to define focus styles! */
ins {text-decoration:none;} /* remember to highlight inserts somehow! */
del {text-decoration:line-through;} 
table {border-collapse:collapse; border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} /* source: http://sonspring.com/journal/clearing-floats */
.clearfix:after {clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}


/* bStruct */
body { background-color: #333; font-family: Tahoma, sans-serif; color: #5c5c5c; }

a:link, a:visited { color: #99ccff; text-decoration: none; }
a:hover, a:focus, a:active { color: #99ccff; text-decoration: underline; /*text-shadow: 3px 3px 2px #2a2a2a;*/ }

h1 { font-family: 'Lobster 1.3', 'Lobster', Tahoma, sans-serif; font-size: 36px; font-weight: normal; margin: 0; }

pre { color: #eaeabd; }

img { vertical-align: top; }

strong { font-weight: normal; color: #cc9966; }

#header_wrap { position: absolute; left: 0; top: 0; width: 100%; z-index: 0; }
#header { position: relative; width: 940px; margin: 0 auto; font-family: 'Lobster 1.3', 'Lobster', Tahoma, sans-serif; font-size: 24px; line-height: 24px; }

#logo { position: absolute; left: 0; top: 0; margin: 0; z-index: 10000; }

#menu { position: absolute; right: 0; top: 0; z-index: 10000; }
#menu li { float: left; margin-left: 20px; text-align: center; }

#menu a:link, 
#menu a:visited { color: #5c5c5c; display: block; padding: 5px; }

#menu a:hover, 
#menu a:focus, 
#menu a:active { color: #999; text-decoration: none; }

#menu li:hover .submenu { visibility: visible; }

#menu .selected a:link,
#menu .selected a:visited,
#menu .selected a:hover,
#menu .selected a:focus,
#menu .selected a:active { color: #99ccff; background-color: #3a3a3a; }

#menu .submenu { visibility: hidden; }
#menu .selected .submenu { margin-top: 1px; background-color: #3a3a3a; padding-top: 5px; }

#menu .submenu li { float: none; font-family: Tahoma, sans-serif; font-size: 12px; line-height: 1em; text-align: left; margin: 0; padding: 0 5px 5px 5px; }

#menu .submenu a:link, 
#menu .submenu a:visited { color: #5c5c5c; background: none; padding: 0; display: inline; }

#menu .submenu a:hover, 
#menu .submenu a:focus, 
#menu .submenu a:active { color: #999; text-decoration: underline; }

#menu .selected .submenu a:link,
#menu .selected .submenu a:visited,
#menu .selected .submenu a:hover,
#menu .selected .submenu a:focus,
#menu .selected .submenu a:active { color: #99ccff; background-color: #3a3a3a; }

#menu .selected .submenu a.light:link,
#menu .selected .submenu a.light:visited,
#menu .selected .submenu a.light:hover,
#menu .selected .submenu a.light:focus,
#menu .selected .submenu a.light:active { color: #ccc; }


#footer_wrap { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 10000; }
#footer { width: 940px; margin: 0 auto; font-size: 12px; }
#footer div { background: #3a3a3a; padding: 20px; }

#submenu { float: left; }

#submenu li { float: left; margin-left: 25px; }
#submenu .first { margin: 0; }
#submenu .extra_space { margin-left: 50px; }

#submenu a:link,
#submenu a:visited,
#submenu a:hover,
#submenu a:focus,
#submenu a:active { color: #99cc66; }

#submenu .blue a:link,
#submenu .blue a:visited,
#submenu .blue a:hover,
#submenu .blue a:focus,
#submenu .blue a:active { color: #99ccff; }

#submenu a:hover,
#submenu a:focus,
#submenu a:active { text-decoration: underline; }

#copyright { float: right; }

/* Dashboard */
#dashboard { width: 940px; margin: 0 auto; position: relative; overflow: visible; }


/* Dash */
div.dash { 
	font-family: 'Reenie Beanie', Tahoma, sans-serif; 
	font-size: 24px; 
	-moz-box-shadow: 0 0 4px #444; 
	-webkit-box-shadow: 0 0 4px #444; 
	box-shadow: 0 0 4px #444; 
}
.dash .handle,
.dash.handle { cursor: move; }

/*.loading { background-image: url('../images/ajax-loader.gif')!important; background-repeat: no-repeat!important; background-position: center center!important; }*/


/* To do */
.dash.todo { position: absolute; top: 0; left: 0; min-width:200px; overflow: visible; }
.dash.todo .header { position: relative; padding: 0 32px 0 14px; height: 32px; line-height: 32px; }
.dash.todo .items { padding: 10px 0 0 0; min-height: 130px; }

.dash.todo .item { position: relative; padding: 0 50px 0 25px; cursor: ns-resize; min-height: 24px; line-height: 24px; }

.dash.todo .checkbox { display: none; position: absolute; left: 0; top: 0; margin-top: 6px; }

.dash.todo .edit,
.dash.todo .save { position: absolute; right: 5px; top: 0; /*margin: 7px 5px 0 0;*/ }

.dash.todo .edit { visibility: hidden; }

.dash.todo .header .edit { line-height: 32px; }
.dash.todo .header .save { line-height: 32px; }

.dash.todo .item:hover .edit,
.dash.todo .header:hover .edit { visibility: visible; }

.dash.todo:hover .checkbox { display: inline; }

.dash.todo .item span { display: block; max-width: 230px; }
.dash.todo .item span:hover { color: #333; }
.dash.todo .item.done span { text-decoration: line-through; }

.dash.todo .options { margin-left: 5px; visibility: hidden; }
.dash.todo:hover .options { visibility: visible; }

/*.dash.todo .loading * { visibility: hidden; }*/

.dash.todo a:link,
.dash.todo a:visited { font-family: Tahoma, sans-serif; font-size: 10px; text-transform: uppercase; text-decoration: none; color: #555; }

.dash.todo a:hover,
.dash.todo a:active,
.dash.todo a:focus { color: #000; }

.dash.todo .input { display: block; display: inline-block; width: 99%; max-width: 228px; padding: 2px 0; height: 10px; border: 1px solid #ccc; font-family: Tahoma, sans-serif; font-size: 10px; }


/* To do themes */
.dash.todo.yellow { background-color: #f1ec96; }
.dash.todo.yellow .header { border-bottom: 1px solid #e8e38f; }
.dash.todo.yellow .item:hover { background-color: #ebe693; }


.dash.todo.blue { background-color: #a7eeef; }
.dash.todo.blue .header { border-bottom: 1px solid #9fe1e2; }
.dash.todo.blue .item:hover { background-color: #a1e5e6; }


.dash.todo.red { background-color: #f0c4c4; }
.dash.todo.red .header { border-bottom: 1px solid #e4bbbb; }
.dash.todo.red .item:hover { background-color: #e7bdbd; }


.dash.todo.green { background-color: #aeefa7; }
.dash.todo.green .header { border-bottom: 1px solid #a6e5a0; }
.dash.todo.green .item:hover { background-color: #a6e6a0; }


.dash.todo.purple { background-color: #c8b8e4; }
.dash.todo.purple .header { border-bottom: 1px solid #c1b2dd; }
.dash.todo.purple .item:hover { background-color: #bfb0da; }


/* Notes */
.dash.note { position: absolute; background-color: #ffffcc; width: 350px; top: 200px; left: 1300px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.dash.note .header { height: 40px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
/*.dash.note .header:hover { background-color: #f2f2c2; }*/
.dash.note .content { position: relative; height: 13.4em; line-height: 1.21em; margin: 0 30px; cursor: text; word-wrap: break-word; overflow: hidden; }
/*.dash.note .content p { margin-bottom: 1.21em; }*/

.dash.note .content.form { background: none; cursor: default; }

.dash.note .content .inner { position: relative; top: 0; left: 0; background: transparent url('/assets/images/rows.gif') repeat left top; }

.dash.note .content.form .inner { background: none; }

.dash.note .options { margin-left: 5px; visibility: hidden; padding-top: 20px; }
.dash.note:hover .options { visibility: visible; }
.dash.note.editing:hover .options { visibility: hidden; }

.dash.note .counter,
.dash.note a:link,
.dash.note a:visited { font-family: Tahoma, sans-serif; font-size: 10px; text-transform: uppercase; text-decoration: none; color: #555; }

.dash.note a:hover,
.dash.note a:active,
.dash.note a:focus { color: #000; }

.dash.note .counter.full { color: #660000; }

.dash.note textarea { font-family: Tahoma, sans-serif; font-size: 14px; border: 1px solid #ccc; display: block; overflow: auto; resize: none; }

.dash.note .pagination { display: none; position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; }
.dash.note .pagination a { visibility: hidden; }

.dash.note:hover .pagination { display: block; }
.dash.note.editing:hover .pagination { display: none; }



/* Structs */
.dash.struct { position: absolute; background-color: #e2bb9e; width: 440px; top: 0px; left: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.dash.struct .handle { height: 40px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.dash.struct .handle:hover { background-color: #dbb395; }

.dash.struct .options { clear: left; padding-top: 30px; margin-left: 5px; visibility: hidden; }
.dash.struct:hover .options { visibility: visible; }

.dash.struct a:link,
.dash.struct a:visited { font-family: Tahoma, sans-serif; font-size: 10px; text-transform: uppercase; text-decoration: none; color: #555; }

.dash.struct a:hover,
.dash.struct a:active,
.dash.struct a:focus { color: #000; }

.dash.struct .item,
.dash.struct .item .wrap { height: 1.21em; }

.dash.struct .item { position: relative; background: transparent url('/assets/images/struct_rows.png') repeat left 0px; }
.dash.struct .item:hover { background-color: #dbb395; }
.dash.struct .item.header:hover { background: transparent url('/assets/images/struct_rows.png') repeat left 0px; }
/*.dash.struct .item.empty:hover .wrap { background-color: transparent; }*/

.dash.struct .item span { display: block; }

.dash.struct .item .checkbox { position: absolute; top: 6px; left: 0px; display: none; }
.dash.struct .item:hover .checkbox { display: inline; }
.dash.struct .item .wrap { float: left; width: 360px; margin-left: 20px; line-height: 1.21em; }
.dash.struct .item .title { float: left; }
.dash.struct .item .updated { float: right; }

.dash.struct .item.header .wrap { background: none; }

.dash.struct .item .edit { float: right; visibility: hidden; margin: 10px 4px 0 0; }
.dash.struct .item:hover .edit { visibility: visible; }

.dash.struct .item .save { float: right; margin: 10px 4px 0 0; }

.dash.struct .input { display: block; width: 200px; border: 1px solid #ccc; font-family: Tahoma, sans-serif; margin-top: 5px; }
.dash.struct .select { display: block; border: 1px solid #ccc; font-family: Tahoma, sans-serif; margin-top: 5px; } 



/* Box */
.box.outer { width: 500px; margin: 20px auto 0 auto; text-align: center; }
.box.inner { background-color: #3a3a3a; padding: 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: 'Lobster 1.3', 'Lobster', Tahoma, sans-serif; font-size: 24px; color: #eaeabd; text-align: left; }

.box .biglogo { margin-bottom: 35px; }

.box .caption { margin: 35px 0; font-family: 'Lobster 1.3', 'Lobster', Tahoma, sans-serif; font-size: 24px; color: #eaeabd; }

.box h1 { color: #99cc66; }
.box p { margin-top: 1em; }

.box .copyright { color: #5a5a5a; margin-top: 25px; font-size: 12px; }


/* Forms */
form.large .message { font-family: 'Lobster 1.3', 'Lobster', Tahoma, sans-serif; font-size: 24px; margin-bottom: 18px; text-align: center; }
form.large .message.error { color: #cc667e; }
form.large .message.success { color: #99cc66; }

form.large label { display: block; margin-bottom: 8px; font-family: 'Lobster 1.3', 'Lobster', Tahoma, sans-serif; font-size: 24px; color: #cc9966; text-align: left; }

form.large .input { background-color: #eaeabd; margin-bottom: 18px; padding: 7px; }
form.large .input input { display: block; width: 100%; padding: 0; border: none; background: none; color: #999; font-size: 24px; font-style: italic; }
form.large .input.error { border: 3px solid #cc667e; }

form.large .select { background-color: #eaeabd; margin-bottom: 18px; padding: 7px; }
form.large .select select { display: block; width: 100%; padding: 0; border: none; background: none; color: #999; font-size: 24px; font-style: italic; }
form.large .select.error { border: 3px solid #cc667e; }

form.large .submit { text-align: left; }
form.large .submit input { padding: 5px; background-color: #99cc66; font-family: 'Lobster 1.3', 'Lobster', Tahoma, sans-serif; font-size: 24px; color: #3a3a3a; border: none; border-right: 1px solid #333; border-bottom: 1px solid #333; cursor: pointer; }

#dashform { position: absolute; top: 0; left: 0; z-index: 10000; background: #fff; overflow: hidden; }
#dashform input { display: block; width: 100%; border: none; background: transparent; color: #666; font-size: 18px; font-family: inherit; }
#dashform textarea { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; min-width: 100%; min-height: 100%; border: none; background: transparent; color: #666; font-size: 18px; font-family: inherit; }


/* Settings */
#settings { width: 500px; margin: 160px auto 0 auto; text-align: center; }
#settings h1 { margin-bottom: 20px; color: #99ccff; }
#settings form { display: block; background-color: #3a3a3a; padding: 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }


/* Invite */
#invite { margin: 160px auto 0 auto; }
#invite h1 { margin-bottom: 20px; color: #99ccff; }
#invite .invites { font-family: Tahoma, sans-serif; font-size: 14px; }

#invite th,
#invite td { padding: 3px; }