@CHARSET "ISO-8859-1";

/***************************************************
  Framework
***************************************************/
html {
  position: relative;
  min-height: 100%;
}

body {
	padding-top: 115px;
	margin-bottom: 45px;
}

body.embedded .hidden-embedded {
	display:none;
}

body.calendarpreview {
	padding: 15px 0;
	margin-bottom: auto;
}

.pbs {
  margin-top: 7px;
  margin-right: 20px;
  float: right;
  font: italic 16px Georgia, "Times New Roman", Times, serif;
}

@media print {
	@page {size: landscape}
	body {
		padding-top: 0px;
		margin-bottom: 0px;
		margin-top: -100px;
	}
	.navbar  {display:none}
	#footer  {display:none}
	#btnViewList {display:none}
	#btnViewCalendar {display:none}
}
body.calendar .navbar-nav > li.calendar > a,
body.event .navbar-nav > li.events > a,
body.category .navbar-nav > li.categories > a,
body.organization .navbar-nav > li.organization > a,
body.user .navbar-nav > li.user > a,
body.userprofile .navbar-nav > li.user > a,
body.admin .navbar-nav > li.admin > a,
body.adminorganization .navbar-nav > li.admin > a,
body.adminuser .navbar-nav > li.admin > a,
body.admintheme .navbar-nav > li.admin > a {
    color: #00688B;
    background-color: #cccccc;
}

input:-ms-input-placeholder {
    color: #C0C0C0;
  }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

h1 {margin: 0 0 15px 0}

ul {padding-left: 20px;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
button:focus {outline:0;}
a:focus {outline:0;}

/***************************************************
 Header and Navigation
***************************************************/
#logo_organization {
	display: table;
}

#logo_organization .logo,
#logo_organization .organization {
	height: 100%;
	vertical-align: top;
}

#logo_organization .logo {
	position: absolute;
	width: 130px;
	height: 95px;
	background: url("/uploads/default.png") no-repeat scroll center  transparent;
}

#logo_organization .logo a {
	position: absolute;
	width: 130px;
	height: 95px;
}

#logo_organization .organization {
	margin-left: 130px;
	height: 45px;
}

#logo_organization .organization h1 {
	margin-top: 15px;
	font-size: 2em;
}

.adDisplay {
	display: none; 
	text-align: center; 
	width: 90%; 
	margin: auto;
}

.adTitle {
	font-weight: bold;
}

.adCaption {
	font-weight: bold;
}

/***************************************************
 Embedded overrides for iframe implementations
***************************************************/
body.embedded {
	padding-top: 0px;
	margin-bottom: 0px;
}

.embedded #logo_organization {
	display: none;
}

.embedded #footer {
	display: none;
}

.embedded .navbar {
	margin: 15px;
}
.embedded .navbar-nav {
	margin-left: inherit;
}
.embedded .navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
}

body.suborganization .hideforsuborg {
	display: none;
}

.navbar-inverse {
	background-color: #00688B;
	border-color: #080808;
	color: #ffffff;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 30px;
  color: white;
  background-color: #00688B;
  text-align: center;
}

@media ( max-width : 780px) {
	.navbar-nav>li>a {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media ( min-width : 768px) {
	.navbar-nav {
		margin-left: 130px;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media ( max-width : 767px) {
	body {
		padding-top: 100px;
	}
	#logo_organization .organization {
		height: 75px;
	}
}
@media ( max-width : 500px) {
	#logo_organization .organization h1 {
		font-size: 1.3em;
		text-overflow:ellipsis;
	}
}


/***************************************************
  General, shared styles not scoped to specific 
  section and affect the entire site.
***************************************************/
article, fieldset{
	overflow:hidden;
	border-radius:5px;
	padding:2px;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 4px rgba(0,0,0,0.4);
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top, #ededed 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ededed 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ededed 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ededed 0%,#ffffff 100%);	
}
article h2,
fieldset legend {
	font-size:20px;
	font-weight: bold;
	border-radius:3px 3px 0 0;
	padding:3px 5px;
	border:1px solid #cfcfcf;
	margin: 0;
	vertical-align: baseline;
}
fieldset {
	margin-bottom: 15px;
}
fieldset legend {
	float:left;
	margin-bottom: 15px;
}
fieldset label {
	display:block;
}
label.error {
	font-size: .8em;
	color: #c00;
}

.starthidden { 
	display:none;
}
.no-wrap {
	white-space: nowrap;
}
.marginTB{
	margin-top:15px;
	margin-bottom:15px;	
}
.marginT{
	margin-top:15px;
}
.marginB{
	margin-bottom:15px;	
}
.margintTB{
	margin-top:10px;
	margin-bottom:20px;	
}
.no-margin {
	margin: 0;
}
.mw-150 {
	min-width: 150px;
}

.alert-error {
	color: red;
	font-size: 14pt;
}
.dialog {
	display:none;
	text-align: center;
}
.icon {
	cursor: pointer;
}


.dataTables_length {
	padding-top: 5px;
}
.dataTables_filter {
	padding-top: 5px;
}

.place_required::-webkit-input-placeholder {
    color: red;
    opacity: .5;
}

.calendarRadios {
	margin-top: 11px !important;
}

/***************************************************
  Calendar
***************************************************/
#eventDialog, #viewList { display: none; }

.saved-preferences {
	display: none;
}

#totalEvents {
}
.calendar-searchbar div {
	padding-right:98px;
}
.calendar-searchbar button {
	margin-left: 8px;
	margin-right: 0;
}
.calendar-categories ul.dynatree-container {
	background-color:#f5f5f5;
	border:none;
	overflow: hidden;
}

#calendars > ul > li > span,
#calendars > ul > li > span a {
	width: 100%;
	padding-right: 40px;
}

.event-list-title{
	margin:0;
}

.event-list-dates .form-group,
.event-list-dates .form-group label,
.event-list-dates .form-group input { float:left; display:inline; }
.event-list-dates .form-group {margin-bottom: 0;}
.event-list-dates .form-group label { margin: 5px 5px 5px 5px;}
.event-list-dates .form-group input { width: 100px; }

.fc-event-container{
	cursor: pointer;
}

div.event_row {
	cursor: pointer;
	position:relative;
	margin-bottom: 10px;
}
div.event_row.no_results {
	cursor: auto;
	margin-bottom: 20px;
	font-style: italic;
}
div.event_row .event_time {
	position: absolute;
	font-weight: bold;
	font-size: 1.1em;
}
div.event_row .event_name,
div.event_row .event_desc,
div.event_row .event_date,
div.event_row .event_category
{
	margin-left: 80px;
}
div.event_row .event_name,
div#eventDialog .event_name
{
	font-size: 1.2em;
	font-weight: bold;
}

.btnDiv {
	min-height: 25px;	
}

.eventButton{
	margin-bottom: 10px;
  	text-align: center;
}

.event_btn {
	min-width: 200px;
}

.eventDownload {
	margin-bottom: 10px;
  	text-align: center;
}

.evtdl_btn {
	min-width: 200px;
	margin-right: 5px;
}

div#eventDialog .location
{
	margin-bottom: 8px;
}
div#eventDialog .location,
div#eventDialog .category,
div.event_row .event_date,
div#eventDialog .event_date,
div#eventDialog .eventAttachmentText
{
	font-size: .875em;
}

div#eventDialog .category,
div.event_row .event_date,
div#eventDialog .event_date,
div#eventDialog .eventAttachmentText
{
	color: #999999;
}

div#eventDialog .eventAttachment a {
}
.help-block {
	font-size: .75em;
}
div#eventDialog span.help-block.well-sm {
	margin-bottom: 5px; /* Consistent gutter for well thats on bottom of content. */
}

@media print {
	.event-list-dates .form-group { display:none; }
	
	div.event_row .event_name
	{
		font-size: 1.2em;
		font-weight: bold;
	}
	div.event_row .event_date
	{
		font-size: .875em;
	}
}

#eventListBtn {
	padding: 0px;
}

#btnViewDiv {
	display:none;
	margin-left: -40px;
}

.subHeading {
	margin-top: 15px;
}
.subHeading span {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}

.instructions {
	font-size: 12px;
	clear: both;
}

.icon-subscribe {
	background: url("../../img/Subscribe-Icon.png") no-repeat top left;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	display: inline-block;
}

span.glyphicon-download {
    font-size: 1.45em;
}

.registerMsg a {
	color: #428bca;
	text-decoration: none;
}

.disableContainer {
	position: relative;
}
.disableDiv {
	position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    background-color: #ffffff;
    z-index: 1001;
    opacity: .5;
    padding-top: 10px;
    text-align: center;
    display: none;
}

.userPrompt {
    position: relative;
    z-index: 1002;
    text-align: center;
    display: none;
}

/**************************************
 * Event Page
 *************************************/
/* Events - Propert Tree */
ul.dynatree-container {
	font-family: tahoma, arial, helvetica;
	font-size: 10pt;
	white-space: nowrap;
	padding: 3px;
	margin: 10px;
	background-color: inherit;
	border: none;
	overflow: auto;
	height: 95%;
}
.innerSection{
	overflow:hidden;
	padding:1%;
}
	
.selectZone{
	float:right;
	width: 95%;
	line-height: 1;
	color: #15c;
	cursor:pointer;
	font-size: 8pt;
	padding-top: 5px;
}

.innerRow{
	overflow:hidden;
	margin-bottom:10px;	
}
.innerRow input[type="text"]{
	border:1px solid #00CCFF;
	border-radius:3px;
	padding:3px 3px;
	width: 100%;
}
.innerRow .nameDes input[type="text"]{
	width:48%;
}

.evtLabelRow {
	margin-bottom: 0px;
}

.evtDesc {
	width:48%;
	float: right;
}

.evtName label {
	width: 30%;
	float: left;
}

.evtName input[type="text"]{
	width: 100%;
	text-transform:capitalize;
}

.evtDesc input[type="text"]{
	width:300px;
}

.innerRow .selectDate input{
	background: #ffffff url(/img/calendar-icon.png) no-repeat right;

}


.innerRow .selectTime input[type="text"] {
    background: #ffffff url(/img/clock.png) no-repeat right;
}
.innerRow .selectTime {
    min-height: 28px;
}

.left {
	float:left;
}

.right {
	float: right;
}



.normalLabel {
	font-weight:normal;
}
.mapLink {
	line-height: 1;
	color: #15c;
	cursor:pointer;
	font-size: 8pt;
	padding-top: 5px;
	padding-left: 20px;
}

#location {
	width: 90%;
}

.nextButton{
	float:right;
	overflow:hidden;
	font-size:13px;
}
.nextButton button{
	font-size:13px;
}
button{
	font-size:12px;
	color:#222;
	border-radius:4px;
	border:1px solid #e5ba52;
	padding:5px 15px;
	cursor:pointer;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.5);
	background: #ffd659; /* Old browsers */
	background: -moz-linear-gradient(top, #ffd659 1%, #f8b958 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffd659), color-stop(100%,#f8b958)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffd659 1%,#f8b958 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffd659 1%,#f8b958 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffd659 1%,#f8b958 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffd659 1%,#f8b958 100%);	
}

.EventTable thead th{
	background: #a4a4a4 url(../images/old-browsers-bg/planning-header-bg.png) repeat-x top;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: -moz-linear-gradient(
			top,
			#cccccc,
			#a4a4a4
		);
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(#cccccc),
			to(#a4a4a4)
		);
		color: white;
		-moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
		-webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
		border-top: 1px solid white;
		border-left: 1px solid #dddddd;
		border-right: 1px solid #999999;
		border-bottom: 1px solid #828282;	
		vertical-align: middle;
		text-align: left;
		padding: 0.5em 0.55em;
}
.EventTable{
	border: 1px solid #999;
}
.EventListHead{
	overflow:hidden;
	padding:5px 0;	
}
.listSelect{
	float:left;	
}
.listSearch{
	float:right;	
}
.EventTable tbody tr:nth-child(even){
	background:#f2f2f2;
}
.EventTable tbody tr:nth-child(odd){
	background:#e6e6e6;
}
.EventTable tbody td{
	padding: 0.5em 0.55em;
	border-left: 1px dotted #333333;	
}
.EventTable td:nth-child(1){
	width:18%;	
}
.EventTable td:nth-child(2){
	width:20%;	
}
.EventTable td:nth-child(3),
.EventTable td:nth-child(4),
.EventTable td:nth-child(5),
.EventTable td:nth-child(6){
	width:10%;
}
.EventTable td:nth-child(7){
	width:20%;
}
.nxtPrvDiv{
	float:right;
	clear:both;
	overflow:hidden;
	margin:10px 0;	
}
.prevArw, .NxtArw{
	display:block;
	margin:0 5px;
	vertical-align:middle;	
}
.prevArw img{
	float:left;
	margin-right:5px;	
}
.NxtArw img{
	float:right;
	margin-left:5px;	
}
.submitBtn{
	float:right;
	font-size:20px;	
}
.treeMenu{
	margin:10px;	
}
.treeMenu li{
	background:url(/images/wsi/plus.gif) no-repeat 0 4px;
	padding-left:15px;	
	margin:5px 0;
}

.treeMenu li ul li ul li{
	background:none;
	
}

.buttonInput {
	display:none;
}

.fileAttachment {
	display: none;
}

#input-file, #input-file2 {
	display: none;
}

#chooseFile2 {
	display: none;
	margin-top: 10px;
}

.fileAttachmentText {
	margin-left: 10px;
}

/* Events - Event Table */
.display {
    width: 100%;
    font-size: 100%;
}

table.display thead th {
    padding: 3px 3px 3px 3px;
}

.display tbody td {
    border-left: 1px dotted #333333;
}

.display tr.odd {
    background-color: #e6e6e6;
}

.display tr.even {
    background-color: #f2f2f2;
}

tr.odd td.sorting_1 {
    background-color:inherit;
}

tr.even td.sorting_1 {
    background-color:inherit;
}

table.display tr {
    cursor:pointer;
}
.display tr.row_selected {
    background-color:#9FAFD1;;
}

table.display tr.odd.row_selected td {
    background-color:#9FAFD1;;
}
table.display tr.even.row_selected td {
    background-color:#9FAFD1;;
}

tr.odd td.sorting_2 {
    background-color:inherit;
}

tr.even td.sorting_2 {
    background-color:inherit;
}

.display thead th{
	background: #a4a4a4 url(../images/old-browsers-bg/planning-header-bg.png) repeat-x top;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: -moz-linear-gradient(
			top,
			#cccccc,
			#a4a4a4
		);
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(#cccccc),
			to(#a4a4a4)
		);
		color: white;
		-moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);

		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
		border-top: 1px solid white;
		border-left: 1px solid #dddddd;
		border-right: 1px solid #999999;
		border-bottom: 1px solid #828282;	
		vertical-align: middle;
		padding: 0.5em 0.55em;
}

.display thead th .DataTables_sort_wrapper span { float: right; }

.ui-icon { 
    display: block; 
}

div.dataTables_filter input::-ms-clear {
    display: none;
}


/* Event Form */
.ui-timepicker-wrapper { width:7em;}

#tzDialog {
    display: none;
}

#repeatDialog {
    display: none;
}

#buttons, .buttonwrapper {
    float: right;
    padding-top: 10px;
    margin-right: 10px;
    width: 325px;
}

.errLabel {
	font-weight: normal;
	color: red;
}


/* Events - Confirm Dialog */
#confirmDialog {
    display: none;
}

/* Events - Repeat Dialog */
#repeatDialog label {
    font-weight: bold;
    width: 100px;
}

.repeatInput {
    width: 200px;
}

#repeatEnd {
    background: #ffffff url(/img/calendar-icon.png) no-repeat right;
}

#custRepeat {
    display:none;
}

#customDate {
    float: right;
    margin-right: 70px;
    margin-top: -20px;
}

.removeAttachment {
	margin-left: 10px;
	display: none;
	color: #428bca;
	cursor: pointer;
}

.attachInstructions {
	font-size: 12px;
	display: none;
}

/***************************************************
  Administration - Users
***************************************************/
/*
.outer {
	display:inline;
	border: 1px solid red;
}
.inner {
	border: 1px solid blue;
}

#userDialog {
	display: none;
}

#userForm {
	max-width: 500px;
	padding: 15px;
	margin: 0 auto;
}

#userForm input {
	display: block;
	margin: 10px auto 10px auto;
	width: 50%;
	padding: 5px;
}

#userForm select {
	display: block;
	margin: 10px auto 10px auto;
	width: 50%;
	padding: 5px;
}
*/

/* Override jQuery padding, add consistent margin on top */
#userDialog {
	padding: 0;
	margin-top: 15px;
}


/***************************************************
  User Profile
***************************************************/

/***************************************************
  JQuery UI Overrides
***************************************************/
.ui-front {
	z-index: 1050;
}

/***************************************************
  Calendar
***************************************************/
tr.even.evtHighlight {
	background-color: #99CCFF;
}

tr.odd.evtHighlight {
	background-color: #99CCFF;
}


/***************************************************
  Organization Administration
***************************************************/
#orgDialog {
	display: none;
}

#orgForm {
	max-width: 500px;
	padding: 15px;
	margin: 0 auto;
}

.reactivate {
	cursor:pointer;
	text-align:center;
	color:#00688B;
}

#orgActive {
	display: none;
}

#orgDraft {
	display: none;
}

/***************************************************
  Category Page
***************************************************/
#categoryForm {
	max-width: 500px;
	padding: 15px;
	margin: 0 auto;
}

#parentTitle {
	display: inline;
}

#editButtons {
	display: none;
}

#categoryForm .form-control {
	margin-bottom: 10px;
	margin-top: 10px;
}

.btn-block {
	margin-top: 5px;
}

.jumbotron {
	padding-top: 10px;
	padding-bottom: 10px;
	height: 300px;
	max-height: 300px;
	overflow: auto;
}

.iconWrapper {
	float: right;
	margin-top: -10px;
	margin-right: 20px;
}
.iconWrapper img {
	height:24px;
	width:24px;
	cursor: pointer;
}

/* Events - Category Tree */
ul.dynatree-container {
	font-family: tahoma, arial, helvetica;
	font-size: 10pt;
	white-space: nowrap;
	padding: 3px;
	margin: 10px;
	background-color: inherit;
	border: none;
	overflow: auto;
	height: 95%;
}

span.dynatree-title
{
	cursor:pointer;
}
span.dynatree-active span.dynatree-title
{
	background-color: #3169C6;
	color: white !important; /* @ IE6 */
}
button.ui-dialog-titlebar-close {
	background-image: url(/lib/jquery/jquery-ui-1.10.4.custom/css/smoothness/images/ui-icons_888888_256x240.png);
	background-position: -96px -128px;
}

.displayButtons {
	display: inline-block;
}

#colorDiv .colorSelector {
	display:inline;
	margin-left: 10px;
	padding: 5px 25px 5px 25px;
}

.category-categories ul.dynatree-container {
	background-color:#f5f5f5;
	border:none;
	overflow: hidden;
	display: inline-block;
}
#availableCategories > ul > li > span,
#availableCategories > ul > li > span .dynatree-title {
	width: 100%;
	padding-right: 10px;
}

/***************************************************
  Advertisement Management Page
***************************************************/
.ad-preview {
	min-height: 125px;
}