/*Simple CSS reset for items we will use JUST for this example. 
Please use full reset when designing! 
Reseting the margin and padding is important for the body tag so the 
header and footer will hug the whole screen.*/

@font-face {
	font-family: Raleway-Regular;  
	src:url(../css/font/Raleway-Regular.ttf);  
	font-weight: normal;
}

@font-face {
	font-family: Raleway-Bold;  
	src:url(../css/font/Raleway-Bold.ttf);  
	font-weight: normal;
}


body, html {
	margin:0;
	padding:0;
	font-family: Raleway-Regular;
	color: #fff;
	background-color:#000;
}

h1 {
	padding:0;
	font-family: Raleway-Bold;
	color: #fff;
	font-size: 43px !important;
	margin-top: 116px !important;
	padding-bottom: 10px !important;
	height: 80%;
}

.mainContent2 h1 {
    margin-top: 0px !important;
}
/*Just visual styles*/
body {
	font-family: Raleway-Regular;
	color:#0b2244;
	}

/*Our full length header. 
We align the text center so it shows up in the middle. 
If you prefer you could right or left align it.*/	
#fullbg
{
    background-image: url(../Images/mirex_5.jpg);
    background-repeat: repeat;
    background-position: center;
    background-color: #eaf6fc;
}
#headerbg 
{
    font-family: Raleway-Regular;
	/*background:#fff; */
	text-align:center;
	padding:1px;
	margin-left: -1px;			
	height:170px;
	background-image:url(../Images/HeaderBG.jpg);
	background-repeat: no-repeat;
	width: 100%;
	background-position: center;
  background-position-y: top;}
	
		h1{
	font-size: 180%;
	font-weight: bolder;
	margin: 0;
	/* [disabled]padding-top: 0; */
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	text-align: center;
	padding-top: 3px;
	padding-right: 20px;
	padding-left: 0px;
	padding-bottom: 20px;
	height: 39px;
	background-image: url(../Images/HeaderBG2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: top;
	letter-spacing: -3px;
		}
		
/*Center Content*/	
#container1 {
	position:relative;
	margin:0 auto;
	width:960px;
	/*width:860px;*/
	/*width: 45%;*/
	background:#fff;
	/*	margin-top: -34px !important;
	margin-top: 50px;*/
border-radius: 6px;
padding:15px;
    height: auto;
    overflow: auto;

	}
	@-moz-document url-prefix() 
	{
	    #container1
	    {
	        margin:87px auto 0;
	        margin-top:170px;
	    }
	    h1
	    {
	        height:20px!important;
	    }
	    #headerbg
	    {
	        height: 115px;
	    }
	    .dvBody
	    {
	        margin-top: 100px;
	    }
	    #slider
	    {
	        margin-top:-28px!important;
	    }
	    .agentInfo
	    {
	        margin-top:-15px!important;
	    }
	}
	
.mainlogo {
  margin-left: -650px;
  margin-bottom: -50px;
  height: 100px;
  margin-top: 15px;
}

.mainlogo2
{
 
  float: left;
 }

#navi {
  position: relative;
  /*width: 940px;
  width: 840px;*/
  width: 900px;
  color: #000;
  font-size: large;
  font-weight: bold;
  margin-top: -50px;
  margin-bottom: 30px;

}
	#leftNavi 
	{
	    text-align:right;
	    width: 95%;
	    color:#ed1c24;
	}
	
	#pageTitle {
	position:relative; 
	margin:0 auto;
	margin-top:1px;
	width:930px;
	font-family: Raleway-Regular;
	background-color: #fff;
	color:#000;
	padding:10px;
	font-size:large;
	font-weight:bold;
	text-align:center;
	  /*height: 90px;*/
	}
	
.langItem {
	vertical-align:middle;
	text-align:center;
	}


#logo {
    position: relative;
  /* margin: 0 auto; */
  /* height: 110px; */
  margin-left: auto;
   margin-right: auto; 
  /* margin-bottom: 20px; */
 text-align: right;
 float:right;
 /*   margin-left: 60px; */
 color:White; 
}

.bmlogo {
  margin-right: 62px;
  margin-top: 25px; 
  margin-right: 65px;
    margin-top: 25px;
    background-color: white;
    width: 150px;
    margin-left: auto;
    border-radius: 80px;
}
.mirextitle1 {
  margin-right: 79px;
  margin-top: -0px;  
  font-family: Raleway-Regular;
  font-size:12px;
}

.mirextitle2 {
  margin-right: 4px;
  margin-top: -10px;  
  font-family: Raleway-Regular;
  font-size:12px;
}
.mirextitle3 {
  margin-right: 12px;
  margin-top: -10px;  
  font-family: Raleway-Regular;
  font-size:xx-small;
}
.mirextitle4 {
  margin-right: -70px;
  margin-top: -10px;  
  font-family: Raleway-Regular;
  font-size:xx-small;
}
/*Full width footer*/	

#footer {
 /* background: #fff;*/
 text-align: center;
 font-size: 13px;
 margin: 0 auto;
 width: 840px;
 /*width: 74%;*/
 /*float: left;*/
 height: 168px;
}
/*These are just styles used for the example for the content.*/	
.left 
{
	float:left;
	width:230px;
	/*background:#fff;*/
	 height:400px;	 
	 padding-top:13px;
    padding-left: 10px;
	}
	
.right {
	float:left;
	/*width:730px;*/
	width:679px;
	/*width:579px;*/
	 height:400px;
	
	  padding-top:5px;
	clear:right;
	
	}
@-moz-document url-prefix() 
{
    .right 
    {    
      padding-top:2px;
    }
}

	.Right
	{
	    float:right; 
	    width: 520px;  
	    min-height: 600px;
	}
.left p, .right p {
	padding:5px;
	}
	
 .mainContent
 {
    position:relative;
   background:#fff;
    min-height :385px;
 } 
    
  .mainContent2 { 
    padding: 10px;
    background: #fff;    
    margin-top: -5px;
    text-align: left;
    width: 930px;
 }
 .mainContent2 #navi
 {     
    margin-top: -20px;
 }
  .mainContent3 { 
     position:relative;
    background:#fff;
    min-height :530px;
    float:left;
 }
 
 
.wizard
{
    height:500px;
    padding:10px;
    
}
	
/*If you are going to use floats then you will NEED to clear the 
footer so it doesn't bunch the content up*/
.clear {clear:both;}

.naviHome
{
   padding-top:10px;
    width:99%;
     text-align:center;
     height:349px;
}

.naviControls
{
    padding-top:15px;
    background-color:#fff;   
}

#dvBtn {
  margin-top: 10px;
  margin-left: -25px;
  height: 50px;
}

.tandc
{
    font-size:larger;
    font-weight:bold;
    padding-left: 8px;
}
.errorLabel
{
    margin-left:10px;
    font-size:large;
    font-weight:bold;
    color:Red;        
}

.errorLabelOthers
{
    float: left;
    /*margin-top: 15px;
    text-align: justify;
    margin-left: 7px;*/
    width:100%;
    margin:10px;
}

.stepLabel
{
   font-size:medium;
   font-style:oblique;
   font-weight:bold;
}
.formTitle
{
  
 
   font-size:large;
   font-Weight:bold;
}

.divTitle
{    font-size: large;
    font-weight: bold;
    float: left;
    margin-top: 15px;
}

.secTitle
{
    width: 100%;
    /* float: left; */
    text-align: center;
    border: 1px solid #d80000;
    border-radius: 5px;
    padding: 1px;
    font-size: 10pt;
    color: #d80000;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    /* align-self: center; */
    /* align-content: center; */
    display: table;
 }
.caption
{
   margin:0px;
   width:400;
   font-weight:bold;
   color: #262a60;
   font-size:10pt;
   margin-left:15px;
}

.captionBU
{
   margin:0px;
   width:400;
   font-weight:bold;
   text-decoration:underline;
}

.inputText
{
    font-family: Raleway-Regular;
    margin-left:2px;
    width:239px;
    display: inline-block;
    /*margin-right: 17px;*/
    background: #fafafa none repeat scroll 0% 0%;
    border: 1px solid #CCC;
    padding: 8px;
    border-radius: 3px;
    font-size: 11pt;    
    font-weight: bold;
    color: #333;
}
.inputTextLarge
{
       font-family: Raleway-Regular;
      margin-left: 2px;
      width: 220px;
      display: inline-block;
      /*margin-right: 17px;*/
      background: #fafafa none repeat scroll 0% 0%;
      border: 1px solid #CCC;
      padding: 8px;
    border-radius: 3px;
    font-size: 10pt;
    font-weight: bold;
    color: #333;
    text-transform:uppercase;
    margin-bottom:0px;
}

input#chk_IS_URGENT + label
{    
          
    font-family: Raleway-Regular;
    font-weight: bold;
    color: #000;
}

input#chk_IS_URGENT 
{
     margin: 15px;  
}

.urgentText
{
    color: #7b5c0c;
    background-color: #ffffe0;
    padding: 12px;
    font-weight: bold;
}


.formList
{
    list-style: none;
    padding: 0 0 0 23px;
}

.formList li
{
  
    padding: 5px 0px;
}

.formList li.firstListItem
{
    border: none;
}

.DatepickerInput
{  
    font-family: Raleway-Regular;
  margin-left: 2px;
  width: 220px;
  display: inline-block;
  /*margin-right: 17px;*/
  background: #fafafa none repeat scroll 0% 0%;
  border: 1px solid #CCC;
  padding: 8px;
  border-radius: 3px;
  font-size: 10pt;
      font-weight: bold;
  color: #333;
}
.inputTextSmall
{
  font-family: Raleway-Regular;
    margin-left:2px;
    margin-right:5px;
    width:50px;
    font-weight:bold;
    text-align:center;
}

.inputTextMedium
{
    font-family: Raleway-Regular;
    margin-left:2px;
    margin-right:5px;
    width:180px;
    font-weight:bold;
    text-align:left;
}

.lblCentered
{  
    
    font-size:larger;
    font-weight:bold;
    text-align:center;
}
.centeredUpper
{
   
    padding-top:5px;
    text-align:center;
    text-transform:uppercase;
    padding-bottom:5px;
}

.helpRight
{
    float:right !important;
}

.captchaTextBox
{
    font-family: Raleway-Regular;
  margin-left: 2px;
  width: 220px;
  display: inline-block;
  margin-right: 17px;
  background: #fafafa none repeat scroll 0% 0%;
  border: 1px solid #CCC;
  padding: 8px;
  border-radius: 3px;
  font-size: 12pt;
  font-weight:bold;
  color: #333;
}

.captionStatus
{
  font-family: Raleway-Regular;
  margin:0px;
  width:400;
  font-weight:bold;
  color :Green;   
}

.captionMandatory
{
  font-family: Raleway-Regular;
  margin:0px;
  width:400;
  font-weight:bold;
  color :#000; 
  font-size:10pt;
  margin-left:15px;
}
.captionMandatory .spnStar
{
    font-size:x-large;
    color:Red;
}

.inputTextLargest
{
   font-family: Raleway-Regular;
    margin-left:2px;
    margin-right:5px;
    width:790px;
    font-weight:bold;
     text-transform:uppercase;
}
.inputTextExtraLarge
{
   font-family: Raleway-Regular;
    margin-left:2px;
    margin-right:5px;
    width:530px;
    font-weight:bold;
     text-transform:uppercase;
    
}

.inputTextXLarge
{
    font-family: Raleway-Regular;
    margin-left:2px;
    margin-right:5px;
    width:380px;
    font-weight:bold;
    text-transform:uppercase;
    font-size: 10pt;
    border: 1px solid #CCC;
    padding: 8px;
        border-radius: 3px;
    
}
.inputTextXXLarge
{
    font-family: Raleway-Regular;
    margin-left:2px;
    margin-right:5px;
    width:575px;
    font-weight:bold;
     text-transform:uppercase;
    
}

.captionRefNo
{
  font-family: Raleway-Regular;
  margin:0px;
  width:400;
   font-size:x-large;
  font-weight:bolder;
  color: #000; 
}


#ctl00_contentMain_pnlContent {
	/*background-color: #EBEBEB !important;*/
	background-color: #FFFFFF !important;
}

#slider {
	/*min-width: 753px;*/
	/*min-width: 602px;*/
	min-width: 700px;
	float: right;
	/*margin-top: -1px;*/
	margin-top: -31px;
	clear:both;
	/*width:602px!important; */
	width:700px!important;
	height:400px!important; 
}
/*THIS CSS ONLY FOR CHROME*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
     #slider {
           margin-top: -1px;
      }
}

#ct100_1blTitleHome {
	text-transform:lowercase;	
}

.inputform {
	margin-left: -200px;
}
.pnlNavigation
{
    float:right;
    margin-top: 20px;
}
.captionPosition
{
    font-weight: bold;
    float: left;
    padding: 10px;
    margin-left: 15px;
}
.dvUploadBtn
{
 /*   float:left;
      width: 35%;
    margin-left: 350px;
    margin-top: 5px; 
        float: left;
    width: 35%;
    margin-left: 200px;
    margin-top: 20px;*/
    
        float: left;
    /*width: 85%;
    
    margin-left: 95px;*/
    margin-top: 2px;
}
.pnlProceed
{
    border: 1px solid #d80000;
    padding: 40px;
    margin: 20px;
    border-radius: 10px;
    width: 85%;
    float: left;
}

.proceed
{
    margin-top:14px; 
}
.pnlUpload
{    
    border: 1px solid #d80000;
    padding: 40px;
    margin: 20px;
    border-radius: 10px;
    width: 82%;
    float: left;
}
.pnlUploadOther
{
    border: 1px solid #d80000;
    padding: 20px;    
    border-radius: 10px;
    width: 96%;
    margin-top: 10px;
    float: left; 
    /*height: 160px;   */
}
.uploadcaption
{
   /*margin-left: 25px;
   float:left;*/
   float: left;
   padding: 15px;
}
.fupUpload
{
   float:left;
   margin-left: 15px; 
   margin-top:15px;
}
.visaTypeLogo
{
    margin-right:10px;
}
.dvNavig
{
    height:81px;
    width:161px;
}
.box {
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

.box {border:1px solid none;        
  padding: 3px;
  float: left;
  width: 100%;
  }
.box h2 {  background: silver;
  color: white;
  padding: 5px;
  margin-top: 0px;
  font-size: 15px;
  }

.agentInfo
{
  height: 35px;
  width: 100%;
  background: #3d3d3d;
  margin-top: -103px;
  float:left;
}

.loginUser
{
    float: right;
    color: red;
    margin-top: 0px;
    margin-left: 10px;
    font-family: sans-serif;
    text-transform:uppercase;
}
#dv3dEffect
{
    background-color: #4c4c4c;
    float: right;
    height: 25px;
    border-radius: 4px;
    padding: 5px;
    margin-right: 50px;
    cursor: pointer;
    cursor: hand; 
}
.arrowDown
{
  float: right;
  margin-top: 7px;
  margin-left: 8px;
  height: 12px;
}

.loginInfo
{
  display:none; 
  height: auto;  
  padding: 10px;
  overflow-y: auto;
  width: 285px;
  background: #fff;
  border: 1px solid #ccc;
  border-color: rgba(0,0,0,.2);
  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
  box-shadow: 0 2px 10px rgba(0,0,0,.2);
  /* display: none; */
  outline: none;
  overflow: hidden;
  position: absolute;
  right: 47px;  
  animation: gb__a .2s;
  -webkit-border-radius: 2px;
  border-radius: 2px;
    top: 196px;
    z-index :1;
}


.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dvLeft
{
    float:left;
}

.dvRight
{
    float:right;
}

  /*----------------data Table GridView Css----------------------*/
        .EU_TableScroll
        {
            max-height: 300px;
            overflow: auto;            
            margin-left: auto;
            margin-right: auto;
            width: 96%;
           padding:20px;
           float: left;
        }
        .EU_DataTable
        {
            border-collapse: collapse;
            width:100%;
        }
        .EU_DataTable tr:hover td
        {
            background-color:#FA8072;
            color:white;
        }
        .EU_DataTable tr:nth-child(2n+1):hover td
        {
            background-color:#FA8072;
            color:white;
        }
        .EU_DataTable tr:nth-child(7n) td
         {
            background-color :White !important;
            color:Black !important;
         }
        /*
            .EU_DataTable tr th:first-child, td:first-child
            {
                display :none;
            }
            .EU_DataTable tr:nth-child(7n) td:first-child
            {
            display:inline-block;    
            }*/
            .EU_DataTable tr th
            {
                background-color: #d80000;
                color: #ffffff;
                padding: 10px 5px 10px 5px;
                border: 1px solid #cccccc;
                font-family: Raleway-Bold;
                font-size: 14px;
                font-weight: bold;
                text-transform:capitalize;
            }
            .EU_DataTable tr:nth-child(2n+2)
            {
                background-color: #FFE4E1;
            }

            .EU_DataTable tr:nth-child(2n+1) td
            {
                background-color: #FFE4E1;
                color: #454545;
            }
            .EU_DataTable tr td
            {
                padding: 10px 10px 10px 10px;
                color: #454545;
                font-family: Raleway-Regular;
                font-weight: bold;
                font-size: 12px;
                border: 1px solid #cccccc;
                vertical-align: middle;
            }
            .EU_DataTable tr td:first-child
            {
                 text-align: center;                    
            }
            .EU_DataTable td span, a
            {
                    color:Red;                                    
            }
        /*-----------------------------------------------------------------*/
        
        
.dvGrid
{
float: left;
width: 100%;    
}
.dvError, .dvWarn, .dvInfo{
border: 1px solid;
background-repeat: no-repeat;
background-position: 10px center;
height: 35px;
float:left;
margin:10px;
width: 98%;
}       
.dvError
{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/close.png');    
}
.dvWarn
{
    color: rgb(128,100,17);
    background-color: rgb(239,230,50);
    background-image: url('../images/warn.png');
}
.dvInfo
{
    color: rgb(27,103,24);
    background-color: rgb(103,219,100);
    background-image: url('../images/tick.png');
}
.lblMsg , .lblInfoMsg, .lblWarnMsg
{
font-size:12px !important; 
display: table;
margin-left: 60px;
margin-right: auto;
float: left;
margin-top: 10px;
}
.dispNone
{
    display :none;
}
/*********************/
.left200
{
   margin-left: 200px;
}
.left100
{
   margin-left: 100px;
}

.top10
{
    margin-top:20px;
}

.pCreditInfo
{
    color:blue;
    float: right;
    margin-top: 35px;
    margin-right: -66px;
}

 .buycredit {
        border: 1px solid #563d7c;
            border-radius: 5px;
    color: white;
    padding: 10px 100px 10px 45px;
    background-image: url(images/money.png);
    background-position-y: 5px;
    background-position-x: 12px;
    background-color: #563d7c;
    background-repeat: no-repeat;
    }
    
    .alignLeft
    {
        text-align:left;  
        font-size: 14px;       
    }
    .dvRepeater
    {
        background-color:#FFE4E1; 
        
    }
    
   .pnlPhoto
   {
       padding-top: 50px;
   }
   
   div#pnlContinue {
    width: 91%;
    float: left;
    border: 1px solid red;
    border-radius: 10px;
    padding: 25px;
    margin: 25px;
    }
    
    .dvButton
    {
        margin-left: auto;
        margin-right: auto;
        display: table;
        margin-top: 15px;
    }
    
    .lblConfirmation
    {    
        text-align: center;
        display: block;
    }
    
   #imgPhoto
   {
    max-width: 100%;
    max-height: 100%;
   }
   
   #pnlSearch
   {
       float:left;
       width:100%;
   }
   
 .highlighted{
   
    border-color: red;
}

/*
.chSpl
{
    color: Red;
    font-style: italic;
}*/

.errorTip
{
    border:2px solid #ff8100;
    outline: none;
}

#pnlDocSupType
{
    float:left;
    width:50%;
}

input[type="checkbox" i]:checked + label
{
  color:#ff0000;
  font-weight: bold;
}

.labelTitle
{    
    float: left;
    background: #0060d8;
    padding: 10px;
    border: 1px solid #0060d8;
    border-radius: 1px;
    color: white;
    font-weight: bold;
    font-size: 10pt;
    width: 95.5%;
    background-image:url(../Images/info_sign.png);
    background-repeat: no-repeat;    
    background-position: 10px;
    padding-left: 40px;
}

#btnHelp
{
    background: #d80000;
    font-family: Raleway-Bold;
    color: #fff;
    border: solid 2px #d80000;
    border-radius: 4px;
    font-size: 14px;
    padding: 6px 15px;
}

#btnHelp:hover {
   background: #fff;
   font-family: Raleway-Bold;
   color: #d80000;
  border: solid 2px #d80000;
  border-radius: 4px;
  font-size: 14px;
  padding: 6px 15px;
  cursor:pointer;
   }
#btnHelp:active {
   border-top-color: #1b435e;
   background: #2c71ac;
   }