html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

a:link {
    color: #3266dc;
    text-decoration: none;
}

a:visited {
    color: #3266dc;
    text-decoration: none;
}

a:hover {
    color: #348833;
    text-decoration: underline;
}

h1 {
    display: block;
    font-size: 1.17em;
    margin: 1.7em .8em;
    font-weight: bold;
}

h2 {
    display: block;
    font-size: 1.17em;
    margin: 1.7em .8em;
    font-weight: normal;
}

h3 {
    display: block;
    font-size: 1em;
    margin: 1.5em .8em;
    font-weight: bold;
}

h4 {
    display: block;
    font-size: 1em;
    margin: 1.3em .8em;
    font-weight: normal;
}

h5 {
    display: block;
    font-size: 1em;
    margin: .5em .8em;
    font-weight: normal;
}

h6 {
    display: block;
    font-size: .83em;
    margin: .4em .8em;
    font-weight: normal;
}

div.hr {
    border-top-style: dotted;
    border-top-width: 1px;
    border-top-color: #aed6f1;
}

    div.hr hr {
        display: none;
    }

input[type="radio"] {
    margin-left: 10px;
}

.alignCenter {
    text-align: center;
}

.alignLeft {
    text-align: left;
}

.alignRight {
    text-align: right;
}

.center {
    margin: 0 auto;
}
/*requires width setting to work*/



.body {
    background-color: #ffffff;
    margin: 1em .8em;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    font-family: verdana, calibri, arial, helvetica;
    font-size: .83em;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}


.clickable {
   cursor: pointer;
}
.clickable:hover {
   background: #efefef;
}

.editcolor
{  	background-color: #f0faff;		
}

.label {
    color: #2D587C;
}
.printable {
    font-family: verdana, calibri, arial, helvetica;
}

.tool1 {
	border: 2px solid silver;
	width: 400px;
	padding: 0 1em;
}
.tool2 {
	border: 2px solid silver;
	width: 400px;
	padding: 0 1em;
}


.error {
    font-family: verdana, calibri, arial, helvetica;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #ff0000;
}
.error1
{
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold;
    font-style: italic;
    
}
.errorcolor {
    FONT-FAMILY: verdana, calibri, arial, helvetica;
    FONT-SIZE: 12px;
    background-color: #FFCCCC;
}
.ok {
    font-family: verdana, calibri, arial, helvetica;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #007500;
}
.attntext {
    font-family: verdana, calibri, arial, helvetica;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #ff6600;
}


.logouttext {
	font-family: verdana, "trebuchet MS", helvetica, sans-serif;	
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #2D587C;
}

.smallwhitetext {
    font-family: verdana, calibri, arial, helvetica;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #ffffff;
}


.boldindent {
    font-family: verdana, calibri, arial, helvetica;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
    text-indent: 30px;
}

.cmdRow {
padding: 10px 30px 10px 0px; 
text-align: right;
}


.detail1 
{ background: #D8DFDA !important; 
}


.detail2 
{
background: #DAD8DF !important;     
}

.row
{
background-color:#eceef1;
}

.rwContent {
    background-color: #f8f8f8;
    text-align: center;
}

.separator1 
{
 padding-top: 10px; 
 border-top-style: dotted; 
 border-top-width: 1px; 
 border-top-color: #aed6f1;   
}
.separator0 
{ 
 padding-bottom: 10px; 
}


#ucQWizard_WizardControl1 td {
    vertical-align: top;
}

#ucQSource_ucQDefinition_ucQWizard_WizardControl1 td {
    vertical-align: top;
}

#ucApplication_ucQDefinition_ucQWizard_WizardControl1 td {
    vertical-align: top;
}

#ctl00_ContentPlaceHolder1_ucApplication_ucQDefinition_ucQWizard_WizardControl1 td {
    vertical-align: top;
}



/* for secure browser */
.Wizard1 > .rwzBreadCrumb .rwzLI .rwzSeleted {
    display: inline-block;
    }
.Wizard1 > .rwzBreadCrumb  
{
    padding-right: 2em !important; 
    font-size: 0.75em !important;
 }
 /*
.xxxWizard1 > .xxxrwzText {
     font-size: small !important; }
*/
/* *** ****** *******/

.rwzBreadCrumb .rwzLI .rwzSeleted {
    display: inline-block;
    }
.rwzBreadCrumb  
{
    padding-right: 2em !important; 
    font-size: 0.75em !important; 
 }
/* .XXXrwzText {
     font-size: small !important;
 }*/
 
.rwzBreadCrumb .rwzLI    {   min-width: 3em !important; }

.rwzNav 
{
    padding-right: 5em !important;
}
.rwzContent {
    text-align: center;
    border-bottom-color: #AED6F1;
    border-bottom-style: inset;
    border-width: 1px;
    overflow: hidden !important;
    background-color: #fafafa;
}
.RadWizard .rwzStep.rwzActive {
    display: inline-block !important;
}

.uploadtext {
    color: blue;
}


.bodytext {
    font-family: verdana, "trebuchet MS", helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
    background-color: #ffffff;
}

.titletext {
    font-family: verdana, "trebuchet MS", helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #2D587C;
}

.headingtext {
    font-family: verdana, "trebuchet MS", helvetica, sans-serif;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    color: #000000;
}

.linkstext {
    font-family: verdana, "trebuchet MS", helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

.text {
    font-family: verdana, "trebuchet MS", helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

.smalltext {
    font-family: verdana, "trebuchet MS", helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

.tinytext {
    font-family: verdana, "trebuchet MS", helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}


.padleft {
    text-align: left;
    padding-left: 10px;
}


.column {
    float: left;
    padding: 10px;
}

.width-100 {
    width: 100%;
}

.width-75 {
    width: 75%;
}

.width-16 {
    width: 16.2%;
}

.width-11 {
    width: 11%;
}

.width-30 {
    width: 30%;
}

.width-9 {
    width: 9.7%;
}

fieldset, fieldset.fieldset {
    border: 0;
}

legend {
    padding-top: 10px;
}

.row-after {
    content: "";
    display: table;
    clear: both;
    width: 100%;
}

.clear-content {
    content: "";
    clear: both;
}

.Payment-Left {
    width: 30%;
}


.First {
    width: 50%;
    text-align: right;
    padding: 0px;
}

.CardNameLast {
    padding: 0px;
    width: 30%;
    text-align: right;
}

.CreditCardNumber {
    text-align: left;
    width: 50%;
    padding-left: 45px;
}

.BillingAddress {
    width: 50%;
    text-align: left;
    padding-left: 0px;
}

.text-Align-Left {
    text-align: left;
}

.padding-Zero {
    padding: 0px;
}

.padding-left-width {
    width: 50%;
    padding-left: 45px;
}

.width-12 {
    width: 12%;
}

.padding-left-width-40 {
    padding-left: 40px;
    width: 40%;
}

.width-15 {
    width: 15%;
}

.background-Transparent {
    background-color: transparent;
}

.width-50 {
    width: 50%;
}

.Month {
    padding: 0px;
    width: 12%;
}

.Year {
    padding: 0px;
    text-align: left;
    padding-left: 40px;
    width: 40%;
}

.ddlCountry {
    width: 50%;
    text-align: left;
}

.ddlMonth {
    padding: 0px;
    text-align: left;
    width: 15%;
}

.QuestionText {
    min-height: 700px;
    height: 100%;
    max-height: 100%;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
}

.QuestionText2 {
    min-height: 700px;
    height: 100%;
    max-height: 100%;
    min-width: 1000px !important;
    width: 100%;
    max-width: 100%;
}

.RadWizard .rwzButton:hover, .RadWizard .rwzButton:focus, .RadWizard .rwzButton .rwzPrevious:focus,
button:hover, button:active, button:focus, a:hover, a:link:focus, a:active, a:focus,
input[type="radio"]:hover, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="text"]:focus,
input[type="submit"]:focus, input[type="image"]:focus, input[type="button"]:focus, input[type="file"]:focus,
textarea:focus, select:focus, span:focus, .RadButton_Metro:hover, .RadButton_Metro.rbLinkButton:focus, .RadWizard .rwzProgressBar:focus {
    outline: 2px dotted #5e859f;
}


/*.RadButton_Metro.rbSkinnedButton, .RadButton_Metro.rbVerticalButton, .RadButton_Metro.rbLinkButton, .RadButton_Metro .rbSplitRight, .RadButton_Metro .rbSplitLeft {
    background-color: #e1e1e1 !important;
}*/

.RadWizard_Outlook .rwzHovered .rwzLink:hover, .RadWizard_Outlook .rwzSelected .rwzLink:hover, .RadWizard_Outlook .rwzSelected .rwzLink:focus {
    outline: 2px dotted #5e859f;
}

input[type="button"]:focus {
    border-color: #5e859f;
    border-style: dotted;
    border-width: 2px;
}

div:not(.rwzContent):focus {
    outline: 0px dotted #5e859f;
}

label:focus {
    outline: 0px dotted #5e859f;
}

.visuallyhidden {
    display: none;
}

.RadListBox li.rlbItem {
    cursor: default;
    padding: 2px 2px;
    white-space: nowrap;
    width: 85%;
}

div.RadListBox {
    min-width: 120px;
}

div.rlbGroup.rlbGroupRight {
    width: 85%;
}

.ruFakeInput.radPreventDecorate {
    width: 65%;
}

div.RadUpload .ruBrowse {
    margin-top: 2px;
    margin-bottom: 2px;
    height: 20px;
}

.logo-icon, .comp-name-wrapper {
    float: left;
}

.logo-icon {
    margin: 5px 5px 0 0;
}

.company-name {
    font-family: 'Exo 2', sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0;
}

.company-name-inc {
    font-family: 'Exo 2', sans-serif;
    font-size: 0.8rem;
    font-weight: normal;
    margin: 0;
}


/*WEB APPLICATION PAGE*/
img#bg {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

img#main {
    position: fixed;
    top: -275px;
    left: -1px;
    width: 100%;
    height: 1200px;
    z-index: -1;
}

#content {
    position: relative;
    z-index: 1;
    font-family: verdana, calibri, arial, helvetica;
    font-size: .83em;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}


#smtHeader {
    background-image: url(images/smtTop.png);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    height: 74px;
}
.editformtop {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}
.error, .errortext {
    font-family: Verdana,Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #ff0000;
}
/*WEB APPLICATION PAGE*/