/* VRC Velocity Web Portal CSS */
@media screen
{
	body {
		padding: 0;
		font-family: verdana, sans-serif;
		/* font-size: 10px; */
		font-size: 12px;
		margin: 0 auto auto auto;
	}

	p {
		padding: 2px 0;
		text-align:justify;
		margin:0px;
	}

	a:hover {
		text-decoration:underline;
	}

	h1 {
		font-size:18px;
		font-weight:bold;
		font-family:'Trebuchet MS';
		padding: 5px 0;
		margin:0px;
		text-decoration:none;
	}

	h2 {
		font-size:16px;
		font-weight:bold;
		font-family:'Trebuchet MS';
		padding: 3px 0;
		margin:0px;
		text-decoration:none;
	}

	h3 {
		font-size:14px;
		font-weight:bold;
		font-family:'Trebuchet MS';
		padding: 3px 0;
		margin:0px;
		text-decoration:none;
	}

	.reForm {
		padding:2px 0px 2px 0px;
		margin:0;
		text-align:center;
	}

	#entirePage {
		width:1075px;
		margin:auto;
		float:left;
	}

	.button {
		border: 1px solid transparent;
		/* font-size: 11px; */
		font-size: 13px;
		padding: 7px 10px;
		cursor: pointer;
	}

	.button:hover {
		background-color: #efefef;
		color: #04046b;
	}

	.miniButton {
		font-size:6px;
		width:1%;
		border-width:1px;
		border-style: solid;
	}

	.miniButton:hover {
		cursor:pointer;
	}

	.nonButton {
		background: transparent;
		border-left: 0;
		border-right: 0;
		border-top: 0;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		cursor: pointer;
		display: inline;
		margin: 0;
		padding: 0;
	}

	.customLink {
		font-family:'Trebuchet MS';
		font-weight:bold;
		font-size:12px;
		text-decoration:none;
	}
	.customLink:hover {
		cursor:pointer;
		text-decoration:underline;
	}

	.customLinkLight {
		font-family:'Trebuchet MS';
		font-weight:bold;
		font-size:13px;
		text-decoration:none;
	}

	.nonLink {
		text-decoration:none;
	}

	.nonLink:hover {
		cursor:pointer;
		text-decoration:none;
	}

	legend {
		font-weight:bold;
		color: #04046b;
	}

	.left {
		float:left;
		padding-left:7px;
	}

	img { border: 0; }

	img.img_left {
		float:left;
		padding:0px 8px 8px 0px;
	}

	#search_tab {
		width:230px;
		float:right;
		padding-top:10px;
		font-size:10px;
	}

	input.search_input {
		width:167px;
		height:17px;
		padding-left:10px;
		border:0;
	}

	#mainFrame {
		float:left;
		width:900px;
		border-left-width: 2px;
		border-left-style: dashed;
	}

	/* HEADER STYLES */

	#header {
		margin-left: -20px;
		text-align:left;
	}

	#header_logo {
		width:900px;
		height:70px;
		text-align:center;
		float:left;
		padding:20px 0 0 5px;
	}

	#header_logo h1 {
		display:inline;
		vertical-align:50%;
		font-size:24px;
		font-family:'Trebuchet MS';
	}

	/* END HEADER STYLES */


	/* HORIZONTAL MENU STYLES */

	#topMenu {
		margin-bottom:0;
	}

	#menuTabTable {
		width:100%;
		padding-bottom:0;
		margin:0;
		text-align: right;
	}
	#menuTabTable ul._tabSet {
		list-style-type:none;
		padding:0;
		margin:0;
	}
	#menuTabTable ul._tabSet li._tab {
		text-align:center;
		display:inline-block;
		border: none;
		padding:0;
		margin-left:2px;
		margin-right:2px;

		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		-moz-top-left-radius: 10px;
		-moz-top-right-radius: 10px;
	}
	#menuTabTable ul._tabSet li._tab a._tabLink {
		padding: 7px 10px;
		vertical-align:bottom;
		display: inline-block;
		font-size: 12px;
		font-variant: small-caps;

		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		-moz-top-left-radius: 10px;
		-moz-top-right-radius: 10px;
	}

	/* More simple multi-line horizontal menu without scrolling */
	#menuBar {
		clear: both;
		margin: 0 -20px;
		box-shadow: 0px 7px 10px #888888;
		-webkit-box-shadow: 0px 7px 10px #888888;
		-moz-box-shadow: 0px 7px 10px #888888;
		-o-box-shadow: 0px 7px 10px #888888;
		background: transparent;

		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		-moz-bottom-left-radius: 10px;
		-moz-bottom-right-radius: 10px;
	}
	._menu {
		background: #efefef !important;
		border:1px solid #ccc;
		border-width:1px 0;
		list-style:none;
		margin:0;
		padding:0;
		text-align:center;
		font-size: 0;

		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		-moz-bottom-left-radius: 10px;
		-moz-bottom-right-radius: 10px;
	}
	._menu li {
		display:inline;
	}
	._menu a {
		display:inline-block;
		padding:14px 10px;
		text-decoration: none;
		font-size: 13px;
		font-weight: bold;
	}
	._menu li a:hover { background: #283945; color: white; }

	/* END HORIZONTAL MENU STYLES */

	/* MAIN CONTENT STYLES */

	#main_container {
		width:960px;
		height:auto;
		margin:auto;
		padding:20px;
	}

	#main_content {
		margin:auto;
		clear:both;
	}

	.successMsg {
		text-align:left;
		font-weight:bold;
		font-size: 14px;
		background-color: black;
		padding: 10px;
		border-radius: 10px;
	}
	.validationMsg {
		text-align:left;
		font-weight:bold;
	}
	.warningMsg {
		text-align:left;
		font-weight:bold;
		background-color: black;
		padding: 10px;
		border-radius: 10px;
		color: red !important;
	}

	.fileRemove {
		border-width: 1px;
		border-style: solid;
		text-decoration:none;
		font-weight:bold;
		font-size:12px;
		margin-left:10px;
		padding:0px 5px 0px 5px;
	}
	.fileAdd {
		text-decoration:none;
		font-weight:bold;
		font-size:12px;
	}

	#middleContentWrapper {
		text-align: center;
		/*margin-top: 30px;*/
	}

	#middleContent {
		margin: 0 auto 0 auto;
		text-align: left;
		clear: both;
		border: none;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
		-moz-bottom-left-radius: 15px;
		-moz-bottom-right-radius: 15px;

		/* filter: progid:DXImageTransform.Microsoft.shadow(Direction=45, Strength=5, Color=#888888)
								progid:DXImageTransform.Microsoft.shadow(Direction=315, Strength=5, Color=#888888); */
		/* box-shadow: 0px 0px 20px #888888; */
		box-shadow: 20px 0 20px -20px #888, 0 20px 20px -20px #888, -20px 0 20px -20px #888;
/* -webkit-box-shadow: 0px 0 20px #888888;
				-moz-box-shadow: 0px 0 20px #888888;
				-o-box-shadow: 0px 0px 32px #888888;
*/
	}

	.webflow-container {
		background: #fff;
		border-radius: 10px !important;
		-moz-border-radius: 10px !important;
	}
	#blackout { padding-bottom: 20px; }

	#middle_content {
		box-shadow: 0 2px 20px #888;
		background: #fff !important;
	}

	#middleTopContent {
		margin: 0px auto 0px;
	}

	#middleTopContentFieldset {
		width: 100%;
/* -moz-border-radius:3px;
				border-radius:3px; */
	}

	#portalContent {
		padding:20px;
	}

	#contentFadeout {
		margin:0 auto;
		padding:0;
		height:30px;
		width:864px;
	}
	#contentFadeoutLeft, #contentFadeoutRight {
		padding:0;
		margin:0;
		float:left;
		display:inline;
		width:2px;
		height:30px;
	}
	#contentFadeoutCenter {
		padding:0;
		margin:0;
		float:left;
		display:inline;
		width:860px;
		height:30px;
	}

	/* PUBLIC ROLE STYLES */

	#middle_content {
		height:auto;
		padding:0;
		margin: 0 auto 0 auto;
		/* background:url(../images/middle_banner.gif) no-repeat center; */
		background-color: rgb(78,99,116);
		border-radius: 10px;
	}

	#middle_content_services {
		height:164px;
		margin:10px auto 0px auto;
		background:url(../images/middle_banner_services.jpg) no-repeat center;
	}

	#middle_content_contact {
		height:164px;
		margin:10px auto 0px auto;
		background:url(../images/middle_banner_contact.jpg) no-repeat center;
	}

	.middle_text {
		width:auto;
		height:auto;
		margin:0px;
		padding:20px;
		text-align:justify;
	}

	/* END PUBLIC ROLE STYLES */

	.center_text {
		width: auto;
		margin:0px;
		padding:20px 0 0 30px;
		text-align:justify;
	}

	#center_content {
		width:880px;
		margin:auto;
	}

	.left_content {
		width:430px;
		float:left;
	}

	.right_content {
		width:430px;
		float:left;
	}

	.news_tab {
		clear:both;
		padding:5px 0 5px 0;
	}

	.wide_content {
		width:860px;
		margin: auto;
		clear:both;
		padding:10px 0 15px 0;
	}

	.wide_content_services {
		width:820px;
		margin: auto;
		clear:both;
		padding:10px 0 15px 0;
	}

	.bottom_tab {
		width:200px;
		height:45px;
		float:left;
		margin-left:30px;
		margin-bottom:15px;
		background:url(../images/bottom_box.gif) no-repeat center;
		background-position:0px 0px;
		padding-left:40px;
		font-size:10px;
		line-height:45px;
	}

	#footerTable {
		margin: 10px auto;
		text-align: right;
	}

	/* END MAIN CONTENT STYLES */

	/* FOOTER STYLES */

	ul.footer_menu {
		list-style:none;
		float:right;
		display:block;
		width:520px;
		margin:0px;
		padding:5px 20px 0 0px;
	}

	ul.footer_menu li {
		display:inline;
		font-size:10px;
	}

	a.nav_footer:link, a.nav_footer:visited {
											 display:block;
											 float:left;
											 padding:5px 6px 5px 10px;
											 margin:0;
											 text-decoration:none;
										 }

	a.nav_footer:hover {
		display:block;
		float:left;
		padding:5px 6px 5px 10px;
		margin:0;
		text-decoration:underline;
	}

	a.nav_footer:active {
		display:block;
		float:left;
		padding:5px 6px 5px 10px;
		margin:0;
		text-decoration:none;
	}

	#copyright {
		float:left;
		padding:0px;
	}

	.text-right { text-align: right; }
	.text-left { text-align: left; }
	.text-center { text-align: center; }
	.full-width { width: 100%; }
	.fr { float: right; }
	.fl { float: left; }
	.hidden { display: none; }
	.webflowValidationError {
		display: none;
		margin-top: 10px;
		padding: 0px 5px;
		font-size: 12px;
		font-weight: bold;
		color: #771100;
	}
	/* .ui-front { z-index: 1000 !important; } */

	#browserInfo {
		font-size: 12px;
		clear: none;
		float: right;
		border: 1px solid #FFFFFF;
		background-color:#576975;
		padding: 1px;
		display: none;
		width: 300px;
		position: relative;
		left: 225px;
		top: 25px;
	}

	/* login page style */
	#login-form input[type=text], #login-form input[type=password],
	#forgot-password-form input[type=text], #forgot-password-form input[type=password] { width: 250px; }

	#login-form td, #forgot-password-form td { padding:0px; font-size:16px; font-family: verdana; }

	/* powered by style */
	#powered-by {  }
	#portal_version {
		text-align: right;
		vertical-align: middle;
		color: #777777;
		font-size: 10px;
		font-style: italic;
		margin-bottom: 5px;
	}

	#welcome { font-size: 14px; float: left; }
	#orgdesc { text-align: right; margin-bottom: 5px; margin-top: -10px; }

	/* user profile page */
	#user_profile_tab_menu li { text-align: right; padding: 10px 5px; }
	#user_profile_tab_menu li.selected { background-color: #283945; }
	#user_profile_tab_menu li a { font-weight: bold; vertical-align: middle; text-decoration: none; color: #04046b; }
	#user_profile_tab_menu li.selected a { color: #fff; }

	/* form controls */

	/* glowing blue input highlight for focused input fields */
	input[type=text], input[type=password], textarea, select, .custom-combobox-input {
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;
		outline: none;
		padding: 5px 0px 5px 5px !important;
		margin: 5px 1px 3px 0px !important;
		border: 1px solid #DDDDDD;
		border: 1px solid #ccc;
	}
	input[type=radio] {
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;
		outline: none;
		border: 1px solid #ccc;
	}

	input[type=text], input[type=password], /*input[type=button], input[type=submit],*/ textarea, select { border-radius: 4px; }

	/*input[type=submit], input[type=button] {
		border: 1px solid #ccc;
	}*/

	/*input[type="submit"], input[type="button"],*/ input[type=file] {
		cursor: pointer;
	}

	input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
		box-shadow: 0 0 5px rgba(81, 203, 238, 1);
		padding: 5px 0px 5px 5px;
		margin: 5px 1px 3px 0px;
		border: 1px solid rgba(81, 203, 238, 1);
	}
	/*input[type=submit]:focus , input[type=button]:focus, input[type=radio]:focus, input[type=submit]:hover , input[type=button]:hover, button:hover, button:focus {
		box-shadow: 0 0 5px rgba(81, 203, 238, 1);
		border: 1px solid rgba(81, 203, 238, 1);
	}*/

	/* keep webfow input fields smaller because there could be tons of fields on each form */
	.webflow-container input[type=text], .webflow-container textarea, .webflow-container select, .webflow-container .custom-combobox-input { padding: 3px 0px 3px 3px; }
	.webflowRadioDiv label, .webflowRadioDiv input { cursor: pointer; }

	.form-control { margin-top: 10px; }
	.form-control label { display: block; font-weight: 600; }
	.form-control input { width: 100%; }
	td.newCol { padding-left: 20px; }

	/* combobox */
	.custom-combobox {
		position: relative;
		display: inline-block;
		margin: 5px 1px 3px 0;
	}
	.custom-combobox-toggle {
		position: absolute !important;
		top: 0;
		bottom: 0;
		margin-left: -1px;
		padding: 0;
	}
	.custom-combobox-input {
		margin: 0 !important;
		background: none !important;
	}
	.custom-combobox-input:focus, .custom-combobox-input:focus + a.custom-combobox-toggle {
		box-shadow: 0 0 5px rgba(81, 203, 238, 1);
		border: 1px solid rgba(81, 203, 238, 1);
	}
}
/*End of @ media screen */
@media print
{
	#topMenu, #header, #footerTable, #portal_version, #contentFadeout, .noPrintButton, .customLinkLight, hr { display: none; }
	#middleContent { box-shadow: none; }
	div:not(.dataTables_scroll, .dataTables_scrollHead) { overflow: visible !important; }
	.google-visualization-table-table { overflow: visible; }
	#main_container{ width: 100%; padding: 0px; margin: 0px; }
}/* for printing */