/*
 *  Contains General Styling Information, these things apply throughout the
 *  entire web application.
 */


body {
    text-align: center;

    background-image: url("../images/fade2.png");
    background-repeat: repeat-x;

    padding: 0;
    margin: 0;
}

#myLogger {
	position: absolute;
	top: 4em;
	right: 3em;	
	
	width: 400px;
	font-size: 120%;
}

ul {
    margin: 0;
}

ul li {
	list-style: none;

	margin: 0;
	padding: 0;
}

a {
    text-decoration: none;
    font-weight: normal;
    color: #004080;
}
a:HOVER {
    color: #004080;
}
a:VISITED {
    color: #004080;
}
.ui-button{
    font-size: 80%;
}


.labelLink {
    color: inherit;
}
.labelLink:HOVER {
    color: inherit;
}
.labelLink:VISITED {
    color: inherit;
}


.tableFooter {
    font-size: 80%;
}
.tableStats{
    float: left;
    text-align: left;
}
.pagingOptions{
    text-align: right;
}
.pagingOptions:HOVER {
    font-size: 120%;
}


.requiredFieldLabel {
    font-weight: bold;
}
.requiredFieldLabel:after {
    content: " *";
    color: red;
}

.iCheckbox {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
}


.helpNotifier {
    padding-left: 15px;
    background-image: url('../images/help.png');
    background-repeat: no-repeat;
    background-position: top left;
}

.emailAddressView {
    color: #004080;
}

.pageTitle {
    font-size: 140%;
    font-weight: bold;

    color: #008000;
    /*text-shadow: #DDD 1px 1px 1px;*/
    /*color: #804000;*/
    text-shadow: #DDD 1px 1px 1px;
    
    margin-top: 0;
    margin-bottom: 0.1em;
}

.pageDescription {
    font-size: 80%;
    margin-left: 0.1em;
    color: #555;
}
.pageSection {
    margin-top: 4em;
}
.pageContents{

}

.clearer {
    clear: both;
}

.errorInput {
    background-color: rgb(255, 240, 240);
}
.errorText {
    color: rgb(150, 0, 0);
}
.successText {
    color: #008000;
}

.successMessage {
    border:  1px solid #008000;
    color: #008000;
    padding: 0.5em;
    background-color: #EEE;
}

.errorMessage {
    color: rgb(150, 0, 0);
    border:  1px solid rgb(150, 0, 0);
    padding: 0.5em;
    background-color: #EEE;
    margin-bottom: 1em;
    margin-right: 0.5em;
}

.commentDirectedToUser {
    background-color: #e9fce9;
}
.commentDirectedToOthers {
    background-color: #f1f1f1;
}
.undirectedComment {
    background-color: #ffe6e6;
}


.pageControlsTable,
.pageControlsTable tr,
.pageControlsTable td {
    border: none;
}
.pageControlsTable {

}
.pageControlsTable td {
    padding: 2px;
}
.pageInformation {
}
.pageControlsTable td.pageLinks {
    text-align: right;
    padding-right: 1em;
    font-weight: bold;
}
.pageControlsTable td.pageLinks a{
    font-weight: bold;
}
.pageControlsTable td.pageLinks a,
.pageControlsTable td.pageLinks span.currentPage {
    margin-right: 5px;
}

.buttonsContainer {
    margin-top: 1em;
}


.ctrlHidden, .ctrlVisible {
    padding-left: 20px; 
    background-repeat: no-repeat;
    background-position: 0px 3px;
}
.ctrlHidden {
    background-image: url('../images/collapse1.png');
}
.ctrlVisible {
    background-image: url('../images/expand1.png');
}

.ctrlHiddenTree, .ctrlVisibleTree {
    padding-left: 20px; 
    background-repeat: no-repeat;
    background-position: 0px -1px;
}
.ctrlHiddenTree {
    background-image: url('../images/tree-close.gif');
}
.ctrlVisibleTree {
    background-image: url('../images/tree-open.gif');
}
.ctrlHiddenTreeH3, .ctrlVisibleTreeH3 {
    padding-left: 20px; 
    background-repeat: no-repeat;
    background-position: 0px -4px;
}
.ctrlHiddenTreeH3 {
    background-image: url('../images/tree-close.gif');
}
.ctrlVisibleTreeH3 {
    background-image: url('../images/tree-open.gif');
}




.pageCtrl {
    margin-right: 1em;  
}
.pageCtrl:HOVER {
    color: blue;    
}
.firstCtrl {}
.prevCtrl {}
.nextCtrl {}
.lastCtrl {}



.mime_container {
    background-position: top left;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.mime_unknown { background-image: url('../images/mime/unknown.png'); }
.mime_dwf { background-image: url('../images/mime/dwf.png'); }
.mime_dwg { background-image: url('../images/mime/dwg.png'); }
.mime_excel { background-image: url('../images/mime/excel.png'); }
.mime_image { background-image: url('../images/mime/image.png'); }
.mime_pdf { background-image: url('../images/mime/pdf.png'); }
.mime_word { background-image: url('../images/mime/word.png'); }
.mime_archive { background-image: url('../images/mime/zip.png'); }


/* ------------ bread crumbs ------------ */
.breadCrumbs {
    margin-bottom: 1em;
    font-size: 90%;
}
.breadCrumbList {
    
}
.breadCrumbListItem {
    display: inline;
    margin-left: 0;
}
.breadCrumbNeedsTrail{
    padding-left: 20px;
    background-image: url('../images/bread-crumb-separator.png');
    background-repeat: no-repeat;
    background-position: top left;  
}
.breadCrumbLink {
        
}
/* ------------ ! bread crumbs ------------ */




.bondTableActionCell { width: 35px; }
.bondTableTypeCell { width: 60px; }
.bondTableAmountCell { width: 90px; }
.bondTableCreatedCell { width: 75px; }
.bondTableExpiresCell { width: 75px; }
.bondTableCommentCell {
    white-space: nowrap;
    width: auto;
    overflow: hidden;
}

.bondActionIconLink {
    float: left;
}

.formField2 {
    clear: both;
}
.formField2 label {
    width: 120px;
    float: left;
}
.formField2 input {
}
.bondFormContainer {
    margin-top: 1em;
    margin-bottom: 1em;
}



/* ------------  Department Pages  ------------ */

/* ------------  ! Department Pages  ------------ */


/* ------------  Project Type Pages  ------------ */
.projectTypeInfo {
    margin-bottom: 2em;
}
.projectTypeLabel{
    font-weight: bold;
}
.projectTypesAssociateDeptTable {
    border: none;
    table-layout: fixed;
    width: 390px;
}
.projectTypesAssociateDeptTable tr { border: none; }
.projectTypesAssociateDeptTable tr td { border: none; }
.projectTypesAssociateDeptTable tr td select {
    width: 150px;
}
.projectTypesDeptCol {
    width: 155px;
}
.projectTypesActionCol {
    padding-left: 1em;
    padding-right: 1em;
    width: auto;
}
.projectTypeAssociateButton {
    margin-top: 1em;
}
/* ------------  ! Project Type Pages  ------------ */

/* ------------  User Administration Pages ------------ */
.userViewPageFieldset {
    float: left;
    width: 250px;
    margin-right: 2em;
}
.userEditPageFieldset {
    float: left;
    width: 275px;
    margin-right: 2em;
}
.userEditPageFieldset label {
    width: 80px;
    float: left;
}

.GovUserListTable td,
.UserListTable {
    text-overflow: clip;
    overflow: hidden;
}
.GovUserListAdminCol { width: 45px; text-align: center;}
.GovUserListValidCol {width: 45px; text-align: center;}
.GovUserListUserIdCol { width: 75px;}
.GovUserListNameCol { width: 150px;}
.GovUserListDeptCol { width: 100px; }
.GovUserListEmailCol {
    width: auto;
}


.UserListValidCol {width: 45px; text-align: center;}
.UserListUserIdCol {width: 75px;}
.UserListNameCol {width: 135px;}
.UserListCompanyCol {width: 135px;}
.UserListPhoneCol {width: 90px;}
.UserListEmailCol {width: auto}

/* ------------  !User Administration Pages ------------ */

/* ------------  Checklist Model Administration Pages ------------ */
.checklistItemsContainer {

}
.checklistItem {
    border-bottom: 1px solid #AAA;
    padding-top: 5px;
    padding-bottom: 5px;
}
.checklistItemEven {
    background-color: #EEE;
}
/* ------------  !Checklist Model Administration Pages ------------ */


.personalInfoFormRow li {
    list-style: none;
    margin-left: 0;
}






.openFileBucketList {

}

.openFileBucketList li {
    margin-bottom: 1em;
}

.openFileBucketList .bucketName {
    font-weight: bold;
}
.openFileBucketList .bucketDescription {
    color: #777;
    font-size: 80%;
}