﻿ 
body {
  margin: 2em;
  padding-left:0px;
  font-family: Arial, Helvetica, sans-serif;
  font-variant: normal;
  line-height: normal;
  font-size: 12px;
  color: #000000;
  background-color:#7188A1;
}
#container {
  border: 0px solid black;
  background-image: url('../images/bg-contentgp.jpg');
  background-repeat: repeat-x;
  background-position: center;
  width: 972px;
}
#banner {
  border-bottom: 0px solid #33ccff;
}
#banner h1 {
  margin: 0;
}
#nav {
  float: right;
  width: 240px;
  background-color: white;
  background-image: url(../images/bg_contnt.gif);
  background-repeat: repeat-x;
}
#nav p {
  margin-top: 0;
}
#content {
  margin: 1em 0px 0 1em;
  padding-top: 1em;
  background-repeat: repeat-x;
  
}
#content h2 {
  margin-top: 0;
  background-color: white;
}
#footer {
  border-top: 0px solid #333333;
  clear: both;
  background-color: white;
  text-align: right;
  width: 972px;
}

/*picture gallery*/


dl.gallery {
  border: 1px solid #ccffff;
  margin: 2em 0.2em 0.5em;
  padding: 4px;
  background-color: #b3d7ed;
  width: 158px;
  text-align: center;
  float: left;
  
}
.gallery dt {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 15px;
  background-position: center top;
}
.gallery dt img {
  border: 1px solid #ffffff;
  height: 160px;
  width: 160px;
}
a:visited {
  text-decoration: none;
}
a:hover {
  position: relative;
}
a span {
  display: none;
}
a:hover span {
  border: 2px dashed white;
  margin: 10px;
  padding: 5px;
  background: #f0f0f0 none repeat scroll 0% 50%;
  z-index: 1;
  display: block;
  font-size: 11px;
  text-decoration: none;
  position: absolute;
  max-width: 130px;
  width: 130px;
  max-height: 90px;
  opacity: 0.9;
  height: 90px;
  color: #000066;
  left: 0px;
  top: -125px;
  float: none;
  bottom: 0px;
  right: 0px;
}
a:active {
  color: #000066;
  text-decoration: none;
}
.borderit img {
  border: 1px solid white;
}
.borderit:hover img {
  border: 1px inset #6666cc;
}
.borderit:hover {
  color: red;
}
.bgimg {
  border-style: none;
  width: 160px;
  background-position:  center center;
  display: block;
  background-image: url(../images/bg_b.gif);
  background-repeat: no-repeat;
}

/*login box*/


div.wrapper {
  background-image: url(../images/bg_login.png);
  background-repeat: no-repeat;
  padding-top:50px;
}
div.loginwrapper {
  width: 170px;
  margin-left: 20px;
}
span.usertext {
  color: #478fab;
  font-weight: bold;
  font-family: ITC Franklin Gothic,Tahoma, Arial, Helvetica, sans-serif;
  font-size:smaller;
}
input.inputbox {
  border:  none;
  background-image: url(../images/input_box.gif);
  background-repeat: no-repeat;
  height: 32px;
  background-color: transparent;
  padding-top: 5px;
  background-position: left top;
  width: 200px;
  padding-left: 5px;
  padding-right: 5px;
}
input.inputbox:hover {
  border:  none;
  background: transparent url(../images/input_box_h.gif) no-repeat scroll left top;
}
div.bottombox {
  margin-left: 20px;
  margin-top: 5px;
  width: 190px;
  font-family: ITC Franklin Gothic,Tahoma, Arial, Helvetica, sans-serif;
  font-size:smaller;
  color: #478fab;
}
input.button {
  border:none;
  background-image: url(../Images/loginOK.gif);
  background-color:White;
  margin-top: 2px;
  margin-right:2px; 
}
a:link, a:visited {
  color: #cc0000;
  text-decoration: none;
  font-weight: normal;
}
a:hover {
  color: red;
  font-weight: bold;
}

.Mandatory
{
	color: Red;
	font-size: 12px;
	font-family: ITC Franklin Gothic,Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.maintable
{
	background-color: transparent;
	width: auto;
	height: auto;
	/*background-image: url(../images/bgLogin.png);*/
	background-repeat: no-repeat;
	margin-left:10px;
	/*margin-top:10px;*/
	color:#082172;
	overflow:hidden;
}

/**************************************FOOT*******************************/

#foot{float:left;width:81em;background:#FFF url('../Images/back_foot.jpg') repeat-x left top;}
#foot h2{margin:0;padding:0;font-size:.7em;font-weight:bold;color:#113083;font-family:"Franklin Gothic Book", Arial, sans-serif;}
#foot h2.you{background:url('../Images/axa_you.gif') no-repeat left top;width:61px;height:9px;}
#foot h2.gulf{background:url('../Images/axa_gulf.gif') no-repeat left 2px;width:94px;height:12px;}
#foot h2.keep{background:url('../Images/axa_keep.gif') no-repeat left 2px;width:83px;height:12px;margin:0 0 .8em 0;}
#foot h2 span{display:none;}

#foot div.you{background:url('../Images/axa_and_you.png') no-repeat left top;width:280px;height:12px;}
#foot div.gulf{background:url('../Images/axa_gulf.gif') no-repeat left 2px;width:194px;height:15px;}
#foot div.keep{background:url('../Images/axa_keep.gif') no-repeat left 2px;width:283px;height:15px;margin:0 0 7px 0;}
#foot div span{display:none;}
#foot_lf{float:left;width:294px;padding:12px 0 6px 15px;margin:1px 0 0 0;border-right:1px solid #E5E5E5;background:url('../Images/back_foot_lf.jpg') left 4px no-repeat;}
html > body #foot_lf{padding:15px 0 5px 18px;}
#foot_lf ul{margin:0;padding:1.5em 0 0 0;list-style-type:none;font-size:.8em;width:30em;}
#foot_lf ul li{float:left;background:url('../Images/arrow_foot_lf.gif') no-repeat left .2em;padding:0 15px 1em 7px;width:11em;}
#foot_lf ul li a{float:left;color:#333; font-family: Arial,Helvetica,sans-serif; font-weight:normal;}
#foot_lf ul li a:active, #foot_lf ul li a:link, #foot_lf ul li a:visited{text-decoration:none;}
#foot_lf ul li a:hover{text-decoration:underline;}

#foot_rg{float:right;padding:.7em 1.2em .4em 0;margin:4px 0 0 0;width:52.4em;background:url('../Images/back_foot_rg.jpg') right bottom no-repeat;}
html > body #foot_rg{padding:.7em 1.2em .4em 0;}
html > body #foot_rg{padding:1em 1.5em 0.5em 0;}
#foot_rg div.lf{float:left;width:23.2em;}
#foot_rg div.lf a{float:left;font-family: Arial,Helvetica,sans-serif; font-weight:normal;}
#foot_rg div.lf2{float:left;}
#foot_rg div.lf2 a{font-family: Arial,Helvetica,sans-serif; font-weight:normal; font-size:11px;}
#foot_rg ul{margin:0;padding:.8em 0 0 0;list-style-type:none;font-size:.8em;float:left;}
#foot_rg ul li{padding:0;margin:0;line-height:1.5em; text-align:left;}
#foot_rg ul li a{color:#0F3284;background:url('../Images/arrow_foot_rg.gif') no-repeat right bottom;padding:0 18px 0 0;}
#foot_rg ul li a.sin{background:none;}
#foot_rg ul li a:active, #foot_rg ul li a:link, #foot_rg ul li a:visited{text-decoration:none;}
#foot_rg ul li a:hover{text-decoration:underline;}
#foot_rg img{float:right;}
#foot_rg div.lf2 a.arrow{color:#0F3284;background:url('../Images/arrow_foot_rg.gif') no-repeat right bottom;padding:0 18px 0 0;font-size:.8em;float:left;margin:.52em 0 0 2em;}
html > body #foot_rg div.lf2 a.arrow{margin:.62em 0 0 2em;}
html > body #foot_rg div.lf2 a.arrow{margin:.72em 0 0 2em;}
#foot_rg div.lf2 a.arrow:active, #foot_rg div.lf2 a.arrow:link, #foot_rg div.lf2 a.arrow:visited{text-decoration:none;}
#foot_rg div.lf2 a.arrow:hover{text-decoration:underline;}

#foot_rg a.book{color:#333;font-size:.8em;background:url('../Images/f_bookm.gif') no-repeat left top;padding:2px 0 3px 19px;}
#foot_rg a.book:active, #foot_rg a.book:link, #foot_rg a.book:visited{text-decoration:none;}
#foot_rg a.book:hover{text-decoration:underline;}

#subfoot{float:left;width:81em;background:url('../Images/back_subfoot.jpg') repeat-x left top;padding:0 0 0 0;}
#subfoot ul{margin:1em .5em .5em 0;padding:0;list-style-type:none;float:right;font-size:.8em;color:#2C2E2D;}
html > body #subfoot ul{margin:1em 1em .5em 0}
#subfoot ul li{float:left;margin:0 .3em 0 0;}
#subfoot ul li a{color:#2C2E2D;}
#subfoot ul li a:active, #subfoot ul li a:link, #subfoot ul li a:visited{text-decoration:none;}
#subfoot ul li a:hover{text-decoration: underline;font-weight: normal;}

#foot p.book{font-size:.65em;display:inline;margin:0;padding:0;}

br.clear{clear: both;line-height: 2px;}

#mentions{
	border-bottom:solid 0px #fff;
	height:22px;
	text-align:right;
	color: #4a4c4a;
	font-size: 11px;
	width: 972px;
	vertical-align:bottom;
}
a.name {
	color:#082172;
	font-size:10px;
	line-height:14px;
	text-decoration: none;
}
a:hover.name
{
	text-decoration:underline;
}
a.black
{	
	color:#000000;
	font-size:10px;
	line-height:14px;
	text-decoration: none;
	FONT-FAMILY: ITC Franklin Gothic, Arial, Helvetica, sans-serif;
}
a:hover.black
{
	text-decoration:underline;
}

.chkboxlist 
{
	FONT-FAMILY: News Gothic MT,  Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	color: #103183;
}

.gridheader
{
	FONT-FAMILY: News Gothic MT,  Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color: #103183;		
}
.LabelBlue
{
	FONT-FAMILY: ITC Franklin Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#103183;
	font-weight:bold;
	text-align: right;
}

.LabelLoginHeader
{
	FONT-FAMILY: ITC Franklin Gothic, Arial, Helvetica, sans-serif;
	font-size: 25px;
	color:#103183;
	text-align: left;
}
.LabelLoginHeaderSmall {
    FONT-FAMILY: ITC Franklin Gothic, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #103183;
    text-align: left;
}

.LabelText
{
	FONT-FAMILY: ITC Franklin Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:Gray;
	font-weight:normal;
	text-align: right;
}

.Logintextbox
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #666666;
    FONT-FAMILY:Arial,ITC Franklin Gothic, Helvetica, sans-serif;
    BORDER: solid 1px #b4b4b4;
    width:400px;
    height:18px;
}

.NHMessage
{
  /*margin : 1em 0px 0 1em;
  padding-top: 1em;	
  background-color: white;*/
  margin-left: 30px;
  margin-left:20px;
  margin-bottom:0px; 
  margin-top:30px;
  width:
}

.loginBody
{
  /*margin : 1em 0px 0 1em;
  padding-top: 1em;	
  background-color: white;*/
  padding-bottom: 20px; 
  margin-left: 30px;
  margin-left:20px;
  margin-bottom:100px; 
  margin-top:30px;
  padding-left: 30px; 
  padding-right: 30px; 
  background: url(../images/loginBg.gif) no-repeat 0px 0px; 
  height: 215px; 
  color: #082172; 
  padding-top: 20px; 
}
.header_Insurance {
    padding-top: 20px;
    z-index: 1;
    float: left;
    width: 972px;
    /*background:#FFF url('../images/axa_header.gif') no-repeat left top;*/
    /*background:#FFF url('../images/axa_header_logo_UAE.gif') no-repeat left top;*/
    background:#FFF url('../images/axa_header_logo_UAE.svg') no-repeat left top;
}
.dropdownlist
{
border:solid 1px #b4b4b4;
width:60px;
height:18px;
font-family:Arial,ITC Franklin Gothic, Helvetica, sans-serif;
font-weight:normal;
font-size: 10px;
color: #666666;	
}
a.Label
{
font-family:Arial,ITC Franklin Gothic, Helvetica, sans-serif;
font-weight:normal;
font-size: 10px;
font-style:oblique;
color:Black;
}
.Logincaptcha
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #666666;
    FONT-FAMILY:Arial,ITC Franklin Gothic, Helvetica, sans-serif;
    BORDER: solid 1px #b4b4b4;
    width:120px;
    height:18px;
}

.lblCap
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;    
    FONT-FAMILY:Arial,ITC Franklin Gothic, Helvetica, sans-serif;
    font-style:italic;
    
    outline-offset:3px;
}