/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

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 {
	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; background: #fff; margin:1.5em 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }















/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]

   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb

-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights
   and vertical margins are automatically calculated from this.
   The percentage is of 16px (0.75 * 16px = 12px). */

/* -spunky */
.project_open { color: green; }
.project_frozen { color: blue; }
.project_draft { color: #FF6600; }
.project_closed { color: red; }

body { font-size: 75%; }


/* Default fonts and colors.
   If you prefer serif fonts, remove the font-family
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */

body {
  color: #222;
  font-family: Arial, Verdana, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
  color: #111;
  font-family: Arial, Verdana, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 2em; margin-bottom: 0.75em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus,
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; }

/* Aligns an element perfect in the middle of a cell */
table .middle { text-align: center; vertical-align: middle; } 


/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

















.status_box {
	padding:5px;
	margin-bottom: 15px;
	background:#FFF bottom center repeat-x;
	border:1px solid;
	white-space:normal;
}
.status_box h6 {
	text-align:left;
	font-size:1.0em;
	font-weight:bold;
	margin: 5px auto 5px 5px;
}
.status_box ul {
	text-align:left;
	margin: 0;
	padding-left: 30px;
	color: #000;
}
.status_box ul li { list-style:disc; }
.status_box.info {
	border-color: #33CCFF;
	background-image:url('../images/bg_info.gif');
}
.status_box.info h6 { color: #33CCFF; background: url(../icons/information.png) no-repeat 0px 50%; padding-left: 25px; }
.status_box.success {
	border-color: #00CC00;
	background-image:url('../images/bg_success.gif');
}
.status_box.success h6 { color: #00CC00; background: url(../icons/accept.png) no-repeat 0px 50%; padding-left: 25px; }
.status_box.warning {
	border-color: #FF6600;
	background-image:url('../images/bg_warning.gif');
}
.status_box.warning h6 { color: #FF6600; background: url(../icons/error.png) no-repeat 0px 50%; padding-left: 25px; }
.status_box.error {
	border-color: #FF0000;
	background-image:url('../images/bg_error.gif');
}
.status_box.error h6 { color: #FF0000; background: url(../icons/exclamation.png) no-repeat 0px 50%; padding-left: 25px; }






.treeview,
.treeview ul {
    list-style: none;
    list-style-image: none;
    margin: 0px;
    padding-left: 16px;
}
    
.treeview .hitarea {
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -16px;
    cursor: pointer;
}

.treeview .expandable { background: transparent url(../icons/bullet_toggle_plus.png) no-repeat; }
.treeview .collapsable { background: transparent url(../icons/bullet_toggle_minus.png) no-repeat; }


/*.fileview ul { padding-left: 16px; }
.fileview li { line-height: 20px; }  

.treeview span { padding-left: 20px; }
.treeview span.node { background: transparent url(../icons/folder.png) no-repeat; }
.treeview span.leaf {background: transparent url(../icons/page.png) no-repeat; }*/











/* spunky */
/* BUTTONS */

.button_self img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
.buttons a, .buttons button {
    display:block;
    float:left;
}
.buttons a, .buttons button, .button_self{
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 6px 7px; /* IE6 */
}
.button_self {
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type], {
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img, .button_self img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}











/* -------------------------------------------------------------- 
   
   forms.css
   * Allows the creation of vertical and horizontal forms
   * Allows sets up basic input element styles
   
-------------------------------------------------------------- */

/* Basic form styles */       
form ol { margin: 0px; padding: 0px; list-style-type: none; }  
form li { display: block; padding: 0.2em; }       
form label { display: block; font-weight: bold; } 
form em { color: red; background-color: #fff; }   
       
/* Input elements */
form input.text, form textarea { width: 20em; }
form select { width: 15em; }
form input.file { width: 20em; }

/* Special readonly style */
form .readonly { background-color: #E0DFE3; color: #99968A; }

/* Form rows */
form.horizontal li label { display: -moz-inline-box; width: 15em; vertical-align: top; }  
* form.horizontal li label { display: inline-block;  }
form.superhorizontal li label { display: -moz-inline-box; width: 25em; vertical-align: top; height: auto; }  
* form.superhorizontal li label { display: inline-block; margin-bottom:10px; }

/* Checkbox row */
/*
form.vertical li.checkbox span { display: inline; }
form.horizontal li.checkbox label { display: inline; width: 90%; }
form.horizontal li.checkbox span { display: inline; }
*/

/* Submit Button Area */
form.vertical li.submit { text-align: center; }  
form.horizontal li.submit { margin-left: 15em; } 
form.superhorizontal li.submit { margin-left: 25em; } 
form.superhorizontal textarea { overflow:hidden; width:63%; }