﻿

html *
{
   font-family: Arial !important;
   font-size:1em;
}

@media screen and (max-width:3000px)
{
.Frame{width:50%;margin:0px auto;}    
} 
@media screen and (max-width:1600px)
{
.Frame{width:60%;margin:0px auto;}    
} 
@media screen and (max-width:1280px)
{
.Frame{width:70%;margin:0px auto;}    
} 
@media screen and (max-width:1024px)
{
.Frame{width:80%;margin:0px auto;}    
} 

@media screen and (max-width:900px)
{
.Frame{width:100%;margin:0px auto;}    
}

.BadInput {
    color: #e32;
    font-size: xx-large;
}
.asterisk_input:after {content:" *"; color: #e32;position: absolute; margin: 12px 0px 0px 3px;font-size: xx-large; padding: 0 5px 0 0; }
h1	{font:bold 1.2em/1.6em arial;margin:4px 0;padding:4px 0;}
h2	{font:normal 1.1em/1.5em arial;margin:4px 0;padding:4px 0;}
div, p {font: normal 1em/1.3em arial;}
.content-box-inner{position:relative;}
.content-box+.bottom-text{margin-top:-8px}
.content-box.action-flow{padding-bottom:0; }
.content-box,.lg-content-box {background:#fff;border:1px solid #ced0d1;border-radius:3px}
.content-box{margin-bottom:32px;padding-top:24px;padding-bottom:40px;}

.page-content{background:#eee 0 0 repeat-x;
    background-image:-webkit-gradient(linear,50% 0%,50% 800,color-stop(37.5%,#fff),color-stop(100%,#eee));
    background-image:-webkit-linear-gradient(top,	#FCFCFC 300px,#eee 800px);
    background-image:-moz-linear-gradient(top,#fff 300px,#eee 800px);
    background-image:-o-linear-gradient(top,#fff 300px,#eee 800px);
    background-image:linear-gradient(top,#fff 300px,#eee 800px);
    padding-top:2px;}
.container {
min-width: 800px;
}

.display-label.full-width{width:80%;} 
.display-label{width:40%;text-align:right;padding-right:0px;}
.display-label header{padding-right:8px}
.display-label header{margin-top:8px}
.display-label header{display:inline-block;margin-top:10px;margin-bottom:6px;font-size:1.25em}
.display-value{width:40%;text-align:right;margin-bottom:8px;}.display-value.half-width{width:20%;}.display-label.align{text-align:right}
.display-value.align{text-align:left}

.display-label,.display-value,.btn-Ctrl{display:inline-table;letter-spacing:normal;word-spacing:normal;}


.input-fieldset+.input-fieldset{margin-top:6px;margin-bottom:0}
.input-fieldset+.contextual-reveal{margin-top:6px}

h1.page-title{font-size:1.65em;line-height:1.2em;font-weight:bold;text-align:center;}
h1.page-title.top{line-height:1.8em;   border-radius:5px;
    background-color:#E9DFC9;/*#007398;*/
    font-weight : normal;
}

.ruleset{display:block;width:80%;margin:0 auto 24px auto;}
.ruleset.light{margin:0 auto 10px auto;}
.rule.dashed{padding-top:0px;border-bottom:3px solid #00AFEA;}
.rule.dashed.light{padding-top:10px;border-bottom:1px solid #00AFEA;}

.btn-submit{width:50%;float:right;}
.btn-Ctrl{height:1.5em;padding:0;line-height:1em;}.btn-Ctrl{text-decoration:none!important}.btn-Ctrl:hover{background:#4f9fca 0 0 repeat-x}
.btn-Ctrl{font-size:100%;color:#fff!important}
.btn-Ctrl{color:#fff!important;background:#0189cf; border-style:none; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#0189cf),color-stop(100%,#4f9fca))}
.btn-Ctrl{display:inline-block;width:60%;text-align:center;word-break:break-all;overflow:hidden;cursor:pointer;border-radius:12px}
.btn-Ctrl.large{width:100%;}
.btn-Ctrl.smallT{width:10%;}
.btn-Ctrl.smallF{width:20%;}
.btn-Ctrl.smallTh{width:30%;}
.btn-Ctrl.smallS{width:40%;}
.btn-Ctrl.Image{background:url(../Images/printer.jpg) no-repeat 0 -4px; background-size:40px auto;}
.btn-Ctrl.logout{width:40%;font-size:.2em;background-color:#E94F29}

body{background:#fff;color:#455560;font-size:16px;}

.display-value input[type="text"]{cursor:pointer;background:#fff;border:1px solid #c9c8c8;border-radius:4px}
select{cursor:pointer;background:#fff;border:1px solid #c9c8c8;border-radius:4px}

select,button,input[type="text"],input[type="password"]{width:100%;height:41px;padding:0 0 0 10px;}
button{padding:0;-webkit-box-shadow: 0px 2px 0px #84261a;
    -moz-box-shadow: 0px 2px 0px white;
    box-shadow: 0px 2px 0px;
    top:7px;}


select{padding:0;-webkit-box-shadow: 0px 0px 0px #84261a;
    -moz-box-shadow: 0px 0px 0px white;
    box-shadow: 0px 0px 0px;
    top:7px;
    background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffffff),color-stop(100%,#EEEEEE));
    background-image:-webkit-linear-gradient(top, #ffffff 0%,#EEEEEE 50%,#EEEEEE 51%,#EEEEEE 100%);
    background-image:-moz-linear-gradient(top, #ffffff 0%,#EEEEEE 50%,#EEEEEE 51%,#EEEEEE 100%);
    background-image:-o-linear-gradient(top, #ffffff 0%,#EEEEEE 50%,#EEEEEE 51%,#EEEEEE 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#EEEEEE 50%,#EEEEEE 51%,#EEEEEE 100%); /* IE10+ */
    }

select:hover{background:#ffffff 0 0 repeat-x}

.validateFailed {border-color:Red}

p,h1,h2,h3,h4{letter-spacing:normal}a.prompt-revealed{color:#afb1b3}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}


.message-inner{display:block;padding:12px 20px;font-size:.875em;font-weight:bold;line-height:1.1875em;width:90%;}.global-error
.message-inner{color:#ce443f;background-color:#faeae9;border:1px solid #cf453d;border-radius:4px}.global-notice
.global-error .message-inner{color:#455560;background-color:#e1ecf5;border:1px solid #d0d4d7;border-radius:4px;}.global-error li{display:block;margin:8px 0 0 0}.message.global-error ul{text-align:left}


label.error{font-weight:normal;color:#FF0000 !important;}
input.error{border:1px solid #FF0000 !important; }

select
{
    background-color: #EEEEEE;
    color: #013e5f;
	line-height: 41px;font-weight:bold;padding: 4px;
	font-size:.9em;
}
	
a{cursor:pointer;}
label{ margin-top:3%}

span1{font-size:.4em}


 .asterisk_input:after {
            content:" !"; 
            color: #e32;
            position: absolute; 
            margin: 12px 0px 0px 3px; 
            font-size: xx-large; 
            padding: 0 5px 0 0; 
        }
        
.footerText{padding-left:10%;width:90%;}

.ErrorBox
{
    border:1px solid Red;
    border-radius:15px;
    padding:5px;
    color:Red;
    font-weight:bold;
    text-align:left;
}




.styled-select {
   background: url("Images/SelectArrowDown.png")  no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 340px;
}

.styled-select select {
   background: transparent;
   font-size: 14px;
   height: 29px;
   padding: 5px; 
   width: 368px;
}
.semi-square {
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
.slate   { background-color: #EEEEEE; }
.slate select   { color: #013e5f; }


.SectionHeader
{
    border-radius:5px;
    background-color:#E9DFC9;/*#e0ccc7;*/
    text-align:center;
    padding:5px;
    min-height:50px;
    line-height:50px;
}
.LowerSectionHeader
{
    margin-top:20px;
}
.Font1
{
    font-size:26px;
    color:#455560;
    font-family:arial,sans-serif;
}
.Font2
{
    font-size:18px;
    font-family:arial,sans-serif;
    color:#455560;
}
.ErrorFont
{
    color:red;
}
.Font2.PastDue
{
    color:red;
}
.Font2.Bold
{
    font-weight:bold;
}
.Font3
{
    font-size:14px;
    font-family:arial,sans-serif;
}
.Font4
{
    font-size:12px;
    font-family:arial,sans-serif;
}
.Font5
{
    font-size:10px;
    font-family:arial,sans-serif;
}
.FontColor1
{
    color:#632523;
}
.Button1
{
    background-color:inherit;
    border:2px solid Black;
    border-radius:5px;
    color:Black;
    display:inline-block;
    font-weight:bold;
    padding:5px 5px;
    text-decoration:none;
}
.Label1
{
    font-weight:bold;
    margin-right:5px;
}
input[type="checkbox"]
{
    width:20px;
    height:20px;
    
}
.PriceBox
{
    font-style:italic;
    border-radius:5px;
    background-color:#f6f6f6;
    padding:5px;
    border:2px dotted Black;
}
.CheckBox
{
    vertical-align:top;
}
.Label2
{
    font-size:1.5em;
    margin-right:5px;
}
.Value2
{
    font-size:1.5em;
    font-weight: bold;
}
.EndorsementQualificationButton
{
    border:1px solid #bcbcbc;
    display:inline-block;
    padding:5px 10px;
    text-decoration:none;
}
.placeholder
{
    color:#808080;    
}

.ErrorText
{
    color:#FF0000;
}
.InfoBox
{
    border:solid 2px black;
    border-radius:5px;
    background-color:Silver;
    display:none;
    padding:5px;
    width:18em;
    z-index:1;
}
.QuestionMarkButton
{
    background-color: Transparent;
    background-image: url('../Images/QuestionMark.png');
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    display: inline-block;
    height: 1.9em;
    width: 1.9em;
}

.Button2 {
    background:#0189cf;
    border-radius:12px;
    border-style:none;
    cursor:pointer;
    display:inline-block;
    padding:0.25em 1em;
    text-align:center;
    text-decoration:none;
    color:#FFFFFF!important;
}
.Button2:hover{background:#4f9fca 0 0 repeat-x}