html {
	min-height: 100%;
}
body {
	/* Background is #329af3 to #13558d */
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	margin: 0px 0px 16px 0px;
	min-height: 100%;
}

.headerBar {
	/*background: url("../images/backgroundblack65alpha.png");*/
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	height: 40px;
	min-width: 800px;
	z-index: 10;
}

.wrapper {
	margin: 0 auto;
	width: 80%;
	min-width: 1000px;
}
.titleBar {
	background: url("../images/backgroundwhite90alpha.png");
	padding: 5px;
	font-size: 1.5em;
	margin-top: 45px;
	border: 1px solid #CCCCCC;
}
#mobileToggle {
	float: left;
}
.mobileIcon {
	border: 0;
	background: url("../images/40_hamburger.png");
	height: 40px; 
	width: 40px;
}

.headerLogo {
	float: left;
	width: 240px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: left center;
}
.headerTitle {
	/*margin-left: 240px;*/
	line-height: 40px;
	float: left;
	font-size: 1.6em;
}

.headerSettings {
	text-align: right;
	line-height: 40px;
	margin-right: 15px;
	float: right;
}
/*
.headerSettingsContainer {
	display: inline-block;
	margin: 0 15px;
}
.headerSettingsAccountMenu {
	display: inline-block;
	padding-right: 40px;
	height: 40px; 
}
.headerSettingsAccountMenuIcon {
	background: url("../images/32_account.png") no-repeat right;
}
*/
.headerMenu {
	margin:0;
	padding:0;
}

.headerMenu li {
	list-style:none;
	float:left;
	font:12px Arial, Helvetica, sans-serif #111;
}

.headerMenu li span {
	/* used for non-menu text items */
	display: block;
	height: 40px;
	line-height: 40px;
	margin: 0px 5px 0px 15px;
	/*background: #DDCC00;*/
}
/* for a href menu links */
.headerMenu li a:link, .headerMenu li a:visited {
	display:block;
	text-decoration:none;
	/*background-color:#09F;*/
	width: 40px;
	height: 40px;
	background-repeat:no-repeat;
	background-position: center;
}

.headerMenu li a:hover {
	background-color:#0CF;	
}
/* for button menu links */
.headerMenu .headerButton {
	display:block;
	text-decoration:none;
	/*background-color:#09F;*/
	width: 40px;
	height: 40px;
	background-repeat:no-repeat;
	background-position: center;
	border: 0;
	background-color:transparent;
}

.headerMenu .headerButton:hover {
	background-color:#0CF;	
}

/*style the sub menu*/
.headerMenu li ul {
	position:absolute;
	/*visibility:hidden;*/
	border:1px solid #000;
	margin:0;
	padding:15px;
	margin-left: -58px;
	margin-top: 1px;
	text-align: center;
}

.headerMenu li ul li {
	display:inline;
	float:none;
	
}

.headerMenu li ul li a:link, .header li ul li a:visited {
	background-color:#09F;
	width: 100px;
	
}

.header li ul li a:hover {
	background-color:#0CF;	
}

.headerMenuIconAccount {
	background-image: url("../images/32_account.png");
}
.headerMenuIconRegion {
	background-image: url("../images/32_region.png");
}
.headerMenuIconSettings {
	background-image: url("../images/32_settings.png");
}
.contentBorder {
	background: url("../images/backgroundwhite90alpha.png");
	border: 1px solid #CCCCCC;
}
.contentSize {
	min-height: 500px;
}
.contentMargin {
	padding: 5px;
	margin: 10px 0px;
}
/*Main Menu Layout */
.sideMenu-overlay {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1001;
	opacity: 0.5;
	background-color: #555555;
}
.sideMenu {
	top: 42px;
	position: fixed; 
	width: 224px;
	height: 100%;
	position: fixed;

}

#sideMenu-pageCategoryContainer {
	/*Fill in the sidebar, which is 100% of the height, minus 42 pixels for the header, minus 7em for the navigationButtons below*/
	height: calc(100% - 42px - 158px);
	margin: 0 14px;
	overflow: auto;
}
#sideMenu-navigationButtons {
	height: 140px;
}

.sideMenuCategoryContainer {
	margin-left: 30px;
}
.sideMenuCategory {
	/* Top: 5px, Right: 0px (not necessary), Bottom: 5px, Left: 5px */
	display: block;
	text-decoration: none;
	margin: 10px 0px 10px 5px;
}
.sideMenuCategory:hover {
	text-decoration: underline;
}
.sideMenuCategoryInctive {
	color: #000000;
}
.sideMenuCategoryActive {
	color: #287fc7;
}


#sideMenu-formStatusContainer {
  background-repeat: no-repeat;
  background-position: left center;
  width: 210px;
  height: 70px;
}
#sideMenu-formStatusContainer p {
 margin-left: 60px;
 vertical-align: middle;
 height: 70px;
 display: inline-block;
 line-height: 1.7em;
}
.formStatusNew {
  background-image: url('../images/formstatus/52_formnew.png');
}
.formStatusPartial {
  background-image: url('../images/formstatus/52_formpartial.png');
}
.formStatusComplete {
  background-image: url('../images/formstatus/52_formcomplete.png');
}

.sideMenu-bottomNavContainer {
	/*the boxes that contain the previous, exit and next buttons*/
	float: left;
	width: 70px;
	height: 88px;
}

.sideMenu-bottomNavContainerLink {
	display: block; 
	height: 88px; 
	text-align: center; 
	text-decoration: none; 
	color: transparent; 
	background-position: center 32px;
	background-repeat: no-repeat;
}
.sideMenu-bottomNavContainerLink:hover {
	color: #000000; 
}
.sideMenu-bottomNavContainerLinkLeft {
	margin: 0 18px 0px 0px; 
	background-image: url('../images/formstatus/52_navback.png');
}
.sideMenu-bottomNavContainerLinkCenter {
	margin: 0 9px 0px 9px; 
	background-image: url('../images/formstatus/52_navexit.png');
}
.sideMenu-bottomNavContainerLinkRight{
	margin: 0 0px 0px 18px; 
	background-image: url('../images/formstatus/52_navforward.png');
}
.pageContainer {
	margin-top: 45px;
}

.pageContainerMenuShift {
	/*if the menu is fixed on the page, shift the pageContainer over to the right*/
	margin-left: 225px;
}
.menuItem {
	display: block;
	margin: 5px;
	padding: 5px 5px 5px 45px;
	text-decoration: none;
	
	min-height: 37px;
	line-height: 37px;
	background-position: center left;
	background-repeat: no-repeat;
}
.menuItem:hover {
	text-decoration: underline;
	background-color: #6face9;
	color: #FFFFFF;
}
.menuItemNotSelected {
	color: #000000;
}
.menuItemSelected {
	color: #287fc7;
}
.menuLinkContainer a {
	display: block;
	margin: 5px 5px 5px 50px;
	min-height: 25px;
	line-height: 25px;
	text-decoration: none;
	background-position: center left;
	background-repeat: no-repeat;
}
.menuLinkContainer a:hover{
	text-decoration: underline;
}
/*.menuSystemContainer {
	display: block;
	width: 199px;
	float: left;
}
.menuShiftRight {
	margin-left: 200px;
}
.menuEntrySystemContainer {
	top: 41px;
	position: fixed; 
	width: 224px;
	height: 100%;
	position: fixed;
	background: #FFFFFF;
	border-right: 1px solid #EEEEEE;
}
.menuEntryShiftRight {
	margin-left: 225px;
}

.menuContainer {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 199px;
}

.menuItem {
	display: block;
	text-decoration: none;
	font-weight: 0;
	width: 169px;
	min-height: 40px;
	padding: 15px;
	font-size: 1.2em;
}
.menuItemNotFirst {
	border-top: 1px solid #efefef;
}
.menuItemSelected {
	background-color: #8cb3ed;
	color: #ffffff;
}
.menuItemNotSelected {
	background-color: #E0E0E0;
	color: #000000;
}
*/
/* Global */
/*Remove the margins around the H2 heading tags that cause the margin above the text */
h2 {
	margin: 0;
}
/*linkButton is used with a href and button input elements to display as a blue button */
.linkButton {
  background-color: #72abf8;
  background-image: -moz-linear-gradient(0deg, #116bbe, #72abf8);
  background-image: -ms-linear-gradient(0deg, #116bbe, #72abf8);
  background-image: -o-linear-gradient(0deg, #116bbe, #72abf8);
  background-image: -webkit-linear-gradient(0deg, #116bbe, #72abf8);
  background-image: linear-gradient(0deg, #116bbe, #72abf8);
  border: 1px solid #11389c;
  color: #ffffff;
  display: inline-block;
  font-size: 1.2em;
  margin: auto;
  padding: 5px 10px;
  text-decoration: none;
 }

.linkButtonSecondary {
  background-color: #f5f5f6;
  background-image: -moz-linear-gradient(0deg, #c0c0c0, #f5f5f6);
  background-image: -ms-linear-gradient(0deg, #c0c0c0, #f5f5f6);
  background-image: -o-linear-gradient(0deg, #c0c0c0, #f5f5f6);
  background-image: -webkit-linear-gradient(0deg, #c0c0c0, #f5f5f6);
  background-image: linear-gradient(0deg, #c0c0c0, #f5f5f6);
  border: 1px solid #979797;
  color: #000000;
  display: inline-block;
  font-size: 1.2em;
  margin: auto;
  padding: 5px 10px;
  text-decoration: none;
 }
 

.linkTextSecondary {
	color: #777777;
	line-height: 1.2em;
	margin-top: 10px;
	display: inline-block;
}
/*Login Page */
.topMargin {
	margin-top: 20px;
}
.introContent {
	background: url("../images/backgroundwhite90alpha.png");
	padding: 5px;
	/*font-size: 1.5em;*/
	/*margin-top: 20px;*/
	border: 1px solid #CCCCCC;
	float: left;
	width: 48%;
}
.loginContent {
	background: url("../images/backgroundwhite90alpha.png");
	padding: 5px;
	/*font-size: 1.5em;*/
	/*margin-top: 20px;*/
	border: 1px solid #CCCCCC;
	width: 48%;
	margin-left: 52%;
	
}

.loginCaption  {
	display: inline-block;
	width: 8em;
	text-align: right;
	padding-right: 1em;
	height: 1.5em;
	line-height: 1.5em;
}
.loginField  {
	
	width: 12em;
	height: 1.5em;
	line-height: 1.5em;
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
}

.noticeContent {
	background: url("../images/backgroundwhite90alpha.png");
	padding: 5px;
	/*font-size: 1.5em;*/
	/*margin-top: 20px;*/
	border: 1px solid #CCCCCC;
	width: 48%;
	margin: 0 auto;
	
}


/*Select a form*/
.formContainer {
	margin: 15px 15px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	min-height: 500px;
	overflow: auto;
}
.formList {
	display: block; /*formList elements are using an A tag. so they have to be made a block */
	/*background-color: #FFFFFF;*/
	min-height: 30px;
	border-bottom: 1px dashed #CCCCCC;
	padding: 5px;
	color: #000000;
	text-decoration: none;
}
.formList Strong {
	display: block;
	font-size: 1.5em;
	
}

.itemHover :hover {
	background-color: #96f7b3;
	color: #000000;
	cursor: pointer;
}



/* Template Manager */
.templateContainer table, .templateContainer tr, .templateContainer td {
	border: none;
	border-collapse: collapse;
	padding: 1px;
}

/* Template Permissions Table*/
.frmPermissions {
   width: 100%;

}

/* pages roles */
#pages table{
  margin-left: 27%;
}

/* Question Table */
.questionContainer table, .questionContainer tr, .questionContainer td {
	//border: none;
	border-collapse: collapse;
	padding: 1px;
}


/*Form Entry*/
.sideMenuPageName {
  background-repeat: no-repeat;
  background-position: left center;
  margin-top: 15px;
}
.sideMenuPageName p {
  padding-left: 20px;
  font-weight: bold;
}
.sideMenuPageActive {
  color: #287FC7;
}
.sideMenuPageNotActive {
 
}

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

/*Form Entry - questions */
.categoryTitle, .submissionTitle {
	padding: 5px; 
	background: #32476D; 
	font-size: 1.2em; 
	color: #FFFFFF;
}
.containerQuestion {
	margin: 5px;
	padding: 5px;
	border: 1px solid #EEEEEE;
}
.containerQuestionDescription {

}
.container-error {
	color: #FF0000;
}
.questionAnswerContainer {
	/*margin-left: 30px;*/
}
/*Page Navigation Buttons at the Bottom of this Page */
.pageNavigation table, .pageNavigation tr, .pageNavigation td {
	border: none;
	border-collapse: collapse;
	padding: 1px;
}
/*Form Retrieval - Table */
.formRetrievalFields {
	margin: 0 25px;
}
.formRetrievalFields table {
    border-collapse: collapse;
}

.formRetrievalFields table, .formRetrievalFields td, .formRetrievalFields th {
padding: 5px;
    border: 1px solid #CCCCCC;
}
.tableHeading {
	background: #EFEFEF;
}
/* buttons */
.iconButton {
	display: inline-block;
	background-repeat: no-repeat;
	padding: 3px 6px 3px 22px;

	
	background-position: 3px center;
	background-color: #d7d7d7;
	border: 1px solid #AAAAAA;
	overflow: visible;
}
.iconButtonAction {
	display: inline-block;
	background-repeat: no-repeat;
	padding: 3px 6px 3px 22px;

	
	background-position: 3px center;
	background-color: #5c9bf5;
	border: 1px solid #3a6ebd;
	color: #FFFFFF;
	overflow: visible;
}
.iconButtonLink {
	text-decoration: none;
	color: #000000;
}
.iconButtonMargin {
	margin-left: 5px;
}
/* icon for today button */
.iconCalToday {
	background-image: url('../images/16_cal_today.png');
}
.iconCal {
	background-image: url('../images/16_cal.png');
}
.iconClock {
	background-image: url('../images/16_clock.png');
}
.iconAdd {
	background-image: url('../images/16_add.png');
}
.iconEdit {
	background-image: url('../images/16_edit.png');
}
.iconDelete{
	background-image: url('../images/16_trash.png');
}
.iconCancel {
	background-image: url('../images/16_cancel.png');
}
.iconReset {
	background-image: url('../images/16_reset.png');
}
.iconExit {
	background-image: url('../images/16_exit.png');
}
.iconPrint {
	background-image: url('../images/16_printer.png');
}
.iconOk {
	background-image: url('../images/16_ok.png');
}
.iconSave {
	background-image: url('../images/16_save.png');
}
.iconLogout {
	background-image: url('../images/16_logout.png');
}
.iconDown {
	background-image: url('../images/16_down.png');
}
.iconForward {
	background-image: url('../images/16_forward.png');
}
.iconBack {
	background-image: url('../images/16_back.png');
}
.iconSettings {
	background-image: url('../images/16_settings.png');
}
.iconSort {
	background-image: url('../images/16_sort.png');
}
.iconPreview {
	background-image: url('../images/16_search.png');
}
.iconReport {
	background-image: url('../images/16_report.png');
}
.iconForm {
	background-image: url('../images/16_form.png');
}
.iconUpgrade {
	background-image: url('../images/16_asterisk.png');
}
.iconRange {
	background-image: url('../images/16_range.png');
}
.iconClone {
	background-image: url('../images/16_clone.png');
}
.iconLight {
	background-image: url('../images/16_light.png');
}
.iconUnlight {
	background-image: url('../images/16_unlight.png');
}
.formNavButton {
	display: inline-block;
	background-repeat: no-repeat;
	height: 50px;
	padding-top: 32px;
	background-position: top center;
	background-color: transparent;;
	border: 0;
	overflow: visible;
	text-align: center;
}
.iconButtonMargin {
	margin-left: 5px;
}
/* icon for today button */
.iconFormBack {
	background-image: url('../images/32_back.png');
}
.iconFormForward {
	background-image: url('../images/32_forward.png');
}
.iconFormExit {
	background-image: url('../images/32_exit.png');
}
.iconFormActions {
	background-image: url('../images/32_actions.png');
}
.transparentButton {
	border: 0;
	background-color: transparent;
	padding: 5px;
}
.transparentButton:hover{
	text-decoration: underline;
}
.transparentButtonAdd {
	color: #3671d1;
}
.transparentButtonDelete {
	color: #d13636;
}
/* icon for calendar button */
.ui-datepicker-trigger {
	display: inline-block;
	background-repeat: no-repeat;
	padding: 3px 6px 3px 22px;
	margin-left: 5px;
	background-image: url('../images/16_cal.png');
	background-position: 3px center;
	background-color: #d7d7d7;
	border: 1px solid #AAAAAA;
	overflow: visible;
}
/*statusBox messages */
.statusBox {
	margin: 1em 0em;
}
.saveBox { 
	margin: 1em 0em;
	display: block;
	text-decoration: none;
	color: #000000;
}
.statusBox p {
	margin-left: 3em;
	margin-top: 0.6em;
	font-size: 1.2em;
	margin-bottom: 0.6em;
}
.info {
	background: url("../images/32_info.png") no-repeat #729fd7 0.5em 50%;
	border: 1px solid #5068ac;
	color: #FFFFFF;
}
.warning {
	border: 1px solid #813131;
	background: url("../images/32_warning.png") no-repeat #e96d6d 0.5em 50%;
	color: #FFFFFF;
}
.notice {
	background-repeat: no-repeat;
	background-color: #9deb7b;
	background-position: 0.5em 50%;
	border: 1px solid #5ba53a;
	color: #000000;
}
.saveBox p {
	margin-left: 3.5em;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}
.saveBoxClose {
	background: url("../images/32_close.png") no-repeat 0.5em 50%;
	border: 1px solid #cccccc;
}
.saveBoxIncomplete {
	background: url("../images/32_incomplete.png") no-repeat 0.5em 50%;
	border: 1px solid #cccccc;
}
.saveBoxSave {
	background: url("../images/32_ok.png") no-repeat 0.5em 50%;
	border: 1px solid #cccccc;
}
.formActionsDelete {
	background: url("../images/32_delete.png") no-repeat 0.5em 50%;
	border: 1px solid #cccccc;
}
.statusBoxBackgroundClock {
	background-image: url('../images/32_clock.png');
}

/*Printed elements*/
.printOnly {
    display: none;

} 


/*This is my code for error handling*/
.error{
   display: none;
   /*margin-left: 10px; */
    

}

.error_show{
   color:red;
   /*margin-left: 10px; */
   display: inline-block ;
   position: absolute;
    

}


/*Error Handing Windows */
.errorWindow {
	/*width: 500px;
	margin: 20px auto;*/
	margin-top: 20px;
	background: #FFFFFF;
	border: 1px solid #000000;
}
.errorTitle {
	height: 25px;
	line-height: 25px;
	font-size: 1.2em;
	padding: 0 5px;
}
.errorContent {
	/*min-height: 200px;*/
	padding: 5px;
}

/*Popup Dialog*/
#popupDialog {
	display:none;
}
#simplemodal-overlay {
	background-color:#555;
}
#simplemodal-container {
	height:360px; width:650px; background-color: #FFF; border:1px solid #000;
}
#simplemodal-signatureContainer {
	height:360px; width:800px; background-color: #FFF; border:1px solid #000;
}
#simplemodal-container .modalHeader, #simplemodal-signatureContainer .modalHeader {
	height: 25px; 
	line-height: 25px; 
	padding-left: 5px; 
	color: #FFF; 
	background-color: #555555; 
	font-weight: bold;
}
#simplemodal-container .close, #simplemodal-signatureContainer .close {
	float: right; 
	margin-right: 4px; 
	margin-top: 4px;
}
#simplemodal-container .modalContent, #simplemodal-signatureContainer .modalContent {
	height: 315px;
	padding: 5px;
	border: 5px solid #EEE; 
	overflow: auto; 
}