/* CSS Document */

/* ================+++++++++++++++++++++++++ */
/* = ValueCheck Portfolio Analytics styles = */    
/* ================+++++++++++++++++++++++++ */

/* Global styles */

html, body {
	height: 100%;
	background: #f3f4f4;
}
* {
	margin: 0;
	padding: 0;
	outline: none;
}
body {
	font-size: 12px;
	line-height: 1.5em;
	font-family: Helvetica, Verdana, Arial, Sans-serif;
	vertical-align: baseline;
	color: #202020;
}
html>body {
	font-size: 12px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #cccccc;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #cccccc;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* IE 10+ */
    color: #cccccc;
}
:-moz-placeholder { /* Firefox 18- */
    color: #cccccc;
}

/* Page layout styles */

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	min-width: 960px;
	margin: 0 auto -105px; /* the bottom margin is the negative value of the footer's height */
}
#footer_wrapper, .push {
	height: 105px; /* .push must be the same height as .footer */
}
#header_wrapper {
	background: url("../images/bg-header-wrapper.png") repeat-x #cef0fb;
	width: 100%;
	height: 90px;
}
#header {
	background: url("../images/bg-header.png") no-repeat center top;
	height: 90px;
	margin: 0 auto;
	padding: 20px 20px 20px 20px;
	max-width: 90%;
	min-width: 960px;
}
#logo {
	float: left;
	width: 50%;
}
#product {
	float: left;
	width: 50%;
	text-align: right;
}
#content_wrapper {
	clear: both;
	background: url("../images/bg-content-wrapper.png") repeat-x #f3f4f4;
	width: 100%;
	padding: 0 0 0 0;
	min-height: 100%;
}
#content {
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;
	width: 1300px;
	height:100%;
	min-height:525px;
}


.modernForm {
    margin-left: 40px;
    font-weight: bold;
}

.modernForm label {
    display: block;
}

#footer_wrapper {
	background: none repeat scroll 0 0 #4c5052;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.9) inset, 0 0 0 rgba(255, 255, 255, 0.2) !important;
	width: 100%;
}
#footer {
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0;
	padding-right: 0;
	max-width: 90%;
	min-width: 960px;
}
/* Main Menu styles */
#nav_wrapper {
	background: url("../images/bg-nav.png") repeat-x #1e54aa;
	width: 100%;
	height: 34px;
}
#nav_content {
	width: 100%;
	overflow: hidden;/* pointer-events: none; */
}
#nav {
	list-style: none outside none;
	position: relative;
	float: left;
	display: block;
	left: 50%;
	height: 34px; /*adjust for the auto, consumer, re drop down */
	margin: 0;
	text-align: center;/* pointer-events: none; *//* display: inline-block; centers the ul in the container */
}
#nav li {
	position: relative;
	float: left;
	display: block;
	right: 50%;
	margin: 0;
	border-left: 1px solid #0085ff;
}
#nav li.last {
	border-right: 1px solid #0085ff;
}
#nav a {
	display: block;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #f5f5f5;
	height: 34px;
	line-height: 34px;
	min-width: 80px;
	padding: 0 10px 0 10px;
	overflow: hidden;
	background: url("../images/bg-nav.png") repeat-x #1e54aa;
	cursor: pointer;
}
#nav a:hover {
	background: url("../images/bg-nav-hover.png") repeat-x #2870e3;
	color: #fafafa;
}
#nav a.current {
	background: url("../images/bg-nav-current.png") repeat-x #dcddde;
	color: #8c8c8c;
}
#nav a.disabled {
	background: url("../images/bg-nav-current.png") repeat-x #dcddde;
	color: #f4f4f4;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}
.center {
	text-align: center !important;
}
.top {
	vertical-align: top;
}
.bottom {
	vertical-align: bottom;
}
.middle {
	vertical-align: middle;
}
.bold {
	font-weight: bold;
}
.underline {
	text-decoration: underline;
}
.italic {
	font-style: italic;
}
.secured{}

.table-wrapper {
	overflow: auto;
}

.formField {
	float: left;
}
.formField input {
	float: left;
}
.editHeader {
	background-color: #25b301;/* #c2f79e;*/
	border-top: 1px solid #25b301;
	color: White;
}
.editHeader a, .editHeader a:visited, .editHeader a:link {
	background-color: #25b301;/* #c2f79e;*/
	color: White;
}
.wrapper1, .wrapper2 {
	width: 99%;
	overflow-x: scroll;
	overflow-y: hidden;
	float: left;
}
.wrapper1 {
	height: 20px;
}
.wrapper2 {
	height: 80%;
}
.div1 {
	width: 1200px;
	height: 20px;
}
.div2 {
	width: 1200px;
	height: 80%;
	overflow: auto;
}
.clear {
	clear:both
}

/* Form styles */

div.formbuilder { 
	margin-bottom: 10px; padding: 7px; 

}

div.formbuilder label { 
	/*display:block;*/
	float:left; 
	width:200px;
	margin-right: 1em; 
	text-align:right; 
}

div.formbuilder label.error { float: none; color: #F00; padding-left: .5em; vertical-align: top; }

div.formbuilder p { 
	clear:both; 
	font-size:12px	!important;
}
#editProfile label { 
	width:225px;
}
fieldset {
	border-radius: 8px;
	border: 1px solid #D1D3D4;
/*	background: url("../images/bg-fieldset.png") repeat-x #ffffff; */
	background-color: #F4F4F4;
	padding: 10px;
	margin-bottom: 1.5em;
}
fieldset legend {
	color: #005588;
	font-size: 1.25em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.03cm;
}
fieldset p{
	color:#5F5F5F;
	line-height: 2.25em;
}
.form_row {
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.form_column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
	min-height: 50px;
}
.sectionHeader {
	border-top: 2px solid rgb(87, 132, 175);
}
.sectionHeaderText {
	color: #25b301;
	font-size: 1.125em;
	font-weight: bold;
	height: 40px;
	margin-top: 15px;
}
.formHeader {
	font-size: 11px;
	font-weight: bold;
	color:#000000;
	TEXT-DECORATION: none
}
.formLabel {
	font-weight: bold;
	text-align: left;
	padding-right: 5px;
	/*vertical-align: middle;*/
}
.formLabelRight {
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
}
.formOrderField {
}
textarea.formOrderField {
	resize: vertical;
}
input, textarea, select {
	font-size: 11px;
}
input, textarea {
	-moz-transition: background 0.2s linear 0s;
	box-shadow: 0 1px 3px #000000 inset, 0 1px 0 #ffffff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
}

input:focus, textarea:focus {
	border-color: #56B4EF;
	box-shadow: 0 1px 3px #000000 inset, 0 0 8px #52a8ec;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	color: #333333;
	outline: 0 none;
}

input.required:focus, textarea.required:focus, select.required:focus {
	border-color: #FF3333;
	box-shadow: 0 1px 3px #000000 inset, 0 0 8px #ff3333;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(255, 51, 51, 0.6);
	color: #333333;
	outline: 0 none;
}

input.missingRequired, textarea.missingRequired, select.missingRequired {
	border-color: #FF3333;
	box-shadow: 0 1px 3px #000000 inset, 0 0 8px #ff3333;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(255, 51, 51, 0.6);
	color: #333333;
	outline: 0 none;
}


input, textarea, select {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 4px 4px 4px 4px;
	display: inline-block;
	margin: 0;
	outline: medium none;
	padding: 3px;
}
/*select {
	width: 210px;
}
*/
input[type="submit"], input[type="button"] {
	color:#fff;
	font-family: Helvetica, Arial, Sans-serif;
	font-weight: bold;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
	/*background:url(../images/overlay.png) repeat-x center #006cc9;*/
	background-color:#006cc9;
	border:1px solid #006cc9;
	/*border-bottom:1px solid #9f9f9f;*/
	border-radius:5px;
	/*box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);*/
	cursor:pointer;
	
	/* gradient */
	/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, rgba(255,255,255,0.2)), color-stop(0.5, rgba(255,255,255,0.2)), color-stop(0.5, transparent));*/
	/*background-image: -moz-linear-gradient(top, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.0) 50%);*/
}
input[type="submit"]:hover:enabled, input[type="button"]:hover:enabled {
	background-color:rgba(0, 108 ,201, 0.8);
}
input[type="submit"]:active:enabled, input[type="button"]:active:enabled {
	position:relative;
	top:2px;
}
input[type="submit"]:disabled, input[type="button"]:disabled {
	color:#DDDDDD;
	background-color:rgba(0, 108 ,201, 0.3);
}
form img {
	border: none;
	outline: none;
}
/* Header text styles */

#header #product p {
	line-height: 1em;
	font-weight: bold;
	color: #0064af;
}
#header #product img {
	margin: 0;
}
#header #logo img {
	margin: 1em 0 0 0;
}
/* Content styles */

.page_heading {
	border-radius: 10px 10px 0 0;
	background: url("../images/bg-ltblue-gradient.png") repeat-x #ffffff;
	border-bottom: 1px solid #d1d3d4;
}
.padded {
	padding: 20px 10px;
}
.padded-bar {
	padding: 10px 0px 10px 0;
}
/* Typography styles */

body {
	font-size: 14px;
	line-height: 1.5em;
}
h1 {
	font-size: 2em;
	line-height: 2em;
	margin-top: .5em;
	margin-bottom: .5em;
	font-weight: normal;
	color: #0064af;
}
h2 {
	font-size: 1.5em;
	line-height: 2em;
	margin-top: .5em;
	margin-bottom: .5em;
	color: #0064af;
}
h3 {
	font-size: 1.25em;
	line-height: 1.5em;
	margin-top: .5em;
	margin-bottom: .5em;
	color: #0064af;
}
h4 {
	font-size: 1.15em;
	line-height: 1.5em;
	margin-top: .5em;
	margin-bottom: .25em;
	color: #0f9400;
}
p, ul {
	margin-top: 0;
	margin-bottom: .5em;
}
/*
table {
	margin-top: 1em;
	margin-bottom: 1em;
}
*/
p.intro {
	font-style: italic;
	font-weight: bold;
}
a {
	color: #0085ff;
	text-decoration: none;
	cursor: pointer;
}
a:link {
	color: #0085ff;
	text-decoration: none;
}
a:visited {
	color: #0085ff;
}
a:hover {
	text-decoration: underline;
}
#content a img {
	border: none;
}
#footer h3, #footer p, #footer a {
	color: #fafafa;
}
#footer p {
	line-height: 2em;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .icon-vchome {
	background: url("../images/icon-vchome.png") no-repeat;
	padding-left: 2em;
}
#footer .icon-contact {
	background: url("../images/icon-contact.png") no-repeat;
	padding-left: 2em;
}
#footer .icon-fb {
	background: url("../images/icon-fb.png") no-repeat;
	padding-left: 2em;
}
/* Custom Grid styles for rows and columns */

.grid_3_wide {
	width: 22%;
}
.grid_6_wide {
	width: 48%;
}
.grid_9_wide {
	width: 72%;
}
.grid_12_wide {
	width: 98%;
}
.column_wide {
	margin: 0 1%;
	overflow: hidden;
	float: left;
	display: inline;
}
.row_wide {
	max-width: 100%;
	/*min-width: 920px;*/
	margin: 0 auto;
	overflow: hidden;
}
.hiddenItem {
	display: none !important;
}
#message {
	color: #25b301;
	font-size: 1.0em;
	font-weight: bold;
}
#error {
	color: Red;
	font-size: 1.0em;
	font-weight: bold;
}
.error {
	color: Red;
	font-size: 1.0em;
	font-weight: bold;
}.pageBreak {
	page-break-before: always;/* page-break-after:always; */
}
.white {
	color: White;
}
.space{
	height: 15px;
}
.needSave {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: 5px;
	text-align: center;
	color:#FF3333 !important;
	border: 1px;
	border-color: #FF3333;
	border-radius: .5em .5em .5em .5em;
	background: url("../images/bg-nav-sub.png") repeat-x #dcddde;
	cursor: pointer;
	display: inline-block;
}
.needSave:hover {
	background: url("../images/bg-nav-sub-hover.png") repeat-x #e8e9eb;
}
.chkAlerts {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: 5px;
	text-align: center;
	color:#0000FF !important;
	border: 1px;
	border-color: #FF3333;
	border-radius: .5em .5em .5em .5em;
	background: url("../images/bg-nav-sub.png") repeat-x #dcddde;
	cursor: pointer;
	display: inline-block;
}
.chkAlerts:hover {
	background: url("../images/bg-nav-sub-hover.png") repeat-x #e8e9eb;
}
.dataTable {
	border-collapse:collapse;
}
.dataTable td{
	font-size:11px;
	padding: 3px;
}
.orderTable {
	border: 0;
	padding: 2px;
	border-spacing: 0;
	border-collapse:collapse;
	background-color:#ffffff;
	border-radius: .5em .5em .5em .5em;
}
.orderTable td{
	font-size: 12px;
	padding: 3px;
}
.orderLabel{
	background-color: #F4F4F4;
	font-weight: bold;
	text-align: right;
}
.orderLabelRed{
	background-color: #C40000;
	color: #F7F7F7;
	font-weight: bold;
	text-align: right;
}
.taHeaderBlack{
	font-size:12px !important;
	font-weight:bold;
	color:#000;
}
.redText{
	color:#FF0000 !important;
	font-weight: bold;
}
.redBorder{
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #FF0000 !important;
	box-shadow: 0 1px 3px #000000 inset, 0 0 8px #FF0000 !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(255, 51, 51, 0.6) !important;
	outline: 0 none !important;
}
/* Unsaved changes CSS definition */
.UnsavedChanges-BoxWrap { position:absolute;top: 0;left: 0;display:none;z-index:40001; }
.UnsavedChanges-BoxOverlay {position:fixed;width:100%;height:100%;background-color:#808080;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);z-index:40001;}
.UnsavedChanges-offset {position:fixed;top:30%;width:100%;z-index:40002;}
.UnsavedChanges-Box {width:450px; position:relative;margin:0 auto;background-color:#FFFFFF;padding:10px;border:2px solid #8080FF;border-radius:15px;-moz-border-radius:15px;font-size: 12px;}

/* Busy-Loading dialog CSS Class */
.loadingBoxWrap { position:absolute;top: 0;left: 0;display:none;z-index:40001; }
.loadingBoxOverlay {position:fixed;width:100%;height:100%;background-color:#808080;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);z-index:40001;}
.loading-offset {position:fixed;top:30%;width:100%;z-index:40002;}
.loadingBox {width:250px; position:relative;margin:0 auto;background-color:#FFFFFF;padding:10px;border:2px solid #8080FF;border-radius:15px;-moz-border-radius:15px;}
.loadingContentWrapper {
    vertical-align:middle;
    text-align:left;
    border:0px;
    padding:0px;
    border-spacing:10px;
}
.loadingDialogText {
	font-family: Helvetica, Verdana, Arial, Sans-serif;
    /*font-family:Verdana, Geneva, sans-serif;*/
	font-size:12px;
	color:#06C;

}

/* ModalDialog CSS definition */
.ModalDialog-BoxWrap { position:absolute;top: 0;left: 0;display:none;z-index:40001; }
.ModalDialog-BoxOverlay {position:fixed;width:100%;height:100%;background-color:#808080;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);z-index:40001;}
.ModalDialog-offset {position:fixed;top:30%;width:100%;z-index:40002;}
.ModalDialog-Draggable { position: fixed !important;width: auto;height: auto;}
.ModalDialog-Box {position:relative;margin:0 auto;background-color:#FFFFFF;padding:0;border:1px solid #EEEEEE;font-size: 12px;box-shadow: 2px 2px 4px #969696;-moz-box-shadow: 2px 2px 4px #969696;}
.ModalDialog-Header {
	background: url(../images/header_blue.png) #0000b2 repeat-x 0 0;
	color: #fff;
	line-height: 2em;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	display: block;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	/*box-shadow: 2px 2px 4px #969696;
	-moz-box-shadow: 2px 2px 4px #969696;*/
}
.ModalDialog-Close {
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border: 1px;
	border-color: #fff;
	border-style: solid;
	float: right;
	margin-right: 5px;
	margin-top: 3px;
	cursor: pointer;
	height: 16px;
	width: 16px;
}

hr.flare {
    height: 12px;
    border-style: ridge;
    border-color: #005B92;
    border-width: 2px 0 0 0;
    border-radius: 10px;
}
hr.flare:before {
    display: block;
    content: "";
    height: 12px;
    margin-top: -13px;
    border-style: ridge;
    border-color: #005B92;
    border-width: 0 0 2px 0;
    border-radius: 10px;
}
hr.dotted {
    height: 12px;
    margin-top: 10px;
    border-style: dotted;
    border-color: #005B92;
    border-width: 2px 0 0 0;
}
.livespell_textarea {
	z-index: 40005;
}

#divTutorialTitle {
	
}


/*  DIV Table Styles*/
div.blueTable {
    border: 1px solid #2D2C2C;
    background-color: #FFFFFF;
    width: 95%;
    text-align: left;
    border-collapse: collapse;
    margin: 0px auto;
}
.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
    border: 1px solid #AAAAAA;
    padding: 5px 5px;
}
.divTable.blueTable .divTableBody .divTableCell {
    font-size: 12px;
}
.divTable.blueTable .divTableRow:nth-child(even) {
    background: #EEEEEE;
}
.divTable.blueTable .divTableHeading {
    background: #AAAAAA;
    /*
        background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    */
    border-bottom: 2px solid #444444;
}
    .divTable.blueTable .divTableHeading .divTableHead {
        font-size: 12px;
        font-weight: bold;
        color: #2D2C2C;
        border-left: 2px solid #D0E4F5;
    }
.divTable.blueTable .divTableHeading .divTableHead:first-child {
    border-left: none;
}

.blueTable .tableFootStyle {
    font-size: 14px;
}
.blueTable .tableFootStyle .links {
    text-align: right;
}
.blueTable .tableFootStyle .links a{
    display: inline-block;
    background: #1C6EA4;
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 5px;
}
.blueTable.outerTableFooter {
    border-top: none;
}
.blueTable.outerTableFooter .tableFootStyle {
    padding: 3px 5px; 
}
/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}