/* CSS Document */

* {
	margin:0; padding:0;
}

html
{
    background-color: #151A46;
    background: url(images/loginBg.jpg) no-repeat center bottom fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/loginBg.jpg', sizingMethod='scale')";
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/loginBg.jpg', sizingMethod='scale');
}
body
{
   /*background-image:url(images/hhg_body_bg_transparent.png) !important;*/
   background-repeat:repeat-x;
   height: 130px;
}

.loadstarLogon {
    background-color: rgba(64,85,102,0.44) !important;
    padding-top: 35px !important;
    height: 529px !important;
}

a:hover{text-decoration:none;}

a img { border:0;}

.menu ul li{
	float:left;
}
.menu li a{
	display:block;
	width:107px;
	height:83px;
	text-indent:-99999px;
}
#aboutUs a{
	background-image:url(images/b1.gif);
	background-repeat:no-repeat;
}

#claimsSevice a{
	background-image:url(images/b2.gif);
	background-repeat:no-repeat;
}

#managePolicy a{
	background-image:url(images/b3.gif);
	background-repeat:no-repeat;
}

#solutions a{
	background-image:url(images/b4.gif);
	background-repeat:no-repeat;
}

#contacts a{
	background-image:url(images/b5.gif);
	background-repeat:no-repeat;
}

#aboutUs a:hover{
	background-image:url(images/b1hover.gif);
	background-repeat:no-repeat;
}

#claimsSevice a:hover{
	background-image:url(images/b2hover.gif);
	background-repeat:no-repeat;
}

#managePolicy a:hover{
	background-image:url(images/b3hover.gif);
	background-repeat:no-repeat;
}

#solutions a:hover{
	background-image:url(images/b4hover.gif);
	background-repeat:no-repeat;
}

#contacts a:hover{
	background-image:url(images/b5hover.gif);
	background-repeat:no-repeat;
}

#aboutUs.selected a {
	background-image:url(images/b1a.gif);
	background-repeat:no-repeat;
}

#claimsSevice.selected a{
	background-image:url(images/b2a.gif);
	background-repeat:no-repeat;
}

#managePolicy.selected a{
	background-image:url(images/b3a.gif);
	background-repeat:no-repeat;
}

#solutions.selected a{
	background-image:url(images/b4a.gif);
	background-repeat:no-repeat;
}

#contacts.selected a{
	background-image:url(images/b5a.gif);
	background-repeat:no-repeat;
}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea, select, .x-body
{
	font-family:arial !important; 
	font-size:13px !important;
	line-height:16px !important;
	text-transform:uppercase;
	color:#4f4f4f !important;		
}

.x-form-display-field {
    text-transform:none !important;
}

input, select { vertical-align:middle; font-weight:normal; color:#383838;}

a {color:#8b8b8b;}

/*main layout */

#header1 { height: 35px !important; text-align:left; line-height:34px;}
#header1 a {color:#FFFFFF !important; text-decoration:none;}
#header1 a:hover {text-decoration:underline;}
#header1 img {margin-top:-34px;}

#header2 {background:url(images/header2_bg.jpg) top left no-repeat;}
#header2 a {color:#111111; text-decoration:none;}
#header2 a:hover {text-decoration:underline;}
#header2 .right {padding:10px 22px 0 0;}
.menu {padding-top:256px;}

.x-panel .box .x-panel-default-framed .x-box-item {
    left: 123px !important;
}

#main {
    margin-top: 5%;
    width: 800px!important;
    margin-left: auto;
    margin-right: auto;
}

#column1 {background:#f7f7f7; color:#383838;}
#column1 a {color:#204678;}
#column1 a:hover{color:#929494;}

#column2 .indent {padding:43px 3px 40px 3px;}

#logonForm-targetEl {
    left: -3%;
}

#footer {
    background-image: url(images/footerLogo.jpg) !important;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 160px;
    background: #fff;
    background-repeat-x: no-repeat;
    background-repeat: no-repeat;
    text-align: center;
    background-position-x: 50%;
    padding-top: 143px;
    text-transform: none;
}



#footer a {color: #01447b; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .left {padding: 22px 0 0 38px; color: #204678; text-align: center; width: 100%; font-size:16px;}

.line {background:#cdcdcd; height:1px;}

.h_text {background:url(images/h_text_bg.gif) bottom repeat-x; padding-bottom:7px;}
#agentLogin{padding: 0 16px 7px 16px;}

.blue {color:#4cb9e4;}

#column2 li { background:url(images/list_bg.gif) repeat-x top left; padding:0px 0 1px 0px; line-height:25px;}
#column2 li a {color:#8b8b8b; text-decoration:none;}
#column2 li a:hover { color:#4cb9e4;}

#column1 li {line-height:20px; color:#4cb9e4;}


.select1, .select2, .select3, .select4  {width:187px;}


/* index */

#index #column1 .indent {padding:15px 4px 210px 4px; text-transform:none;}
#index #column1 .padding {padding:0 16px;}
#index #column1 .padding2 {margin:20px 0 0 0;}
#index form .row {height:30px;}
#index #form1 {margin:12px 0 0 0;}
#index #form2 {margin:15px 0 0 0;}
#index .padding2 form {margin:15px 0 0 0;}

#index #column2 .indent {padding:33px 3px 47px 3px;}
#index #column2 .padding {padding:0 0 0 16px;}
#index .col1 {width:231px;}
#index .col2 {width:233px;}
#index .ind_col {width:16px;}

/* index-1 */

#index_1 #column1 .indent {padding:43px 4px 231px 4px;}
#index_1 #column1 .padding {padding:0 16px;}

#index_1 #column2 .indent {padding:33px 3px 43px 3px;}
#index_1 #column2 .padding {padding:0 20px 0 16px;}

/* index-2 */

#index_2 #column1 .indent {padding:43px 4px 215px 4px;}
#index_2 #column1 .padding {padding:0 16px;}

#index_2 #column2 .indent {padding:33px 3px 47px 3px;}
#index_2 #column2 .padding {padding:0 20px 0 16px;}
#index_2 #column2 .padding2 {padding:0 20px 0 0;}
#index_2 .col1 {width:231px;}
#index_2 .col2 {width:233px;}
#index_2 .ind_col {width:16px;}

/* index-3 */

#index_3 #column1 .indent {padding:43px 4px 211px 4px;}
#index_3 #column1 .padding {padding:0 16px;}

#index_3 #column2 .indent {padding:33px 24px 29px 19px;}
#index_3 .ver_line {background:url(images/ver_line.gif) repeat-y 229px 0; width:100%}
#index_3 .col1 {width:195px;}
#index_3 .col2 {width:213px;}
#index_3 .ind_col {width:75px;}


/* index-4 */

#index_4 #column1 .indent {padding:43px 4px 215px 4px;}
#index_4 #column1 .padding {padding:0 16px;}

#index_4 #column2 .indent {padding:33px 3px 47px 3px;}
#index_4 #column2 .padding {padding:0 20px 0 16px;}
#index_4 #column2 .padding2 {padding:0 20px 0 0;}
#index_4 .col1 {width:200px;}
#index_4 .col2 {width:200px;}
#index_4 .ind_col {width:70px;}


/* index-5 */

#index_5 #column1 .indent {padding:43px 4px 223px 4px;}
#index_5 #column1 .padding {padding:0 16px;}

#index_5 #column2 .indent {padding:33px 24px 43px 19px;}
#index_5 .ver_line {background:url(images/ver_line.gif) repeat-y 229px 0; width:100%}
#index_5 .col1 {width:199px;}
#index_5 .col2 {width:205px;}
#index_5 .ind_col {width:72px;}
#index_5 .col2 .padding {padding:22px 0 0 9px;}

#form .row {height:30px;}
#form .row1 {height:148px;}

.input {width:189px; height:18px; border:1px solid #b2b2b2; background:none; padding:0 0 0 5px;}
textarea {width:189px; height:107px; border:1px solid #b2b2b2; background:none; padding:0 0 0 5px; overflow:auto; color:#383838;}
#form .div {text-align:right; padding:20px 0 0 0;}

/* index-5 */

#index_6 #column1 .indent {padding:43px 20px 218px 20px;}
#index_6 #column2 .indent {padding:33px 34px 47px 19px;}

/*for portal login*/
#logonForm-body{    
    background: none !important;
    top: 0px !important;
    padding: 0px !important;

}

#userNameField-labelEl, #passwordField-labelEl{
    width: 200px !important; 
    line-height: 45px !important;
    margin-left: 105px;
    display: none;
}

input#userNameField-inputEl {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    height: 40px;
    font-size: 24px!important;
    color: #FFF !important;
    font-family: 'Raleway', Arial !important;
    border-top: none !important;
    margin-bottom: 20px;
    border-left: none !important;
    border-right: none !important;
    padding-bottom: 5px;
    border-color: #FFF !important;
    text-align: center;
    margin-left: -25px;
    width: 101% !important;
}

input#passwordField-inputEl {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    height: 40px;
    font-size: 24px!important;
    color: #FFF !important;
    font-family: 'Raleway', Arial !important;
    border-top: none !important;
    margin-bottom: 20px;
    border-left: none !important;
    border-right: none !important;
    padding-bottom: 5px;
    border-color: #FFF !important;
    text-align: center;
    margin-left: -26px;
}

.x-panel-header-text-container-default-framed {
    font-size:20px !important; 
    line-height:30px !important; 
    text-align:center !important;
}
#panel-1010_header-innerCt {
    height: 30px !important;

}

.x-panel-default-framed {
    opacity: 0.85;
    filter: alpha(opacity=85);
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    -ms-border-radius: 15px !important;
    -o-border-radius: 15px !important;
    border-radius: 15px !important;
    border: none !important;
    background-color: transparent;
}

.x-panel-header-default-framed-top {
    background-image: none !important;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.x-panel .x-panel-header-default-framed-top {
    border: none !important;
}

.x-header-text {
    display: none;
}

.x-form-text {
    /*position: absolute;
    z-index: -1;*/
}

.x-panel-body-default-framed {
    background: transparent;
    border: none;
}

.x-form-item-label {
    color: #fff;
    font-family: Raleway;
    font-size: 20px;
}

#logonForm-body .x-toolbar {
    left: -20px !important;
    top: 200px !important;
}
#logonForm-body div[id^="toolbar"]
{
   height: 140px !important;
   margin: 1px 0 !important;
}
.x-ie8  #logonForm-body  .x-panel-default-framed{
    background-color:#F1F1F1 !important;
}
#Button1, .x-ie #Button1 {
    background: transparent;  
    border: 1px solid #fff !important;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    width: 230px !important;
    height: 60px !important;
    left: 340px !important;
    top: 76px !important;
}

input:focus::-webkit-input-placeholder { 
    color:transparent; 
}

input:focus:-moz-placeholder { 
    color:transparent; 
} /* FF 4-18 */

input:focus::-moz-placeholder { 
    color:transparent; 
} /* FF 19+ */

input:focus:-ms-input-placeholder { 
    color:transparent; 
} /* IE 10+ */ 

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #FFF;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #FFF;
}
:-moz-placeholder { /* Firefox 18- */
  color: #FFF;
}

[placeholder]:focus::-webkit-input-placeholder {
    color: transparent;
}

.x-btn-default-small-icon-text-left .x-btn-button {
    height: 60px !important;
}

#Button1-btnInnerEl {
    color: #FFF !important;
    height: 60px;
    padding-top: 12px;
}

#Button1-btnInnerEl:hover {
    background:#FFF;
    color: #204678 !important;
}

#Button1:hover, .x-ie #Button1:hover
{
    /*background:#FFF;
    color: #204678 !important;*/
}

#Button1:active, #Button1:focus, #Button1:focus,
.x-ie #Button1:active, .x-ie #Button1:focus,
.x-nbr .x-btn-default-small
{
    background: #204678 !important;
}
:root *> #Button1 #Button1-btnEl #Button1-btnInnerEl
{
    /*color: #fff !important;*/
    font-weight: normal;
    font-size: 22px;
    padding-top: 15px;
    padding-right: 15px;
}

#Button1 span#Button1-btnIconEl {
    left: 100px;
    display: none;
}

.x-btn-default-small   {
    padding: 0px !important;
    border: none;
}



/*Hack for IE6-8 on the login button*/
* html #Button1 #Button1-btnEl #Button1-btnInnerEl,
*+html #Button1 #Button1-btnEl #Button1-btnInnerEl,
.x-ie8 #Button1 #Button1-btnEl #Button1-btnInnerEl,
html > /**/ body #Button1 #Button1-btnEl #Button1-btnInnerEl 
{ 
    /*color: #FFF !important;*/
    /*font-weight:bold;*/
}

.x-ie8 #logonForm-body .x-panel-body-default-framed{
    height:220px !important;
}

#disclaimerText {
    width: 855px;
    padding: 15px;
    position: relative;
    top: -227px;
    text-transform: none;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    text-align: center;


    /*padding: 15px;
    position: relative;
    top: -227px;
    text-transform: none;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    text-align: center;*/
}

.password-emailReset {
    width: 800px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: -108px;
    font-size: 14px;
    margin-left: 15px;

    /*margin: 0 auto;
    text-align: center;
    position: relative;
    top: -108px;
    font-size: 14px;*/
}

.password-emailReset a {
    color:#FFF;
    text-transform:none !important; 
    text-decoration:none;
}

.password-emailReset a:hover{
    color:#929494;   
}

#msgWrapper {
    width: 450px;
    height: 35px;
    margin: 0 auto;
    padding: 5px;
    position: relative;
    top: -155px;  
    text-transform: none;
    font-size: 11px;
    text-align: center;

    /*height: 35px;
    margin: 0 auto;
    position: relative;
    top: -155px;
    text-transform: none;
    font-size: 11px;
    text-align: center;*/
}

.compatibilityText {
    color: #FFF;
    margin-left: 35px;
    font-size: 14px;
}

#msgWrapper h3{
    padding-bottom: 5px;
}

#msg{
    position: relative;
    top: 70px;
}

#endOfCompatibility {
    position: relative;
    padding: 10px;
    margin-top: 20px;
    margin-left: auto !important;
    margin-right: auto;
    margin-bottom: 20px;
    left: 1.65%;
    width: 830px;
    background-color: #FFCA18;
    color: white;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
}

/* tooltip styling */
.logonTooltipImg {
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    background-color: #FFF;
    border-radius: 50%;
    color: #204678;
    font-size: 22px;
    font-weight: bold;
    padding-top: 3px;
    font-family: "Times New Roman", Times, serif;
    padding-right: 2px;
}


html > /**/ body .logonTooltipBody
{
    width: 50ch;
    min-height: 45px;
    line-height: 14px;
    position: relative;
    padding: 15px;
    margin: 0em 0 0 1.8em;
    border: 5px solid #808080;
    color: #4f4f4f;
    background: #FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-transform:none;
}

.logonTooltipBody:before{
    content: "";
    position: absolute;
    top: 60px;
    bottom: auto;
    left: -30px;
    border-width: 15px 30px 15px 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) #808080;
    display: block;
    width: 0;
}

.logonTooltipBody:after{
    content: "";
    position: absolute;
    top: 66px;
    bottom: auto;
    left: -21px;
    border-width: 9px 21px 9px 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) #FFF;
    display: block;
    width: 0;
}

.arrow {
    top: 293px !important;
    height: 65px !important;
    width: 130px !important;
}

.arrow-body 
{
    top: 10px !important;
    width: 120px !important;
    min-height: 41px;
    position: relative;
    padding: 10px;
    border: 3px solid #808080;
    color: #4f4f4f;
    background: #FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-transform: none;
}

.arrow:before{
    content: "";
    position: absolute;
    top: -1px;
    bottom: 100%;
    left: 7%;
    border-width: 0px 15px 15px 15px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #808080 rgba(0, 0, 0, 0);
    display: block;
    width: 0;
}

.arrow:after{
    content: "";
    position: absolute;
    top: 3px;
    bottom: 100%;
    left: 10.5%;
    border-width: 0px 10px 10px 10px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFFFFF rgba(0, 0, 0, 0);
    display: block;
    width: 0;
}

#messagebox-1001-displayfield-inputEl {
    width: 220px;
}


/*Big Screen Resolutions*/
@media screen and (max-width: 3000px) and (min-width: 1921px) {
    #main {
        margin-top: 8%;
    }
    
}


/*@Media Max 1280px - Desktops*/
@media (max-width: 1280px) {
    #footer {
        position: fixed;
        bottom: 0;
        margin-top: 26%;
        min-width: 850px;
    }
}


/*@Media Max 768px - Tablets*/
@media (max-width: 768px) {

    #logonForm-targetEl {
        left: -9%;
    }

    #footer {
        position: fixed;
        bottom: 0;
        margin-top: 29%;
        min-width: 850px;
        background-position-x: 43%;
    }
}


/*for message alert box*/
.message-info .ui-state-highlight {
    border: 1px solid #CECECE;
    background: #E4E8F4;
    color: #4f4f4f;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
}

.message-error .ui-state-error {
    border: 1px solid #CECECE;
    background: #FCF0F0;
    color: #4f4f4f;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    padding: 20px !important;
}

.message-error .ui-state-error a,
.message-info .ui-state-highlight a {
    color: #fff;
    display: block;
    background: #204678;
    padding: 10px;
    border: 3px solid #E4E4E4;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
}

.message-error .ui-state-error a:hover,
.message-info .ui-state-highlight a:hover{
    background:#929494;
    color:#fff;
}
.message-error .ui-state-error a:focus,
.message-info .ui-state-highlight a:focus,
.message-error .ui-state-error a:active,
.message-info .ui-state-highlight a:active
{
    background: #204678;
    color: #FFF !important;
}

div.message-error > div,
div.message-info > div {
    left: 0 !important;
    margin: 7% auto;
    position: relative !important;
}

div.message-error > div > div,
div.message-info > div > div {
    left: 0 !important;
    margin: 0 auto;
}

.message-error strong,
.message-info strong {
    float: left;
}