html
{
	width:100%;
    height: 100%;
	margin:0;
	padding:0;
}

body
{
    font-size: .85em;
    font-family: Roboto,Segoe UI,Tahoma, Arial, Sans-Serif !important;
    font-weight: 400;
    color: #222222;
    margin: 0;
    padding: 0;
    min-height: 100%;
    height: 100%;
	width:100%;
	min-width:1300px;
	overflow:auto;
	/*border-left:10px solid #000000;*/
}

body::-webkit-scrollbar
{
	background-color:#000000;
    width: 10px;
	height: 10px;
}
 
body::-webkit-scrollbar-button
{
	width: 0;
	height: 0;
	display: none;
}
body::-webkit-scrollbar-corner
{
	background-color: transparent;
}

/* Track */
body::-webkit-scrollbar-track
{
    /*-webkit-border-radius: 4px;
    border-radius: 4px;*/
	background-color:transparent;
	margin:2px 0px 2px 0px;
}
 
/* Handle */
body::-webkit-scrollbar-thumb
{
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
	background-color: rgba(160,160,160,0.75);
	border-left:1px solid #000000;
}
body::-webkit-scrollbar-thumb:hover
{
	background-color: rgba(240,240,240,0.9);
}

#recaptcha_widget a, #recaptcha_widget a:hover, #recaptcha_widget a:visited
{
	font-size:11px;
	color:#88c4ff;
	text-decoration:none;
}
#recaptcha_widget a:hover
{
	text-decoration:underline;
}
#recaptcha_widget
{
	font-size:12px;
	color:#eee;
	margin-top:3px;
	padding:3px;
	background-color:#666;
	border:1px solid #555;
}
#recaptcha_widget input[type='text']
{
	border-radius:0px;
	border:0px;
	margin-left:-1px;
}
#recaptcha_widget .aboutrecaptcha
{
	text-align:right;
	margin-right:10px;
	font-size:11px;
	color:#aaa;
	font-weight:bold;
}

h1 { font-weight:400; }

::selection
{
    background-color: #4A87B0;	/*#4A87B0;*/
    color: #f0f0f0;		/*#f0f0f0;*/
}
::-moz-selection
{
    background-color: #4A87B0;
    color: #f0f0f0;
}

#mainwrapper{
	min-width:	1600px;
}

#mainwrapper, body
{
    min-height: 100%;
	width:100%;
    position: relative;
    background: #E0E0E0; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' in the head section of html document */
    background: ;
    background: -moz-linear-gradient(top, #E0E0E0 0%, #E0E0E0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E0E0E0), color-stop(100%,#E0E0E0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E0E0E0 0%,#E0E0E0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E0E0E0 0%,#E0E0E0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #E0E0E0 0%,#E0E0E0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #E0E0E0 0%,#E0E0E0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E0E0E0', endColorstr='#E0E0E0',GradientType=0 ); /* IE6-8 */
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-color: #E0E0E0;
	background-position:0px 0px;
}

.mainBackground
{
    background: #E0E0E0; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' in the head section of html document */
    background: ;
    background: -moz-linear-gradient(top, #E0E0E0 0%, #E0E0E0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E0E0E0), color-stop(100%,#E0E0E0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E0E0E0 0%,#E0E0E0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E0E0E0 0%,#E0E0E0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #E0E0E0 0%,#E0E0E0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #E0E0E0 0%,#E0E0E0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E0E0E0', endColorstr='#E0E0E0',GradientType=0 ); /* IE6-8 */
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-color: #E0E0E0;
	background-position:0px 0px;
}

/*hacks for ie9 and ie10*/
@media screen and (min-width:0\0) { #mainwrapper { /*position:absolute;*/ filter:none; width:100%; }} 
@media \0screen\,screen\9 { #mainwrapper { filter:none; } }	/* ie8 */

#leftnav
{
	padding:0px;
	border-radius: 5px;
	background-color:#E8E8E8;
	/*float:left;*/
	margin:0px 1em 1em 0px;
	display:inline-block;
	*display:inline; /*IE7 HACK*/
	*zoom:1; /*IE7 HACK*/
	vertical-align:top;
}

.navHeaderActive {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: #444 3px solid;
}

.gppane
{
	padding:0px;
	border-radius: 5px;
	background-color:#EFEFEF;
	vertical-align:top;
}

#invheadersection, #invfootersection { width:100%; border-spacing:0px; border-collapse: separate; }
#invheadersection div.gppane, #invfootersection div.gppane
{
	padding:10px;
	overflow:hidden;
	height:100%;
}

span.icon-square-light
{
	color:#1f69a3;
    border-radius: 5px;
	border: 0px solid #306ca8;
	padding:0.25em;
	line-height:2em;
    background: #EFEFEF;
}
span.icon-square-light:active
{
	color:#EFEFEF;
    background: #1f69a3;
}
span.icon-light
{
	color:white;
	cursor:pointer;
}
span.icon-light:active
{
	color:#1f69a3;
}

.gppane span.icon-square-light
{
    background: white;
}
.gppane span.icon-square-light:active
{
    background: #1f69a3;
}
span[disabled=true].icon-square-light
{
	color:#aaa;
}
span.icon-square-dark
{
	color:#EFEFEF;
    border-radius: 5px;
	border: 0px solid #306ca8;
	padding:0.25em;
	line-height:1.75em;
	cursor:pointer;
    background: #1f69a3;
}
span.icon-square-dark:active
{
	color:#1f69a3;
    background: #EFEFEF;
}
span.icon-dark
{
	color:#1f69a3;
	cursor:pointer;
}
span.icon-dark:active
{
	color:white;
}

.subsectiontitle
{
	color:#222222;
}

.gppane > .title
{
	background-color:#1f69a3;
	color:#FFFFFF;
	padding:8px;
	text-align:center;
	font-weight:700;
	font-size:16px;
	border-top-left-radius:inherit;
	border-top-right-radius:inherit;
}

.gppane > .content
{
	padding:15px;
}

#leftnavtitle
{
	border-top-left-radius:inherit;
	border-top-right-radius:inherit;
	padding:8px;
	background-color:#1f69a3;
	font-size:16px;
	text-align:center;
	color:#eee;
	font-weight:700;
}

#leftnavcontent
{
	padding:15px;
	text-align:left;
}

#maincontent, #maincontent2
{
	background-color:transparent;
	display:inline-block;
	*display:inline; /*IE7 HACK*/
	*zoom:1; /*IE7 HACK*/
	vertical-align:top;
}

input[type='text'], input[type='password']
{
	font-family: Roboto,Segoe UI,Tahoma, Arial, Sans-Serif;
    border-radius: 5px;
	border: 1px solid #aaaaaa;
	padding: 4px 3px 4px 2px;
	background-color:white;
}

.textInput
{
    border-radius: 5px;
	border: 1px solid #aaaaaa;
	padding: 4px 3px 4px 2px;
	background-color:white;
}

input[type='button'], input[type='submit']
{
	font-family: Roboto,Segoe UI,Tahoma, Arial, Sans-Serif;
	color:#ffffff;
    border-radius: 5px;
	border: 0px solid #306ca8;
	padding:6px 12px;
	margin-top:0px;
	cursor:pointer;
    background: #0E7BBA; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' in heml head section */
    background: ;
    background: -moz-linear-gradient(top, #0E7BBA 0%, #0E7BBA 50%, #0E7BBA 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0E7BBA), color-stop(50%,#0E7BBA), color-stop(100%,#0E7BBA)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0E7BBA 0%,#0E7BBA 50%,#0E7BBA 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0E7BBA 0%,#0E7BBA 50%,#0E7BBA 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0E7BBA 0%,#0E7BBA 50%,#0E7BBA 100%); /* IE10+ */
    background: linear-gradient(to bottom, #0E7BBA 0%,#0E7BBA 50%,#0E7BBA 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E7BBA', endColorstr='#0E7BBA',GradientType=0 ); /* IE6-8 */
}

input[type='button']:hover, input[type='submit']:hover
{
	font-family: Roboto,Segoe UI,Tahoma, Arial, Sans-Serif;
	color:;
    background: #094c73; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' in heml head section */
    background: ;
    background: -moz-linear-gradient(top, #094c73 0%, #094c73 50%, #094c73 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#094c73), color-stop(50%,#094c73), color-stop(100%,#094c73)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #094c73 0%,#094c73 50%,#094c73 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #094c73 0%,#094c73 50%,#094c73 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #094c73 0%,#094c73 50%,#094c73 100%); /* IE10+ */
    background: linear-gradient(to bottom, #094c73 0%,#094c73 50%,#094c73 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#094c73', endColorstr='#094c73',GradientType=0 ); /* IE6-8 */
	transition:color 0.5s, background 0.5s;
}

input[type='button'].altbtn, input[type='submit'].altbtn
{
	font-family: Roboto,Segoe UI,Tahoma, Arial, Sans-Serif;
	color:#FFFFFF;
    border-radius: 5px;
	border: 0px solid #000000;
	padding:6px 12px;
    background: #555555; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' in heml head section */
    background: ;
    background: -moz-linear-gradient(top, #555555 0%, #333333 50%, #222222 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(50%,#333333), color-stop(100%,#222222)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #555555 0%,#333333 50%,#222222 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #555555 0%,#333333 50%,#222222 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #555555 0%,#333333 50%,#222222 100%); /* IE10+ */
    background: linear-gradient(to bottom, #555555 0%,#333333 50%,#222222 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#222222',GradientType=0 ); /* IE6-8 */
}

input[type='button'].altbtn:hover, input[type='submit'].altbtn:hover
{
	font-family: Roboto,Segoe UI,Tahoma, Arial, Sans-Serif;
	color:;
    background: #222222; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' in heml head section */
    background: ;
    background: -moz-linear-gradient(top, #222222 0%, #333333 50%, #555555 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(50%,#333333), color-stop(100%,#555555)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #222222 0%,#333333 50%,#555555 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #222222 0%,#333333 50%,#555555 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #222222 0%,#333333 50%,#555555 100%); /* IE10+ */
    background: linear-gradient(to bottom, #222222 0%,#333333 50%,#555555 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#555555',GradientType=0 ); /* IE6-8 */
	transition:color 0.5s, background 0.5s;
}

select
{
	font-family: Roboto,Segoe UI,Tahoma, Arial, Sans-Serif;
	border-radius: 5px;
	border: 1px solid #aaaaaa;
	padding: 4px 4px;
	margin: 0px;
	background-color:white;
}

textarea
{
	font-family: Roboto,Segoe UI,Tahoma, Arial, Sans-Serif;
	border-radius: 5px;
	border: 1px solid #aaaaaa;
	padding: 6px 4px;
	background-color:white;
}

nav.full 
{
	position:absolute;
	min-width:800px;
}

header, footer, nav, section
{
    display: block;
}

header
{
	position:absolute;
	width:100%;
	top:0;
	z-index:200;
	margin:0;
	padding:0;
}

header #h_container
{
    position: relative;
    width: 100%;
    top: 0px;
    height: 100px;
    z-index: 2;
}

header #h_contents
{
    width: 90%;
    margin: 0px auto;
}

header #h_fullcontents
{
    width: 100%;
	min-width:800px;
    margin: 0px auto;
}

header #titlerow
{
    height: 54px;
    vertical-align: middle;
}
header #titlefull
{
    color: white;
    font-size: 30px;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    font-weight: 300;
    padding-top: 5px;
	float:left;
}
header #title
{
    color: #444;
    font-size: 30px;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    font-weight: 300;
    padding-top: 5px;
	float:left;
}

header #loginuser
{
    float: right;
    color: #2BB1FF;
    padding-top: 2px;
    font-weight: 400;
    font-family: Roboto,Segoe UI,Tahoma, Arial, Sans-Serif;
    margin-right: 10px;
	cursor:pointer;
	height:58px;
}

#langdropdown
{
	margin-top:10px;
	color:#eee;
	font-size:1em;
	cursor:default;
}

#langdropdown > select
{
	width:180px;
	padding:2px;
	border-radius:3px;
	background-color:#f8f8f8;
	color:#222;
	border:0px solid #777;
}

header #loginuser ul.submenu
{
	margin-top:-1px;
	border-color:#000000;
	border-top:20px solid #000000;
}

header #loginuser:hover ul.submenu
{
	display:block;
	clear:both;
}

header #menurow
{
    height: 46px;
}

header #background1full
{
    position: absolute;
    height: 60px;
    min-width: 1000px;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: #000000;
}

header #background1
{
    position: absolute;
    height: 54px;
    min-width: 1000px;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: #000000;
}

header #background2full
{
    position: absolute;
    height: 36px;
    min-width: 1000px;
    width: 100%;
    top: 60px;
    left: 0px;
    background-color: #EEEEEE;
	border-bottom:2px solid #EEEEEE;
}

header #background2
{
    position: absolute;
    height: 46px;
    min-width: 1000px;
    width: 100%;
    top: 54px;
    left: 0px;
    background-color: #EEEEEE;
	border-bottom:2px solid #EEEEEE;
}

header #logofull
{
    float: left;
	min-height: 70px;
	vertical-align:middle;
}

header #logo
{
    margin: 7px 10px 0px 10px;
    float: left;
	min-height: 70px;
	vertical-align:middle;
}

header #logoimg
{
	max-width:250px; 
	max-height:90px;
}

header #logoimgfull
{
	max-width: 463px; 
	max-height: 60px;
}

footer
{
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 90px; /*90px*/
	border-top:3px solid #484848;
}

footer #f_container
{
    position: relative;
    width: 100%;
    min-width: 1000px;
    background-color: #2E2E2E;
    top: 0px;
    height: 90px;
}

footer #f_contents
{
    width: 1000px;
    margin: 0px auto;
    height: 100%;
}

footer #f_table
{
    width: 100%;
    height: 100%;
	border: 0px;
}

footer #f_dilogo
{
    border-left: 1px solid #606060;
    height: 100%;
    padding-left: 0px;
    margin-right: 10px;
    background-image: url('../Content/logos/DI.png');
    background-repeat: no-repeat;
    background-position: 10px;
    background-size: 200px;
    width: 200px;
}

footer #f_links
{
    font-size: 13px;
}

footer #f_links ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

footer #f_links li
{
    list-style-image: none;
    color: #39A5ED;
    display: inline-block;
    *display: inline; /* IE 7 HACK */
    zoom: 1;
    padding: 0px 10px 10px 10px;
    margin: 0px;
}

footer #f_links li a
{
    text-decoration: none;
    color: #39A5ED;
}

footer #f_links li a:hover
{
    text-decoration: none;
    color: #ee7700;
}

footer #f_copyright
{
    color: #b8b8b8;
    font-size: 11px;
    padding-left: 10px;
}

#contentpositionerfull
{
    position: relative;
    min-height: 200px;
    height: 100%;
	padding-top:98px;
}

#contentpositioner
{
    position: relative;
    min-height: 200px;
    height: 100%;
	padding-top:100px;
}

#contentcontainer
{
	*display:inline; /*IE7 HACK*/
	*zoom:1; /*IE7 HACK*/
	position: relative;
}

#content
{
	display:table;
	*zoom:1; /*IE7 HACK*/
	margin: 0px auto;
	margin-bottom:150px;
	text-align:center;
}

#contentpopup
{
	display:table;
	*zoom:1; /*IE7 HACK*/
	margin: 0px auto;
	margin-bottom:0px;
	text-align:center;
}

#contenttitlefull
{
	display:table;	
	*zoom:1; /*IE7 HACK*/
	line-height:1.2em;
	font-size:1.7em;
	font-weight:400;
    font-family: Roboto,Segoe UI,Tahoma, Arial, Sans-Serif;
	text-align:left;
	margin:10px auto 0.5em 0px;
	padding:0.8em 20px 0.45em 20px;
	color:#222;
	min-width:100px;
	float:left;
}

#content > #contenttitle
{
	display:table;
	*zoom:1; /*IE7 HACK*/
	line-height:1.2em;
	font-size:1.4em;
	font-weight:400;
    font-family: Roboto,Segoe UI,Tahoma, Arial, Sans-Serif;
	text-align:center;
	margin:0px auto 2em auto;
	background-color:#EEEEEE;
	padding:0.4em 20px 0.45em 20px;
	color:#222;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
	min-width:100px;
	border: 2px solid #EEEEEE;
	border-width:1px;
	border-top:0px;
}

ul
{
	padding-left:2em;
}

hr
{
	border:0px;
	border-top:1px solid #777;
}

ul.twocolnv /*name-value*/
{
	margin:0;
    padding:0;
    list-style-type:none;
	clear:both;
}

ul.twocolnv > li.name
{
	margin:0 2em 1em 0;
	float:left;
	text-align:left;
	vertical-align:top;
	/*display:inline-block;
	display:inline;
	zoom:1;*/
}

ul.twocolnv > li.value
{
	margin:0 0 1em 0;
	float:right;
	font-weight:bold;
	text-align:right;
	vertical-align:top;
	/*color:#1f69a3;*/
}
ul.twocolnv > li.value
{
	*float:none;
}

ul.twocolnv > li.lcol1, ul.twocolnv > li.lcol2, ul.twocolnv > li.lcol3
{
	margin:0 0em 1em 0;
	float:left;
	text-align:left;
	vertical-align:top;
	/*display:inline-block;
	display:inline;
	zoom:1;*/
	width:10em;
}
ul.twocolnv > li.lcol2
{
	width:15em;
}
ul.twocolnv > li.lcol3
{
	width:20em;
}

ul.twocolnv > li.rcol
{
	margin:0 0 1em 0;
	float:left;
	text-align:left;
	vertical-align:top;
	/*color:#1f69a3;*/
}
ul.twocolnv > li.rcol
{
	*float:none;
}

ul.multicol
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.multicol > li
{
	text-align:left;
	vertical-align:top;
	margin:0px 0.5em 1.25em 0px;
	display:inline-block;
	*display:inline;
	zoom:1;
}

ul.multicol > li:last-child
{
	margin-right:0px;
}

ul.multicolwrap150
{
    margin: 0;
    padding: 0;
    list-style-type: none;
	white-space:normal;
}

ul.multicolwrap150 > li
{
	text-align:left;
	vertical-align:top;
	margin:0px 0.5em 2.25em 0px;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:150px;
}

ul.multicolwrap150 > li:last-child
{
	margin-right:0px;
}

ul.multirow
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.multirow > li
{
	text-align:left;
	vertical-align:top;
	margin:0px 0px 1.25em 0px;
	display:block;
	zoom:1;
}

/********************************************************/

#menurowfull > div {
	width:100% !important;
}
#menurow > div
{
    margin:0 auto;
    display:inline-block;
	*display:inline; /*IE7 HACK*/
	zoom: 1;
}
ul.mainmenu1
{
    display:inline;
    text-align:left;
    position:relative;
    list-style-type:none;
}
ul.mainmenu1 > li
{
    float:left;
    padding:0;
    position:relative;
}

ul.mainmenu1 > li.loginpopup.full
{
	margin-top:5px;
}

ul.mainmenu1 > li.loginpopup
{
    float:right;
    padding:0;
    position:relative;
}

ul.mainmenu1.full > li > i
{
	padding: 4px 10px 8px 10px !important;
}

ul.mainmenu1 > li > i
{
	line-height: 1.7em;
    color: #444;
    display:block;
    padding: 4px 10px 12px 10px;
    position:relative;
    text-decoration:none;
    margin: 0px;
	margin-top:8px;
	font-style: inherit;
	cursor:pointer;
	font-style:normal;
}
ul.mainmenu1 > li > i > a
{
	color:#444;
}
ul.mainmenu1 > li > i > a:active
{
	background-color:transparent;
}
ul.mainmenu1 > li > i:hover, ul.mainmenu1 > li > i > a:hover
{
	color:#1b3c72;
}
ul.mainmenu1 > li.loginpopup > i.full, ul.mainmenu1 > li.loginpopup > i.full:hover
{
	color:white !important;
}
ul.mainmenu1 > li.loginpopup > i, ul.mainmenu1 > li.loginpopup > i:hover
{
	color:#444;
}
ul.mainmenu1 > li.selected > i
{
    color: #0B131F;
    background: #fcfcfc; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' in html head section */
    background: ;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #fcfcfc 50%, #fcfcfc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(50%,#fcfcfc), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#fcfcfc 50%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 0%,#fcfcfc 50%,#fcfcfc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 0%,#fcfcfc 50%,#fcfcfc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 0%,#fcfcfc 50%,#fcfcfc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-8 */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    z-index:2;
	font-weight:bold;
}
ul.mainmenu1 > li.loginpopup.selected > i
{
	color: inherit;
	background: inherit;
	filter: inherit;
	font-weight:inherit;
}
ul.mainmenu1 > li > i > a
{
	text-decoration:none;
	color: inherit;
}
ul.mainmenu1 li div
{
    position:relative;
}
ul.mainmenu1.full li div div
{
	margin-left:0px !important;
}
ul.mainmenu1 li div div
{
    display:none;
    font-size:0.8em;
    position:absolute;
    padding: 1.5em 0 1em 0;
    margin-left:-1px;
    z-index:1;
    width:200px;
    background-color: #fcfcfc;
    border: 0px solid #fff;
	border-top:0px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
	-webkit-box-shadow:0px 5px 40px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 5px 40px 0px rgba(0, 0, 0, 0.3);
	box-shadow:0px 5px 40px 0px rgba(0, 0, 0, 0.3);
}
ul.mainmenu1 li div div.twocol
{
    width:400px;
}
ul.mainmenu1 .vertbar, ul.mainmenu1 .vertbar2
{
    left:200px;
    border-left:1px solid #E3E3E3;
    bottom:0;
    height:auto;
    margin:16px 0;
    position:absolute;
    top:0;
    width:1px;
}
ul.mainmenu1 .vertbar2
{
	left:400px;
}
ul.mainmenu1 li div ul
{
	margin-left:0;
    padding-left:10px;
    padding-right:10px;
    position:relative;
    width:180px;
    float:left;
    list-style-type:none;
}
ul.mainmenu1 > li.loginpopup div div
{
	margin-top:4px;
	width:180px;
}
.loginpopup {
	min-width:180px;
}
ul.mainmenu1 > li.loginpopup div ul
{
	width:160px;
}

ul.mainmenu1 li div ul li
{
    margin:0;
    padding:0;
}
ul.mainmenu1 li div ul li h2
{
    border-bottom:1px solid #e0e0e0;
    color:#0B131F;
    font-weight:bold;
    margin:0px 0px 4px 4px;
    font-size:1.3em;
    padding:3px 0px;
}
ul.mainmenu1 li ul ul
{
    padding:0 0 12px 0;
	margin-left:0;
}
ul.mainmenu1 li ul ul li
{
    margin:0;
    padding:0;
}
ul.mainmenu1 li ul ul li a, ul.mainmenu1 li ul > li > a
{
    color:#1183CF;
    display:block;
    margin-bottom:1px;
    padding:3px 5px;
    text-decoration:none;
    font-size:1.1em;
}
ul.mainmenu1 li ul ul li a:hover, ul.mainmenu1 li ul > li > a:hover
{
    background-color:#1b3c72;
    color:#fff;
}
ul.mainmenu1 .homelink
{
}

.toolbaricon
{
	color:inherit;
	text-decoration:none !important;
}
.toolbaricon:hover
{
	color:#ee7700;
	text-decoration:none !important;
}

/* Default table display styles */

table.deftable
{
	border-spacing:0px;
	border-collapse:separate;
}

table.deftable tr.header, table.deftable tr > th
{
    background: #484848; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' in heml head section */
    background: ;
    background: -moz-linear-gradient(top, #484848 0%, #484848 50%, #484848 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#484848), color-stop(50%,#484848), color-stop(100%,#484848)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #484848 0%,#484848 50%,#484848 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #484848 0%,#484848 50%,#484848 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #484848 0%,#484848 50%,#484848 100%); /* IE10+ */
    background: linear-gradient(to bottom, #484848 0%,#484848 50%,#484848 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#484848',GradientType=0 ); /* IE6-8 */
}

table.deftable tr > th
{
	padding:10px;
	color:white;
}

table.deftable tr.footer
{
	background-color:#EDEFFA;
}

table.deftable tr > td
{
	padding:5px;
}

table.deftable tr.row
{
	background-color:#ffffff;
}

table.deftable tr.altrow
{
	background-color:#E0E0E0;
}

/***********************************/
input[class^="dxeEditArea"], textarea, textarea[class^="dxeMemoEditArea"]
{
    font-size: 10pt;
    font-family: Roboto,Segoe UI,Tahoma, Arial, Sans-Serif;
	color: #222222;
}

[class*="dxpc"], [class*="dxgv"], [class*="dxdp"], [class*="dxpcLite_MetropolisBlue"]
{
    font-family: Roboto,Segoe UI,Tahoma, Arial, Sans-Serif !important;
	font: Roboto,Segoe UI,Tahoma, Arial, Sans-Serif !important;
	font-size:inherit;
}



.dxeMemoSys, .dxeTextBoxSys, table[class^='dxeTextBox'], table[class^='dxeButtonEdit'], table[class^='dxeNullText']
{
	border: 1px solid #aaaaaa !important;
	border-radius:5px !important;
}

table[class^="dxgvTable"]
{
	border-spacing:0px;
	border-collapse:separate;
}
table[class^="dxgvControl"], table[class^="dxgvDisabled"], div[class^="dxpLite"], table[class^="dxtlControl"]
{
    font-size: 13px;
    font-family: Roboto,Segoe UI,Tahoma, Arial, Sans-Serif;
	border:0px;
}
td[class^="dxgvHeader"], th[class^="dxtlHeader"] 
{
    background: #484848; 
	padding:10px;
	cursor:pointer;
	font-weight:700;
	text-align:center;
	border:0px solid #EEEEEE;
	border-top:0px;
	border-bottom:0px;
}
td[class^="dxgvHeader"] table, th[class^="dxtlHeader"], th[class^="dxtlHeader"] a
{
	color:white;
}
tr[class^="dxgvFooter"]
{
	background-color:#EDEFFA;
}
div[class^="dxgvGroupPanel"]
{
	background-color:#EFEFEF;
	padding:5px;
	border:0px;
}
div[class^="dxgvGroupPanel"] td[class^="dxgvHeader"]
{
	border:0px;
}
div[class^="dxgvPagerBottomPanel"]
{
	background-color:#FAFBFF;
	padding:10px;
}
tr[class^="dxgvSelectedRow"]
{
	background-color:#FFCD59;
}
img[class^="dxGridView_gvHeaderSortDown"], img[class^="dxGridView_gvHeaderSortUp"]
{
	background-image:url("/Content/Icons/arrowupdn.png");
	width:11px;
	height:10px;
	background-position:top;
	background-repeat:norepeat;
}
img[class^="dxGridView_gvHeaderSortDown"]
{
	background-position:bottom;
}
table[class^="dxgvControl"] .dxp-current
{
    background: #484848; 
}



.errorhighlight
{
	border-left:5px solid #E00000;
	padding:10px;
}
.warninghighlight
{
	border-left:5px solid #EEbb00;
	padding:10px;
	background-color:rgba(10,20,30,0.05);
}
.infohighlight
{
	border-left:5px solid #00aadd;
	padding:10px;
}
.successmsg
{
	color:green;
	font-weight:bold;
}
.errormsg
{
	color:#b42;
	font-weight:bold;
}

/* Styles for basic forms
    -----------------------------------------------------------*/
fieldset
{
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
}

textarea
{
    min-height: 75px;
}

.editor-label
{
    margin: 1em 0 0 0;
}

.editor-field
{
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
    -----------------------------------------------------------*/
.field-validation-error, .dxeErrorCell_MetropolisBlue, .dxeErrorCell_MetropolisBlue td
{
	font: 12px Roboto, sans-serif !important;
    font-weight: bold !important;
	color: #f00 !important;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #f00 !important;
    background-color: #fee !important;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid
{
    display: none;
}

/* Style for aligned controls*/

.labelCell
{
	float: left; 
	padding-top: 2px; 
	text-align: left;
}

.separatorCell
{
	float: left;
	width: 1%;
}

.controlCell
{
	float: left; 
	vertical-align: top; 
	text-align: left;
}

.controlCellRight
{
	float: right; 
	vertical-align: top; 
	text-align: right;
}

.separatorRow
{
	float: left;
	vertical-align: top;
	margin-top 0;
	font-size: 0.64em; 
	height: 5px;
	width: 99%;
}

.requiredMessage
{
	text-align: left;
	vertical-align: top;
	margin-top 0;
	height: 10px;
}

.simpleLeft
{
	float:left;
}

.textBox685
{
	width: 685px !important;
	vertical-align: top; 
}

.textBox450
{
	width: 450px !important;
}

.textBox250
{
	width: 250px !important;
}

.textBox200
{
	width: 200px !important;
}

.textBox150
{
	width: 150px !important;
}

.textBox100
{
	width: 100px !important;
}

.textBox120
{
	width: 120px !important;
}

.textBox190
{
	width: 190px !important;
}

.textBox50
{
	width: 50px !important;
}

.textBox60
{
	width: 60px !important;
}

.textBoxHidden
{
	width: 0px !important;
	height: 0px !important;
}

.textBoxNumber
{
	 text-align: right !important;
}

.dropDownList55
{
	width: 55px !important;
}

.dropDownList65
{
	width: 65px !important;
}

.dropDownList75
{
	width: 75px !important;
}

.dropDownList127
{
	width: 127px !important;
}

.dropDownList150
{
	width: 150px !important;
}

.dropDownList157
{
	width: 157px !important;
}

.dropDownList190
{
	width: 190px !important;
}

.dropDownList257
{
	width: 257px !important;
}

.listBox250x140
{
	width: 250px !important;
	height: 140px !important;
}

.textBox247x55
{
	width: 247px !important;
	height: 55px !important;
}

.textBox250x140
{
	width: 250px !important;
	height: 140px !important;
	vertical-align: top !important; 
}

.textBox550x200
{
	width: 550px !important;
	height: 150px !important;
	vertical-align: top !important; 
}

.textBox550x250
{
	width: 550px !important;
	height: 250px !important;
	vertical-align: top !important; 
}

.button100
{
	width: 100px !important;
} 

.button110
{
	width: 110px !important;
} 

.button150
{
	width: 150px !important;
} 

.button190
{
	width: 190px !important;
} 

.button195
{
	width: 195px !important;
} 

.buttonDisabled {
  color:#F8F8F8  !important;
  background: #CCCCCC !important;
  cursor:pointer;    
}

.buttonDisabled:hover {
	cursor:default;
}

.float-left
{
	float: left;
} 

.float-right
{
	float: right;
} 

.parent-page-link
{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
} 

.required-asterisk
{
	color: Red;
}

.message-hide
{
	visibility: hidden;
}

.message-show-info-200px
{
	float: left;
	font: x-small, Verdana, Arial, Helvetica, sans-serif;
	color: blue;
	visibility: visible;
	text-align: center;
	width:200px; 
}

.message-show-info
{
	float: left;
	visibility: visible;
	text-align: center;
	width:100%; 
}

.message-static-info
{
	float: left;
	color: blue;
	visibility: visible;
	text-align: center;
	width:100%; 
}

.message-show-error-200px
{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: red;
	visibility: visible;
	width:200px; 
}

.message-show-error
{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: red;
	visibility: visible;
	width:100%; 
}

.div-hidden
{
	visibility: hidden;
}

.div-shown
{
	visibility: visible;
}

.strike
{
	text-decoration: line-through;
}

.popup
{
	background: #E0E0E0; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' in the head section of html document */
    background: ;
    background: -moz-linear-gradient(top, #E0E0E0 0%, #E0E0E0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E0E0E0), color-stop(100%,#E0E0E0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E0E0E0 0%,#E0E0E0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E0E0E0 0%,#E0E0E0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #E0E0E0 0%,#E0E0E0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #E0E0E0 0%,#E0E0E0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E0E0E0', endColorstr='#E0E0E0',GradientType=0 ); /* IE6-8 */
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-color: #E0E0E0;
	background-position:0px 0px;

	padding: 0 !important; 
	margin: 0 !important;
}

/*******************************************************/
/****** SMART WIZARD ******/
.swMain {
  display:block;
  margin:0;
  padding:0;
  overflow:visible;
  float:left;
  width:100%;
}

.swMain .stepContainer {
  display:block;
  margin: 0;
  padding:0;    
  overflow:hidden;
  clear:both;
  width:100%;
}

.swMain .stepContainer div.content {
  display:block;
  position: absolute;  
  float:left;
  margin:0;
  padding:25px;    
  font-weight:normal;
  font-size:10pt;
  background-color:#f4f4f4;  
  text-align:left;
  overflow:visible;    
  z-index:88;
  /***-webkit-border-radius: 5px;
  -moz-border-radius  : 5px;**/
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  clear:both;
}
.swMain div.actionBar {
  display:block;
  position:relative; 
  clear:both;
  margin:0;
  border:0px;
  padding:0;    
  background-color:#e8e8e8;
  border-top:1px solid #aaaaaa;
  height:55px;
  text-align:left;
  overflow:auto;    
  z-index:88; 
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  left:0;
}
.swMain .stepContainer .StepTitle {
  display:block;
  position: relative;
  margin:0;
  margin-bottom: 10px;   
  border:0px;
  padding:5px;   
  font-weight: bold;
  font-size:1.5em; 
  background-color:#E0E0E0;
  clear:both;
  text-align:left; 
  z-index:88;
  border-radius: 5px;
  width:96%;
}
.StepTitle {
  display:block;
  position: relative;
  margin:0;
  margin-bottom: 10px;   
  border:0px;
  padding:5px;   
  font-weight: bold;
  font-size:1.5em; 
  background-color:#E0E0E0;
  clear:both;
  text-align:left; 
  z-index:88;
  border-radius: 5px;
}
.swMain ul.anchor {
  position: relative;
  display:block;
  float:left;
  list-style: none;
  padding: 0px;  
  margin:10px 0 0 10px;   
  clear: both;
  border: 0px solid #CCCCCC;    
  background: transparent; /*#EEEEEE */
}
.swMain ul.anchor li{ 
  position: relative; 
  display:block;
  margin: 0;
  padding: 0; 
  padding-left:3px;
  padding-right: 3px;
  border: 0px solid #E0E0E0;      
  float: left;
}
/* Anchor Element Style */
.swMain ul.anchor li a {
  display:block;
  position:relative;
  float:left;
  margin:0;
  padding:2px 5px 10px;
  height:45px;
  text-decoration: none;
  outline-style:none;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  z-index:99;
}
.swMain ul.anchor li a .stepNumber{
  position:relative;
  float:left;
  text-align: center;
  margin:0px 5px 0px 8px;
  font-weight: bold;
  font-size:2.25em;
}
.swMain ul.anchor li a .stepDesc{
  position:relative;
  display:block;
  float:left;
  text-align: left;
  padding:4px;
  font-weight:bold;
  font-size:1.4em;
}
.swMain ul.anchor li a .stepDesc small{
  font-weight:bold;
  font-size:10pt;
}
.swMain ul.anchor li a.selected{
  color:#1f69a3;
  background: #f4f4f4; 
  border-bottom:1px solid #f4f4f4;
  cursor:default;
}
.swMain ul.anchor li a.done { 
  position:relative;
  color:#FFF;  
  background:#1f69a3;  
  border-bottom:1px solid #1f69a3;
  z-index:99;
}
.swMain ul.anchor li a.done:hover {
  background:#EEEEEE;  
  border:0px;   
}
.swMain ul.anchor li a.disabled {
  color:#b4b4b4;
  background: #e0e0e0;
  border-bottom:1px solid #aaaaaa;  
  cursor:default;
}
.swMain ul.anchor li a.error {
  color:#6c6c6c !important;  
  background: #f08f75 !important;
  border: 1px solid #fb3500 !important;      
}
.swMain ul.anchor li a.error:hover {
  color:#000 !important;       
}

.swMain .buttonNext, .swMain .buttonPrevious, .swMain .buttonFinish, .swMain .swButton {
  display:block;
  float:right;
  margin:12px 3px 0 3px;
  padding:5px;
  text-decoration: none;
  text-align: center;
  font-size:10pt;
  width:100px;
  color:#FFF;
  outline-style:none;
  background-color:#1f69a3;
  -moz-border-radius  : 5px; 
  -webkit-border-radius: 5px;    
}
.swMain .buttonFinish {
  margin-right:10px;
}
.swMain .buttonDisabled {
  color:#F8F8F8  !important;
  background-color: #CCCCCC !important;
  cursor:text;    
}

.txtBox {
  border:1px solid #CCCCCC;
  color:#5A5655;
  font:13px Verdana,Arial,Helvetica,sans-serif;
  padding:2px;
  width:430px;
}
.txtBox:focus {
  border:1px solid #EA8511;
}

.swMain .loader, .swMain .msgBox {
  position:relative;  
  display:none;
  float:left;  
  margin: 2px 0 0 2px;
  padding:8px 10px 8px 40px;
  border: 1px solid #FFD700; 
  font-weight:bold;
  font-size:11pt;
  color:#5A5655;       
  /*background: #FFF url(../images/loader.gif) no-repeat 5px;  */
  background: #FFF;
  border-radius:5px;
  z-index:998;
}
.swMain .msgBox {
  margin: 4px 0 0 5px;
  padding:5px;
  background-color: #FFFFDD;  
  z-index:999;
  min-width:200px; 
  max-width:60%;
}
.swMain .msgBox .content {
  font-weight:normal;
  font-size:10pt;
  padding: 0px;
  float:left;
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
  width: 95%;
}
.swMain .msgBox .close {
  border: 1px solid #CCC;
  border-radius: 3px;
  color: #CCC;
  display: block;
  float: right;
  margin: 0 0 0 5px;
  outline-style: none;
  padding: 0 2px 0 2px;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.swMain .msgBox .close:hover{
  color: #EA8511;
  border: 1px solid #EA8511;  
}

.swPwdRst{
  width: 120px;
}

div.htmlViewerDiv > div
{
    display: inline-block;
}

.js-link
{
	cursor: pointer; cursor: hand;
}

.defShadow
{
	-webkit-box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.3);
}

.modal { position:relative; z-index:1000; }
.grayout { background: black; opacity: .5; display: none; position: fixed; z-index:999; height:100%; width:100%; }

/* MOBILE Swatches */
/* di
-----------------------------------------------------------------------------------------------------------*/
.ui-title {
	font-size: 18px !important;
	background:#000000 !important;
	padding:0px !important;
	margin:0px !important;
	margin-right:30px !important;
}
.ui-bar-di {
	/*border: 1px solid 		2px solid #EEEEEE {a-bar-border}*/;
	background: 			#000000 /*{a-bar-background-color}*/;
	color: 					#e0e0e0 /*{a-bar-color}*/;
	padding: 5px;
    font-weight: 300 !important;
	text-shadow: 1px /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #000 /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #000000 /*{a-bar-background-start}*/), to( #000000 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #000000 /*{a-bar-background-start}*/, #000000 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #000000 /*{a-bar-background-start}*/, #000000 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #000000 /*{a-bar-background-start}*/, #000000 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #000000 /*{a-bar-background-start}*/, #000000 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #000000 /*{a-bar-background-start}*/, #000000 /*{a-bar-background-end}*/);
}
.ui-bar-di,
.ui-bar-di input,
.ui-bar-di select,
.ui-bar-di textarea,
.ui-bar-di button {
	font-family: 'Roboto Condensed', Arial, sans-serif /*{global-font-family}*/;
}
.ui-bar-di .ui-link-inherit {
	color: #1183CF /*{a-bar-color}*/;
}
.ui-bar-di a.ui-link {
	color: #1183CF /*{a-bar-link-color}*/;
	font-weight: bold;
}
.ui-bar-di a.ui-link:visited {
    color: inherit /*{a-bar-link-visited}*/;
}
.ui-bar-di a.ui-link:hover {
	color: #ee7700 /*{a-bar-link-hover}*/;
}
.ui-bar-di a.ui-link:active {
	color: inherit /*{a-bar-link-active}*/;
}
.ui-body-di,
.ui-overlay-di {
	border: 1px solid 		2px solid #EEEEEE /*{a-body-border}*/;
	background: 			#FFFFFF /*{a-body-background-color}*/;
	color: 					#222222 /*{a-body-color}*/;
	font-family:			Roboto,Segoe UI,Tahoma, Arial, Sans-Serif !important;
	text-shadow: 0 /*{a-body-shadow-x}*/ 0px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #E0E0E0 /*{a-body-background-start}*/), to( #E0E0E0 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #E0E0E0 /*{a-body-background-start}*/, #E0E0E0 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #E0E0E0 /*{a-body-background-start}*/, #E0E0E0 /*{a-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #E0E0E0 /*{a-body-background-start}*/, #E0E0E0 /*{a-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #E0E0E0 /*{a-body-background-start}*/, #E0E0E0 /*{a-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #E0E0E0 /*{a-body-background-start}*/, #E0E0E0 /*{a-body-background-end}*/);	
}
.ui-overlay-di {
	background-image: none;
	border-width: 0;
}
.ui-body-di,
.ui-body-di input,
.ui-body-di select,
.ui-body-di textarea,
.ui-body-di button {
	font-family: Roboto,Segoe UI,Tahoma, Arial, Sans-Serif /*{global-font-family}*/;
}
.ui-body-di .ui-link-inherit {
	color: 	#fff /*{a-body-color}*/;
}
.ui-body-di .ui-link {
	color: #1183CF /*{a-body-link-color}*/;
	font-weight: bold;
}
.ui-body-di .ui-link:visited {
    color: #1183CF /*{a-body-link-visited}*/;
}
.ui-body-di .ui-link:hover {
	color: #ee7700 /*{a-body-link-hover}*/;
}
.ui-body-di .ui-link:active {
	color: #1183CF /*{a-body-link-active}*/;
}
.ui-btn-up-di {
	border: 1px solid 		0px solid #306ca8 /*{a-bup-border}*/;
	background: 			#0E7BBA /*{a-bup-background-color}*/ !important;
	font-weight: bold;
	color: 					#ffffff /*{a-bup-color}*/;
	text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/;
	background: -moz-linear-gradient(top, #0E7BBA 0%, #0E7BBA 50%, #0E7BBA 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0E7BBA), color-stop(50%,#0E7BBA), color-stop(100%,#0E7BBA)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0E7BBA 0%,#0E7BBA 50%,#0E7BBA 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0E7BBA 0%,#0E7BBA 50%,#0E7BBA 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0E7BBA 0%,#0E7BBA 50%,#0E7BBA 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0E7BBA 0%,#0E7BBA 50%,#0E7BBA 100%); /* W3C */
}
.ui-btn-up-di:visited,
.ui-btn-up-di a.ui-link-inherit {
	color: 					#000 /*{a-bup-color}*/;
}
.ui-btn-hover-di {
	/*border: 1px solid 		#000 {a-bhover-border}*/;
	background: 			#094c73 /*{a-bhover-background-color}*/;
	font-weight: bold;
	color: 					 /*{a-bhover-color}*/;
	text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/;
}
.ui-btn-hover-di:visited,
.ui-btn-hover-di:hover,
.ui-btn-hover-di a.ui-link-inherit {
	color: 					#000 /*{a-bhover-color}*/;
}
.ui-btn-down-di {
	/*border: 1px solid 		#000 {a-bdown-border}*/;
	background: 			#0E7BBA /*{a-bdown-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{a-bdown-color}*/;
	text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/;
}
.ui-btn-down-di:visited,
.ui-btn-down-di:hover,
.ui-btn-down-di a.ui-link-inherit {
	color: #000 /*{a-bdown-color}*/;
}
.ui-btn-up-di,
.ui-btn-hover-di,
.ui-btn-down-di {
	font-family: Roboto,Segoe UI,Tahoma, Arial, Sans-Serif /*{global-font-family}*/;
	text-decoration: none;
}

.ui-gppane
{
	padding:0px;
	border-radius: 5px;
	background-color:#EFEFEF;
	vertical-align:top;
	opacity:1;
	list-style-type: none;
}

.ui-footer
{
	padding:0px !important;
}

.reset-this {
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
}

/* Toggle Switches*/

.fancy-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.fancy-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

input.fancy-toggle-round + label {
  padding: 2px;
  width: 60px;
  height: 20px;
  background-color: #dddddd;
  border-radius: 60px;
}
input.fancy-toggle-round + label:before,
input.fancy-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.fancy-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  border-radius: 60px;
  transition: background 0.2s;
}
input.fancy-toggle-round + label:after {
  width: 25px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.2s;
}
input.fancy-toggle-round:checked + label:before {
  background-color: #25AE35;
}
input.fancy-toggle-round:checked + label:after {
  margin-left: 37px;
}

/* tab control 
 content within a tabbed section */
div.tab {
  display: none;
  padding: 20px 20px;
  z-index:1;
  background-color:#EFEFEF;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
}

/* label within the tab */
label[for^='tab'] {
  display: inline-block;
  margin: 0 0 0px;
  padding: 10px 15px;
  text-align: center;
  color: rgb(155, 173, 184);
  color: rgba(255, 255, 255, 0.34);
  border: 2px solid transparent;
  background-color:#1f69a3;  
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  cursor: pointer;
  float:left;
  margin-right:10px;
}
 
label[for^='tab']:before {
  margin-right: 10px;
  float:left;
}

/* hover color */
input[name^='tabs']:not(:checked) + label[for^='tab']:hover {
  color: rgb(255, 255, 255);
  color: rgba(255, 255, 255, 0.70);
  cursor: pointer;
  transition:color 1.0s;
}

/* hidden radio button controlling tabs */
input[name^='tabs']{
  display:none;
}

/* when tabs are checked we'll set the new colors of the label */
.ie8 input[name^='tabs'][checked=checked] + label  {
  color: #eee;
  border-bottom: 2px solid #000000;
  transition:border-left 0.5s, color 0.5s;
}

input[name^='tabs']:checked + label {
  color: #eee;
  border-bottom: 2px solid #000000;
  transition:border-left 0.5s, color 0.5s;
}

/*table[class^='dxlpLoadingPanel'] td.dx:first-of-type, 
table[class^='dxeLoadingPanel'] td.dx:first-of-type {
	background-image:url('/Content/images/snakeloader.gif');
	background-repeat: no-repeat;
    background-position: 5px center;
	padding-right:32px !important;
}

table[class^='dxlpLoadingPanel'] td.dx img, 
table[class^='dxeLoadingPanel'] td.dx img {
	display:none;
}*/

/* report center layout */
.report-block > ul > li {
	margin:0 !important;	
}

.report {
	position:relative;
	min-width:250px;
	max-width:250px;
	min-height:160px;
	cursor:pointer;
	padding:20px;
	border-radius:15px;
	background-color:rgba(239,239,239,.2);
	transition:background-color .8s;
	margin:15px;
	/*-webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.25);*/
}

.emphasis
{
    background-color: #FFcc00;
    padding: 4px 8px;
    font-weight: bold;
    margin: -6px -6px 0 0;
    border-radius: 4px;
}

.report a {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-decoration:none;
	z-index:10;
	background-color:#FFF;
	opacity:0;
	filter:alpha(opacity=1);
}

.report:hover {
	background-color:rgba(239,239,239,1);
	transition:background-color .8s;
}

.report:active {
	background-color:rgba(0,0,0,.7);
	transition:background-color .2s;
}

.report > .title {	
	font-size:1.2em;
	margin:5px;
}

.report > div.separator {
	border-bottom:2px solid #555555;
	clear:both;
}

.report > p.description {
	font-family: Roboto Condensed;
	font-size: 1.1em;
}

.report > span.fa-stack-container {
	float:right;
	margin-bottom:2px;
}

.report span.fa-stack-text {
	text-align:center;
	color:white;
}

.report-criteria ul.multicol > li {
	margin-right:50px !important;
}

.report-inputs {
	margin-left:auto; 
	margin-right:auto; 
	width:820px; 
	display:none;
}

.report-criteria tr > td[class^="dxeErrorCell"] {
	padding-top:10px !important;
}

.report-criteria ul.multicol {
	margin-bottom:20px !important;
}

.report-criteria li.lcol1 {
	margin-top:5px !important;
	margin-right:10px !important;
}

.report-criteria .dxlbd {
	max-width:220px;
}

.loginpopup i.full span{
	color:white !important;
}

.loginpopup i span{
	color: #444 !important;
}

.dxpc-headerText, .arrow {
	color: #1f69a3 !important;
}

[class*="dxgvPopupEditForm"] {
    overflow: hidden !important;
}

#edituser > #wizard > .stepContainer {
	max-height:420px;
	min-height:420px;
}

i.help 
{
    margin-left: 10px;
}

.cookieconsent
{
	bottom:100px;
	left:50px;
	right:50px;
	position:fixed;
	z-index:99999;
	height:50px;
	border-radius:5px;

	background-color:#1f69a3;
	color:#FFFFFF;
}

 .cookieconsent a:link 
 {
	color:#FFFFFF;
 }

 .cookieconsent a:hover
 {
	color: #ee7700;
 }

 .cookieconsent a:visited
 {
	color: #FFFFFF;
 }

 
.toggleButton{
    position:absolute;
    top:10px;
    right:12px;
    color:#FFFFFF !important;
    cursor:pointer;
    font-size:1.5em;
    z-index:2;
}

a.toggleButton:hover{
    color:#808080 !important;
}

.toggleChat{
    visibility:hidden;
}

.chatWindow {
    background-color: #fff;
    position: fixed;
    bottom: 0px;
    right: 25px;
    z-index: 1;
}

.chatHeader {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 18px;
    width: 260px;
    z-index: 2;
    background-color: #1f69a3;
    text-align:left;
    color:#FFFFFF;
    padding:10px;
    margin:2px;
    font-size:1.25em;
}

.chatBtn {
    z-index: 1;
    background-color: #fff;
    position: absolute;
    bottom: 0px;
    border-radius: 50%;
    border: 1px solid #1f69a3;
    padding: 6px;
    color: #1f69a3 !important;
    font-size: 2.25em;
    cursor:pointer;
	width:35px;
}

a.chatBtn:hover {
    border: 1px solid #666;
    color: #666 !important;
}

.chatToolTip {
    display: inline-block;
    position:absolute;
    bottom:25px;
    right:75px;
}

.chatToolTip .chatToolTiptext {
    visibility: hidden;
    width: 100px;
    background-color: #fff;
    color: #333;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #666;
    padding: 3px 0;
    position: absolute;
    z-index: 1;
    top: -35px;
    right: 10px;
}

.chatToolTip .chatToolTiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #666;
}

.chatToolTip:hover .chatToolTiptext {
    visibility: visible;
}

.dxlbd {
    overflow-anchor: none;
}

.wordBreak {
    word-break: break-word;
}

.dxgvHeaderCustom table {
	table-layout: fixed;
}

.dxgvHeaderCustom table tbody tr td:first-child {
	width: 90% !important;
	white-space: nowrap !important;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dxeDisabled_MetropolisBlue {
	color:Grey;
}

.disabledPointerEvents {
    pointer-events: none;
}

.textArea tbody tr td textarea
{
	border-radius: 5px;
}

span[class*="dxeDisabled"] *
{
	color:Grey;
	cursor:not-allowed;
}

#contentbanner
{
	min-height:60px;
	padding:10px;
}

.bannerMessage
{
	min-height:60px;
	width:800px;
	margin:auto;
	z-index:99999;
	opacity:.8;
	border-radius:5px;
	border-style:solid;
	border-width:1px; 
	background-color:#EFEFEF;
	border-color:#1f69a3;
	font-size:12px;
}

.bannerMessage i
{
	color:#1f69a3;
}

.bannerMessage td
{
	padding:10px;
}

.hover {
    float: left;
    position: relative;
    padding-left: 5px;
}

.tooltip {
    /* hide and position tooltip */
    top: 0px;
    left: 120%;
    width: 250px;
    background-color: white;
    border-radius: 5px;
    display: none;
    position: absolute;
    transition: opacity 0.3s;
    padding: 5px;
    opacity: .9;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.hover:hover .tooltip {
    display: block;
}

.paymentFees {
    border-collapse: collapse;
}

.paymentFees tr {
    border: solid;
    border-width: 1px 0;
}

.paymentFees tr:first-child {
    border-top: none;
}

.paymentFees tr:last-child {
    border-bottom: none;
}

.dxgv__cci {
	margin: auto !important;
	padding: 3px;
}