/*
	Name:	includes/default.css
	For:	Pleasantville VAC
*/

/* ----------------------------------------------------------------------------- */
/* MAIN PAGE */
	
	body {
		position: relative;
		background-color: #F0F0F0;
		margin: 0 0 20px 0;
		font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
		font-size: 13px;
	}
	img {
		vertical-align: text-bottom;
	}
	.container {
		position: relative;
		width: 960px;
		margin: 0 auto;
		height: 100%;
		background-image: url('../images/container-bg.png');
		background-repeat: repeat-y;
		padding: 0 10px;
	}
	.header {
		background-image: url('../images/header.png');
		background-repeat: no-repeat;
		height: 110px;
		position: relative;
	}
	.contents {
		position: relative;
		padding: 20px;
		vertical-align: top;
		background-image: url('../images/content-bg.png');
		background-repeat: no-repeat;
		min-height: 500px;
	}
	.container-bot {
		width: 960px;
		margin: 0 auto;
		height: 13px;
		background-image: url('../images/container-bot.png');
		background-repeat: no-repeat;
		padding: 0 10px;
	}
	a {
		color: #1D2E50;
	}
	a:hover {
		text-decoration: none;
	}
	.spanLink {
		color: #1D2E50;
		text-decoration: underline;
		cursor: pointer;
	}
	.spanLink:hover {
		text-decoration: none;
	}
	#pageScreen {
		background-color: rgba(0, 0, 0, 0.45);
		z-index: 2;
		position: fixed;
		top: 0;
		left: 0;
		display: none;
	}
	#popupDiv {
		position: absolute;
		top: 0;
		left: 0;
		background-color: #FFFFFF;
		border-radius: 10px;
		padding: 10px;
		display: none;
		border: 1px solid #1D2E50;
		z-index: 100;
		text-align: center;
	}
	#closeBtn {
		position: absolute;
		z-index: 101;
		cursor: pointer;
		display: none;
	}
	#closeBtn img {
		width: 25px;
		height: 25px;
	}
	.btn {
		display: inline-block;
		padding: 5px;
		color: #FFFFFF;
		border: 1px solid #1D2E50;
		cursor: pointer;
		background: #6095ff; /* Old browsers */
		background: -moz-linear-gradient(top,  #6095ff 0%, #4267b2 25%, #1d2e50 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6095ff), color-stop(25%,#4267b2), color-stop(100%,#1d2e50)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #6095ff 0%,#4267b2 25%,#1d2e50 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #6095ff 0%,#4267b2 25%,#1d2e50 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #6095ff 0%,#4267b2 25%,#1d2e50 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #6095ff 0%,#4267b2 25%,#1d2e50 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6095ff', endColorstr='#1d2e50',GradientType=0 ); /* IE6-9 */
	}
	.btn:active {
		padding: 6px 4px 4px 6px;
		color: #EAEAEA;
		background: #1d2e50; /* Old browsers */
		background: -moz-linear-gradient(top,  #1d2e50 0%, #4267b2 75%, #6095ff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d2e50), color-stop(75%,#4267b2), color-stop(100%,#6095ff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #1d2e50 0%,#4267b2 75%,#6095ff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #1d2e50 0%,#4267b2 75%,#6095ff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #1d2e50 0%,#4267b2 75%,#6095ff 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #1d2e50 0%,#4267b2 75%,#6095ff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2e50', endColorstr='#6095ff',GradientType=0 ); /* IE6-9 */
	}
	.txt_head {
		display: inline-block;
		font-size: 15px;
		font-weight: 700;
	}
	@media print {
		.noprint {
			display: none;
		}
	}

/* ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */
/* MENU BAR */

	.menuBar {
		position: absolute;
		top: 75px;
		left: 120px;
		height: 25px;
		line-height: 25px;
		color: #FFFFFF;
		font-weight: bold;
		font-family: 'Magra', Arial, Helvetica, sans-serif;
		font-size: 15px;
	}
	.menu-parent {
		display: inline;
		padding: 0 8px;
		text-transform: uppercase;
	}
	.menu-parent a {
		color: #FFFFFF;
		text-decoration: none;
	}
	.menu-parent a:hover {
		text-decoration: underline;
	}

/* ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */
/* USER BAR */

	.userBar {
		position: absolute;
		top: 0px;
		right: 0px;
		display: inline-block;
		padding: 2px 7px;
	}

/* ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */
/* JQUERY UI */

	.ui-widget {
		font-family: inherit;
		font-size: inherit;
	}
	/*.ui-tooltip {
		font-size: 18px;
	}*/

/* ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */
/* HOME PAGE */

	.home_welcome {
		text-align: center;
		font-size: 14pt;
		font-weight: bold;
		color: #1D2E50;
		margin: 5px 0 20px 0;
	}
	#home_col1, #home_col2 {
		display: inline-block;
		vertical-align: top;
		margin-top: 15px;
	}
	#home_col1 {
		width: 200px;
	}
	#home_col2 {
		margin-left: 40px;
		width: 680px;
	}
	.side_cont {
		text-align: center;
		font-size: 12px;
		margin-bottom: 20px;
		background-color: rgba(44, 69, 119, 0.05);
		padding: 5px;
	}
	.sectop {
		background-color: #2C4577;
		color: #FFFFFF;
		font-family: 'Magra', Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align: center;
		padding: 1px;
	}
	#callsTable {
		margin: 0 auto;
	}
	#callsTable td {
		padding: 1px 8px;
		text-align: right;
		border-bottom: 1px rgba(44, 69, 119, 0.2) solid;
	}

/* ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */
/* PAGES */

	.page_header {
		text-align: center;
		font-size: 14pt;
		font-weight: bold;
		color: #1D2E50;
		margin: 5px 0 20px 0;
		text-decoration: underline;
	}
	#page_col1, #page_col2 {
		display: inline-block;
		vertical-align: top;
		margin-top: 15px;
	}
	#page_col1 {
		width: 250px;
	}
	#page_col2 {
		margin-left: 40px;
		width: 630px;
	}
	.page_text {
		line-height: 18px;
		text-align: justify;
	}

/* ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */
/* MEMBERS AREA */

	.tableClass table {
		border-collapse: collapse;
	}
	.tableClass td {
		padding: 1px 5px;
		text-align: left;
	}
	.tableClass .title {
		text-align: right;
		font-weight: bold;
	}

	.memtop {
		text-align: center;
		font-weight: bold;
		font-size: 14px;
		padding: 1px;
		margin-bottom: 7px;
		background-color: rgba(44, 69, 119, 0.15);
	}

	.nav {
		font-size: 12px;
		position: absolute;
		top: 0px;
		left: 105px;
		padding: 3px 0px;
	}

	.rank0 { color: #0989B5; }
	.rank1 { color: #FF0000; }
	.rank2 { color: #FF0000; }
	.rank2 i, i.rank2 { color: #990000; }
	.rank3 { color: #000000; }
	.rank4 { color: #008000; }
	.rank10 { color: #008000; }
	.rank10 i, rank10.i { color: #006600; }
	.rank5 { color: #800080; }
	.rank6 { color: #0000FF; }
	.rank7 { color: #FF6600; }
	.rank13 { color: #CCCCCC; }
	.rank14 { color: #000000; }
	.rank15 { color: #669999; }

/* ----------------------------------------------------------------------------- */
/* FA */
	
	.fa-text-red {
		color: #B20000;
	}
	.fa-text-green {
		color: #006600;
	}
	.fa-text-white {
		color: #FFFFFF;
	}
	.fa-text-blue {
		color: #2C4577;
	}
	.fa-text-amber {
		color: #D6AD33;
	}
	.fa-text-gray {
		color: #CCCCCC;
	}
	.fa-text-magenta {
		color: #CC0066;
	}

/* ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */
/* FOOTER */

	#footer {
		position: relative;
		overflow: visible;
		font-size: 11px;
		background-color: #1D2E50;
		color: #FFFFFF;
	}
	#foot-lt, #foot-lt2, #foot-rt {
		position: absolute;
		bottom: 0px;
		display: inline-block;
		padding: 2px 7px 1px 7px;
	}
	#foot-lt {
		left: 0px;
	}
	#foot-lt2 {
		left: 125px;
	}
	#foot-rt {
		right: 0px;
		text-align: right;
	}