/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
/* Commented, NV */

/* @media screen and (max-width:120px), screen and (max-height:700px)
{ */
  

body {
    
 /*  background-image:url(themes/base/images/GOVImage.JPG); 
 background-size:100% 16%;   ackground-size:center top */
 
    background-repeat:no-repeat; 
    background-color:#E6E5E3;
    width:100%;
    min-width:100%;
    left:0px; 
    font-family:"nta", Arial, sans-serif;
    margin: 0;
    padding: 0;
    height:100%; 
   /* border:3px solid red;*/
  
  
}

/*} */

a:link {
    color: #034af3;
    text-decoration: underline;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

header,
footer,
nav,
section {
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.0em;
    color: #000;
    
   
}

h1 {
    font-size: 2.2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 { font-size: 1.9em;
    padding: 0 0 10px 0;
     
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 90%;
    margin-left: auto;
    margin-right: auto;

   
}

header, #header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
   /* text-shadow: 1px 1px 2px #111;*/
}

#main {
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
   
  
       
}

.staticContent
{
    margin:20px 10px;background-color:white;padding:10px;
    
    }
.staticContentHead
{
    display:block;margin:0px auto;width:100%;text-align: center;
    
    }
.CountriesTable
{
    width:100%;
    border-collapse:collapse;
    
                
                }
.CountriesDiv
{
    margin:0px 40px 40px 40px;
    
    
    }

footer, 
#footer {
      /* background-color: #fff;
 color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;*/  
      
       padding :3em 0em 0em 0em;
             
   
}

.subHead
{
    MARGIN-TOP: 0.626em;
    FONT-SIZE: 125%;
    MARGIN-BOTTOM: -0.626em;
    COLOR: black;
    FONT-FAMILY: Arial, sans-serif;
    
}


/*
ul.addrList{ padding:0px;margin:10px 0 15px 0px;width:30%;}

ul.addrList li    
{
    
    list-style: none;
 font-size:1em;
  
    padding:10px;
    line-height: 1.3em;
   
 }*/
 .fullname{color:#556B2F;font-weight:bold;}
 
 ul#Confirm,#languageList{ /* background: #F0F0F0;*/padding:5px;margin:5px 0 5px 0;width:70%;border-bottom:1px solid gainsboro;}
 
  ul#Confirm li,#languageList li{    list-style: none;
    font-size:0.99em;
  
    padding:0px;
    line-height: 1.3em;
    }
    
  ul.addrList {padding:0px; margin:20px 0 20px 0;width:30%;}
 
  ul.addrList li     
  {
    list-style: none;
    font-size:1em;  
    font-weight:bold;
   /* font-weight:bold;*/
    padding:0px 0px 0px 5px;
    line-height: 1.3em;
    /*color:#556B2F; #708090*/
      position:relative;
   /* background-color:#F0F0F0;*/
    }   
    
a.pdfImage
{
  background:URL("themes/base/images/pdficon_large.png") no-repeat;
      display: block;
    width: 100%;
     height: 32px;
     padding:3px 0px 0px 40px;
    /*  text-indent: -9999px;  hides the link text */

}
    
.SelectName{/* background: #F0F0F0;*/padding:5px 5px 5px 30px;margin:5px 0 5px 0;width:70%;border-bottom:1px solid gainsboro;}

.TestSelectName{ background: #F0F0F0;padding:5px;margin:5px 0 5px 0;width:90%; font-size:small;}

/*.Eligibility{margin:5px 0px 15px 0px;color:#556B2F;font-weight:bold;}*/

.Eligibility{margin:10px 0px 15px 0px;font-weight:bold !important;}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
   

}
ul#menu li {
    display: inline;
    list-style: none;
        
}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
  
}

ul#menu li a {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
 
    
}

ul#menu li a:hover {
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
 border: 1px solid #ddd;
 /*  border: 1px solid pink; */
    /*padding: 0 1.4em 1.4em 1.4em;*/
     padding: 0 0.4em 1.4em 1.4em;
    margin: 1.5em 0 1.5em 0; 
    display :inline;
      /*display:block;
   position:relative;
     display: -moz-inline-stack;*/
/*zoom: 1;
width:45%;*/
 min-width:40%;
 max-width:50%;
   /*  border:2px solid green; */
 
 

}

.Testfieldset 
{
    
border: 1px solid #ddd; 
padding: 0 1.4em 1.4em 1.4em;
margin: 1.5em 0 1.5em 0; 
display :inline;
/*display:block;
position:relative;*/
display: -moz-inline-stack;
display: block;
/*zoom: 1;*/

 

}


fieldset fieldsetNotlisted
{
    border: 1px solid #ddd; 
    padding: 0 1.4em 1.4em 1.4em;
    margin: 2em 0 1.5em 0; 
    width:50%;  
    display:inline-block; 
}

legend {
    font-size: 1.2em;
    font-weight: normal;
    border:1px solid gainsboro;
    padding:10px;
}

textarea {
    min-height: 75px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding:2px 2px 2px 5px;
   font-size: 1.0em;
   /* height:2em;
   display:block;
   color: #444;*/
   position:relative;
   width:80%;
   min-width:80%;  
/*    display: -moz-inline-stack;*/
/*display: block;*/
zoom: 1;
}



select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1em;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}

.settextboxwidth
{
    width:40%;
    min-width:40%;
}

/* TABLE
----------------------------------------------------------*/

table 
{
    margin:15px 0px 5px 0px;
    border: solid 1px #e8eef4;
    border-collapse: collapse;
   /* table-layout:fixed;*/
  
}

table td {
    padding: 5px;
    border: solid 1px #e8eef4;
    overflow:hidden;
}

table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}
table.TechSupport
{
    margin-top:2em;
      border: 0px ;
      
}
table.TechSupport tr
{
     border: 0px ;
}
table.TechSupport tr td
{
     border: 0px ;
}

table.NotListed
{
    width:50%;
    margin-top:2em;
      border: 0px ;
    
}

table.NotListed tr
{
     border: 0px ;
}
table.NotListed tr td
{
     border: 0px ;
}

table.Ft{ width:100%;border:0px;}


table.Ft td{ width:33%; text-align:center;border:0px; }

/*table.Ft td{ width:13%; text-align:center;border:1px solid red;}*/


table.gridtable {
	/* font-family: verdana,arial,sans-serif; */
	width:75%;
	font-size:100%;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
   margin-bottom:1%;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
	
}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    /*color: Red;*/
}

nav, 
#menucontainer {
    margin-top: 40px;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #EA0000;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error, input[type="text"].input-validation-error {
    border: 0px solid #EA0000;
    /*   outline:0px;
  border: 0x;*/
    background-color: #ffeeee;
}

input[type="radio"].input-validation-error /*RG*/ {
    outline: 0px solid #EA0000;
    background-color: inherit;
}
/**/
.validation-summary-errors {
    /* font-weight: bold;*/
    color: #EA0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
   /* border:1px solid red;*/
    display:inline-block; 
    position:relative;   
    width:100%;
        
}

.editor-field-postcode
{
  
      border: 1px solid #ccc;
    padding:2px 2px 2px 5px;
   
    
}
#narrowInput {
   width:30px;   
 
   
}

.text-box.multi-line {
      height: 3.5em; 
}

.tri-state {
    width: 6em;
}


/* Neelima */
.Mainpage {   
 
 padding: 3% 0% 3% 2%;
/*padding-left:2%;
padding-bottom:3%;*/
margin-bottom:3%; 
display:block; 
background-color:White; 
/*padding-top:3%;*/
width:100%;
float: left; clear: both;  

/*padding:7.5% 0 3% 0;
margin: 7.5% 0 3% 0;   
display: block;    
border:1px solid violet;*/  
     
 }
   
   
 /*  #content{margin : 1.5em 0em 2em 22em;}
     #content{margin-left : 19%; display:block; border:2px solid blue; }*/
     #content{margin:0% 0% 0% 19%; display:block; /*border:2px solid blue;*/ }
     
   
.Header-wrapper
{   
    max-width: 100%;
    /* margin  : 0 auto;  */
}

.Header-content
{ 
    /*position:relative;
    position:absolute;
    background-color:Black;
   vertical-align:middle;*/    
   /* width:100%; 
    min-width:100%;
    margin-bottom:50%; */ 
   /* border:2px solid violet;*/  
   /* display:block;*/
   
    min-width:100%;
    background-color:Black;
    padding-left:2%;
    float: left; clear: both;
  
  
}

.heraerwrapper
{
    color: white;
    font-weight: bold;
    margin-left:19%;
    margin-bottom:1%;
    /*font-size: 30px;*/ /* For Accessiblity Issue */    
    /*line-height: 1.5em;*/  
    text-decoration:none; 
     
}

.TextHeading
{ 
     vertical-align:10%;
     position:relative;
     width:100%;
}

.Footer-Wrapper
{
    max-width: 0em;
    margin: 0 auto;
    padding: 0 0em 0 20em; 
    border:1px solid black;
  
     
}
.attentionReq{color:red !important;font-weight:bold;}
.Footer-meta
{
    clear: both;
    font-size: 0;
    color: #454A4C;
    padding-bottom: 60px;
}

.Footer-meta-inner
{
    display: inline-block;
    vertical-align:bottom;
    width: 75%;
}


.Footer
{
  margin-top:5em;     
   
}
.Footer.Feedback
{
   position:absolute;
   padding:8em 0em 0 0em;   
   width:600px;
    
}


/* Rufus*/

.fldLogin{ width:45%;}
.fldNotinList{ width:60%;}
#flnonresident{ width:80%;}

/* NV 
@media screen and (max-width:2500px)
{
    #page
    {
        width:100%;
       
        border:1px solid red;
    }
}

@media screen and (max-width:600px)
{
    #page
    {
        width:auto;     
        border:1px solid green;
        float:none;
    }
}

@media screen and (max-width:250x)
{
   .Header-content
    {
       height:auto;
       min-width:100%;
       border:1px solid red;
    }
    #content
    {
        height:auto;
        min-width:80%;     
        border:1px solid pink;
    }
}*/

.button {
   border: 0px; 
   background: #006600;  
   padding: 10px 10px; 
   color: white;
   font-size:125%; 
 
   text-decoration: none;
   vertical-align: middle;
   
/*   margin-top:0.5em;   */
 
   }
   
   .back-to-previous
   {
       font-size:16px;
       line-height:1.25;       
       font-weight:300;
       text-transform:none;
       display:inline-block;      
       position:absolute;
       text-decoration:none;
       border-bottom:#0B0C0C 1px solid;
       width:2.25em;
       background:url("themes/base/images/BackIcon.png") left 0.2em no-repeat;
       padding-left: 0.75em;
       text-align:right;       
       
       
   }
   
   .back-to-previous:link { text-decoration:none;}
   
 .back-to-previous:link
   {
       text-decoration:none;
   }
   a.back-to-previou:hover
   {
     text-decoration:overline;
   }   
   
   .ClientMain
   {
    padding: 10px 30px 20px 0px;
    font-weight: bold;   
    font-size: 2.2em;
   }
   
   .backdiv
   {
       height:1.5em;   
       width:100%;  
            
      
   }     

  .SupportLinks
   {
      
      text-align: center; margin-top: 0.5%;
   }
   
  
   .FootLeftImgs
   {
       float: left; width: 33%; text-align: left;      
        
   }
   
   .Footcenter
   {
       float: left; 
       width: 33%;            
       text-align: center;  
       margin-right:10%;  
     
   }
   .FootRightImg
   {
       float: right;  text-align: right;       
   
     
   }
   
   .rblistcolour
   {
        display: inline-block;
        position: relative;
       background: #F0F0F0; 
        padding: 12px 14px 12px 12px;
        margin: 0 0 1em 0;
        overflow: hidden;
        cursor: pointer;     border:1px solid red;
           
         
                
   }
   .sTextbox
   {
       width:35%;
       }
       

   
       .LAHeader{ margin:0 0 0.5em 0;
                font-size:150%;
                font-weight:bold;}
   
    .HefHeader{ margin:0 0 1em 0;
                font-size:200%;
                font-weight:bold;}
                
   
   
   .QLabel{margin:1em 0 0.5em 0; color:GrayText;}
   
 
   .pagecontent
   {
       margin:0.2em 0 2em 0;
   }
   
   .Allcontent
   {
       margin:2em 0 2em 0;
   }
   .Contenttextsize
   {
       font-size:1em; 
       width:80%;
       /*border:1px solid blue;*/
      
   }
   
   .footer
   {
        padding :3em 0em 0em 0em;
        background-color:#E6E5E3;
        height:500%;
        width:auto;
   }
   
  #page
   {
     
       min-width:98%;
   }
   
   .pagebody
   {
   display:inline-block; vertical-align:top;
   /*border:1px solid blue;*/
   
   }
 
   
   .foot-wrapper
   {       
       max-width:100%;
       margin:0 auto;       
       padding:20px 1em 0 0em;
   }
   
   .foot-meta
   {       
        clear:both;
        display:block;
        padding-bottom:60px;   
        margin-left:5%;  
        
               
   }
   
   .meta-inner
   {
       clear:both;
       display:inline-block;
       width:100%;   
    
            
   }
   
   .meta-inner ul li
   {      
       
       display:inline-block;
       vertical-align:middle;
       position:relative;  
       margin-left:3%;
       float:left;  
       border:1px solid black;
                  
   }
   
  
   
   .lnktextmiddle
   {
     clear:both;
      border:1px solid red;
       line-height:30px;
       vertical-align:middle;
   }
   
   
   
   #flNewOccupant 
   { width:90%;}

.techsupportTD
{
    width:20%;
}

.TSupportTextbox
{
    width:80%;
   
}

.OtherTextBox
{
    width:30%;margin-top:10px;
    display:block;
}


.RadioWhite
{
color:blue;
border:1px solid black;
background:white;
}

.RadioWhite2
{
color:blue;
/*border:1px solid black;
background:white; */
}

.CheckWithRed
{
  border:1px solid red;
}

.bigHeading{ font-size:250%;color:Gray;margin:0 0 0.5em 0;}


.VldSummary{margin:1em 0 1em 0;}

.SelectNamePadding4Edit{padding-left: 1.5em;}


.ThankYouDiv{ height:40%;}

.EligibleNationalityTextbox{float: left; width: 40%;}

.LblEligibleNationality{float: left; width: 8%;}

.topwidth{ margin-top:2%;}

.Bottomwidth { margin-bottom:2%;}

.ErrorMessages { color: #AA0000; 
                   /*border:1px solid red;*/
                 /*width:50%;*/ }

.AllContent1
{
    color:#AA0000; width:88%;
    margin:2em 0 2em 0;
}

.ui-datepicker {   
    font-size: 0.9em !important;
}
input.DateOfBirth{width:50px !important;}

.reasonLabel{padding:0px 20px 0px 5px;BORDER:1px solid blue;}

/*@media (min-width: 500px) and (max-width < 600px)*/
/*@media screen and  (max-width:400px)*/

   /* h2
    {
        color:Fuchsia;
        background-color:Red;
    }*/
    
      /* #content{margin-left : 19%;display:block; margin-top:36%; border:2px solid pink; }
}*/ 


/*@media screen and  (max-width:900px) and (min-width: 400px)*/
 /*{
   h2
    {
        color:Fuchsia;
        background-color:Red;
    }*/
    
      /* #content{margin-left : 19%;display:block; margin-top:5%; border:2px solid orange; }
}*/