﻿html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
  font-family: Segoe UI;
}

body {
  margin: 0;
  background: url('../Images/Background.png') center 0px no-repeat #21242c;
  font-family: "Segoe UI", Segoe, "Roboto", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  height: 100%;
  min-height: 100%;
  *overflow: auto;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  padding: 0;
  color: #fff;
}
h1 {
  font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 200;
  font-size: 42pt;
  letter-spacing: 0.00em;
  line-height: 44pt;
  font-smooth: always;
  color: #fff;
}
h2 {
  font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 200;
  font-size: 20pt;
  letter-spacing: 0.01em;
  line-height: 24pt;
  font-smooth: always;
  color: #fff;
}
h3 {
  font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 200;
  font-size: 20pt;
  letter-spacing: 0.01em;
  line-height: 18pt;
  font-smooth: always;
  color: #fff;
  font-size: 16pt;
}
h4 {
  font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 11pt;
  letter-spacing: 0.01em;
  line-height: 14pt;
  font-smooth: always;
  color: #fff;
}
h5 {
  font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 11pt;
  letter-spacing: 0.01em;
  line-height: 8pt;
  font-smooth: always;
  color: #fff;
  font-size: 90%;
}
h6 {
  font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 11pt;
  letter-spacing: 0.01em;
  line-height: 6pt;
  font-smooth: always;
  color: #fff;
  font-size: 80%;
}




.page {
  position: relative;
  height: 100%;
  min-height: 100%;
  width: 940px ;
  margin: auto;
  padding-left: 10px;
}
.page:before,
.page:after {
  display: table;
  content: "";
}
.page:after {
  clear: both;
}
.page .page-header {
  width: 100%;
  position: relative;
  display: block;
  color: #fff;
}
.page .page-header .page-header-content {
  height: 100px;
  min-height: 100px;
  width: 100%;
  position: relative;
  display: block;
  margin-bottom:-5px;
  margin-top:-15px;
}
.page .page-header .page-header-content h1,
.page .page-header .page-header-content h2,
.page .page-header .page-header-content h3,
.page .page-header .page-header-content h4,
.page .page-header .page-header-content h5 {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 20px;
  bottom: 0;
  color: #fff;
}
.page .page-header .page-header-content h1 small {
  font-size: 12pt;
  margin-left: 5px;
}
.page .page-header .page-header-content h1.sub-menu {
  cursor: pointer;
}
.page .page-header .page-header-content h1.sub-menu:after {
  position: absolute;
  content: "\3009";
  display: inline-block;
  font-size: 10pt;
  bottom: -5px;
  right: -15px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.page .page-header .page-header-content  > .page-back {
  position: absolute;
  top: 34px;
  left: 0px;
}

.page .page-region {
  display: block;
}
.page .page-region .page-region-content {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 20px;
  display: block;
  height: 100%;
  width:100%;
  position: absolute;
}
.page.secondary .page-header .page-header-content h1,
.page.secondary .page-header .page-header-content h2,
.page.secondary .page-header .page-header-content h3,
.page.secondary .page-header .page-header-content h4,
.page.secondary .page-header .page-header-content h5 {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 80px;
  bottom: 0;
  color: #fff;
}

/*.page.secondary .page-region .page-region-content {
  padding-left: 10px;
}*/


.back-button {
  height: 32px;
  width: 32px;
  display: block;
  background-image: url(data:image/png;base64,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);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.back-button.white {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAVESURBVGhDzZoxiFRJEIZ3hg0MNjAQnGADAw+EMzAw2EBxMzcw8MBgL9vQcA82EDRQLlgDRY9DEAwu8OCSAw/2QI8NDPQwuEDFQEThghUcUVBQUFB2/f7uej39Zt7M9NuZ92Z/qO3uqu6q6nnV/fpVb2NqTNjc3JxrNBrzW1tbe2nOQi0rhbbRS+g1/e5T3qf8SjkZ4OgunF6AbkAbtEuBMW+gm9ApmjOmtnpgbBpawvArOTIOoOsdtEx1l5lJRqkQwsgJilUe/UHP6QDjCo870GOoTZ8sZCRr0W6ppPk9tEB7v2QxkL+guNBsNn/3nDEBxTM4f4syB3jPKc5THrauyWDcAegMYx9KVwx49yg02dGBslnoiVftQVvxq0c+bd1GAnoUkv875QbaG1DpHyYHFMxBIdapf4FWqe62LmMDOrUprECfnDFA/QO0aF3KgYFy/oPpypRpDVQKs9u9QSyZOA0oUNjEv7xi/YCJKwe2Wtj8zxkH1D9BcyYeDPprwYaYN+f3mLg2YFN+PHBOAOqvoOzF2B90CrsNdYVQbb98N7CtJxFektT1VPpvHHQ44bu6zlqwlcf8MODDYShei6dNlAeyaYRx6KyaaOKQ0+aW/NLaDEeP8CaGqZX+m9Xf8qb8DnqvdgqkFFpmTPcjvg5Pb+VtA706vjxBTxbOF6ift7rroD043nWWTZQEhmjB6e2ZQ1k9g4C6k16r06uQ6rypYSx4kRNq10l+w9K3cuczoPOuqZf+zlqgccP4QufRDAF9a3NeQPWSt+BsrBvbTSDeqpLOH3St1XkB9Xu8FWdHR44ZOT/nWY65YX0Hgq61O58htkt9sclqnjeZoPP8QDBOu81txh0xlgO8nzjHX7VmlfjHSuFYE8P6hs2gj5G+2AHOC4+sFFpN/sTni7779Q5xXoh9nG0opiKnjlJXxiCHAc5fhfeLNavAZ/TnflT8nYXn1ir2X4oRfwntc70iwCtcsHUAu3fNjRxM7KAQCi8t2j15Gnhr3b/8ToIm4DIHhqLz9rWiiU0K+BKOENTbWgO3+IVPGu8H6n9ZPYA+pyj+QJY7YqDgT4qPvjV+YO8ZdNGaDtg8RPHQ6o/k3K9UHKgXn7WBJgF9sa4OtLU26suqAWzG57Y1hdBrL3JQ0qkQbJX6tX9kXAgnfp0jtG9DdU4iTqq19RiUkHVgRs9N0Bf0meiTwNa6t+qwpAnoS+yNbzsM/Qae1CSkP7NrpU820LgppuGMYw4BY2qfBPoXvSVvy9jeGeNL4FZ4CjQOqm0S6I4zJivGDo/mnRc5JGfCGFfLJNAXr1XZy58aYK54seug40Vyrp7+lU8CfXGS64qxO4CvD/twLqLeeUQJoH9lk5Bur9HpVKQUZwoRxN+c6fnICoEP+6GwS1I/Z6Ji0EG/mgN1pVrGc9GwDWBba7M7Tzs4tOlQlI8sfXc1KrCp99OacwJQV3q/52qrEHTszkdqAdX2JLClXz44L9DWgTIdDAgvDYH26Fc+CcCGYr77SutnE5cDY3V31X3lo0RrcuauDNCtnSw+1mzf+Qwo6Lnyof2UIvuGGBnomkdn2OcF2vqxyoVNP6BIV07hyicDPOUqtfWWvsFhjOJ8ESq8voWSFmxIrw8DepXi1gfPWb4DehY0MmUzlHRS3kaZhDbfEOGimyK76JZjx6H5gi88pfMvw78EffbcMQMjuyFdboe1MSrQpdugK1Tru4vDmN4Xp6H17UzGnL4H6QzWk85JRXIIDQIOKPGl+7RjkMLE/bsNYeCyHMhcSEEKKf0fxb+Uf1O+pRwBU1PfACwo53PCh30zAAAAAElFTkSuQmCC);
}
.back-button.big {
  height: 48px;
  width: 48px;
  left: 36px;
  top: 40px;
}





body,
p {
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 11pt;
  letter-spacing: 0.02em;
  line-height: 20px;
  font-smooth: always;
}
p.long-text {
  font-family: 'PT Serif Caption', sans-serif, serif !important;
  font-weight: 300;
  font-size: 10pt;
  letter-spacing: 0.02em;
  line-height: 20px;
  font-smooth: always;
}
p {
  margin: 0 0 10px;
}
p.indent:first-letter {
  padding-left: 25px;
}

.pheader
{
    color: #ffffff;
}



#navBar  
{     
    width: 100%;  
    color: #FFFFFF;  
    position: relative;  
    float: left;    
    overflow: hidden; 
    padding-left: 5px; 
    margin-bottom: 5px;
}  
#navBar .transparency  
{  
    opacity: 0.25;  
    filter: alpha(opacity=25);  /* For IE8 and earlier */
    -moz-opacity: 0.25;  
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;    
    position: absolute;  
    top: 0px;  
    left: 0px;  
    z-index: -1;  
}  
.navBarLinks  
{  
    position: relative;  
}  
a.navLink:link,
a.navLink:active,
a.navLink:hover,
a.navLink:visited 
{
    color: #FFFFFF;
    text-decoration: none;
    display:inline-block;
    line-height:21px; /* check your icon height */
    background:url(../Images/Checkbox.png)  center left no-repeat;
    padding-left:25px;
    
}
a.navLinkSelected:link,
a.navLinkSelected:active,
a.navLinkSelected:hover,
a.navLinkSelected:visited 
{
    color: #FFFFFF;
    text-decoration: none;
    display:inline-block;
    line-height:21px; /* check your icon height */
    background:url(../Images/Checkbox_Checked.png)  center left no-repeat;
    padding-left:25px;
    
}
a.navLinkNoImage:link,
a.navLinkNoImage:active,
a.navLinkNoImage:hover,
a.navLinkNoImage:visited 
{
    color: #FFFFFF;
    text-decoration: none;    
}


td.whiteText
{
    color: #FFFFFF;
}


a.gridLink:link
{
    text-decoration: none;
}


ul.page-content {
    line-height: 1.5em;
    color: #FFFFFF;
    text-decoration: none;
    text-indent: 35px;
    
}


.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}


.button-link {
	background-color:#FFF;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#000;
	text-align:center;
	padding:4px;
	min-height:34px;
	font-size:14px;
	margin:2px 0px 2px 0px;
	text-decoration:none;
}
.button-link:hover 
{
    background-color: #CCCCCC;
}

.button-generate {
	background-color:#FFF;
	border:1px solid #dcdcdc;
	color:#000;
	text-align:center;
	padding:4px;
	min-height:45px;
    min-width:110px;
    max-width:110px;
	font-size:14px;
	margin:2px 0px 2px 0px;
	text-decoration:none;
}
.button-generate:hover 
{
    background-color: #CCCCCC;
}



.group
{
    display: inline-block;
    color: #FFFFFF;
    min-height: 70px;
}


/** Columns RadComboBox*/
.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul,
.rcbHovered ul,
.rcbDisabled ul
{
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    list-style-type: none;
}

.col1
{
    margin: 0;
    padding: 0 5px 0 0;
    width: 290px;
    line-height: 14px;
    float: left;
}

.col2
{
    margin: 0;
    padding: 0 5px 0 0;
    width: auto;
    line-height: 14px;
    float: left;
}

