html {
    padding: 0;
    margin: 0;
}
body
{
    font-size: .75em;
    margin: 0;
    padding: 0;
    font-family: Tahoma, Geneva, sans-serif;
    text-align:center; /* centering for IE */
    background-color:#848684;
}

header,
footer,
nav,
section {
    display: block;
}


/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-family: Tahoma, Geneva, sans-serif;
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-style: normal;
    color: #9abb12;
}

.altheading h1, .altheading h2, .altheading h3, .altheading h4, .altheading h5, .altheading h6
{
    font-family: Courier New, Courier New, monospace;
    font-weight: bold;
}

h1
{
    font-size: 4.125em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    font-size: 3.313em;
}
h3 {
    font-size: 2.778em;
}
h4
{
    font-size: 2.438em;    
}
h5
{
    font-size: 2.25em;
}
h6
{
    font-size: 1.5em;
}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:#ff0000;
}

.warning
{
    color:#695800;
}

.warning-box 
{
    background-color: #EFC82D;
    color: #FFFFFF;
    display: inline-block;
    padding: 4px;
    -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; 
    -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
    font-size: 0.917em;
    line-height: 1em;
}

.error-box 
{
    background-color: #F23232;
    color: #FFFFFF;
    display: inline-block;
    padding: 4px;
    -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; 
    -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
    font-size: 0.917em;
    line-height: 1em;
}

.png {
    behavior: url(/Content/Styles/iepngfix.htc);
}

.required {
}

.required-asterisk {
    color: #ff0000;
    padding-left: 0.3em;
}

.inline-list, .inline-list li
{
    display: inline;
    margin: 0;
    padding: 0;    
    list-style: none;
}

.unstyled-list, .unstyled-list {
    list-style: none;
    margin: 0;
    padding: 0;    
}

.padded-list {
}

.padded-list li {
    padding: 0.3em 0;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.top {
    vertical-align: top;
}

.middle {
    vertical-align: middle;
}

.bottom {
    vertical-align: bottom;
}

.centered {
    margin: 0 auto;
}

.heading 
{
    padding: 0 0 .2em 0;
    border-bottom: solid #9abb12 1px; 
}

.heading h5
{
    background-color: #f5f8e7;
    padding: .1em 0 .1em 0;
}

.inline-block {
    display: inline-block;
}

.inline-block-padded {
    display: inline-block;
    padding-left: 0.7em;
}

.stressed, text-bold {
    font-weight: bold;
}

.table-small-padding td {
    padding: 0.3em
}

.hint {
    font-size: 0.917em;
    line-height: 1em;
    color: #808080;
}

.small-text {
    font-size: 0.917em;
    line-height: 1em;
}

.nowrap {
    white-space: nowrap;
}

.normal-wrap {
    white-space: normal;
}

.padded-pane {
    padding: 1em;
}

.padded-pane-half {
    padding: 0.5em;
}

.text-color {
    color: #000000;
}

.padded-right {
    padding-right: 0.3em;
}

.padded-left {
    padding-left: 0.3em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#page
{
    padding: 0;
    margin:0 20px; /* centering for the rest */
    min-width: 1006px;
    background-color: #ffffff;
	border-bottom:solid 1px #808080;
	border-right:solid 1px #808080;
	border-left:solid 1px #808080;
    display: inline-block;
}


#inner_page {
    border-bottom:solid 1px #dedede;
	border-right:solid 1px #dedede;
	border-left:solid 1px #dedede;
    margin: 0px 3px 5px 3px;
    display: inline-block;
}

/* MAIN SECTION
----------------------------------------------------------*/

#main
{
    margin: 0 auto; /* centering for the rest */
/*
    min-height: 600px;    
    /*FOR IE!1!
    height:expression(this.scrollHeight < 600? "600px" : "auto");
*/
    text-align: left;
}

#main.main-bg {
    background: url(images/main_bg.png) top left repeat-x;
    padding-top: 15px;
}

#main.main-w-filter
{
    margin: 0 auto; /* centering for the rest */
    padding-top: 0px;
    text-align: left;
}


#main_pane {
    padding: 1em;
}
/* JSTREE
----------------------------------------------------------*/

#vakata-contextmenu {
    text-align: left;
}


/* Autocomplete
----------------------------------------------------------*/
.ui-autocomplete {
    text-align: left;
}

/* Growl
----------------------------------------------------------*/
div.growlUI { background: url(CRUD/ok.gif) no-repeat 0px 0px }
div.growlUI h1, div.growlUI h2 {
	color: white; padding: 5px 5px 5px 75px; text-align: left
}

/* Watermark
----------------------------------------------------------*/
.watermark
{
	/*color: Gray !important;*/
}

/* Category
----------------------------------------------------------*/

.category {
    background-color: #666666;
    color: #FFFFFF;
    display: inline-block;
    padding: 4px;
    -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; 
    -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
    font-size: 0.917em;
    line-height: 1em;
}

.alt-category {
    background-color: #5F9EA0;
    color: #FFFFFF;
    display: inline-block;
    padding: 4px;
    -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; 
    -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
    font-size: 0.917em;
    line-height: 1em;
}

.overdue {
    background-color: #f23232;
    color: #FFFFFF;
    display: inline-block;
    padding: 4px;
    -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; 
    -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
    font-size: 0.917em;
    line-height: 1em;
}

/* TABLE
----------------------------------------------------------*/

table
{
    border-collapse: collapse; /* 'cellspacing' equivalent */
    border: 0;
}

table td, table th
{
    padding: 0; /* 'cellpadding' equivalent */
}


/* FILTER
----------------------------------------------------------*/
.filter
{
	background-color:#ADDD19;
	color: #000000;
    margin: 0 0 0 0;
    padding: 0.3em;
}

.filter a, .filter a:link, .filter a:visited, .filter a:active
{
    color: #000000;
}

.filter a:hover
{
	color:#ADDD19;
	background-color: #000000;	
	text-decoration: none;
}

/* TWITTER 
----------------------------------------------------------*/
#twtr-widget-1 .twtr-tweet a:hover {
    background-color: #174D82 !important;
    color: #FFFFFF !important;
}

/* FEEDBACK NOTES
----------------------------------------------------------*/
#feedback_notes_pane textarea {
    height: 15em;
}