/* --------------- Styles for common HTML elements --------------- */

body {
    margin: 0px;
    font-family: Arial, Sans-Serif;
    color: #3E3E3E;
    background-color: #FFFFFF;
    vertical-align: top;
	font-size: 12px;
}

td {
    margin: 0px;
    font-family: Arial, Sans-Serif;
    color: #3E3E3E;
    background-color: inherit;
    vertical-align: top;
}

ul {
    margin-top: 0px;
}

pre {
    font-size: small;
    font-family: courier, courier-new, monospace;
}

img {
    vertical-align: middle;
    border-style: none;
}

a            { color: #6B7DD1; background-color: inherit; cursor: pointer; text-decoration: underline; }
a:link       { color: #6B7DD1; background-color: inherit; cursor: pointer; text-decoration: underline; }
a:visited    { color: #6B7DD1; background-color: inherit; cursor: pointer; text-decoration: underline; }
a:active     { color: #6B7DD1; background-color: inherit; cursor: pointer; text-decoration: underline; }
a:hover      { cursor: pointer; text-decoration: underline; }

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #3C82BA;
	background-color: inherit;
}

/* ---------------  Float Pictures Left & Right with Spacing Elements ---------------- */

.floatimgleft {
	float:left;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
}

.floatimgright {
	float:right;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
}



/* ---------------  Used in the Site ---------------- */

/* Header & Footer */

#wrapper1 {
    position:relative;
/*    text-align:left; */
    width:100%;
    color: inherit;
    background:#FFF url("../images/rightcolor_bg.gif") repeat-y top right;
}

#wrapper2 {
    position:relative;
/*    text-align:left;*/
    width:100%;
    background:url("../images/leftcolor_bg.gif") repeat-y top left;
}

#header {
    background:#FFFFFF;
    padding:10px;
    margin:0;
/*    text-align:center;*/
/*    color:#FFF;*/
    color: inherit;
}

#header h1 {
    font-size:200%;
}

#header a:hover {
    color:#7A2875;
    background-color: inherit;
}

#content {
    position: relative;
/*    text-align: justify; */
    margin: 0;
    padding: 10px;
}

#left_bar { 
    position: relative;
    top: -10px;
    left: -10px;
    float: left;
/*    width: 220px;  *//* for IE5/WIN */
/*    voice-family: "\"}\"";*/
    voice-family: inherit;
    width: 200px; /* actual value */
    margin: 0 0 -10px 0;
    padding: 10px;
    background: #ECB9E8;
    z-index: 2;
    color: inherit;
}

#right_bar {
    position:relative;
    top:-10px;
    right:-10px;
    float:right;
/*    width:220px;  *//* for IE5/WIN */
/*    voice-family: "\"}\"";*/
    voice-family:inherit;
    width:200px; /* actual value */
    margin:0 0 -10px 0;
    padding:10px;
    background: #D7C4FA;
    z-index: 1;
    color: inherit;
}

#centercol {
    position:relative;
    padding:0 240px;
}

#centercol a {
    color:#666;
    background-color: inherit;
}

#centercol a:hover {
    border-bottom:1px solid;
    color:#9343B9;
    background-color: inherit;
}

#footer {
    position:relative;
    top:1px;
    width:100%;
    clear:both;
    margin:0;
    padding:1% 0;
/*    text-align:center;*/
    color:#CCC;
    background-color: inherit;
}


/* ---------------- forms ------------------------ */

form {
    border: none;
    margin: 0;
    display: inline;
}

textarea.edit {
    font-family: monospace;
    border: 1px solid #8CACBB;  
    color: Black;
    background-color: white;
    padding: 3px;
    width:100%;
}

input.edit,select.edit {
    border: 1px solid #8CACBB;
    color: Black;
    background-color: white;
    vertical-align: middle;
    padding: 1px;
    display: inline;
}

input.checkbox {
    border: 1px solid #8CACBB;
    background-color: white;
    vertical-align: middle;
    padding: 1px;
    display: inline;
    color: inherit;
}

input.missing {
    border: 1px solid #8CACBB;
    height: 18px !important;
    max-height: 22px !important;
    min-height: 22px !important;
    color: Black;
    background-color: #ffcccc;
    vertical-align: middle;
    padding: 1px;
    display: inline;
}

input.button {
    border: 1px solid #1A1A1A;  
    color: Black;
    background-color: white;
    vertical-align: middle;
    text-decoration:none;
    cursor: pointer;
    height: 22px !important;
    max-height: 22px !important;
    min-height: 22px !important;
    margin: 1px;
    display: inline;
/*    white-space: nowrap;*/
}

input.button:hover {
    border: 1px solid #1A1A1A;  
    color: Black;
    background-color: #EBEBEB;
    vertical-align: middle;
    text-decoration:none;
    cursor: pointer;
/*    height: 22px !important; */
    max-height: 22px !important;
    min-height: 22px !important;
    margin: 1px;
    display: inline;
/*    white-space: nowrap; */
}

a.button {
    border: 1px solid #1A1A1A;  
    background-color: white;
    vertical-align: middle;
/*    text-align: center; */
    text-decoration:none;
    cursor: pointer;
/*    height: 22px !important;*/
    max-height: 22px !important;
    min-height: 22px !important;
    display: inline;
    margin-top: 0;
    margin-bottom: .2em;
    padding: 2px;
/*    white-space: nowrap;*/
    color:inherit;
}

a.button:hover {
    border: 1px solid #1A1A1A;
    background-color: #EBEBEB;
    vertical-align: middle;
/*    text-align: center; */
    text-decoration:none;
    cursor: pointer;
/*    height: 22px !important;*/
    max-height: 22px !important;
    min-height: 22px !important;
    display: inline;
    margin-top: 0;
    margin-bottom: .2em;
    padding: 2px;
/*    white-space: nowrap;*/
    color:inherit;
}


/* --------------- AJAX Boxes --------------- */

a.nav        { color: #6B7DD1; background-color: inherit; cursor: pointer; text-decoration: none; }
a.nav:hover  { color: #6B7DD1; background-color: inherit; cursor: pointer; text-decoration: underline; }
a.act        { color: #6B7DD1; background-color: inherit; cursor: pointer; text-decoration: none; }
a.act:hover  { color: #6B7DD1; background-color: inherit; cursor: pointer; text-decoration: underline; }

.row-normal    { background-color: #FFFFFF; color:inherit;}
.row-highlight { background-color: #E8E9FD; color:inherit;}

.topmenu-item {
    font-size: smaller;
    color: #3E3E3E;
    vertical-align: middle;
    margin: 0px;
    padding: 2px 4px;
    background-color: inherit;
}

.qf-search-line {
    color: #000000;
    background-color: inherit;
    vertical-align: top;
    font-size: smaller;
    margin: 0px;
    padding-top:    2px;
    padding-bottom: 2px;
    padding-left:   4px;
    padding-right:  4px;
}

/* Start Menu */
div.wwTT_menu {
    border: 1px solid #333367;
    background-color: #333366;
    color:inherit;
}
div.wwTT_menu .row {
    font-size: 10px;
    font-family: Verdana, Helvetica, sans-serif;
    vertical-align: middle;
    padding: 2px;
    color: #4A4A4A;
    background-color: #F1F1FF;
    border-bottom: 1px solid #E3E3F0;
}
div.wwTT_menu .hovered {
    font-size: 10px;
    font-family: Verdana, Helvetica, sans-serif;
    vertical-align: middle;
    padding: 2px;
    color: #ECECEC;
    background-color: #7392DC;
    border-bottom: 1px solid #E3E3F0;
}

/* Quick Filter Style */
div.wwTT_qf {
    background-color: #A6C3F5;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
    font-family: "Trebuchet MS", sans-serif;
    left: 0;
    top: 0;
    position: absolute;
/*    text-align: left; */
    z-index: 20;
    padding: 4px;
/*    -moz-border-radius: 4px;*/
}
div.wwTT_qf .contents {
    margin: 0;
    padding: 0 3px;
}

.table-tab-active {
    font-size: 10pt;
/*    white-space: nowrap;*/
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle;
    background-color: #E5E3F0;
    border-right: 1px solid #1A1A1A;;
    padding: 2px 5px;
    color:inherit;
}

.table-tab-inactive {
    font-size: 10pt;
/*    white-space: nowrap;*/
    cursor: pointer;
    font-weight: normal;
    vertical-align: middle;
    background-color: #FFFFFF;
    border-right: 1px solid #1A1A1A;;
    padding: 2px 5px;
    color:inherit;
}

input.filter {
    font-size: 12px;
    border: 1px solid #8CACBB;
    color: #000000;
    background-color: white;
    vertical-align: middle;
    display: inline;
    padding: 2px;
    margin: 2px;
}

.act-box { background-color: #E9FFE1; color:inherit;}

.list-box {
    background-color: #ffffff;
    border-top: 1px solid #1A1A1A;
    margin-bottom: 0.2em;
    color:inherit;
}

.list-header {
    background-color: #F2F2F2;
    border-bottom: 1px solid #1A1A1A;
    margin: 0px;
    padding: 2px 5px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
    color:inherit;
}

.list-row {
    border-bottom: 1px solid #1A1A1A;
    margin: 0px;
    padding: 2px 5px;
    white-space: nowrap;
    font-size: 12px;
}





/* ---------------------------- Misc --------------------------*/

.padding {
    font-size: small;
    margin: 0px;
    padding-top:    2px;
    padding-bottom: 2px;
    padding-left:   4px;
    padding-right:  4px;
}

.hidden  { visibility:hidden; display:none; }