/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

#loginForm {
	background-color: #DBFFBD;
	border: 1px solid #B1FF71;
}

#loginForm .row {
    padding: 4px 0;
    float: left;
    width: 100%;
}

#loginForm .row label {
    float: left;
    width: 9em;
    padding-right: 0.5em;
    line-height: 2em;
    text-align: right;
    font-size: 1em;
    color: #333;
}

#loginForm .submit {
    clear: both;
    padding: 1em 0 2em 9.4em;
}

#frontPage #title {
	font-size: 2em;
	padding: 1.5em 0 1.5em 0em;	
}

#frontPage li {
	line-height: 1.5em;	
}

#frontPage #contact {
	font-style: italic;
	font-weight: lighter;
}

#frontPage #appTitle {
	font-size: 1.5em;
	padding: 1em 0 1em 0;	
}

#howItWorks #title {
	font-size: 1.5em;
	padding: 2em 0 1em 0em;
}

.siteTitle {
	font-size: 3em;	
	vertical-align: middle;
}

.userInfoWidget {
	float: right;
}

.mainNavigationMenu {
	font-size: 1.5em;
}

.appSummaryWidget {
	font-size: 1.5em;	
	text-align: center;
}

.appsWidget .activeLabel {
	font-size: 2em;
	vertical-align: middle;
	horizontal-align: center;
	text-align: center;
	margin: 10px 0px;
}

.titleLabel {
	font-size: 1.5em;
	horizontal-align: center;
	vertical-align: middle;
	margin: 20px 0px;
}

.helplineWidget .titleLabel {
	font-size: 1.5em;
	horizontal-align: center;
	vertical-align: middle;
	margin: 20px 0px;
}

.helplineWidget .priorityTable {
	margin: 0px 0px;	
}

.helplineWidget .priorityTable .saveButton {
	margin: 20px 20px;	
}

.helplineWidget .priorityTable .titleLabel, .helplineWidget .promptsTable .titleLabel {
	border-bottom: 1px solid #E8E8E8;
	font-size: 1em;
	font-weight: bold;
	margin: 15px 0px;
}

.helplineWidget .promptName {
	margin: 0px 10px;
}

.helplineWidget .bottomPager, .helplineWidget .topPager {
	float: right;	
}

.columnHeader {
	border-bottom: 2px solid #6F7277;
	color: #4B4A4A;
	padding: 3px 15px;
	text-align: left;
	text-shadow: #DDF 1px 1px 0px;
	font-weight: bold;
}

.evenRow {
	background: #F3F7FB;
}

.timePicker .timeBox, .timePicker .separator{
	font-size: 1.25em;
	font-weight: bold; 	
}

.timePicker .separator {
	color: grey;
	text-shadow: #DDF 1px 1px 0px;
}

.timePicker .timeBox {
	border: 0px;
	text-align: right;
	padding: 0px;
	margin: 0px;
}

.timePicker .ampmEnabled, .timePicker .ampmDisabled {
	font-size: 0.7em;
	font-weight: bold;
	border: 0px;
	margin: 0px;
	margin-left: 3px;
}

.timePicker .ampmDisabled {
	color: #EEEEEE;	
}

.trackerWidget .addUserTable {
	margin-left: 25%;
}

.trackerWidget .titleLabel {
	font-size: 1.5em;
	horizontal-align: center;
	vertical-align: middle;
	margin: 20px 0px;
}

.trackerWidget .addUserTable {
	margin: 0px 35%;
}

.trackerWidget .addUserTable .addUserButton {
	margin: 0px 30%;
}

.feedbackSuccess, .feedbackFailure {
	border-width: 1px;
	border-style: dotted;	
	padding: 10px 0px;
}

.feedbackSuccess {
	border-color: #9DFAFA;
	background: #E1FFD7;
	color: #0D2603;
}

.feedbackFailure {
	border-color: #FB9D9D;
	background: #FFFBD6;
	color: #C50A0A;
}

.trackerWidget .settingsTable, .trackerWidget .scheduleTable {
	margin: 0px 30%;
}

.trackerWidget .settingsPanel .saveButton {
	margin: 0px 25%;	
}

.trackerWidget .scheduleTable .enableButton {
	margin: 0px 35%;
}

.actWidget .titleLabel {
	font-size: 1.2em;
	horizontal-align: center;
	vertical-align: middle;
	margin: 10px 0px;
	font-weight: bold;
}

.actWidget .acceptedReports .gwt-TabPanelBottom {
	border-color: #DAF6D1;	
}

.actWidget .acceptedReports .activeReportsBackground {
	background: #DAF6D1;	
}

.actWidget .closedReports .gwt-TabPanelBottom {
	border-color: #F5F1D2;
}

.actWidget .closedReports .closedReportsBackground {
	background: #F6D1D1;
}

.actWidget .rejectedReports .gwt-TabPanelBottom {
	border-color: #F6D1D1;	
}

.centerWidget {

	float: center;	
}

.actWidget .topPager, .actWidget .bottomPager {
	float: right;
}

.actWidget .evenRow, .actWidget .oddRow {
	margin: 20px;
	padding: 20px;
}

.dateField .gwt-TextBox-readonly {
	color: black;
	border: 1px solid #C5C5C5;
}

.rejectActReport .titleLabel {
	border-bottom: 1px solid #6F7277;
	padding-bottom: 20px;
}

.rejectActReport .evenRow {
	padding: 50px;
	margin: 50px;
}

.actWidget .columnHeader {
	color: #A1A1A1;
	border-bottom: 1px solid #F5F5F5;
	font-weight: normal;
	text-shadow: none;
}

.actWidget .reportRow {
	margin: 20px;
	padding: 20px;
	height: 30px;
}

.actWidget .reportRow-selected {
	color: red;
}

.mnewsWidget .newsTree {
	overflow:auto;
}

.mnewsWidget .propertyLabel {
	color: #DDDDDD;
}

.mnewsWidget .uploadInput {
	color: #DDDDDD;
}


.mnewsWidget .downloadAudioLink {
	color: #CCCCCC;
	margin-left: -30px;
	font-size: 70%;
}

.mnewsWidget .createNewItemLink {
	float: right;
}

.mnewsWidget .itemStatusIcon {
	vertical-align: -.2em;
	margin-left: 10px;
}

.mnewsWidget .itemCallerId {
	float: right;
	color: #CCCCCC;
	margin-right: 10px;
}

.mnewsWidget .searchHelp {
	float: right;
	color: #CCCCCC;
}

.contactsWidget .contactsNorthPanel {
	vertical-align: middle;
	width: 100%;
	border-bottom: 1px solid #E5E5E5;
}

.contactsWidget .contactsTitleLabel {
	font-size: 1.5em;
	vertical-align: middle;
	margin: 20px 0px 20px 20px;
}

.contactsWidget .contactListPanel {
	margin-left: 25px;	
}

.contactsWidget .newContactLabel {
	padding: 8px 5px;
	cursor: pointer;
	border: 1px solid #D34937;
	border-radius: 3px;
	margin-left: -5px;
	margin-top: 15px;
	margin-bottom: 7px;
	color: white;
	background-color: #D34937;
	float: left;
}

.contactsWidget .contactListCell {
	padding: 5px 0px;
}

.contactsWidget .contactListList {
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 10px;
	width: 170px;
}

.contactsWidget .newListLabel {
	margin: 15px 0px;
	cursor: pointer;
}

.contactsWidget .contactListActionPanel .selectCheckBox {
	margin-left: 4px;
	margin-right: 20px;
}

.contactsWidget .contactListActionButton {
	margin-left: 0px;
	margin-right: 20px;	
	padding: 4px 6px;
}

.contactsWidget .contactActionPanel .contactActionButton {
	margin-right: 20px;
	padding: 4px 6px;
}

.contactsWidget .contactActionButton.messageButton, .contactsWidget .contactListActionButton.messageButton {
	margin-left: 40px;
}

.contactsWidget .contactsGrid table {
	padding-right: 12px;
}

.contactsWidget .contactsGrid {
	border-bottom: 1px solid #DDD;
}

.contactsWidget .contactsGrid .contactName {
	font-weight: bold;
} 

.contactsWidget .contactListName {
	margin-right: 5px;
	color: #166E00;
	background-color:  #E6F0E2;
	border-radius: 4px;
	padding: 5px 5px;
	/*box-shadow: 0px 1px 2px #78C863;*/
}

.contactsWidget .contactsGrid .contactListName {
	float: right;
	font-size: 11px;
	padding: 2px 3px;
}

.contactsWidget .contactsPager {
	padding: 2px 0px;	
}

.groupSelectorPanel {
	border: 1px solid #AAA;
}

.contactEditorWidget .label {
	color: #777;
}

.contactEditorWidget .actionButton {
	margin-right: 15px;
	padding: 4px 10px;
}

.gwt-PopupPanel.dropDownMenu {
	border-color: #AAA;
	border-width: 1px;
}

.formsWidget .formsNorthPanel {
	vertical-align: middle;
	width: 100%;
	border-bottom: 1px solid #E5E5E5;
}

.formsWidget .formsTitleLabel {
	font-size: 1.5em;
	vertical-align: middle;
	margin: 20px 0px 20px 20px;
}

.formsWidget .formsListPanel {
	margin-left: 25px;	
}

.formsWidget .newFormLabel, .gwt-DialogBox .addQuestionLabel {
	padding: 8px 5px;
	cursor: pointer;
	border: 1px solid #D34937;
	border-radius: 3px;
	margin-left: -5px;
	margin-top: 15px;
	margin-bottom: 7px;
	color: white;
	background-color: #D34937;
	float: left;
}

.gwt-DialogBox .cancelButton {
	padding: 8px 7px;
	margin-top: 15px;
}

.formsWidget .formCell {
	padding: 5px 0px;
}

.formsWidget .formsList {
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 10px;
	width: 220px;
}

.formsWidget .formsListPanel .actionLabel {
	margin: 15px 0px;
	cursor: pointer;
}

.formsWidget .questionsGrid .mc {
	background-color: #F0FFE1;
}

.formsWidget .questionsGrid .qu {
	background-color: #FFF9E1;
}

.formsWidget .questionsGrid .ff {
	background-color: #FFE9E1;
}

.formsWidget .actionPanel button {
	margin: 0px 10px;
}

.formsWidget .promptsPanel input {
	font-size: 0.75em;
	margin-left: 10px;
}

.formsWidget .promptsPanel .gwt-Label {
	margin-right: 10px;
}

.surveyWidget .controlPanel {
	border-top: 1px solid #E5E5E5;
}

.surveyWidget .controlPanel .label {
	color: gray;
}

.surveyWidget .questionResult {
	margin-top: 30px;
	padding-top: 30px;
}

.surveyWidget .questionResult.topRow {
	margin-top: 10px;
	padding-top: 10px;
}

.surveyWidget .questionResult .textLabel {
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 7px;
}

.surveyWidget .questionResult .orderLabel {
	color: gray;
	padding-bottom: 7px;
}

.surveyWidget .questionResult .evenRow {
	background-color: #F3F7FB;
}