/* **************************************** */
/* *        HTML Document Setup           * */
/* **************************************** */

/* Login Styles */
form#loginForm .formText {
    background-color: white;
}

/* Setting to ensure the page is starting at the upper left corner of the browser */

body {
    margin: 0;
    padding: 0;
    font-family: Arial;
}

/* Set all div's that have a role attribute */

div[role] {
    margin: 5px;
    padding: 5px 0px 5px 0px;
}

div#site-header {
    border-bottom: 1px solid #cccccc;
}

div#page-header {
    background-color: silver;
    border: 1px solid gray;
}

/* Side content styles */

div#side-content {
    margin: 0;
}
div#side-content fieldset {
    padding: 2px;
    border: 2px groove #cccccc;
    background-color: #eeeeee;
}
div#side-content label {
    display: block;
    padding: 1px .5em 1px .5em;
}
div#side-content legend {
    font-size: 108%;
    font-weight: bold;
    margin-left: .25em;
    padding-left: .5em;
    padding-right: .5em;
    background-color: #eeeeee;
    border-top: 0 groove #cccccc;
    border-left: 2px groove #cccccc;
    border-right: 2px groove #cccccc;
    border-bottom: 0 groove #cccccc;
}
div.breadcrums {
    margin: .5em .5em -1em .5em;
    padding: .25em;
    background-color: #eeeeee;
    border: 0;
}
div.breadcrums ul {
    margin: 0;
    display: inline;
}
div.breadcrums li {
    display: inline;
    padding: 0 5px 0 4px;
    border-right: 1px solid silver;
}
div.breadcrums li:last-child {
    display: inline;
    padding: 0 5px 0 4px;
    border-right: 0;
}
div.breadcrums li a {
    text-decoration: underline;
}

/* Put border around work area */

#doc3 {
    font-size: 108%;
    border: 5px solid #cccccc;
}

/* Site Header styles */

div#site-header {
    background-color: #EEEEE6;
}
div#site-header ul {
    margin: 0;
    display: inline;
}
div#site-header li {
    display: inline;
    padding: 0 5px 0 4px;
    border-right: 1px solid silver;
}
div#site-header li:last-child {
    display: inline;
    padding: 0 5px 0 4px;
    border-right: 0;
}

/* Setup the site footer styles */

div#page-footer {
    font-size: 85%;
    text-align: center;
    background-color: #EEEEE6;
    border: 1px solid #cccccc;
}
div#page-footer ul {
    display: inline;
}
div#page-footer li {
    display: inline;
    padding: 0 5px 0 4px;
    border-right: 1px solid silver;
}
div#page-footer li:last-child {
    display: inline;
    padding: 0 5px 0 4px;
    border-right: 0;
}
div#site-footer {
    padding: 0;
    font-size: 75%;
    text-align: center;
}

/* Main content styles */
div#main-content {
    overflow: visible;
    clear: both;
}
div#main-content div.help-popup {
    display: inline;
}

/* **************************************** */
/* *     General CSS Class Styles         * */
/* **************************************** */

/* Breadcrum styles */

.breadcrums {
    padding: 2px;
    font-size: 85%;
    background-color: #cccccc;
}
.breadcrums ul {
    display: inline;
}
.breadcrums li {
    display: inline;
}
.breadcrums li:last-child {
    border-right: 0;
}
.breadcrums a {
    color: black;
    text-decoration: none;
}
.breadcrums a:hover {
    text-decoration: underline;
}

.yuimenubar {
    margin: 0 5px 0 5px;
}

/* Alivecity UI layout styles */

.acui-container {
    overflow: auto;
}
.acui-left-fixed {
    float: left;
    width: 19em;
    margin: 0 -20em 0 0;
}
.acui-right-fixed {
    float: right;
    width: 19em;
    margin: 0 0 0 -20em;
}
.acui-left {
    float: left;
    margin: 0 20em 0 0;
}
.acui-right {
    float: right;
    margin: 0 0 0 20em;
}   
.rolloverText {
    color:#000000;
    font-size:75%;
    font-weight:normal;
}
.fieldPopup {
    background-color:#FFFFCC;
    border:1px solid #000000;
    font-size:85%;
}
.fieldPopupText {
    color:#000000;
    font-size:85%;
}

table td {
    border: 1px solid silver;
}
table th {
    border: 1px solid silver;
    background-color: #eeeeee;
}
/* **************************************** */
/* *       Form CSS Class Styles          * */
/* **************************************** */
.outer-container { 
    overflow: auto;
}
.outer-table {
    width: 100%;
    border: 2px solid silver;
    background-color: #EEEEE6;
}
.outer-table td.form-buttons {
    border: 2px solid silver;
    padding: .5em;
}
.outer-table td {
    border: 0;
}
.outer-table .outer-actions {
    margin-right: 1em;
    margin-bottom: .25em;
    display: inline; 
    float: right;
}
.inner-table {
    width: 98%;
    margin: 3px 1% 3px 1%;
    background-color: white;
}
.inner-table thead {
    border: 1px solid gray;
}
.inner-table thead td {
    text-align: left;
    background-color: silver;
}
.inner-table tr td {
    border: 0;
    border-bottom: 1px solid silver;
}
.inner-table tr:last-child td {
    border: 0;
}
.inner-table tr td.formText {
    border-right: 1px solid silver;
}

.thinBorder {
    width: 98%;
    margin: 3px 1% 3px 1%;
    background-color: white;
}
.thinBorder thead {
    border: 1px solid gray;
}
.thinBorder thead td {
    text-align: left;
    background-color: silver;
}
.thinBorder tr td {
    border: 0;
    border-bottom: 1px solid silver;
}
.thinBorder tr:last-child td {
    border: 0;
}
.thinBorder tr td.formText {
    border-right: 1px solid silver;
}

.form-buttons {
    width: 100%;
    text-align: right;
    margin: 0 1em 1em 0;
}
.form-buttons a {
    text-decoration: none;
}

.formInfo {
    color: blue;
}
.formWarning {
    color: orange;
}
.formError {
    color: red;
}
.errorRedHelp { 
    color: #990000; 
    text-decoration: underline; 
}
.errorRedNoHelp { 
    color: #990000; 
}

.basicText {
	color: #333333;
}
.formText {
    text-align: right;
}
.formValues {
	color: #333333;
}
.commentText {
	font-size: 76%;
	color: #999999;
}
.required {
	font-size: 85%;
	color: #FF0000;
}
.termsLink {
	color: #666666;
	line-height: 15px;
}
.termsLink:hover {
	color: #FF9900;
}
.textHdr {
	font-weight: bold;
	color: #666666;
}
.description {
	color: #666666;
}
.rolloverText {
	font-size: 76%;
	font-weight: normal;
	color: #000000;
}

.fieldPopup { 
    border: 1px solid black; 
    background-color:#FFFFCC;
}
.fieldPopupText {
    color: black;
}

td.formText {
    background-color: #eeeeee;
}
.tdHeader { 
    font-weight:bold; 
    color:#666666; 
}
.tdHeaderSortable { 
    font-weight:bold; 
    color:#6666CC; 
}
.buttonstyle { 
	margin:3px;
	border-top: 1px solid #EEEEEE; 
	border-left: 1px solid #EEEEEE; 
	border-right: 1px solid #666666; 
	border-bottom: 1px solid #666666; 
	color: #666666;
}

input[type='reset'] {
	margin:3px;
	border-top: 1px solid silver; 
	border-left: 1px solid silver; 
	border-right: 1px solid gray; 
	border-bottom: 1px solid gray; 
	color: #666666;
}
input[type='submit'] {
	margin:3px;
	border-top: 1px solid silver; 
	border-left: 1px solid silver; 
	border-right: 1px solid gray; 
	border-bottom: 1px solid gray; 
	color: #666666;
}
input[type='button'] {
	margin:3px;
	border-top: 1px solid silver; 
	border-left: 1px solid silver; 
	border-right: 1px solid gray; 
	border-bottom: 1px solid gray; 
	color: #666666;
}
button {
	margin:3px;
	border-top: 1px solid silver; 
	border-left: 1px solid silver; 
	border-right: 1px solid gray; 
	border-bottom: 1px solid gray; 
	color: #666666;
}

#excluded {
	text-decoration:none;
	color:gray;
}
#excludedAffectingChildren {
	text-decoration:none;
	color:red;
}
#notExcluded {
	text-decoration:none;
	color:black;
}

/* Local tasks displayed */
div#local-task {
    display: inline;
    border: 1px solid gray;
    padding: 10px;
    margin: 1px;
}
div#local-task img {
    vertical-align: middle;
    margin-right: 6px;
}