/* Header Top and subdivs */
#header {
	padding:5px 0 0 0;
	margin:0 auto;
	background-color: transparent;
	width:990px;
	
	text-align:center;
	
}
@font-face {
	font-family: APPOPAIN;
	src: url('/vnjf_common_files/custom_fonts/APPOPAIN.eot?');
	src: url('/vnjf_common_files/custom_fonts/APPOPAIN.eot?#iefix') format('embedded-opentype'),
		url('/vnjf_common_files/custom_fonts/APPOPAIN.TTF');
	font-weight:normal;
}
@font-face {
	font-family: FallHarvest;
	src: url('/vnjf_common_files/custom_fonts/FallHarvest.eot?');
	src: url('/vnjf_common_files/custom_fonts/FallHarvest.eot?#iefix') format('embedded-opentype'),
		url('/vnjf_common_files/custom_fonts/FallHarvest.ttf') format('truetype');
	font-weight:100;
}
@font-face {
	font-family: papyrus;
	src: url('/vnjf_common_files/custom_fonts/PAPYRUS.eot?');
	src: url('/vnjf_common_files/custom_fonts/PAPYRUS.eot?#iefix') format('embedded-opentype'),
		url('/vnjf_common_files/custom_fonts/PAPYRUS.ttf') format('truetype');
	font-weight:normal;
	font-size:x-large;
}
@font-face {
	font-family: natlog;
	src: url('/vnjf_common_files/custom_fonts/natlog.eot?');
	src: url('/vnjf_common_files/custom_fonts/natlog.eot?#iefix') format('embedded-opentype'),
		url('/vnjf_common_files/custom_fonts/natlog.ttf') format('truetype');
	font-weight:normal;
}
#header-title {
	position:relative;
	height:60px;
	background-color: transparent;
	/*background-color:#666; url('/vnjf_common_files/images/njdep_header_banner_top.png') no-repeat; */
	background-repeat:no-repeat;
	background-position:left top;
	margin:0 auto;
}
#header-title p{
	color:#fff;
	margin:0;
	font-family: FallHarvest, Helvetica, Arial, sans-serif;
	font-size: 300%;
	letter-spacing:5px;
}
#header-navibar {
	/*background: url('/vnjf_common_files/images/visitnjfarms_navibanner.jpg') no-repeat;*/
	/*-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/vnjf_common_files/images/visitnjfarms_navibanner.jpg', sizingMethod='scale')\0";*/
	/*background: url('/vnjf_common_files/images/farm-field-banner-full.jpg') no-repeat 0 -77px;*/
	background: url('/vnjf_common_files/images/visitnjfarms_navibanner.png') repeat-y 0 -3px;
	background-size:100%;
	margin:0 0 10px 0;
	padding:0;
	/*box-shadow: 2px 2px 5px black;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:small;
	color:#fff;
	height:40px;
}

#header-navibar-navlist{
	margin:0;
	padding:0;
	font-family: APPOPAIN, Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 200%;
	color:#fff;
	height:30px;
}

#header-navibar-navlist li{
	display:inline-block;
	/*margin: 0 auto;*/
	padding:7px 15px;

	height:30px;
	text-align:center;
}

#header-navibar-navlist li a{
	color:#fff;
	text-decoration: none;
}


#header-navibar-navlist li a:hover{
	color:#00f;
}

/* Body and subdivs */
body {
	color:#fff;
	
	width:100%;
	margin:0 auto;
	overflow-x:auto;
	overflow-y:scroll;
	background: #666 url('/vnjf_common_files/images/wood-background.jpg') repeat center top;
	background-size:1024px auto;
}
#body-content {
	min-height: 350px;
	min-width:40%;
	max-width:990px;
	margin:0 auto;
	/*background-color: #369;*/
}
#body-content-middle {
	/*font-family: Papyrus, Arial, Helvetica, sans-serif;*/
	/*font-family:"Lucida Sans Uncode", "Lucida Grande", sans-serif;*/
	font-family: 'Arvo', serif;
	font-size: large;
	font-weight:bold;
	float:none;
	width:50%;
	margin:0 auto;
	text-align:center;
	padding:5px;
	/*opacity:.7;*/
	/*filter:alpha(opacity=70);*/
}
/*special case */
.with-transparency {
	/*padding: 5px;*/
	background-color:#333;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(21, 21, 21);
	/* RGBa with 0.6 opacity */
	background: rgba(21, 21, 21, 0.6);
	/* For IE 5.5 - 7*/
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33333300, endColorstr=#33333300);*/
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33333300, endColorstr=#33333300)";

}
#body-content-middle > div.with-transparency {
	padding:5px;
}
/*Difference between this and middle is that middle is for the three column view, single is for one big div. */
#body-content-single { 
	/*font-family: Papyrus, Arial, Helvetica, sans-serif;*/
	/*font-family:"Lucida Sans Uncode", "Lucida Grande", sans-serif;*/
	font-family: 'Arvo', serif;
	font-size: large;
	font-weight:bold;
	float:none;
	width:100%;
	margin:0 auto;
	text-align:center;
	padding-bottom:10px;
	/*opacity:.7;*/
}
#body-content-left {
	/*font-family: Papyrus, Arial, Helvetica, sans-serif;*/
	/*font-family:"Lucida Sans Uncode", "Lucida Grande", sans-serif;*/
	font-family: 'Arvo', serif;
	font-size: large;
	font-weight:bold;
	width:20%;
	float:left;
	margin-right:2%;
	background-color:#333;
	min-height:340px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(21, 21, 21);
	/* RGBa with 0.6 opacity */
	background: rgba(21, 21, 21, 0.6);
	/* For IE 5.5 - 7*/
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33333300, endColorstr=#33333300);*/
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33333300, endColorstr=#33333300)";

	text-align:center;
	/*opacity:.7;*/
	/*filter:alpha(opacity=70);*/
}
#body-content-right {
	/*font-family: Papyrus, Arial, Helvetica, sans-serif;*/
	/*font-family:"Lucida Sans Uncode", "Lucida Grande", sans-serif;*/
	font-family: 'Arvo', serif;
	font-weight:bold;
	width:20%;
	margin-left:2%;
	float:right;
	background-color:#333;
	min-height:340px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(21, 21, 21);
	/* RGBa with 0.6 opacity */
	background: rgba(21, 21, 21, 0.6);
	/* For IE 5.5 - 7*/
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33333300, endColorstr=#33333300);*/
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33333300, endColorstr=#33333300)";

	text-align:center;
	/*opacity:.7;*/
	/*filter:alpha(opacity=70);*/
}
div.group_p_together{
	margin:10px 3px;
}
div.group_p_together > p{
	font-size: small;
	letter-spacing:0px;
	margin:0;
	padding:0;
	font-weight:700;
}
a.popup-link{
	color:#0f0;
	text-decoration:underline;
	font-size: small;
	letter-spacing:0px;
	margin:0;
	padding:0;
	font-weight:700;
}
a.popup-link:hover{
	color:#ff0;
}
#body-content-middle div > p{ 
	margin: 0 auto;
	letter-spacing:0px;
	width:96%;
	font-size: large;
	font-weight:700;
	background-color:#808080;
}
#body-content-middle div > p.main-page-top{ 
}
#body-content-middle div > p.main-page-bottom{ 
	font-size:small;
	padding-bottom:5px;
}
p.solid-bkrnd{ 
	/*font-family: Papyrus, Arial, Helvetica, sans-serif;*/
	font-family: 'Love Ya Like A Sister', cursive;
	letter-spacing:0px;
	margin: 5%;
	width:90%;
	font-size: large;
	font-weight:700;
	background-color:#808080;
}

div.solidBody {
	background-color:#ddd9c3;
	border:3px solid #948a54;
}
#vertical-scrolling-alert-bar {
	/*width:64%;*/
	height:400px;/* same height as  #beach-county-status-summary */
	/*float:left;*/
	/*border:1px dotted black;*/
	overflow:hidden;
}
#vertical-scrolling-alert-bar p{
	position:relative;
	z-index:10; /* forces this header to be on top of the text */
}
#vertical-scrolling-alert-bar div{
	top:100px;
	width:100%;
	min-height:100px; /*  #vertical-scrolling-alert-bar - .wigdetTitle . If this is set to the wrong value, the text will jump up the difference.*/
	/*border-bottom:1px dotted blue;*/
	position:relative;
	float:left;
}
/* LOGIN FORM CSS */
#login-form {
	color:#000;
	background-color:#fff;
	margin:5%;
	width: 90%;
	padding-top:15px;

}
#login-form img {
	float:left;

}
#login-form #login-form-header {
	width:98%;
	height:55px;
}
#login-form #login-form-controls div{
	width:100%;

}
#body-content-right a{
	font-size:x-small;
	color:#fff;

}
#login-form a{
	font-size:x-small;
	color:#000;

}
#login-form label{
	display:inline-block;
	width:100%;
	padding-left:25px;
	margin:5px 0;
	text-align:left;
	/*margin-left:-25%;*/
	/*margin:5px 0 5px -25%;*/
}
/*Might use this style all over, so change appropriately */
#login-form #login-form-controls div input{
	width:65%;
	border: 1px solid black;
	margin:0 0 10px 10%;
	/*margin-left:10%;*/
	background: #ccc;
	box-shadow: 2px 2px 5px #808080;
}
button {
	color:#fff;

	/*font-family: Papyrus, Arial, Helvetica, sans-serif;*/
	/*font-family:"Lucida Sans Uncode", "Lucida Grande", sans-serif;*/
	font-family: 'Arvo', serif;
	font-size: small;
	font-weight:bold;

	border: 1px solid #77933c;
	background: #9bbb59;
	box-shadow: 2px 2px 5px #808080;
}
button:hover{
	background-color:green;
}	

button:active{
	background-color:darkgreen;
}
input[type="text"], input[type="password"], textarea {
	border:2px solid #948a54;
	box-shadow: 2px 2px 5px black;
	padding:3px;
	width:55%;
}
select {
	border:2px solid #948a54;
	box-shadow: 2px 2px 5px black;
	padding:3px;
	width:57%;
}
input[type="checkbox"] {
	border:2px solid #948a54;
	box-shadow: 2px 2px 2px black;
	/*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=false,ShadowOpacity:0.30);
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=false,ShadowOpacity:0.30)";*/
	padding:3px;
}
#login-form #login-form-controls div button{
	width:60%;
	height:2em;
	margin:5%;
	margin-left:35%;
}

#map-div {
	width:100%;
	height:450px;
	margin-bottom:7px;
	padding:5px;
}
#map {
	width:100%;
	height:100%;
}
#keyword-search-bar{
	padding-left:5px;
	text-align:left;
	color:#000;
	width:100%;
}
#keyword-search-bar > div {
	display:inline-block;
	background-color:#ddd9c3;
	border-radius: 5px;
	/*border:3px solid #948a54;*/
	padding:5px 20px;
	width:60%;
}
#keyword-search-bar > button {
	display:inline-block;
	padding-top:5px;
	padding-bottom:2px;
}
#footer {
	clear:both;
	max-width:1020px;
	padding-top:10px;
}
#footerOuterBox {
	clear:both;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	width:768px;
	margin:0 auto;
	background:#69c;
}
#footerInnerBox {
	padding:10px;
}
#footerInnerBox a.twitterLink {
	/*border-bottom:1px solid black;
	border-left:1px solid black;
	border-top:1px solid gray;
	border-right:1px solid gray;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;*/
	border:1px outset black;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
}
#footerInnerBox a.twitterLink:hover {
	background-color:#7ac;
}
#footerInnerBox a img {
	width:30px;
	height:30px;
}
/* @override on ui-dialog */
.ui-widget {
	font-family: Verdana, Arial, sans-serif !important;
	font-size:.8em !important;
	min-width:250px;
}

#horizontal-scrolling-alert-bar {
	overflow:hidden;
	border:1px solid black;
	position:relative;
	width:100%;
	height:25px;
}
#horizontal-scrolling-content {
	position:relative;
	display:inline-block;
	left:500px;
	width:auto;
	min-width:500px;
	max-width:50000px;
	height:25px;
	white-space:nowrap;
}
h2.bodyTitle{
	margin:0 0 5px 0;
	font-family: FallHarvest, Helvetica, Arial, sans-serif;
	font-size: 200%;
	font-weight:400;
	letter-spacing:2px;
}
.noMarginOrPadding{
	margin:0;
	padding:0;
}
fieldset {
	margin-top: 10px;
}
fieldset#filterFieldset {
	border-style: dotted;
	border-color:gray;
}
table.allowTableOverflow{
	overflow:visible;
	white-space:nowrap;
}

.modal-overlay {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity: 0.5;
	filter:alpha(opacity=50);
}
.modal-background {
	position: absolute;
	padding:8px;
	background:none repeat scroll 0 0 rgba(0,0,0,0.2);
	max-width:890px;
}
.modal-content {
	/*font-family: Papyrus, Arial, Helvetica, sans-serif;*/
	/*font-family:"Lucida Sans Uncode", "Lucida Grande", sans-serif;*/
	font-family: 'Arvo', serif;
	color:#000;
	background-color:#ddd9c3;
	border:3px solid #948a54;
	padding:25px;
	max-width:890px;
	/*max-height: 700px; *//* Temporarily disabled to see results*/
}
.modal-content h2{
	padding:0 100px 0 0;
	margin:0;
}
.modal-content p{
	padding:5px 0;
	margin:0;
}
a.modal-close-icon {
    background: url("/vnjf_common_files/images/delete.png") no-repeat scroll left top transparent;
    display: block;
    height: 16px;
    width: 16px;
    position:absolute;
    right:20px;
    top:20px;
}
/* Standard Website style table */
table.websiteTable {
	margin-top: 10px;
	width: 100%;
	font-size:medium;
	border-collapse:collapse;
	border:0;
	
}
table.websiteTable tr.header{
	background-color: #8064a2;
}
table.websiteTable tr {
	background-color: #dee7d1;
	line-height:37px; /* Might need to remove this */
}
table.websiteTable tr.editRow {
	background-color: #dff2bf !important;
}
table.websiteTable tr.deleteRow {
	background-color: #ffbaba !important;
}
table.websiteTable th, table.websiteTable td  {
	border:0;
}
table.websiteTable td {
	text-align:center;
}
table.websiteTable td.centerTableButtons {
	text-align:center;
	width:10%;
}
table.websiteTable th {
	text-align:center;
}
.websiteTable tr td > img {
	display:inline-block;
	float:left;
	vertical-align:middle;
}
.websiteTable tr td > img.imgLeft,
.websiteTable tr td > img.imgRight {
	cursor:pointer;
}
table.websiteTable td button {
	text-align:center;
}
table.websiteTable tr.alt {
	background-color: #eff3ea;
}
table.websiteTable tr:not(.header):hover {
	background-color: #fff;
}
table tr.boldRow{
	font-weight:bold;
}
fieldset div label{
	float:left;
	vertical-align:middle;
	width:23%;
}
fieldset div {
	margin-bottom:5px;
}
fieldset.formset{
}
fieldset.formset label{
}
fieldset.formset div{
}
fieldset.formset textarea, fieldset.formset input[type="text"]{
	height:1.3em;
	width:60%;
}
fieldset.formset select{
	width:60%;
}


/* Use like the following: <table class="websiteTable sortable"> .... </table> to get both effects*/
table.sortable th {
	background-repeat:no-repeat;
	background-image: url('/vnjf_common_files/images/asc_desc_arrows.png');
	background-position: right;
	cursor:pointer;
}
table.sortable th.sortASC {
	background-color:#bac;
	background-image: url('/vnjf_common_files/images/asc_arrows.png');
}
table.sortable th.sortDESC {
	background-color:#bac;
	background-image: url('/vnjf_common_files/images/desc_arrows.png');
}

table.sortable th.nosort {
	background:0;
	cursor:default;
}

/* Icon headers are exempt from any jquery that uses headers to sort.*/
table.websiteTable th.iconColumn {
	cursor:default;
	width:16px;
	background:0;
	background-color:#fff;
}
a.downloadFileIcon {
    background: url("/vnjf_common_files/images/down_green_arrow.png") no-repeat scroll left top transparent;
    display: block;
    height: 16px;
    width: 16px;
}
a.linkIcon {
    background: url("/vnjf_common_files/images/linkIcon.png") no-repeat scroll left top transparent;
    display: block;
    height: 16px;
    width: 16px;
}

a.cartIcon {
    background: url("/vnjf_common_files/images/cart.png") no-repeat scroll left top transparent;
    display: block;
    height: 16px;
    width: 16px;
}
a.editIcon {
    background: url("/vnjf_common_files/images/edit.png") no-repeat scroll left top transparent;
    display: block;
    height: 16px;
    width: 16px;
}
a.deleteIcon {
    background: url("/vnjf_common_files/images/delete.png") no-repeat scroll left top transparent;
    display: block;
    height: 16px;
    width: 16px;
}
a.addIcon {
    background: url("/vnjf_common_files/images/add.png") no-repeat scroll left top transparent;
    display: block;
    height: 16px;
    width: 16px;
}
a.viewIcon {
    background: url("/vnjf_common_files/images/view.png") no-repeat scroll left top transparent;
    display: block;
    height: 16px;
    width: 16px;
}
a.pendingIcon {
    background: url("/vnjf_common_files/images/hourglass.png") no-repeat scroll left top transparent;
    display: block;
    height: 16px;
    width: 16px;
}
a.acceptedIcon {
    background: url("/vnjf_common_files/images/check.png") no-repeat scroll left top transparent;
    display: block;
    height: 16px;
    width: 16px;
}
a.pinIcon {
    background: url("/vnjf_common_files/images/pin.png") no-repeat scroll left top transparent;
    display: block;
    height: 16px;
    width: 16px;
}
a.rightIcon {
    background: url("/vnjf_common_files/images/right_arrow.png") no-repeat scroll left top transparent;
    display: block;
    height: 16px;
    width: 16px;
}
a.downIcon {
    background: url("/vnjf_common_files/images/down_arrow.png") no-repeat scroll left top transparent;
    display: block;
    height: 16px;
    width: 16px;
}
a.downCircleIcon {
    background: url("/vnjf_common_files/images/down_circle_arrow.png") no-repeat scroll left top transparent;
    display: block;
    height: 32px;
    width: 32px;
    margin:0 auto;
}
a.upCircleIcon {
    background: url("/vnjf_common_files/images/up_circle_arrow.png") no-repeat scroll left top transparent;
    display: block;
    height: 32px;
    width: 32px;
    margin:0 auto;
}
a.leftCircleIcon {
    background: url("/vnjf_common_files/images/left_circle_arrow.png") no-repeat scroll left top transparent;
    display: block;
    height: 32px;
    width: 32px;
    margin:0 auto;
}
a.rightCircleIcon {
    background: url("/vnjf_common_files/images/right_circle_arrow.png") no-repeat scroll left top transparent;
    display: block;
    height: 32px;
    width: 32px;
    margin:0 auto;
}
/* My Tabs */

.tabContentHidden {
	display:none;
}
.div-content {
	text-align:left;
	padding:15px 0 0 0;
	/*background-color:#ddd9c3;*/
	background-color:#eeece1;
	width:100%;
	min-height:200px;
}

ul.tabbedContent {
	list-style-type:0;
	padding:0;
	margin:10px 0 0 0 ;
	display:table;
	width:100%;
}
ul.tabbedContent li a{ 
	display:block;
	color:#000;
	text-decoration:none;
	text-align:center;
	height:40px;
}
ul.tabbedContent li {
	padding:0 5px;
	display:table-cell;
	font-size:small;
	color:#000;
	margin:0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/*background-color:#ddd9c3;*/
	background-color:#eeece1;
	border:2px solid #948a54;
}
ul.tabbedContent li.tabActive {
	border-bottom:2px solid #eeece1;
}
/*Information DIV */

	.informationDiv {
		/* width = 776px - padding(10px + 50px) */
		width: 80%;
		border: 1px solid;
		/*margin: 10px auto;*/
		margin: 0 auto 10px;
		padding:15px 10px 15px 50px;
		font-size:small;
		background-repeat: no-repeat;
		background-position: 10px center;
	}

	.informationDiv a.closeMe{
		float:right;
		font-size:xx-small;
		border-bottom:1px dotted black;
	}

	.informationDiv a.closeMe p{
		display:inline;
		background-color:white;
		border:1px solid black;
	}

	.informationDiv.success {
		color: #4F8A10;
		background-color: #DFF2BF;
		background-image:url('/vnjf_common_files/images/success.png');
	}
	.informationDiv.failed {
		color: #D8000C;
		background-color: #FFBABA;
		background-image: url('/vnjf_common_files/images/failed.png');
	}

	.informationDiv.information {
		color: #00529B;
		background-color: #BDE5F8;
		background-image: url('/vnjf_common_files/images/information.png');
	}

	.informationDiv.warning {
		color: #9F6000;
		background-color: #FEEFB3;
		background-image: url('/vnjf_common_files/images/warning.png');
	}
/* Calendar Widget Button - used by input[button] to be the following style, text-indent is pushing the text off the button by 1 pixel for IE8 compatability*/
	.widgetCalendarButton {
		cursor:pointer;
		border:0;
		width:16px;
		height:16px;
		background-color:#fff;
		overflow:hidden;
		text-indent:17px;
		color:transparent;
		background-image:url('/vnjf_common_files/images/calendar_icon.png');
	}

/*Widgets*/

	div.dateWidgetDiv select{
		width:auto;
	}
	div.widgetDiv {
		min-width:45%;
		max-width:95%;
		border: 1px dotted gray;
		font-size:90%;
		margin:10px 10px 0 0;
		float:left;
	}
	div.widgetDivLeft {
		min-width:45%;
		max-width:95%;
		border: 1px dotted gray;
		font-size:90%;
		margin:10px 10px 0 0;
		float:left;
	}
	div.widgetDivRight {
		min-width:45%;
		max-width:95%;
		border: 1px dotted gray;
		font-size:90%;
		margin:10px 10px 0 0;
		float:right;
	}
	p.widget_title {
		background-color: #036;
		width:100%;
		text-align: center;
		font-size: 1.2em; 
		color:#fff;
		margin:0;
		padding:0;
	}
	div.clearWidgetDivs {
		clear:both;
	}


#logoutButton {
	position:absolute;
	right:0;
	top:15px;
	margin:0 auto;
	background-color:#ffbaba;
	width:10%;
	border:1px solid red;
	font-size:large;
}
/* Registration input and possibly others */
div.inputForm {
	font-weight:100;
	/*font-family: Papyrus, Arial, Helvetica, sans-serif;*/
	/*font-family:"Lucida Sans Uncode", "Lucida Grande", sans-serif;*/
	font-family: 'Arvo', serif;
	color:#000;
	/*margin:10px;*/
	padding:10px;
	background-color:#ddd9c3;
	border:3px solid #948a54;
	text-align:left;
	min-height:175px;
}

div.inputForm p{
	
	font-weight:100;
	margin:0;
}
p.subText {
	font-size:small;
}
div.inputForm p.legendHeader {
	margin-top:5px;
	margin-left:5px;
	font-weight: 700;
	font-size:large;
}
div.inputForm p.categoryHeader {
	margin-top:5px;
	margin-left:5px;
	font-weight: 700;
	font-size:large;
	text-decoration:underline;
}
div.inputForm div.fieldContainer {
	display:table;
	border-collapse:collapse;
	width:100%;
	margin-top:10px;
	margin-left:5px;
	min-height:32px;
}
div.inputForm div.fieldContainer div.labelCell {
	vertical-align:top;
	display:table-cell;
	font-size:medium;
	width:20%;
}	
div.inputForm div.fieldContainer div.inputCell {
	display:table-cell;
	width:35%;
	padding-right:25px;
}
div.inputCell input, div.inputCell select {
	margin:0;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}
div.inputForm div.fieldContainer div.iconCell {
	display:table-cell;
	width:45%;
}
div.inputForm div.fieldContainer div.iconCell img{
	vertical-align:middle;
}
/* News Container */
div.newsContainer {
	width:90%;
	color:#000;
	background-color:#ddd9c3;
	border:3px solid #948a54;
	height:235px;
	margin: 15px auto;
	text-align:left;
	padding:15px;
}
div.newsContainer div.newsInformation {
	font-size:small;
	
}
div.newsContainer button{
	margin:10px 0 0 10px;
}
div.newsInformation p{
	margin:0;
	padding:0;
}
.pictureOfNews {
	float:right;
	max-width:50%;
	max-height:225px;
	
}
div.titleOfNews{
	float:left;
	width:40%;
	text-align:left;
	background-color:#eeece1;
	border:2px solid gray;
	padding:0 10px;
	margin-bottom:10px;
	font-size:x-large;
}


/* social media links */
a.social-media {
    display: inline-block;
    vertical-align:middle;
    height: 32px;
    width: 32px;
    margin: 0 5px;
}
a.facebook-link {
    background: url("/vnjf_common_files/images/facebook-logo.png") no-repeat scroll left top transparent;
}
a.twitter-link {
    background: url("/vnjf_common_files/images/twitter-bird-white-on-blue.png") no-repeat scroll left top transparent;
}
a.google-plus-link {
    background: url("/vnjf_common_files/images/google-plus-icon.png") no-repeat scroll left top transparent;
}
a.generic-link {
    background: url("/vnjf_common_files/images/link.png") no-repeat scroll left top transparent;
}

div.clearDivs {
	clear:both;
}

img {
	border:none;
}

/* button colors */
button.orangeButton {
	background-color:#e46c0a;
}
button.darkRedButton {
	background-color:#953735;
}
button.redButton {
	background-color:#f00;
}
button.grayButton {
	background-color:#bbb;
}

/* FILE TABLE */
table.fileTable {
	margin-top: 10px;
	width: 100%;
	font-size:normal;
	border-collapse:collapse;
	display:inline-block;
	vertical-align:top;
	
}
table.fileTable tr.header{
	background-color: #3d85c6;
}
table.fileTable tr {
	background-color: #cfe2f3;
}
table.fileTable tr.editRow {
	background-color: #dff2bf !important;
}
table.fileTable tr.deleteRow {
	background-color: #ffbaba !important;
}
table.fileTable tr.header {
	background-color: #3d85c6;
}
table.fileTable th, table.fileTable td  {
	border:2px solid white;
}
table.fileTable td {
	text-align:left;
}
table.fileTable td.centerTableButtons {
	text-align:center;
	width:10%;
}
table.fileTable th {
	text-align:left;
}

table.fileTable td button {
	text-align:center;
}
table.fileTable tr.alt {
	background-color: #9fc5e8;
}
table.fileTable td:hover {
	background-color: #fff;
}
table tr.boldRow{
	font-weight:bold;
}
.blueHover:hover {
	color:#0ff !important;
}