/* VDG Custom Application | Styling
// ------------------------------------------------------------------------------- //
*/

/* ----------------------------------------------------- */
/* Fonts */
/* Montserrat */
@font-face {
 font-family: MontserratWeb;
 src: 	url("fonts/Montserrat-Regular.eot") format("embedded-opentype"),
		url("fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
 font-family: MontserratWeb-b1;
 src: 	url("fonts/Montserrat-Bold.eot") format("embedded-opentype"),
		url("fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
 font-family: MontserratWeb-bl1;
 src: 	url("fonts/Montserrat-ExtraBold.eot") format("embedded-opentype"),
		url("fonts/Montserrat-ExtraBold.ttf") format("truetype");
}
/* Astounder */
@font-face {
 font-family: AstounderWeb;
 src: 	url("fonts/Astounder.eot") format("embedded-opentype"),
		url("fonts/Astounder.ttf") format("truetype");
}

/* ----------------------------------------------------- */
/* General Styles */
* {
	box-sizing: border-box; margin: 0; padding: 0; list-style-type: none;
}

body {
	margin: 0; padding: 0; background: #353837 url('background_texture.jpg') top center; font-size: 14pt; font-family: MonsterratWeb, arial; color: #f3f3f4; line-height: 1.25em; text-align: center; 
}

.align_justify {
	text-align: justify !important;
}
.align_left {
	text-align: left !important;
}
.align_right {
	text-align: right !important;
}
.align_center {
	text-align: center !important;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}

/* ----------------------------------------------------- */
/* Links */
a {
	text-decoration: none; color: #d52d39;
}
a:hover {
	color: #bd1c24;
}
a.focus_link {
	font-weight: bold; font-size: 1.1em; line-height: 1em;
}
.button, .button_link {
	font-family: RobotoWeb-b1, RobotoWeb, arial; cursor: pointer; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 6px 10px; border-radius: 3px; background: #d52d39; color: #fff !important;
	text-shadow: none;
}
.button:hover, .button_link:hover {
	background: #bd1c24; color: #fff !important;
}
.small_button, .meta_section_trigger_button {
	font-family: RobotoWeb-b1, RobotoWeb, arial; cursor: pointer; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 3px 6px; border-radius: 3px; background: #f4f4f4; color: #d52d39 !important; border: 1px solid #bd1c24; font-size: 0.8em; line-height: 1em;
	text-shadow: none;
}
.small_button.current {
	background: #bd1c24; color: #fff !important; border: 1px solid #a02329;
}
.meta_section_trigger_button {
	font-size: 1em; padding: 5px 9px; background: #888; color: #fff !important; border-color: #888;
}
.small_button:hover, .meta_section_trigger_button:hover {
	background: #fff; border-color: #a02329; color: #a02329 !important;
}
.general_form .button.submit, .general_form .button.save {
	background: #bd1c24; font-size: 1.3em; font-weight: bold; text-transform: uppercase;
}
.general_form .button.filter_submit {
	font-size: 1em; padding: 4px 8px; line-height; 1.1em;
}
.general_form .button.submit:hover, .general_form .button.save:hover {
	background: #a02329;
}

/* ----------------------------------------------------- */
/* Headings */
h1,h2,h3,h4,h5,h6 {
	font-family: MonsterratWeb-b1, MonsterratWeb, arial; word-spacing: 0px; margin: 10px auto; font-size: 1.7em; line-height: 1.1em; color: #fff; font-weight: normal;
}
h1 {
	font-family: MonsterratWeb-bl1;
}
h2 {
	font-family: AstounderWeb;
}
h2,h4,h6 {
	color: #eee;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.4em;
}
h5,h6 {
	font-size: 1.2em;
}

/* ----------------------------------------------------- */
/* HR */
hr {
	margin: 10px 0; margin-bottom: 11px; padding: 0; clear: both; width: 100%; border-bottom: 1px solid #ccc; background: none; height: 1px;
}

/* ----------------------------------------------------- */
/* Page Title */
.content_title {
	display: none; padding: 20px; text-align: left; color: #fff; background: none; border-width: 0 0 1px 0; border-radius: 1px 1px 0 0; margin: 0 auto; margin-bottom: 0px;
	
}
.content_title h2 {
	display: block; font-weight: bold; text-align: left; color: #fff; margin: 0; padding: 0; font-size: 1.1em; line-height: 1.2em;
}

/* ----------------------------------------------------- */
/* Containers */
.content_wrapper {
	margin: 1% auto; margin-top: 3%; padding: 0px; text-align: center; background: none; max-width: 1400px; border-radius: 4px; border: 0px solid #bd1c24; border-top: 0px solid #bd1c24;
	box-shadow: none;
}
.logo_block {
	display: block; margin: 0 auto; text-align: center; max-width: 1000px; margin-bottom: 40px;
}
.logo_block img {
	display: block; margin: 0 auto; border: 0; padding: 0; max-width: 100%; max-height: 75%;
}
.login_form .content_wrapper {
	margin: 1% auto; max-width: 700px;
}
.login_form .login_logo {
	display: block; height: auto; border: 0; margin: 2% auto; overflow: hidden; margin-bottom: 1%;
}
.login_form .login_logo img {
	display: inline-block; vertical-align: top; width: auto; margin: 0 auto; height: 100%; max-height: 300px;
}
.content_inner_wrapper {
	padding: 20px; display: block; text-align: center; max-width: 1300px; margin: 0 auto; text-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
}
.inner_content_box {
	display: block; padding: 20px; border-radius: 10px; background: #131313; color: #fff; text-align: center; margin: 20px 0;
	text-shadow: none;
}

/* ----------------------------------------------------- */
/* Navigation */
.site_navigation_menu {
	display: block; margin: 0; padding: 0; background: #f4f4f4; border-bottom: 1px solid #ddd; color: #eee; width: 100%; text-align: center; word-spacing: -5px;
	Xbox-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.site_navigation_menu a.menu_item {
	display: inline-block; vertical-align: top; padding: 0px 12px; margin-top: 4px; padding-top: 5px; font-size: 11pt; line-height: 50px; height: 60px; border-radius: 0px; word-spacing: 0px; border-radius: 2px 2px 0 0;
	border: 0px; color: #bd1c24; background: #f4f4f4; position: relative; top: 1px;
}
.site_navigation_menu a.menu_item:first-of-type {
	border: 0px;
}
.site_navigation_menu a.menu_item.current {
	background: #fff; color: #999; border: 1px solid #ddd; border-width: 1px 1px 0 1px; padding: 0 11px; padding-top: 4px; height: 61px;
}
.site_navigation_menu a.menu_item:hover {
	color: #a02329; background: #eee;
}
.site_navigation_menu a.menu_item.current:hover {
	background: #fff;
}

/* ----------------------------------------------------- */
/* Images */
.image_preview_container {
	display: block; text-align: center; word-spacing: -5px; background: #f4f4f4; border-radius: 4px; margin: 1% auto; padding: 0.5%;
}
.section_item_box .image_preview_container {
	margin: 0 auto; padding: 0; background: none;
}
.img_thumb {
	display: inline-block; vertical-align: top; width: auto; max-width: 20%; overflow: hidden; height: auto; border-radius: 3px; word-spacing: 0px; margin: 0.5%; padding: 5px; text-align: center;
	background: #fff; border: 1px solid #ddd;
}
.img_thumb img {
	display: block; width: auto; max-height: 120px; max-width: 180px; border: 0; margin: 0 auto; padding: 0; border-radius: 2px;
}
.img_thumb .img_thumb_title {
	display: block; padding: 5px 0; background: #fff; font-size: 0.9em; text-align: left; width: 100%; line-height: 1.1em; border-bottom: 1px solid #ddd; margin-bottom: 5px;
}
.img_thumb .img_thumb_actions {
	display: block; padding: 5px 0; background: #fff; font-size: 0.9em; text-align: center; width: 100%; line-height: 1.1em; border-top: 1px solid #ddd; margin-top: 5px;
}
.actions .action_icon_tool {
	display: inline-block; vertical-align: top; width: 16px; height: 16px; line-height: 12pt; border-radius: 2px; overflow: hidden; text-align: center; background: #bd1c24; cursor: pointer; color: #fff; font-size: 7pt;
}
.actions .action_icon_tool:hover {
	background: #a02329; color: #fff;
}

/* ----------------------------------------------------- */
/* Notes */
.note_box {
	word-spacing: 0px; display: block; padding: 6px 10px; margin: 0.5% auto; background: #f4f4f4 url('note_fade.png') repeat-x top center; color: #888; border: 1px solid #ccc; text-align: left; font-size: 0.9em; line-height: 1.1em; border-radius: 3px;
}

/* ----------------------------------------------------- */
/* Extras */
.code_block, textarea.code_block {
	display: block; padding: 10px; width: 100%; background: #f4f4f4; border: 1px solid #ccc; border-radius: 2px; min-height: 300px; font-size: 10pt; font-family: arial; line-height: 15px;
}
.smaller_info, .smaller_callout {
	font-weight: normal; font-size: 0.85em; line-height: 1em;
}
.hidden_element {
	width: 0px !important; height: 0px !important; position: absolute !important; z-index: -10 !important; visibility: hidden !important; overflow: hidden !important;
}
.smaller_text {
	font-size: 0.8em; line-height: 1.1em;
}

/*  ----------------------------------------------------- */
/* Generic Class Codes */
.invalid, .error, .deny {
	background-color: #ffcece !important;
}
.invalid, .error, .deny, .indicate.deleted {
	color: #a10808; border-color: #a10808 !important;
}
.list_item.status_9 { border-color: #a10808; }
.in_active, .temporary, .restricted {
	background-color: #f1ceff !important;
}
.in_active, .temporary, .restricted, .indicate.unpublished {
	color: #8a08a1; border-color: #8a08a1 !important;
}
.list_item.status_2 { border-color: #8a08a1; }
.important, .flash, .notice {
	background-color: #cef5ff !important;
}
.important, .flash, .notice {
	color: #156477; border-color: #156477 !important;
}
.valid, .success, .allow {
	background-color: #d7ffce !important;
}
.valid, .success, .allow, .indicate.published {
	color: #5c9d23; border-color: #5c9d23 !important;
}

/* ----------------------------------------------------- */
/* Clears */
.clear_div {
	clear: both; display: block; padding: 0; margin: 0; width: 100%; height: 1px;
}
.clear_div.large {
	height: 20px;
}
.clear_div.product_clear {
	height: 6px;
}
.clear_div.medium {
	height: 10px;
}
.clear_div.clear_form {
	height: 8px; border-top: 1px solid #ddd; margin-top: 8px;
}

/* ----------------------------------------------------- */
/* Sections */
.section_box {
	display: block; margin: 0; padding: 0; text-align: center; background: #f4f4f4; border-radius: 3px; padding: 0.5%; border: 1px solid #ccc; margin: 0.25% auto;
}
.section_item_box {
	display: block; border: 1px solid #ccc; background: #fff; border-radius: 2px; padding: 8px; margin: 0.5% auto; text-align: center;
}
.section_item_box.sub_item_box {
	margin: 0; margin-left: 10%; border-radius: 0px; border-width: 0 0 1px 1px; padding: 8px 0; padding-left: 8px;
}
.section_box.focus {
	background: #fff;
}
.section_heading {
	text-align: left; display: block; border-bottom: 1px solid #ccc; padding: 10px 0; padding-top: 0px;
}
.data-updated .section_item_box {
	border-color: #efb3d2 !important;
}
.direct-updated .section_item_box {
	background: #f9f0fd;
}
.expanding_box {
	position: relative; display: block;
}
.expanding_box.closed {
	max-height: 60px; padding-bottom: 0px; overflow: hidden;
}
.expanding_box.closed .form_action_row {
	display: none;
}
.expanding_box .toggle_icon {
	position: absolute; top: 1px; left: 1px; width: 20px; height: 20px; border-radius: 2px; cursor: pointer; line-height: 20px; overflow: hidden; background: #666; color: #ddd; cursor: pointer;
	z-index: 40;
}
.expanding_box .toggle_icon:hover {
	background: #a02329; color: #fff;
}

/* ----------------------------------------------------- */
/* Forms */
.general_form .form_label {
	font-size: 0.9em; position: relative; border-radius: 3px 0 0 3px; min-height: 40px; line-height: 30px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; padding: 4px 0.5%; text-align: center; width: 20%; word-spacing: 0px; background: #ddd; border: 1px solid #ddd; color: #444;
}
.general_form .form_item {
	display: block; word-spacing: -5px; text-align: center; margin: 0 auto; padding: 0.5% 0; width: 100%;
}
.general_form .form_item.action_item {
	word-spacing: 0;
}
.general_form .form_input {
	font-size: 0.9em; position: relative; border-radius: 0 3px 3px 0; min-height: 40px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; padding: 4px 0.5%; text-align: center; width: 80%; word-spacing: 0px; background: #fff; border: 1px solid #ddd;
}
.form_input input, .form_input select, .form_input textarea {
	font-family: RobotoWeb, arial; font-size: 1em; display: block; border: 0; padding: 0 10px; margin: 0; width: 100%; height: 30px; line-height: 30px; box-shadow: none; background: none; border-radius: 0px; text-align: left;
}
.form_input textarea {
	min-height: 120px; height: 120px;
}
.form_input textarea.massive {
	min-height: 120px; height: 500px;
}
.form_input.check {
	text-align: left; line-height: 30px;
}
.form_input input.check {
	display: inline-block; vertical-align: middle; padding: 0; width: 12px; height: 12px; margin: 0; line-height: 12px; margin-right: 4px;
}
.form_input.item_focus {
	background: #f7fadd;
}
.form_input .ro {
	color: #777; background: #f4f4f4; border-radius: 2px; cursor: not-allowed;
}
.general_form .form_input.icon {
	padding-right: 40px;
}
.general_form .form_input.icon i {
	display: block; position: absolute; top: 0px; right: 0px; width: 36px; height: 38px; overflow: hidden; background: #f4f4f4; text-align: center; line-height: 40px; border-left: 1px solid #ddd;
}
.general_form .button {
	border: 0; box-shadow: none; padding: 10px 15px; font-size: 1.1em; margin: 0 auto; border-radius: 2px; border: 0px; background: #888; color: #fff;
}
.general_form .button:hover {
	background: #333;
}
.general_form .form_columns {
	display: block; word-spacing: -7px;
}
.general_form .form_columns .form_item {
	display: inline-block; vertical-align: top;
}
.general_form .form_columns.col_2 .form_item {
	width: 49.75%;
}
.general_form .form_columns.col_2 .form_item:nth-of-type(2n+0) {
	margin-left: 0.5%;
}
.general_form .form_columns.col_2 .form_item .form_label {
	width: 40.25%;
}
.general_form .form_columns.col_2 .form_item .form_input {
	width: 59.75%;
}
.general_form .form_columns.col_3 .form_item {
	width: 33%; margin: 0;
}
.general_form .form_columns.col_3 .form_item:nth-of-type(3n-1) {
	margin: 0 0.5%;
}
.general_form .form_columns.col_3 .form_item .form_label {
	width: 40%;
}
.general_form .form_columns.col_3 .form_item .form_input {
	width: 60%;
}
.general_form .form_item.top_label .form_label {
	width: 100% !important; border-radius: 3px 3px 0 0;
}
.general_form .form_item.top_label .form_input {
	width: 100% !important; border-radius: 0 0 3px 3px;
}

/* ----------------------------------------------------- */
/* Loading */
.loading_container_static {
	position: relative; z-index: 1;
}
.loading_overlay {
	position: absolute; top: 0px; left: 0px; background: #fff url('loading.gif') no-repeat center center; opacity: 0.8; z-index: 10; width: 100%; height: 100%;
}


/* ----------------------------------------------------- */
/* PopUp */
body.popup_opened {
	overflow: hidden;
}
.popup_container {
	display: none; visibility: hidden; text-align: center; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; overflow: hidden; z-index: -1;
}
.popup_container.open {
	display: block; visibility: visible; z-index: 2000;
}
.popup_container .popup_background {
	display: block; text-align: center; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: -1; background: #000; opacity: 0.8;
}
.popup_container .popup_cloak {
	display: block; position: fixed; top: 0px; left: 5%; z-index: 1; width: 90%; height: 100%;
}
.popup_container .popup_inner {
	display: block; position: absolute; display: block; width: 100%; height: 100%; overflow: auto; background: none; z-index: 10;
}
.popup_container .popup_foreground {
	display: block; position: relative; z-index: 10; margin: 3% auto; padding: 1%; width: 90%; max-width: 900px; border-radius: 5px; background: #fff; border-top: 7px solid #bd1c24;
}
.popup_container .popup_close {
	cursor: pointer; display: block; padding: 0; margin: 0; overflow: hidden; width: 40px; height: 40px; border-radius: 40px; position: absolute; top: -20px; right: 0px; background: #bd1c24; border: 2px solid #fff; line-height: 35px; color: #fff;
}
.popup_container .popup_close:hover {
	background-color: #222;
}


/* ----------------------------------------------------- */
/* Mobile Layout Updates */
@media only screen and (max-width: 800px) {	
	body {
		font-size: 12pt; line-height: 1.2em;
	}
}

/* ----------------------------------------------------- */
/* // EOF */
/* ----------------------------------------------------- */