/*
	#002144;

*/


.TabControlTab {
	display: inline-block; 
	margin: 5px 10px; 
	text-decoration: none;
}

iframe {
	border-style: none;
	border-width: 0;
}

.popupReminder .label {
	min-width: 80px;
}


.defaultFont {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.inlineTable {
	display: inline-table;
}

.layoutTable {
	/* display: block; */
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	border-width: 0;
	table-layout: fixed;
}
.layoutTable > tbody{
	/* display: block; */
	width: 100%;
	height: 100%;
}
.layoutTable > tbody > tr {
	width: 100%;
	/* display: block; */
}
.layoutTable > tbody > tr > td {
	width: 100%;
	display: block;
	padding: 0;
}

.noPadding {
    padding: 0 !important;
}
.noMargin {
    margin: 0 !important;
}
.backgroundWhite {
	background-color: white;
}
.clear {
	clear: both;
}
.transparent {
	background-color: transparent !important;
}
.noBorder {
	border-width: 0 !important;
}
.borderLeftDevEx {
	border-left: 1px solid #859ebf !important;
}
.borderRightDevEx {
	border-right: 1px solid #859ebf !important;
}
.borderBottomDevEx {
	border-bottom: 1px solid #859ebf !important;
}
.borderLeft 
{
	border-left-width: 1px !important;
	border-left-style: solid !important;
	border-left-color: #b0c8e0 !important;
}
.borderRight 
{
	border-right-width: 1px !important;
	border-right-style: solid !important;
	border-right-color: #b0c8e0 !important;
}
.borderBottom 
{
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
	border-bottom-color: #b0c8e0 !important;
}
.borderAll {
	border: #b0c8e0 solid 1px !important;
}
.borderRound {
	border-radius: 5px !important;
}
.borderRoundTop {
	border-top-right-radius: 5px !important;
	border-top-left-radius: 5px !important;
}
.borderRoundBottom {
	border-bottom-right-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
}
.inputMarginBottom {
	margin-bottom: 6px;
}
.fakeInput 
{
	display: inline-block;
	background-color: white;
	border: #b0c8e0 solid 1px !important;
	padding: 3px !important;
	margin-bottom: 6px;
	vertical-align: top;
	min-width: 100px;
	/*min-height: 16px;*/
}
.displayField {
	display: inline-block;
	border-bottom: #b0c8e0 solid 1px !important;
	padding:4px 3px 3px 3px !important;
	margin-bottom: 6px;
	color: black !important;
	vertical-align: top;
	min-width: 100px;
	min-height: 14px;
}
.displayRow {
	border-bottom: #b0c8e0 solid 1px !important;
}
.pageControl, .pageControl>div, .pageControl>div>div>div {
	display: block !important;
}

.lineheight_input {
	line-height: 30px;
}

.removeEditorPadding .dxeButtonEdit_AdRepOnline,
.removeEditorPadding .dxeTextBox_AdRepOnline{
	margin-bottom: 0;
}

.dxgvControl {
	background-color: transparent !important;
}
.font12 {
	font-size: 12px !important;
}
.font11 {
	font-size: 11px !important;
}

.displayNone {
	display: none !important;
}

.uppercase input, .uppercase{
    text-transform: uppercase
}

.demographics .label {
	height: auto;
	padding-bottom: 0;
}

#Menu {
    display: inline-block;
    position: relative;
}
#Menu>div:hover, .MenuItem:hover
{
	background-color: #D0E1F2;
}
#Menu>div, .MenuItem
{
	display:inline-block;
	text-align: center;
	vertical-align:bottom;
	cursor:pointer;
	width:80px;
	border-radius: 5px;
}
#Menu>div>div, .MenuImage
{
    background-image: url('../../images/Material_Sprite32.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
}
.hideOverflow {
	overflow: hidden !important;
	text-overflow: ellipsis;
	white-space: nowrap !important;
}
.showOverflow {
	overflow: visible !important;
	white-space: normal !important;
}
.selected {
	background-color: #002144 !important;
    color: #D5E1EF;
}
.textRight {
	text-align: right !important;
}
.middle {
	vertical-align: middle !important;
	display: inline-block;
}

.tabHeader, .tabHeaderBottom {
	padding:0 !important;
}	
.tabHeader div, .tabHeaderBottom div {
	color:black;
	min-width:60px;
	vertical-align: middle;
	padding: 4px 10px 3px 10px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	margin-left: 10px;
	z-index: 1;
	position: relative;
}
.tabBorder {
	border-style: solid;
	border-color: #B0C8E0;
	border-width: 1px 1px 0 1px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #EFF3F9;
}
.tabHeaderBottom div {
	/*border-bottom:1px solid #85a6c7;*/
}
.tabHeader div:hover {
	background-color:#DAE6F2;
}
.tabHeaderSelected {
	background-color: #EFF3F9 !important;
	padding: 4px 5px 5px 5px;
	z-index: 1;
	position: relative;
	/*border: none;*/
}
.tabHeaderDark, .tabHeaderDarkBottom {
	padding:0 !important;
}	
.tabHeaderDarkBottom {
	margin-top: -2px;
}
.tabHeaderDark div, .tabHeaderDarkBottom div {
	color:black;
	min-width:60px;
	vertical-align: middle;
	padding: 3px 10px 4px 10px;
	background-color: transparent;
	border-left:1px solid #B0C8E0;
	border-right:1px solid #B0C8E0;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	border-radius: 5px;
	margin-left: 10px;
	z-index: 1;
	position: relative;
}
.tabHeaderDark div {
	border-top:1px solid #B0C8E0;
}
.tabHeaderDarkBottom div {
	border-bottom:1px solid #B0C8E0;
}
.tabHeaderDark div:hover {
	background-color:#D9E6F2;
}
.tabHeaderDarkSelected {
	background-color: #bad0e5 !important;
	padding: 4px 5px 5px 5px;
	z-index: 1;
	position: relative;
}
.tabBody{
	margin: -1px -5px 0 -5px !important;
	padding: 5px 5px 5px 5px !important;
	border: 1px solid #B0C8E0;
	border-radius: 5px;
	min-height: 120px;
	background-color: #EFF3F9;
	position: relative;
}
.tabPage {
	display: none;
}

.hoverLink {
	color:black;
	text-decoration: none;
}
.hoverLink:hover {
	cursor: pointer;
	text-decoration: underline;
}
.link {
	color:#393939;
	cursor: pointer;
	text-decoration: underline;
}
.link:hover {
	color:black;
}
.grid {
	display: inline-block; 
	vertical-align: top;
	overflow: auto;
	background-color:#E7EFF8;
	border-radius: 5px;
	font-size:12px;
	white-space: nowrap;
}
.grid>div {
	padding: 5px 3px;
	min-height: 18px;
	vertical-align:middle;
}
.grid>div:nth-child(even), .grid tr:nth-child(even) {
	background-color:#EEF4FB;
}
.grid .selected {
	background-color:#002144 !important;
	color:#D5E1EF;
}
.grid td, .grid span {
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
	padding: 6px 4px;
}
.grid span {
	display: inline-block;
}
.grid:hover {
	cursor: pointer;
}
.gridHeader{
	font-size: 11px;
}
.gridHeader span {
	display: inline-block;
	padding: 2px 2px;
}
		
.ImageTextButton {
	margin: 0;
	background-repeat: no-repeat;
	border: none;
	padding: 4px 6px 2px 4px;
	font-size: 11px;
	border-radius: 5px;
	vertical-align: middle;
	display: inline-block;
	text-decoration: none;
}
.ImageTextButton:hover {
	cursor: pointer;
	background-color: #EFF3F9;
	text-decoration: underline;
}

.inline_div{
	display:inline-block;
	vertical-align:top;
	text-align:left;
}

.bold{
	font-weight:bold;
}

.navHeader{
	background-color:#e7eef8;
	width:174px;
	padding:5px;
	cursor:pointer;
}
.navHeader img{
	float:right;
}

.navBody{
	background-color:#D5E1EF;
	width:184px;
	height:0px;
	overflow:hidden;
}

.hoverZoomIn:hover{
	cursor: zoom-in;
}
.hoverHand:hover{
	cursor: pointer;
}
.checkBox{
	display:inline-block;
	vertical-align:middle;
}
.checkBox input{
	margin-left:0;
}
.checkBox label{
	display:inline-block;
	vertical-align:top;
}
.label
{
	/*	color: #002144; */
	color: #393939;
	/*color: black;*/
	font-size: 12px;
	border-style: none;
	border-width: 0;
	display:inline-block;
	min-width:100px;
	white-space:nowrap;
	text-align: left;
	padding:5px 4px 4px 4px;
	/* margin-bottom: 6px; */
	/*height: 16px;*/
	vertical-align: top;
}
.textBox{
	padding: 3px;
	font-family:Arial;
	border-width: 1px;
	border-style: solid;
	border-color: #b0c8e0;
	font-size:13px;
	/*color:*/
	display:inline-block;
	width:140px;
	text-align: left;
	margin-bottom: 6px;
	vertical-align: top;
}
.textBox:focus
{
	border-color: #3C6995;
	box-shadow: 0 0 4px #AAAAAA;
}
.textBox:disabled {
	background-color: white;
}

.hoverDelete {
	line-height: 16px;
}
.hoverDelete:hover:before {
	background-image: url('../../images/sprite16.png');
	background-repeat: no-repeat;
	background-position: -64px 0;
	content: "";
	width: 16px;
    height: 16px;
	display: inline-block;
	float: right;
}


.hoverRowHighlight:hover td{
	border-bottom: #193858 solid 1px !important;
	background-color: #d0e1f2;
	/*
		border-color: #3C6995;
		box-shadow: 0 0 4px #AAAAAA;

	*/
}
.hoverHighlight:hover {
	border-color: #3C6995 !important;
	box-shadow: 0 0 4px #AAAAAA;
}


.button:hover {
	cursor: pointer;
}
.button:hover, .button:focus {
	/*background-color:#D9E6F2;*/
	background-color: #E7EFF8;
	border-color: #3C6995;
	box-shadow: 0 0 4px #AAAAAA;
}
.button{
	/*box-shadow: 0 0 5px #999999;*/
	border-radius: 3px;
	padding: 3px;
	background-color:#dae6f2;
	border-style:solid;
	border-width: 1px;
	border-color: #93A0AC;
	/*border-color: #eff3f9 #002144 #002144 #eff3f9;*/
	color: black;
	display: inline-block; /*for divs that use this class*/
	vertical-align: middle;
	text-decoration: none;
}

.linkButton {
	border-radius: 3px;
	padding: 1px;
	color: black;
	display: inline-block; /*for divs that use this class*/
	vertical-align: middle;
	font-size: 12px;
	text-decoration: none;
}
.linkButton div {
	min-width:60px;
}

.linkButton:hover, .linkButton:focus 
{
	cursor: pointer;
	text-decoration: underline;
	background-color: #eff3f9;
}

.imageButton16:before {
	content: "";
	background-image: url('../../images/sprite16.png');
	background-repeat: no-repeat;
	width: 16px;
    height: 16px;
    display: inline-block;
	vertical-align: top;
}
.imageButton16 div {
	line-height: 16px;
	text-align: center; 
	text-decoration: inherit; 
	display: inline-block;
}
.imageButton24:before {
	content: "";
	background-image: url('../../images/material_sprite24.png');
	background-repeat: no-repeat;
	width: 24px;
    height: 24px;
    display: inline-block;
	vertical-align: top;
}
.imageButton24 div {
	line-height: 24px;
	text-align: center; 
	text-decoration: inherit; 
	display: inline-block;
}

.imageButton32:before {
	content: "";
	background-image: url('../../images/material_sprite32.png');
	background-repeat: no-repeat;
	width: 32px;
    height: 32px;
    display: inline-block;
	vertical-align: top;
}
.imageButton32 div {
	line-height: 32px;
	text-align: center; 
	text-decoration: inherit; 
	display: inline-block;
}


.saveButton16:before{
	background-position: -48px 0;
}
.cancelButton16:before {
	background-position: -16px -16px;
}
.backButton16:before {
	background-position: 0 -32px;
}
.nextButton16:before {
	background-position: -64px -16px;
}
.deleteButton16:before {
    background-position: -64px 0;
}
.addButton16:before {
    background-position: -48px -16px;
}
.editButton16:before {
    background-position: -32px 0;
}
.mailButton16:before {
    background-position: 0 0;
}
.sphereAddButton16:before {
	background-position: 0 -16px;
}
.openButton16:before {
	background-position: -16px -32px;
}
.settingsButton16:before {
	background-position: -64px -32px;
}
.closeButton16:before {
	background-position: 0 -48px;
}
.printButton16:before {
	background-position: -16px -48px;
}


.saveButton24:before {
    background-position: -96px 0 ;
}
.cancelButton24:before {
    background-position: -48px -24px ;
}
.closeButton24:before {
    background-position: 0 -120px ;
}
.deleteButton24:before {
    background-position: -72px -48px ;
}
.addButton24:before {
    background-position: -24px -96px;
}
.editButton24:before {
    background-position: -48px -72px;
}
.printButton24:before {
    background-position: -72px -96px;
}
.worldButton24:before {
    background-position: -48px -48px;
}
.mailButton24:before {
    background-position: -48px 0;
}
.tagGroup24:before {
    background-position: -96px -72px;
}
.mailchimpButton24:before {
    background-position: -96px -48px;
}
.upButton24:before {
    background-position: -24px -120px;
}
.downButton24:before {
    background-position: -48px -120px;
}
.backButton24:before {
    background-position: 0 -48px;
}
.nextButton24:before {
    background-position: -24px -72px;
}
.settingsButton24:before {
    background-position: -72px -120px;
}
.openButton24:before {
    background-position: -96px -120px;
}


.mailButton32:before {
	background-position: -32px -32px;
}
.printButton32:before {
	background-position: 0 -96px;
}
.proposalConvertButton32:before {
	background-position: -128px -128px;
}




.timeEdit{
	margin: 0 0 3px 0;
	display:inline-block;
	border:solid 1px #b0c8e0;
	width:154px;
	vertical-align:top;
}

.section{
	background-color:#D5E1EF;
	margin-bottom:10px;
	padding:10px;
	display:inline-block;
	vertical-align:top;
}
.panel{
	background-color:#D5E1EF;
/*	padding: 15px 20px 15px 20px;	*/
	border: solid 1px #b0c8e0;
}


.watermark{
	color:gray !important;
}


.GridView{
	table-layout:fixed;
	border-collapse:collapse;
}
.GridView table{
	table-layout:fixed;
	border-collapse:collapse;
}
.GridView th{
	font-weight:bold;
}
.GridViewHeader table{
	font: 11px Arial !important;
	font-family:"Arial" !important;
	font-size:11px !important;
}
.GridViewHeader{
	padding: 4px 6px !important;
}
.GridViewRow, .GridViewRowColor{
	/*background-color:#eff3f9;*/
	background-color: #eef4fb;
}
.GridViewRowColor td{
	max-height: 30px;
}
.GridViewRowAlt, .GridViewRowAltColor{
	background-color:#e7eff8 !important;
}
.GridViewRowColor td{
	max-height: 30px;
}
.GridViewRowSelected{
	background-color:#002144 !important;
	color:#D5E1EF;
    background-image: none !important;
}
.GridViewRow td, .GridViewRowAlt td, .GridViewRowSelected td, .GridView th{
	text-align:left;
	height:23px;
	vertical-align:middle;
	/*margin:0px 2px 0px 3px;*/
	padding:2px 3px !important;
	font-family:"Arial";
	font-size:11px;
	border-spacing:0px 3px;
	border-collapse: separate;
/*	border-bottom:1px #b0c8e0 solid;*/
	white-space:nowrap;
	overflow:hidden;
}
.GridViewRow:hover, .GridViewRowAlt:hover, .GridViewRowSelected:hover{
	cursor:pointer;
}

.GridViewRowEmpty td {
	padding: 0 !important;
}
.GridViewRowEmpty div {
	padding: 10px !important;
	font-family:"Arial";
	font-size:12px;
	color: #393939;
}

.GridViewHeaderSort:hover{
	cursor:pointer;
}


.GridViewFindRow{
	background-color:#eff3f9;
}
.GridViewFindRowAlt{
	background-color:#e7eef8;
}
.GridViewFindRow td, .GridViewFindRowAlt td, .FindRowSelected td{
	border:1px #b0c8e0 solid;
	overflow:hidden;
	white-space:nowrap;
}
.GridViewFindRow:hover, .GridViewFindRowAlt:hover{
	cursor:pointer;
}
.FindRowSelected{
	background-color:#002144;
	color:#D5E1EF;
}

.GridViewList{
	border-top: solid 1px #b0c8e0;
}

.GridViewList tr{
	overflow-x:hidden;
	font-size:11px; 
	font-family:Arial; 
	border-bottom: solid 1px #b0c8e0;
	border-left-width:0px;
	border-right-width:0px;
	height:18px;
}
.GridViewList td{
	width:176px;
	padding-left:2px; 
}
.GridViewList tr:hover{
	background-color:#e7eef8;
	cursor:pointer;
}
.GridViewListRowSelected{
	background-color:#eff3f9;	
	overflow-x:hidden;
	font-size:11px; 
	font-family:Arial; 
	border-bottom: solid 1px #b0c8e0;
	border-left-width:0px;
	border-right-width:0px;
	height:18px;
}
.GridViewListRowSelected td{
	padding-left:2px;
	width:171px;
}
.custHover{
	background-color:#D5E1EF;
}

a{
	color:black;
}
a:visited{
	color:black;
}
a:hover {
	text-decoration: underline;
}

.subtle{
	color: #85a6c7;
	/*color: #98b6d4;*/
}
.subtle:hover{
	cursor:pointer;
	color:black;
}
#progressBackgroundFilter {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position:fixed;
	padding:0; 
    margin:0;
	height: 100%;
	width: 100%;
    background-color:#000; 
    filter:alpha(opacity=10); 
    opacity:0.1; 
    z-index:300000;
}
#processMessageContainer {
	top: 0;
    position:fixed;
    padding:0; 
    margin:0; 
	height: 100%;
	width: 100%;
	z-index:300001;
	text-align: center;
}
#processMessageContainer:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
#processMessage {
	display: inline-block;
	vertical-align: middle;
	padding: 50px; 
    background-color:#fff;
    border:solid 1px #000;
	border-radius: 5px;
	max-width: 600px;
	text-align: center;
	min-width: 150px;
}
h1{
	margin: 10px 0;
	font-size:28px;
}
h2{
	font-size:22px;
}
.h2style{
	font-size:23px;
	font-weight:bold;
}
h3{
	font-size:18px;
	margin-bottom:10px;
	margin-top: 5px;
}
.h3style{
	font-size:18px;
	font-weight:bold;
}
h4{
	font-size:14px;
	margin-bottom:5px;
	margin-top: 3px;
}
.h4style{
	font-size:14px;
	font-weight:bold;
}
h5{
	font-size:12px;
	margin: 2px;
}
.h5style{
	font-size:12px;
	font-weight:bold;
}
.h6style{
	font-size:11px;
	font-weight:bold;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalBackground2 {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index:200000 !important;
}

.HoverMenu{
	position:absolute;
	z-index: 2;
}
.HoverMenu div{
	background-color:#eff3f9;
	border: solid 1px #b0c8e0;
	padding: 3px;
	float:left;
	vertical-align:top;
}
.HoverMenu img{
	float:right;
}

select{
	padding:0px 0px 0px 0px;
	margin:0px 0px 3px 0px;
	font-family:Arial;
	border: solid 1px #b0c8e0;
	height:20px;
	color:black;
	vertical-align:top;
}
select option{
	color:black;
}


html, body, form {
	height: 100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-size:13px;
	margin: 0;
	text-align: center;
}
div {
	text-align: left;
	/*color:black;
	display: inline-block;*/
}
div.contentBorder {
	background-color: #BAD0E5;
	display: inline-block;
	border-radius: 5px;
	padding:7px; 
	box-shadow: 0 0 10px #888888;
}
div.contentDark {
	background-color: #BAD0E5;
	display: inline-block;
	border-radius: 5px;
	padding:7px;
	vertical-align: top;
}
div.content {
	background-color: #EFF3F9;
	border-radius: 5px;
	display: inline-block;
}
div.background {
	background-color: #D0E1F2;
	display: inline-block;
	border-radius: 5px;
}

.lightBackground {
	background-color: #EFF3F9 !important;
}
.mediumBackground {
	background-color: #D0E1F2 !important;
}

.center{
	text-align: center;
}


hr{
	background-color:#B0C8E0;
	color:#B0C8E0;
	height:1px;
	border-style:none;
}

.ButtonTab{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	height:23px;
	border-style:none;
	width:100px;
	background-color:#b0c8e0;
	padding-bottom: 4px;
}

.ButtonTab:hover{
	background-color:#eff3f9;
	cursor:pointer;
}
.ButtonTabActive{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	height:23px;
	border-style:none;
	width:100px;
	background-color:#D5E1EF;
	padding-bottom: 4px;
}
.TabBody 
{
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#D5E1EF;
	
}