.pageContent {
   margin: 0 auto 10px auto;
   overflow: auto;
   width: 1240px;
   border-radius: 10px;
   background-color: Black;
   padding: 10px;
   color: White;
}

.bigPageContent {
   /*margin: 10px auto 30px auto;*/
   margin: 0 auto 10px auto;
   overflow: auto;
   line-height: 18px;
   width: 98%;
   border-radius: 10px;
   background-color: Black;
   padding: 10px;
   color: White;
}

.pageTitleDay {
   float: right;
   margin-right: 4px;
}

.topBox {
   margin-top: 10px;
   background-color: #d8d8d8;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   height: 40px;
}

.topBoxCalendar {
   margin-top: 10px;
   background-color: #d8d8d8;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   height: 20px;
}

.bodyContainer {
   padding: 10px;
   background-color: White;
   color: Black;
   overflow: auto;
}

.mainContainer {
   padding: 0px;
   background-color: White;
   color: Black;
   overflow: auto;
}

.bottomBox {
   background-color: #d8d8d8;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   height: 40px;
}

.buttonsArea {
   clear: both;
   margin-top: 5px;
   margin-left: 15px;
   float: left;
}
	.buttonsArea a {
		color: black;
		text-decoration: none;
	}

.imageButton {
   margin-left: 2px;
}

.labelCssClass {
   color: #ffffff;
}

.pagerCssClass {
   color: #000000;
}

.sectionViewFields {
   overflow: auto;
   background-color: #ffffff;
   color: #000000;
   padding: 10px;
}

.sectionUpdateFields {
   overflow: auto;
   background-color: #ffffff;
   color: #000000;
   padding: 10px;
}

.formField {
   clear: both;
   padding: 0;
   margin: 4px 0 4px 0;
   overflow: hidden;
}

.formFieldFloat {
   float: left;
   padding: 0;
   margin: 4px 0 4px 0;
   overflow: hidden;
   width: 450px;
}

.formFieldFloatClear {
   clear: left;
   float: left;
   padding: 0;
   margin: 4px 0 4px 0;
   overflow: hidden;
   width: 450px;
}

.formLeftLabel {
   clear: left;
   float: left;
   padding: 0;
   width: 180px;
   /*font-size: 8pt;*/
   font-size: 12px;
   /*color: Gray;*/
   color: black;
   text-align: right;
   padding-right: 10px;
}

.formLeftLabelTextBox {
   clear: left;
   float: left;
   padding: 0;
   width: 120px;
   /*font-size: 8pt;*/
   font-size: 12px;
   /*color: Gray;*/
   color: black;
   text-align: right;
   padding-right: 10px;
}

.formLeftLabelTextBoxFilter {
   clear: left;
   float: left;
   padding: 0;
   width: 120px;
   text-align: right;
}

.formLabel {
   float: left;
   padding: 0;
   /*font-size: 8pt;*/
   font-size: 12px;
   /*color: Gray;*/
   color: black;
   text-align: right;
   padding-right: 10px;
}

hr {
   width: 99%;
   text-align: left;
}

.loginBack {
   width: 321px;
   height: 223px;
   background-color: Transparent;
   background-image: url(images/Login.png);
   background-repeat: no-repeat;
   background-position: left top;
   margin-left: auto;
   margin-right: auto;
   margin-top: 150px;
}

.termOfUse {
   clear: both;
   width: 341px;
   margin-left: auto;
   margin-right: auto;
   padding-right: 50px;
}

.loginContent {
   padding-top: 15px;
   padding-left: 25px;
}

.loginContentText {
   padding-top: 25px;
   padding-left: 25px;
}

.userAuth ul {
   margin: 0 0 0 15px;
   padding: 0;
}

.formLeftLabelFieldSet {
   clear: left;
   float: left;
   padding: 0;
   width: 120px;
   /*font-size: 8pt;*/
   font-size: 12px;
   color: White;
   text-align: right;
   padding-right: 10px;
}

.buttonsLabel {
   color: #f1f1f1;
}

.UnderLineWhileOver:hover {
   text-decoration: underline;
}

.AssignmentStatus {
   padding-left: 15px;
}

.statusbuttoncontainerdisabled {
   float: left;
   width: 120px;
   height: 30px;
   padding-top: 10px;
   padding-left: 5px;
   margin-left: 10px;
   border-radius: 7px;
   background-color: #d8d8d8;
}

.statusbuttoncontainercurrent {
   float: left;
   width: 120px;
   height: 30px;
   padding-top: 10px;
   padding-left: 5px;
   margin-left: 10px;
   border-radius: 7px;
   vertical-align: middle;
   background-color: #010101;
}

.statusbuttoncontainerenabled {
   float: left;
   width: 120px;
   height: 30px;
   padding-top: 10px;
   padding-left: 5px;
   margin-left: 10px;
   border-radius: 7px;
   vertical-align: middle;
   background-color: #50aee5;
}

.statusbuttoncontainerenabledGreen {
   float: left;
   width: 120px;
   height: 30px;
   padding-top: 10px;
   padding-left: 5px;
   margin-left: 10px;
   border-radius: 7px;
   vertical-align: middle;
   background-color: #9ac700;
}

.statusbuttoncontainerrevision {
   float: left;
   width: 120px;
   height: 30px;
   padding-top: 10px;
   padding-left: 5px;
   margin-left: 10px;
   border-radius: 7px;
   vertical-align: middle;
   background-color: #f10000;
}


.statuslabelcurrentstatus {
   clear: both;
   padding-top: 12px;
   padding-left: 10px;
}

.pageContentModal {
   /*margin: 20px 10px 30px 10px;*/
   overflow: auto;
   line-height: 18px;
   /*border-radius: 10px;*/
   background-color: Black;
   /*padding: 10px;*/
   color: White;
}

.filterCalendarContainer {
   overflow: auto;
}

.filterPeriodsContainer {
   clear: both;
   margin-top: 10px;
}

.item, .alternatingItem {
   float: left;
   padding: 5px;
   margin: 3px;
   width: 200px;
   border: 1px solid threedshadow;
   height: 300px;
}

.item {
   background: whitesmoke !important;
}

.alternatingItem {
   background: window !important;
}

   .item:hover, .alternatingItem:hover {
      background: silver !important;
   }

.DropZone {
   width: 300px;
   height: 90px;
   background-color: #357A2B;
   border-color: #CCCCCC;
   color: #767676;
   float: left;
   text-align: center;
   font-size: 16px;
   color: white;
}

.gridTitle {
   width: 100%;
   padding-bottom: 5px;
   font-size: 11pt;
   font-weight: bold;
   color: #2e4e73;
}

.checkFileList label {
   width: 300px;
}

.UnderLineWhileOver img {
   height: 18px;
}

#ncCaReportStyle {
}

   #ncCaReportStyle div {
      border: solid 1px black;
   }

   #ncCaReportStyle label {
   }

   #ncCaReportStyle span {
   }