/*

- Common Pages
- Login Page
- Profile Page
- Help Page
- Change Password
- Correspondence Page

- Media queries - small
    - Login page
    - Profile page
    - Worker List Pages
    
- Media queries - large    
    - Login page
    - Profile page
    - Worker List Pages
    
*/


/* Common Pages #################################################      */

.nav>li>a
{
    padding: 15px 0 0 0;
}

@media screen and (min-width: 768px)
{
    .body-structure > .row > .col-sm-3 {

        width: 20%
    }
}

#InspectorLodgementPage .radio label
{
    padding-right: 20px;
}


img {       
    height: auto;
    max-width: 100%;
}

 .k-autocomplete
{
    width: 100%;
    vertical-align: middle;
}

 #HeaderContainer{
	margin-top: 10px;
	margin-bottom: 10px;
}

 .header-hr-image
 {
    background-image: url("../images/buton-bottom.jpg"); 
    background-repeat: repeat-x;
    height: 11px;
 }

#Footer{
	background-color: #d3d3d3;
	height:40px;
	padding-top: 10px;	
    margin-top: 10px;
}

#NavDetails{
	background-color: rgb(0, 102, 203);	
 }
 
 #TitleNav {
	color: #ccff33;	
	text-decoration: underline;
 }
 
 #NavDetails ul a  {
	color: #FFF; 
 }
 
 #NavDetails ul a:hover, #NavDetails ul a:focus{
	background-color: transparent;
    text-decoration: underline;
    color: #ccff33;    
}

#LoginHistoryContainer {
    padding-top: 30px;
    padding-left:5px;
    padding-bottom: 30px;
    text-align: center;
}

#LoginHistoryDetails{
    border-style: solid;
    border-color: #FFF;
    border-width: 1px;
}

#LoginHistoryDetails > div{
    padding: 10px;

}

.LoginHistoryHeading{
    color: #ccff33;
    font-size: 16px;
}

.LoginHistoryInformation{
    color: #FFF;
    font-size: 12px;
}

.mandatory-label {
    color: red;
}

  .page-info-bold {
        font-weight: bold
    }


  hr
  {
      margin-top: 10px;
      margin-bottom:0;
  }

  .body-structure
  {
      margin-left: 0;
  }

    
#RenewalNotificationContainer {
   
    padding-left:5px;
    padding-bottom: 30px;
    text-align: center;
}

#RenewalNotificationDetails{
    border-style: solid;
    border-color: #FFF;
    border-width: 1px;
}

#RenewalNotificationDetails > div{
    padding: 10px;

}

.renewal-notification-heading{
    color: #ccff33;
    font-size: 16px;
}

.renewal-notification-information{
    color: #FFF;
    font-size: 12px;
}

.renewal-notification-important{
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}


table a
{
    text-decoration: underline;
}

#ElectronicCOESContainer .page-info
{
    margin-top: 10px;
    margin-bottom: 10px;
}


/* Login page #################################################      */


#LoginButtonGroup{
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
}
 
.login-image {   
    background-image: url("../images/blueborder.gif"); 
    background-repeat:repeat-x;
    height: 11px;
    margin-top: 10px;
    margin-bottom: 10px;
}​

#LoginFooter a {
	text-decoration: underline;  
 }  

 .login-modal-header {
     background-color: rgb(0, 102, 203);
     color: white;
 }
 
 .login-modal-footer {
     border: 0;
     padding-top: 0;
 }


 /* Profile page #################################################      */


 #ProfilePageDetails{
     background-color: #d3d3d3;
     border-radius: 15px 0 15px 0;
     padding-top: 20px;
     padding-bottom: 20px;
     margin-top: 10px;
 }

 #ProfileBtnContainer
 {
     margin-top: 10px;
     margin-bottom: 10px;
     text-align: center;
 }

 
 #ContactContainer .row:nth-child(2)
 {
     margin-top: 0;
 }

 #AddressInformation a{
     text-decoration: underline;
 }

  /* Profile page #################################################      */

 #AgentProfilePageDetails{
     background-color: #d3d3d3;
     border-radius: 15px 0 15px 0;
     padding-top: 20px;
     padding-bottom: 20px;
     margin-top: 10px;
 }

 #AgentProfilePageDetails .page-heading
 {
     margin-bottom: 10px;
      margin-top: 10px;
 }
  

  /* Help page #################################################      */
  #HelpHeader
  {
      background-color: #99ccff;
  }

  #HelpHeader .heading
  {
      font-style:italic;
  }

  
  #HelpHeader .title
  {
      font-weight: bold;
  }

  #HelpContent .row
  {
      margin-top:10px;
  }


  /* Change password Pages #################################################      */

  #ChangePasswordTitle
  {
      font-weight: bold;
  }

   #ChangePasswordPageDetails{
     background-color: #d3d3d3;
     border-radius: 15px 0 15px 0;
     padding-top: 20px;
     padding-bottom: 20px;
     margin-top: 10px;
 }

#ChangePasswordPageDetails .row{
    margin-bottom: 10px;
}


  /* Correspondence Pages #################################################      */

  #CorrespondencePageDetails  a:hover
  {
      cursor: pointer;
  }

  #CorrespondenceBtnContainer{
      text-align: right;
  }

   /* New Correspondence Pages #################################################      */

     #NewCorrespondencePageDetails{
         background-color: #d3d3d3;
         border-radius: 15px 0 15px 0;
         padding-top: 20px;
         padding-bottom: 20px;
         margin-top: 10px;
    }

    #NewCorrespondencePageDetails .row{
        margin-bottom: 10px;
    }

    #CorrBtnGroup{
        text-align: right;    
    }

    #CorrBtnGroup button{
        margin: 10px;
    }

     /* Bus Nominee Pages #################################################      */

    #BusNomBtnContainer
    {
        text-align: right;           
    }


     /* New Business Nominee Pages #################################################      */

     #NewBusNomPageDetails{
         background-color: #d3d3d3;
         border-radius: 15px 0 15px 0;       
         padding-bottom: 20px;
         margin-top: 10px;
    }

    #NewBusNomPageDetails .row {
        margin-top: 10px;
    }

   #NewBusNomBtnGroup
    {
       margin-top: 10px;
        text-align: right;           
    }

   /* Contractor Lodgement Pages #################################################      */

     #ContractorLodgementPageDetails{
         background-color: #d3d3d3;
         border-radius: 15px 0 15px 0;       
         padding-bottom: 20px;
         margin-top: 10px;
    }

    #ContractorLodgementDetails .row {
        margin-top: 10px;
    }

   #ContractorLodgementBtnGroup
    {
       margin-top: 10px;
        text-align: right;           
    }

    /* New Business Nominee Attachment Pages #################################################      */

     #NewBusNomAttachPageDetails{
         background-color: #d3d3d3;
         border-radius: 15px 0 15px 0;       
         padding-bottom: 20px;
         margin-top: 10px;
    }
   
      #NewBusNomAttachPageDetails .row {
        margin-top: 10px;
    }

       #NewBusNomAttachBtnGroup
    {
       margin-top: 10px;
        text-align: right;           
    }

    /* Tech Nominee Pages #################################################      */

    #TechNomBtnContainer
    {
        text-align: right;           
    }


     /* New Tech Nominee Pages #################################################      */

     #NewTechNomPageDetails{
         background-color: #d3d3d3;
         border-radius: 15px 0 15px 0;       
         padding-bottom: 20px;
         margin-top: 10px;
    }

    #NewTechNomPageDetails .row {
        margin-top: 10px;
    }

   #NewTechNomBtnGroup
    {
       margin-top: 10px;
        text-align: right;           
    }

    /* New Tech Nominee Attachment Pages #################################################      */

     #NewTechNomAttachPageDetails{
         background-color: #d3d3d3;
         border-radius: 15px 0 15px 0;       
         padding-bottom: 20px;
         margin-top: 10px;
    }
   
      #NewTechNomAttachPageDetails .row {
        margin-top: 10px;
    }

       #NewTechNomAttachBtnGroup
    {
       margin-top: 10px;
        text-align: right;           
    }

    /* Certificate order Pages #################################################      */

     #OrderDetails{
         background-color: #d3d3d3;
         border-radius: 15px 0 15px 0;        
         margin-top: 10px;
    }
       
     #CertificateOrderBrnGroup{
          margin-top: 10px;
         text-align: right;     
     }

      #OrderCOESContainer
    {
         display: none;
    }

/* Certificate order details Pages #################################################      */

.order-details-important
{
    font-weight: bold;
}


    /* Search order Pages #################################################      */

  #OrderSearchBtnGroup
    {
       margin-top: 10px;
        text-align: right;           
    }


   /* NP Lodge Certificate  Pages #################################################      */

   #LodgeENPCOESPageDetailsContainer{
	border-width: 1px;
	border-style: solid;
}

   
   /* P Lodge Certificate  Pages #################################################      */

   #LodgeEPCOESPageDetailsContainer{
	border-width: 1px;
	border-style: solid;
}


    /* Review Certificate  Pages #################################################      */

    #ReviewCertificatesGridContainer  .k-grid{
       width: 800px;
       margin-top: 15px;
    }

         #ReviewCertificatesGridContainer
         {
             padding:0;
         }

    #ReviewCertificatesGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Arial;
        font-size: 10px;
        font-weight: bold;
        padding: 0px;
        white-space: normal;
    }

     #ReviewCertificatesGridContainer   .k-grid tbody td{
        font-family: Arial;
        font-size: 10px;
        padding: 0px;
        word-wrap:break-word;

    }

     #ReviewCertificatesGridContainer {
        margin-bottom: 10px;
    }

    #ReviewCertificatesGridContainer .row {
        margin-bottom: 10px;
    }

    #ReviewCertificatesGrid  .btn
    {
        font-family: Arial;
        font-size: 10px;
    }

   
    #ReviewCertificateFilter
   {
    background-color: #d3d3d3;
    border-radius: 15px 0 15px 0;       
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 10px;
   }

    #ReviewCertificateBtnGroup{

         margin-top: 10px;
        text-align: right;        
    }

     /* Lodgement Activity  Pages #################################################      */
   
    #LodgementActivityFilter
   {
    background-color: #d3d3d3;
    border-radius: 15px 0 15px 0;       
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 10px;
   }

      #LodgementActivityBtnGroup{

         margin-top: 10px;
        text-align: right;        
    }


        /* Search Certificate Pages #################################################      */
   
    #SearchCertificateFilter
   {
    background-color: #d3d3d3;
    border-radius: 15px 0 15px 0;       
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 10px;
   }

    #SearchCertificateBtnGroup{
         margin-top: 10px;
         margin-bottom: 10px;
        text-align: right;        
    }

    #SearchCertificateFilter > div
   {
   margin-top: 10px;
   }

      
    /* Search Certificate Pages #################################################      */
    
    #ChangeDetailsContainer .row
    {
        margin-top: 10px;
    }

     #ChangeDetailsContainer a
    {
        text-decoration: underline;
    }


       /* Change Registration Type Pages #################################################      */

       #ChangeRegistrationTypePageDetails
   {
    background-color: #d3d3d3;
    border-radius: 15px 0 15px 0;       
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 10px;
   }

    #ChangeRegistrationTypeBtnGroup{
         margin-top: 10px;
         margin-bottom: 10px;
        text-align: right;        
    }

       /* Change Applicant Name Pages #################################################      */

       #ChangeApplicantNamePageDetails
   {
    background-color: #d3d3d3;
    border-radius: 15px 0 15px 0;       
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 10px;
   }

    #ChangeApplicantNameBtnGroup{
         margin-top: 10px;
         margin-bottom: 10px;
        text-align: right;        
    }

     /* Change Partner Pages #################################################      */

    #ChangePartnerBtnContainer
    {
        text-align: right;           
    }


       /* New Partner Pages #################################################      */

     #NewPartnerPageDetails{
         background-color: #d3d3d3;
         border-radius: 15px 0 15px 0;       
         padding-bottom: 20px;
         margin-top: 10px;
    }

    #NewPartnerPageDetails .row {
        margin-top: 10px;
    }

   #NewPartnerNomBtnGroup
    {
       margin-top: 10px;
        text-align: right;           
    }

  #NewPartnerPageDetails .page-heading
  {
      margin-top: 20px;
  }

     /*Renewal  Pages #################################################      */

   #RenewalPageDetailsContainer{
	border-width: 1px;
	border-style: solid;
}

   #RenewalPageDetailsContainer a{
       text-decoration: underline;
   }

   #RenewalDetails
   {
       margin-top: 20px;
       margin-bottom: 10px;
     
   }
   .check-box-label
   {

       padding-left: 0px;
   }

   #RenewalDetails .page-label
    {
        padding-top:2px;
    }


   /*.renewal-data
   {
       padding-top: 2px;
   }*/

   /*#RenewalDetails .row
   {
       margin-top:0;
       margin-bottom:0;
      
   }*/

   #ProcessPaymentBtnGroup
   {
           margin-top: 10px;
         margin-bottom: 10px;
        text-align: right;        
   }


    #RemoveWorkerPageDetails{
     background-color: #d3d3d3;
     border-radius: 15px 0 15px 0;
     padding-top: 20px;
     padding-bottom: 20px;
     margin-top: 10px;
 }

    #RemoveWorkerBtnContainer
    {
           margin-top: 10px;
         margin-bottom: 10px;
        text-align: right;   
    }

    #AddNewWorkerBtnContainer
    {
           margin-top: 10px;
         margin-bottom: 10px;
        text-align: right;   
    }

    #AddNewWorkerPageDetails{
     background-color: #d3d3d3;
     border-radius: 15px 0 15px 0;
     padding-top: 20px;
     padding-bottom: 20px;
     margin-top: 10px;
 }


    
  /* Agent order certificates #################################################      */


   #AgentOrderPageDetails{
     background-color: #d3d3d3;
     border-radius: 15px 0 15px 0;
     padding-top: 20px;
     padding-bottom: 20px;
     margin-top: 10px;
 }

#AgentOrderPageDetails .row{
    margin-bottom: 10px;
}


 #AgentOrderBtnContainer
 {
     margin-top: 10px;
     margin-bottom: 10px;
     text-align: right;
 }


 .order-no
 {
     font-weight: bold;
 }

 /* Agent sell certificates #################################################      */


   #AgentSellPageDetails{
     background-color: #d3d3d3;
     border-radius: 15px 0 15px 0;
     padding-top: 20px;
     padding-bottom: 20px;
     margin-top: 10px;
 }


   #AgentSellPageDetails .form-group
   {
       margin-bottom: 0px;
   }

   #AgentCertificateDisplayDetails
   {
        margin-top: 10px;
        border-style: solid;
        border-width: 1px;
        text-align: center;
        padding-top: 10px;
   }

   #AgentCertificateDisplayDetails .page-label
   {
       padding-top: 0px;
   }
    

    /* Agent transfer certificates #################################################      */

     #AgentTransferPageDetails
      {
        background-color: #d3d3d3;
         border-radius: 15px 0 15px 0;       
         padding-bottom: 20px;
         margin-top: 10px;
         padding-top: 10px;
     }

   #AgentReviewCOESDetails{
     background-color: #d3d3d3;
     border-radius: 15px 0 15px 0;
     padding-top: 20px;
     padding-bottom: 20px;
     margin-top: 10px;
 }


   #AgentReviewBtnGroup
    {
       margin-top: 10px;
        text-align: right;           
    }


   /* Agent review certificates #################################################      */


     #SearchOrderPageDetails
     {
        background-color: #d3d3d3;
         border-radius: 15px 0 15px 0;       
         padding-bottom: 20px;
         margin-top: 10px;
         padding-top: 10px;
     }

     .page-alert{
         color: red;
     }


      /* Remove branches from Agent HO #################################################      */


      #RemoveBranchBtnContainer
    {
        text-align: right;  
        margin-bottom: 10px;         
    }
    

  /* Agent HO invoices #################################################      */


    .agent-invoice-selection {
            float: left;
            width: 500px;
            margin: 0 60px 0 0;
            background-color: white;
        }

    #AgentInvoices img
    {
        padding-right: 10px;
    }

     #AgentInvoices a
    {
       text-decoration: underline;
    }


      /* Inspector Lodgements #################################################      */


      #InspectorLodgementPage{
     background-color: #d3d3d3;
     border-radius: 15px 0 15px 0;
     padding-top: 20px;
     padding-bottom: 20px;
     margin-top: 10px;
     margin-bottom: 10px;
 }

        #InspectorLodgementPage .page-heading{
    margin-bottom: 10px;
    margin-top: 5px;
 }


          #WaitingForInspectionDownload {         
           text-align: right;        
           margin-top: 10px;
           margin-bottom: 10px;
           text-decoration: underline; 
       }

          .lei-user-id
          {
              width: 80px;
          }

 /* Media queries - small #################################################      */

@media screen and (max-width: 768px) {  
    

    /* Login #################################################      */

    #LoginHeading{
	font-size: 12px; 
	font-weight: bolder;
	margin-bottom: 5px;
    }
  
   .login-help{
	margin-top: 5px;
    }
  
   .login-information{
	font-size: 12px;  
    }
  
   .login-label  {
	font-size: 12px;
	font-weight: bold;  
    padding-top: 7px;
    }
  
   #LoginContainer div  {
	margin-bottom: 5px;	
    }
  
   #LoginFooter .row  {
	font-size: 10px;  
    }
  
  #LoginFooterLinks > div  { 
	float: left;
	padding-left: 20px;
    }  


  /* Common Pages #################################################      */
  
    #PageTitle{
        font-size: 14px; 
	    color: darkblue;
	    margin-bottom: 5px;
      
    }

    #PageInformation{
        font-size: 12px; 
    }

     .page-info {
        font-size: 12px; 
    }

     .page-info-margin
     {
         margin-top: 10px;
         margin-bottom: 10px;
     }
     
    .page-heading    {
        font-weight: bold;
        font-size: 12px;
        font-family: Tahoma;
    }

     .page-text {
         font-family: Arial;
         font-size: 10px;
     }

    .page-label{
        font-family: Arial;
         font-size: 10px;
         padding-top: 7px;
     }    


    .page-label-heading{
        font-family: Arial;
         font-size: 10px;
         font-weight: bold;
     }
     .page-value{
         font-family: Tahoma;
         font-size: 12px;
         font-weight: bold;
     }
     .page-label-right{
         
     }   


      .page-input{
        font-family: Arial;
         font-size: 10px;     
     }

     .form-margin{
         margin-top: 5px;
     }

      .form-control
     {
         font-size:10px;
         font-family: Tahoma;
     }

     .heading
     {
         font-size: 12px;
         font-weight: bold;
         margin-top: 15px;
        
     }

     label
     {
         font-size: 12px;
     }

       #FooterContainer
  {
      margin-top: 10px;
  }

       .container .row{
           margin-left: -10px;
           padding-left: 5px;
       }

        .radio-label{
        font-family: Arial;
         font-size: 10px;         
     }

        .body-structure
        {
            padding-left: 0;
        }


        
    #Tabs li
    {
        font-size: 12px;
    }

    .btn
    {    
  
        font-size: 80%;  
    }

    #Footer
    {
        font-size: 12px;
    }


    .k-datepicker{
        width: 90%;
    }

     /* Profile Pages #################################################      */
    #RegistrationDetails{
        margin-top: 2px;
     }
    #RegistrationDetails .row{
         margin-bottom: 2px;       
     }
    #AddressDetails{
         padding-left: 5px;
         margin-top: 5px;
     }
    

     #AddressDetails .page-label{
         margin-bottom: 5px;
     }

     #AddressInformation .radio{
         margin-top:0;
     }

      #AddressInformation .radio label{
         padding-right: 5px;
     }

   
     #ProfilePageDetails textarea{
         font-family: Tahoma;
         font-size: 10px;
     }

      #ProfilePageDetails input[type=text]{
         font-family: Tahoma;
         font-size: 10px;
     }

      #ProfilePageDetails select{
         font-family: Tahoma;
         font-size: 10px;
     }


       #AddressDetails .row{
          margin-top: 5px;
      }

      #AddressInformation .row{
          margin-top: 10px;
      }

       #ContactContainer{
          margin-top: 5px;          
      }

      #ContactContainer{
          margin-top: 5px;
      }

    #ContactContainer .row{
          margin-top: 5px;
      }

    #ContactContainer .comm-type-std{
        display: inline-block;
        width: 45%;              
    }
    #ContactContainer .comm-type{
        display: inline-block;
        width: 50%;              
    }

   #RegistrationDetails .page-label
    {
        padding-top: 3px;
    }

   #RegistrationDetails .page-label.input-text
   {
       padding-top: 7px;
   }
 
    .address-page-label{
        font-family: Arial;
        font-size: 10px;
     }

    #AddressInformation .location-label {
        font-family: Arial;
        font-size: 10px;  
    }

    #AddressInformation .address-label {
        font-family: Arial;
        font-size: 10px;   
    }


     #ContactPersonContainer .comm-type-std{
        display: inline-block;
        width: 45%;              
    }
    #ContactPersonContainer .comm-type{
        display: inline-block;
        width: 50%;              
    }

      #ContactPersonContainer{
          margin-top: 5px;          
      }

      #ContactPersonContainer{
          margin-top: 5px;
      }


      /* Correspondence Pages #################################################      */

       #Filter {
        font-family: Tahoma;
        font-size: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    #CorrespondenceDetailsContainer  .k-grid{
       width: 800px;
    } 

    #CorrespondenceDetailsContainer  .k-grid-header th.k-header>.k-link{
        font-family: Arial;
        font-size: 10px;
        font-weight: bold;
    } 

     #CorrespondenceDetailsContainer   .k-grid tbody td{
        font-family: Arial;
        font-size: 10px;
    }

    #CorrespondenceBtnContainer {
        margin-bottom: 5px;
    }

    #CorrespondenceDetailsContainer {
        margin-bottom: 20px;
    }

    /* LEI Inspection Request Pages #################################################      */

    #InspectionRequestDetailsContainer  .k-grid{
       width: 800px;
    } 

    #InspectionRequestDetailsContainer  .k-grid-header th.k-header>.k-link{
        font-family: Arial;
        font-size: 10px;
        font-weight: bold;
    } 

     #InspectionRequestDetailsContainer   .k-grid tbody td{
        font-family: Arial;
        font-size: 10px;
    }


    #InspectionRequestDetailsContainer {
        margin-bottom: 20px;
    }

    /* LEI Waiting Inspections Pages #################################################      */

    #WaitingInspectionsDetailsContainer  .k-grid{
       width: 800px;
    } 

    #WaitingInspectionsDetailsContainer  .k-grid-header th.k-header>.k-link{
        font-family: Arial;
        font-size: 10px;
        font-weight: bold;
    } 

     #WaitingInspectionsDetailsContainer   .k-grid tbody td{
        font-family: Arial;
        font-size: 10px;
    }

    #WaitingInspectionsDetailsContainer {
        margin-bottom: 20px;
    }

      /* Business Nominee Pages #################################################      */

   
    #BusNomDetailsContainer  .k-grid{
       width: 800px;
       margin-top: 10px;
    } 

    #BusNomDetailsContainer  .k-grid-header th.k-header>.k-link{
        font-family: Arial;
        font-size: 10px;
        font-weight: bold;
    } 

     #BusNomDetailsContainer   .k-grid tbody td{
        font-family: Arial;
        font-size: 10px;
    } 

     #BusNomDetailsContainer {
        margin-bottom: 5px;
    }
   
   

     #BusNomPageDetails .row {
        margin-bottom: 10px;
    }

       /* Tech Nominee Pages #################################################      */

   
    #TechNomDetailsContainer  .k-grid{
       width: 800px;
       margin-top: 10px;
    } 

    #TechNomDetailsContainer  .k-grid-header th.k-header>.k-link{
        font-family: Arial;
        font-size: 10px;
        font-weight: bold;
    } 

     #TechNomDetailsContainer   .k-grid tbody td{
        font-family: Arial;
        font-size: 10px;
    } 

     #TechNomDetailsContainer {
        margin-bottom: 5px;
    }
   
   

     #TechNomPageDetails .row {
        margin-bottom: 10px;
    }


       /* Certificate Orders Pages #################################################      */


    #CertificateOrdersPageDetailsContainer
    {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    #CertificateOrdersPageDetailsContainer .row
    {
        margin-bottom: 5px;
    }

    #SelectOrderType
    {
        margin-left: 10px;        
    }

    .order-heading
    {
        font-size: 12px;
        font-weight: bold;
    }

    #CertificateOrdersPageDetailsContainer #Tabs li > a > img {
        padding-right: 5px;
    }

    .certificate-type
    {
        font-size:12px;
    }

     /* Certificate Orders Details Pages #################################################      */

   

    #OrderDetailsContainer .row
    {
        font-size: 10px;
    }

    #OrderDetailsInformation .row
    {
        font-size: 12px;
    }

     #OrderDetailsHeading
    {
        font-size: 14px !important; 
        font-weight: bold;
        margin-top: 5px;
        margin-bottom: 5px;

    }

       /* Certificate Orders Credit Card Payment Pages #################################################      */

     #PaymentMessage
     {
         font-size: 14px;
         font-weight: bold;
     }

     #BankInfoContainer
     {
         margin-top: 10px;
     }


    
     /* Certificate Orders Credit Card Pass / Fail Pages #################################################      */

     #ReceiptInfoContainer{
         border: solid;
         border-width: 1px;
         border-color: #CCC;
         margin-top: 10px;       
        text-align: center;
     }

     
     #CertificateOrdersCreditCardContainer #ReceiptHeading
     {
         text-align: center;
         margin-bottom: 20px;
     }

     

     #CertificateOrdersCreditCardContainer #ReceiptStatus{
         font-size: 14px;
         font-weight: bold;
        
     }

     

      #CertificateOrdersCreditCardContainer .error
      {
            color: red;       
      }

      
       #CertificateOrdersCreditCardContainer .heading
      {
            font-size: 14px;
            font-weight: bold;   
      }

      

      #CertificateOrdersCreditCardContainer #ReceiptMessage{
         font-size: 12px;       
     }

      #CertificateOrdersCreditCardContainer #ReceiptBody .row
      {
          margin-bottom: 20px;
      }

      

       #CertificateOrdersCreditCardContainer #ReceiptFooter
      {
         
          font-size: 10px;
          margin-top: 20px;
          margin-bottom: 10px;
      }

      

         /* Certificate Orders Pages #################################################      */

       #TransDetailsDownload {         
           text-align: right;         
       }

       #TransDetailsDownload a {
           font-size: 10px;         
           text-decoration: underline;
       }

    #OrderDetailsGridContainer  .k-grid{
       width: 800px;
       margin-top: 15px;
    } 

    #OrderDetailsGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #OrderDetailsGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #OrderDetailsGridContainer {
        margin-bottom: 10px;
    }

    #OrderDetailsGridContainer .row {
        margin-bottom: 10px;
    }


      /* Search Orders Details Pages #################################################      */

    #SearchOrderHeading
    {
        font-size: 14px;
        font-weight: bold;
        margin-top: 5px;
        margin-bottom: 5px;
    }
   
     #SearchOrderInformation .row
    {
        font-size: 12px;
    }


     #SearchOrderPageDetails
     {
        background-color: #d3d3d3;
         border-radius: 15px 0 15px 0;       
         padding-bottom: 20px;
         margin-top: 10px;
         padding-top: 10px;
     }

      #SearchOrderPageDetails .page-label
     {
        padding: 0;
     }

    /* Lodge certificate Details Pages #################################################      */
     #PaperCOESFilter
     {
        background-color: #d3d3d3;
         border-radius: 15px 0 15px 0;       
         padding-bottom: 20px;
         margin-top: 10px;
         padding-top: 10px;
         padding-left: 15px;
     }

      #ElectronicCOESFilter
     {
        background-color: #d3d3d3;
         border-radius: 15px 0 15px 0;       
         padding-bottom: 20px;
         margin-top: 10px;
         padding-top: 10px;
         padding-left: 15px;
     }

       /* Lodge NP certificate Details Pages #################################################      */


      #LodgeENPCOESPageDetailsContainer
      {
          margin-top: 5px;
      }

      #COESTitle{
          font-family: Tahoma;
          font-size: 12px;
          font-weight: bold;
          margin-top: 5px;
          margin-bottom: 5px;
      }

       #COESTitle{
          font-family: Tahoma;
          font-size: 12px;
          font-weight: bold;     
      }

       .COES-heading-row
       {
            font-family: Tahoma;
            font-size: 12px;
            font-weight: bold;     
          
       }

       .COES-heading-row-spacing
       {
             padding-bottom: 5px;
            padding-top: 5px;
       }

       .COES-row{
          padding-left: 10px;
       }

       .COES-value{
           font-size: 10px;
           font-family: Arial;
           font-weight: bold;
       }

       #LodgeENPCOESPageDetailsContainer .row
       {         
           margin-bottom: 5px;
       }

        #LodgeENPCOESPageDetailsContainer label
       {         
           font-weight: normal;
           font-size: 10px;
           font-family: Arial;
       }

        .COES-important-text
        {
            font-weight: bold;
        }

        .COES-checkbox-label
        {
            font-family: Arial;
            font-size: 10px;
        }

        #LodgeBtnGroup{
             text-align: right;
             margin-top: 10px;
        }

           /* Lodge P certificate Details Pages #################################################      */


        #LodgeEPCOESPageDetailsContainer
      {
          margin-top: 5px;
      }

       #LodgeEPCOESPageDetailsContainer .row
       {         
           margin-bottom: 5px;
       }

        #LodgeEPCOESPageDetailsContainer label
       {         
           font-weight: normal;
           font-size: 10px;
           font-family: Arial;
       }

        #LodgeEPCOESPageDetailsContainer input[type="checkbox"]
        {
            margin-left: 5px;
            font-size: 10px;
            font-family: Arial;
        }

        #LodgeEPCOESPageDetailsContainer #WorkType
        {
            text-decoration: underline;
        }





        /* Review Certificates #################################################      */
        

         #ReviewCertificatesGridContainer  .k-grid{
       width: 1400px;
       margin-top: 15px;
    } 

    #ReviewCertificatesGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #ReviewCertificatesGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #ReviewCertificatesGridContainer {
        margin-bottom: 10px;
    }

    #ReviewCertificatesGridContainer .row {
        margin-bottom: 10px;
    }

    
    /*Change Password Initial Page*/
    #ChangeInitialPasswordPageContainer > div
    {
        margin-top: 5px;
    }

      /* Review P COES #################################################   */
    #BackBtnGroup{
        text-align: right;
        margin-top: 5px;
    }

      /* Verify Certificates #################################################      */
        

    #ArrangeInspectionGridContainer  .k-grid{
       width: 1200px;
       margin-top: 15px;
    } 

    #ArrangeInspectionGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #ArrangeInspectionGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #ArrangeInspectionGridContainer {
        margin-bottom: 10px;
    }

    #ArrangeInspectionGridContainer .row {
        margin-bottom: 10px;
    }

     #ArrangeInspectionGridContainer select
     {
         width: 90%;
     }

       #ArrangeInspectionGridContainer input
     {
         width: 70%;
     }


    /* Inspection status Certificates #################################################      */
        

    #InspectionStatusGridContainer  .k-grid{
       width: 1000px;
       margin-top: 15px;
    } 

    #InspectionStatusGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #InspectionStatusGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #InspectionStatusGridContainer {
        margin-bottom: 10px;
    }

    #InspectionStatusGridContainer .row {
        margin-bottom: 10px;
    }



    /* Lodgement Activity  Pages #################################################      */
      #LodgementActivityBtnGroup > button {
         margin-top: 10px;       
    }



         /* Search certificates #################################################      */
        

         #SearchCertificatesResultsGridContainer  .k-grid{
       width: 1200px;
       margin-top: 15px;
    } 

    #SearchCertificatesResultsGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #SearchCertificatesResultsGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #SearchCertificatesResultsGridContainer {
        margin-bottom: 10px;
    }

    #SearchCertificatesResultsGridContainer .row {
        margin-bottom: 10px;
    }



    
       #SearchResultsDownload {         
           text-align: right;         
       }

       #SearchResultsDownload a {
           font-size: 10px;         
           text-decoration: underline;
       }


       
    /* Change my details #################################################      */
      
    #ChangeDetailsContainer .row
    {
        font-size: 10PX;
    }


    /* Change registration type details #################################################      */

    .ImportantText{
       font-size: 10px;
       font-weight: bold;       
    }




      /* Change partner details Pages #################################################      */

   
    #ChangePartnerDetailsContainer  .k-grid{
       width: 800px;
       margin-top: 10px;
    } 

    #ChangePartnerDetailsContainer  .k-grid-header th.k-header>.k-link{
        font-family: Arial;
        font-size: 10px;
        font-weight: bold;
    } 

     #ChangePartnerDetailsContainer   .k-grid tbody td{
        font-family: Arial;
        font-size: 10px;
    } 

     #ChangePartnerDetailsContainer {
        margin-bottom: 5px;
    }
   
   

     #ChangePartnerDetailsContainer .row {
        margin-bottom: 10px;
    }


        /*Renewal Details Pages #################################################      */


        #RenewalPageDetailsContainer
      {
          margin-top: 5px;
      }

       #RenewalPageDetailsContainer .row
       {         
           margin-bottom: 5px;
       }

       .renewal-data{
        font-family: Arial;
         font-size: 10px;
        
     }    

       #RenewalDetails button{
           font-size: 10px;
       }


    /* Worker List Pages #################################################      */

   
    #WorkerListContainer  .k-grid{
       width: 800px;
       margin-top: 10px;
    } 

    #WorkerListContainer  .k-grid-header th.k-header>.k-link{
        font-family: Arial;
        font-size: 10px;
        font-weight: bold;
    } 

     #WorkerListContainer   .k-grid tbody td{
        font-family: Arial;
        font-size: 10px;
    } 

     #WorkerListContainer {
        margin-bottom: 5px;
    }  

     #WorkersDetailsPage .row {
        margin-bottom: 10px;
    }



       /* Agent Certificate Orders Pages #################################################      */


    #AgentCertificateOrdersPageDetailsContainer
    {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    #AgentCertificateOrdersPageDetailsContainer .row
    {
        margin-bottom: 5px;
    }

   

    #AgentCertificateOrdersPageDetailsContainer #Tabs li > a > img {
        padding-right: 5px;
    }
    

     #AgentOpenOrdersGridContainer  .k-grid{
       width: 1000px;
       margin-top: 15px;
    } 

    #AgentOpenOrdersGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #AgentOpenOrdersGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #AgentOpenOrdersGridContainer {
        margin-bottom: 10px;
    }

    #AgentOpenOrdersGridContainer .row {
        margin-bottom: 10px;
    }

      /* Agent Certificate Sell Pages #################################################      */


    #AgentCertificateSellPageDetailsContainer
    {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    #AgentCertificateSellPageDetailsContainer .row
    {
        margin-bottom: 5px;
    }  

    #AgentCertificateSellPageDetailsContainer #Tabs li > a > img {
        padding-right: 5px;
    }

     #AgentCertificateSellPageDetailsContainer #Tabs li > a  {
        font-size: 10px;

    }
   

      #AgentCertificateSellPageDetailsContainer #Tabs li > a  {
        position: relative;
        display: block;
        padding: 10px 5px;
    }


        #AgentSellDetailsHeading
    {
        font-size: 14px !important; 
        font-weight: bold;
        margin-top: 5px;
        margin-bottom: 5px;

    }

        .agent-sell-sub-heading
        {
            border-bottom-style: solid;
            border-width: 1px;
            margin-left: 10px !important;
            margin-right: 10px !important;
        }

        
    #AgentCertificateDisplayDetails .row
   {
      
       margin-bottom: 0px;
   }

    #AgentCertificateDisplayDetails .agent-sell-sub-heading
   {      
       margin-bottom: 10px;
   }

    #AgentCertificateDisplayDetails .certificate-content
    {
        text-align: right;
        padding-right: 40px;
    }
    
    /* Agent View Sales Transactios Pages #################################################      */

   

    #AgentSalesTransactionsGridContainer  .k-grid{
       width: 800px;
       margin-top: 15px;
    } 

    #AgentSalesTransactionsGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #AgentSalesTransactionsGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #AgentSalesTransactionsGridContainer {
        margin-bottom: 10px;
    }

    #AgentSalesTransactionsGridContainer .row {
        margin-bottom: 10px;
    }

     /* Agent Certificate Stock Pages #################################################      */
    
        #AgentCOESStockInformation .row
        {
            margin-bottom: 0px;
        }

       .stock-coes-type
       {
           margin-top: 10px;
            background-color: #C0C0C0;
            FONT-WEIGHT: bold;
            FONT-SIZE: 12px;
            COLOR: black;
            FONT-FAMILY: Tahoma; 
            font-weight: bold;
            padding: 5px;
            text-align: center;
            border: 1px solid white;
       }

        .stock-coes-pack-type
        {
            background-color: #A9A9A9;
            FONT-SIZE: 10px;
            COLOR: black;
            LINE-HEIGHT: 15px;
            FONT-FAMILY: Arial;
            font-weight: bold;
            padding: 5px;
            text-align: center;
            border: 1px solid white;
        }

         .stock-coes-amount
        {
            background-color: #D3D3D3;
           FONT-SIZE: 10px;
            COLOR: black;
            LINE-HEIGHT: 15px;
            FONT-FAMILY: Arial;
            padding: 5px;
            text-align: center;
            border: 1px solid white;
        }

           .stock-coes-total
        {
            background-color: #C0C0C0;
            FONT-SIZE: 10px;
            COLOR: black;
            LINE-HEIGHT: 15px;
            FONT-FAMILY: Arial;
            font-weight: bold;
            padding: 5px;
            text-align: center;
            border: 1px solid white;
        }
   
           
          /* Agent Certificate trade Pages #################################################      */


             #AgentTransferPageDetails a{
            font-size: 10px;
            font-family: Arial;
            text-decoration: underline;
         
        }

        #AgentTransferPageDetails #Certificateelector .row .col-xs-6
        {
            padding-left:0;
        }


    /* Branch Details Pages #################################################      */

      
        #AgentHOBranchDetailsHeading
    {
        font-size: 14px !important; 
        font-weight: bold;
        margin-top: 5px;
        margin-bottom: 5px;

    }
        
    #AgentHOBranchDetailsContainer #Tabs li > a > img {
        padding-right: 5px;
    }


      #BranchDetailsGridContainer  .k-grid{
       width: 1000px;
       margin-top: 15px;
    } 

    #BranchDetailsGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #BranchDetailsGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #BranchDetailsGridContainer {
        margin-bottom: 10px;
    }

    #BranchDetailsGridContainer .row {
        margin-bottom: 10px;
    }

      /* Branch Search Details Pages #################################################      */

    #BranchResultsHeading
    {
        margin-top: 5px;
        margin-bottom: 5px;
    }

        /* LEI Verify Certificates #################################################      */
    
        #LEILodgeCertificatesPageDetailsContainer #InspectionRequestGridContainer  .k-grid{
       width: 1400px;
       margin-top: 15px;
    } 

    #LEILodgeCertificatesPageDetailsContainer #InspectionRequestGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #LEILodgeCertificatesPageDetailsContainer #InspectionRequestGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #LEILodgeCertificatesPageDetailsContainer #InspectionRequestGridContainer {
        margin-bottom: 10px;
    }

    #LEILodgeCertificatesPageDetailsContainer #InspectionRequestGridContainer .row {
        margin-bottom: 10px;
    }


      /* Waiting inspection #################################################      */

         #LEILodgeCertificatesPageDetailsContainer #WaitingInspectionGridContainer  .k-grid{
       width: 1400px;
       margin-top: 15px;
    } 

    #LEILodgeCertificatesPageDetailsContainer #WaitingInspectionGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #LEILodgeCertificatesPageDetailsContainer #WaitingInspectionGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #LEILodgeCertificatesPageDetailsContainer #WaitingInspectionGridContainer {
        margin-bottom: 10px;
    }

    #LEILodgeCertificatesPageDetailsContainer #WaitingInspectionGridContainer .row {
        margin-bottom: 10px;
    }


       /* INSP Verify Certificates #################################################      */
        

       #INSPVerifyCOESContainer  #VerifyCertificatesGridContainer  .k-grid{
       width: 1400px;
       margin-top: 15px;
    } 

    #INSPVerifyCOESContainer #VerifyCertificatesGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #INSPVerifyCOESContainer #VerifyCertificatesGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #INSPVerifyCOESContainer #VerifyCertificatesGridContainer {
        margin-bottom: 10px;
    }

    #INSPVerifyCOESContainer #VerifyCertificatesGridContainer .row {
        margin-bottom: 10px;
    }

      /* INSP Verify Certificates #################################################      */
        

       #INSPArrangeINSPContainer  #ArrangeInpsectionGridContainer  .k-grid{
       width: 900px;
       margin-top: 15px;
    } 

    #INSPArrangeINSPContainer #ArrangeInpsectionGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #INSPArrangeINSPContainer #ArrangeInpsectionGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #INSPArrangeINSPContainer #ArrangeInpsectionGridContainer {
        margin-bottom: 10px;
    }

    #INSPArrangeINSPContainer #ArrangeInpsectionGridContainer .row {
        margin-bottom: 10px;
    }


      /* INSP company Inspection Statuss #################################################      */
        

        #INSPInspectionStatusContainer  #InspectionStatusGridContainer  .k-grid{
       width: 1000px;
       margin-top: 15px;
    } 

     #INSPInspectionStatusContainer  #InspectionStatusGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

      #INSPInspectionStatusContainer  #InspectionStatusGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #INSPInspectionStatusContainer  #InspectionStatusGridContainer {
        margin-bottom: 10px;
    }

    #INSPInspectionStatusContainer  #InspectionStatusGridContainer {
        margin-bottom: 10px;
    }
    
}


 /* Media queries - large #################################################      */

@media screen and (min-width: 768px) {  
  
    /* Login #################################################      */

  #LoginHeading{
	font-size: 16px; 
	font-weight: bolder;
	margin-bottom: 10px;
    }
  
  .login-help{
	margin-top: 10px;
    }
  
  .login-information{
	font-size: 14px;  
    }
  
  .login-label  {
	font-size: 16px;
	font-weight: bold;  
    padding-top: 7px;
    } 
  
  #LoginContainer div  {
	margin-bottom: 10px;	
    }
  
  #LoginFooter .row  {
	font-size: 12px;	  
    }
  
   #LoginFooterLinks > div  { 
	float: left;
	padding-left: 30px;
    }  

    /* Common Pages #################################################      */

     
    #PageTitle{
       font-size: 17px; 
	    color: darkblue;
	    margin-bottom: 10px;
        margin-top: 10px;
    }

     #PageInformation{
        font-size: 14px; 
    }

    .page-info {
        font-size: 14px; 
    }

     .page-info-margin
     {
         margin-top: 10px;
         margin-bottom: 10px;
     }

     .page-heading    {
        font-weight: bold;
        font-size: 15px;
        font-family: Tahoma;
    }

    .page-text {
         font-family: Arial;
         font-size: 12px;
     }
  
    .page-label{
        font-family: Arial;
         font-size: 12px;
          padding-top: 7px;
     }

    .page-label-heading{
        font-family: Arial;
         font-size: 12px;
         font-weight: bold;
     }

     .page-value{
         font-family: Tahoma;
         font-size: 15px;
         font-weight: bold;
     }

     .page-label-right{
         text-align: right;
     }


      .page-input{
        font-family: Arial;
         font-size: 12px;     
     }

     .form-margin{
         margin-top: 10px;
     }

     .form-control
     {
         font-size:12px;
         font-family: Tahoma;
     }

     .heading
     {
         font-size: 14px;
         font-weight: bold;
         margin-top: 15px;
        
     }

      .radio-label{
        font-family: Arial;
         font-size: 12px;         
     }

    /* Profile Pages #################################################      */
    #RegistrationDetails{
        margin-top: 5px;
     }
     #RegistrationDetails .row{
         margin-bottom: 5px;       
     }

     #AddressDetails{
         padding-left: 50px;
         margin-top: 10px;
     }

    

     #AddressInformation .radio{
         margin-top:0;
     }

     #AddressInformation .radio label{
         padding-right: 20px;
     }



    #ProfilePageDetails textarea{
         font-family: Tahoma;
         font-size: 11px;
     }

    #ProfilePageDetails input[type=text]{
         font-family: Tahoma;
         font-size: 11px;
     }

    #ProfilePageDetails select{
         font-family: Tahoma;
         font-size: 11px;
     }
        

      #AddressDetails .row{
          margin-top: 5px;
      }

      #AddressInformation .row{
          margin-top: 10px;
      }

      #ContactContainer{
          margin-top: 10px;
      }

       #ContactContainer .row{
          margin-top: 10px;
      }

    #ContactContainer .comm-type-std{
        display: inline-block;
        width: 30%;              
    }
    #ContactContainer .comm-type{
        display: inline-block;
        width: 65%;              
    }

     #RegistrationDetails .page-label
    {
        padding-top: 3px;
    }

      #RegistrationDetails .page-label.input-text
   {
       padding-top: 7px;
   }

    .address-page-label{
        font-family: Arial;
         font-size: 12px;
     }

    #AddressInformation .location-label {
        font-family: Arial;
        font-size: 12px;  
    }

    #AddressInformation .address-label {
        font-family: Arial;
        font-size: 12px;   
    }

      #ContactPersonContainer .comm-type-std{
        display: inline-block;
        width: 30%;              
    }
    #ContactPersonContainer .comm-type{
        display: inline-block;
        width: 65%;              
    }

      #ContactPersonContainer{
          margin-top: 10px;          
      }

      #ContactPersonContainer{
          margin-top: 10px;
      }



    /* Correspondence Pages #################################################      */

    #Filter {
        font-family: Tahoma;
        font-size: 12px;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    #CorrespondenceDetailsContainer  .k-grid{
       width: 800px;
    } 

    #CorrespondenceDetailsContainer  .k-grid-header th.k-header>.k-link{
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    } 

     #CorrespondenceDetailsContainer   .k-grid tbody td{
        font-family: Arial;
        font-size: 12px;
    } 

     #CorrespondenceBtnContainer {
        margin-bottom: 10px;
    }

      /* Business Nominee Pages #################################################      */

   
    #BusNomDetailsContainer  .k-grid{
       width: 800px;
       margin-top: 15px;
    } 

    #BusNomDetailsContainer  .k-grid-header th.k-header>.k-link{
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    } 

     #BusNomDetailsContainer   .k-grid tbody td{
        font-family: Arial;
        font-size: 12px;
    } 

     #BusNomDetailsContainer {
        margin-bottom: 10px;
    }

    #BusNomPageDetails .row {
        margin-bottom: 10px;
    }

    /* Tech Nominee Pages #################################################      */

   
    #TechNomDetailsContainer  .k-grid{
       width: 800px;
       margin-top: 15px;
    } 

    #TechNomDetailsContainer  .k-grid-header th.k-header>.k-link{
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    } 

     #TechNomDetailsContainer   .k-grid tbody td{
        font-family: Arial;
        font-size: 12px;
    } 

     #TechNomDetailsContainer {
        margin-bottom: 10px;
    }

    #TechNomPageDetails .row {
        margin-bottom: 10px;
    }
    

     /* Certificate Orders Pages #################################################      */


    #CertificateOrdersPageDetailsContainer
    {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    #CertificateOrdersPageDetailsContainer .row
    {
        margin-bottom: 10px;
    }

    #SelectOrderType
    {
        margin-left: 20px;        
    }

    .order-heading
    {
        font-size: 14px;
        font-weight: bold;
    }

    #CertificateOrdersPageDetailsContainer #Tabs li > a > img {
        padding-right: 10px;
    }

    .certificate-type
    {
        font-size:14px;
    }

     /* Certificate Orders Details Pages #################################################      */

    #OrderDetailsHeading
    {
        font-size: 17px;
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 10px;
    }
   
     #OrderDetailsInformation .row
    {
        font-size: 14px;
    }

    /* Certificate Orders Credit Card Payment Pages #################################################      */

     #PaymentMessage
     {
         font-size: 20px;
         font-weight: bold;
     }

     #BankInfoContainer
     {
         margin-top: 10px;
     }


     /* Certificate Orders Credit Card Pass / Fail Pages #################################################      */

     #ReceiptInfoContainer{
         border: solid;
         border-width: 1px;
         border-color: #CCC;
         margin-top: 20px;       
        text-align: center;

     }

     #CertificateOrdersCreditCardContainer #ReceiptHeading
     {
         text-align: center;
         margin-bottom: 40px;
     }

     #CertificateOrdersCreditCardContainer #ReceiptStatus{
         font-size: 16px;
         font-weight: bold;
        
     }

      #CertificateOrdersCreditCardContainer .error
      {
            color: red;       
      }

       #CertificateOrdersCreditCardContainer .heading
      {
            font-size: 16px;
            font-weight: bold;   
      }

      #CertificateOrdersCreditCardContainer #ReceiptMessage{
         font-size: 14px;       
     }

      #CertificateOrdersCreditCardContainer #ReceiptBody .row
      {
          margin-bottom: 20px;
            margin-left: 20px;
         margin-right: 20px;
      }

       #CertificateOrdersCreditCardContainer #ReceiptFooter
      {
         
          font-size: 10px;
          margin-top: 40px;
          margin-bottom: 20px;
      }

        /* Certificate Orders Pages #################################################      */

         #TransDetailsDownload {         
           text-align: right;         
       }

       #TransDetailsDownload a {
           font-size: 12px;
           text-align: right;
           text-decoration: underline;
       }

    #OrderDetailsGridContainer  .k-grid{
       width: 800px;
       margin-top: 15px;
    } 

    #OrderDetailsGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #OrderDetailsGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #OrderDetailsGridContainer {
        margin-bottom: 10px;
    }

    #OrderDetailsGridContainer .row {
        margin-bottom: 10px;
    }

    
     /* Search Orders Details Pages #################################################      */

    #SearchOrderHeading
    {
        font-size: 17px;
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 10px;
    }
   
     #SearchOrderInformation .row
    {
        font-size: 14px;
    }


     #SearchOrderPageDetails
     {
        background-color: #d3d3d3;
         border-radius: 15px 0 15px 0;       
         padding-bottom: 20px;
         margin-top: 10px;
         padding-top: 10px;
     }


      /* Lodge certificate Details Pages #################################################      */
     #PaperCOESFilter
     {
        background-color: #d3d3d3;
         border-radius: 15px 0 15px 0;       
         padding-bottom: 20px;
         margin-top: 10px;
         padding-top: 10px;
         padding-left: 15px;
     }

      #ElectronicCOESFilter
     {
        background-color: #d3d3d3;
         border-radius: 15px 0 15px 0;       
         padding-bottom: 20px;
         margin-top: 10px;
         padding-top: 10px;
         padding-left: 15px;
     }


      
      /* Lodge NP certificate Details Pages #################################################      */


      #LodgeENPCOESPageDetailsContainer
      {
          margin-top: 10px;
      }

      #COESTitle{
          font-family: Tahoma;
          font-size: 14px;
          font-weight: bold;
          margin-top: 10px;
          margin-bottom: 10px;
      }

       #COESTitle{
          font-family: Tahoma;
          font-size: 14px;
          font-weight: bold;     
      }

       .COES-heading-row
       {
            font-family: Tahoma;
            font-size: 14px;
            font-weight: bold;     
          
       }

       .COES-heading-row-spacing
       {
             padding-bottom: 10px;
            padding-top: 10px;
       }

       .COES-row{
          padding-left: 20px;
       }

       .COES-value{
           font-size: 12px;
           font-family: Arial;
           font-weight: bold;
       }

       #LodgeENPCOESPageDetailsContainer .row
       {         
           margin-bottom: 5px;
       }

        #LodgeENPCOESPageDetailsContainer label
       {         
           font-weight: normal;
           font-size: 12px;
           font-family: Arial;
       }

        .COES-important-text
        {
            font-weight: bold;
        }

        .COES-checkbox-label
        {
            font-family: Arial;
            font-size: 12px;
        }

        #LodgeBtnGroup{
             text-align: right;
             margin-top: 10px;
        }

         /* Lodge P certificate Details Pages #################################################      */


        #LodgeEPCOESPageDetailsContainer
      {
          margin-top: 10px;
      }

       #LodgeEPCOESPageDetailsContainer .row
       {         
           margin-bottom: 5px;
       }

        #LodgeEPCOESPageDetailsContainer label
       {         
           font-weight: normal;
           font-size: 12px;
           font-family: Arial;
       }

        #LodgeEPCOESPageDetailsContainer input[type="checkbox"]
        {
            margin-left: 5px;
            font-size: 12px;
            font-family: Arial;
        }

        #LodgeEPCOESPageDetailsContainer #WorkType
        {
            text-decoration: underline;
        }

    /* Review Certificates #################################################      */
        

         #ReviewCertificatesGridContainer  .k-grid{
       width: 1400px;
       margin-top: 15px;
    } 

    #ReviewCertificatesGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #ReviewCertificatesGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #ReviewCertificatesGridContainer {
        margin-bottom: 10px;
    }

    #ReviewCertificatesGridContainer .row {
        margin-bottom: 10px;
    }


    /*Change Password Initial Page #################################################  */
    #ChangeInitialPasswordPageContainer > div
    {
        margin-top: 10px;
    }



     /* Review P COES #################################################   */
    #BackBtnGroup{
        text-align: right;
        margin-top: 10px;
    }



     /* Verify Certificates #################################################      */
        

    #ArrangeInspectionGridContainer  .k-grid{
       width: 1200px;
       margin-top: 15px;
    } 

    #ArrangeInspectionGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #ArrangeInspectionGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #ArrangeInspectionGridContainer {
        margin-bottom: 10px;
    }

    #ArrangeInspectionGridContainer .row {
        margin-bottom: 10px;
    }

     #ArrangeInspectionGridContainer select
     {
         width: 90%;
     }

       #ArrangeInspectionGridContainer input
     {
         width: 70%;
     }


    /* Inspection status Certificates #################################################      */
        

    #InspectionStatusGridContainer  .k-grid{
       width: 1000px;
       margin-top: 15px;
    } 

    #InspectionStatusGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #InspectionStatusGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #InspectionStatusGridContainer {
        margin-bottom: 10px;
    }

    #InspectionStatusGridContainer .row {
        margin-bottom: 10px;
    }

     /* Search Certificates #################################################      */
        

         #SearchCertificatesResultsGridContainer  .k-grid{
       width: 1200px;
       margin-top: 15px;
    } 

    #SearchCertificatesResultsGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #SearchCertificatesResultsGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #SearchCertificatesResultsGridContainer {
        margin-bottom: 10px;
    }

    #SearchCertificatesResultsGridContainer .row {
        margin-bottom: 10px;
    }


    
    
       #SearchResultsDownload {         
           text-align: right;         
       }

       #SearchResultsDownload a {
           font-size: 12px;         
           text-decoration: underline;
       }



           
    /* Change my details #################################################      */
      
    #ChangeDetailsContainer .row
    {
        font-size: 12PX;
    }


    /* Change registration type details #################################################      */

    .ImportantText{
       font-size: 14px;
       font-weight: bold;       
    }

    .ImportantRedText{
        color: red;
         font-size: 14px;
       font-weight: bold;      
    }

    #ChangeRegistrationTypePageDetails .row
    {
        text-align: center;
    }

     #ChangeRegistrationTypePageDetails .row.attachment
    {
        text-align: left;
    }


       /* Change Partner Details Pages #################################################      */

   
    #ChangePartnerDetailsContainer  .k-grid{
       width: 800px;
       margin-top: 15px;
    } 

    #ChangePartnerDetailsContainer  .k-grid-header th.k-header>.k-link{
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    } 

     #ChangePartnerDetailsContainer   .k-grid tbody td{
        font-family: Arial;
        font-size: 12px;
    } 

     #ChangePartnerDetailsContainer {
        margin-bottom: 10px;
    }

    #ChangePartnerDetailsContainer .row {
        margin-bottom: 10px;
    }


      /*Renewal Details Pages #################################################      */


    #RenewalPageDetailsContainer
      {
          margin-top: 10px;
      }

       #RenewalPageDetailsContainer > .row
       {         
           margin-bottom: 10px;
       }

         .renewal-label
   {
        background-color: #d3d3d3;
       height:50px;
   }

           .renewal-data{
        font-family: Arial;
         font-size: 12px;
        
     }    


    /* Worker List Pages #################################################      */

   
    #WorkerListContainer  .k-grid{
       width: 800px;
       margin-top: 15px;
    } 

    #WorkerListContainer  .k-grid-header th.k-header>.k-link{
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    } 

     #WorkerListContainer   .k-grid tbody td{
        font-family: Arial;
        font-size: 12px;
    } 

     #WorkerListContainer {
        margin-bottom: 10px;
    }

    #WorkerListDetails .row {
        margin-bottom: 10px;
    }

     /* Agent Certificate Orders Pages #################################################      */


    #AgentCertificateOrdersPageDetailsContainer
    {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    #AgentCertificateOrdersPageDetailsContainer .row
    {
        margin-bottom: 10px;
    }

  

    #AgentCertificateOrdersPageDetailsContainer #Tabs li > a > img {
        padding-right: 10px;
    }


     
    #AgentOpenOrdersGridContainer  .k-grid{
       width: 1000px;
       margin-top: 15px;
    } 

    #AgentOpenOrdersGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #AgentOpenOrdersGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #AgentOpenOrdersGridContainer {
        margin-bottom: 10px;
    }

    #AgentOpenOrdersGridContainer .row {
        margin-bottom: 10px;
    }

     /* Agent Certificate Sell Pages #################################################      */


    #AgentCertificateSellPageDetailsContainer
    {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    #AgentCertificateSellPageDetailsContainer .row
    {
        margin-bottom: 10px;
    }  

    #AgentCertificateSellPageDetailsContainer #Tabs li > a > img {
        padding-right: 10px;
    }

     #AgentCertificateSellPageDetailsContainer #Tabs li > a  {
        font-size: 13px;

    }
   

      #AgentCertificateSellPageDetailsContainer #Tabs li > a  {
        position: relative;
        display: block;
        padding: 10px 5px;
    }
   

     
    #AgentSellDetailsHeading
    {
        font-size: 17px;
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 10px;
    }
      
    .agent-sell-sub-heading
    {
        border-bottom-style: solid;
        border-width: 1px;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    #AgentCertificateDisplayDetails .row
   {
      
       margin-bottom: 0px;
   }

    #AgentCertificateDisplayDetails .agent-sell-sub-heading
   {      
       margin-bottom: 10px;
   }

    #AgentCertificateDisplayDetails .certificate-content
    {
        text-align: right;
        padding-right: 40px;
    }

      /* Agent View Sales Transactios Pages #################################################      */

    #AgentSalesTransactionsGridContainer  .k-grid{
       width: 800px;
       margin-top: 15px;
    } 

    #AgentSalesTransactionsGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #AgentSalesTransactionsGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #AgentSalesTransactionsGridContainer {
        margin-bottom: 10px;
    }

    #AgentSalesTransactionsGridContainer .row {
        margin-bottom: 10px;
    }

       /* Agent Certificate Stock Pages #################################################      */
    
        #AgentCOESStockInformation .row
        {
            margin-bottom: 0px;
        }

       .stock-coes-type
       {
            background-color: #C0C0C0;
            FONT-WEIGHT: bold;
            FONT-SIZE: 15px;
            COLOR: black;
            FONT-FAMILY: Tahoma; 
            font-weight: bold;
            padding: 5px;
            text-align: center;
            border: 1px solid white;
       }

        .stock-coes-pack-type
        {
            background-color: #A9A9A9;
            FONT-SIZE: 12px;
            COLOR: black;
            LINE-HEIGHT: 15px;
            FONT-FAMILY: Arial;
            font-weight: bold;
            padding: 5px;
            text-align: center;
            border: 1px solid white;
        }

         .stock-coes-amount
        {
            background-color: #D3D3D3;
           FONT-SIZE: 12px;
            COLOR: black;
            LINE-HEIGHT: 15px;
            FONT-FAMILY: Arial;
            padding: 5px;
            text-align: center;
            border: 1px solid white;
        }

           .stock-coes-total
        {
            background-color: #C0C0C0;
            FONT-SIZE: 12px;
            COLOR: black;
            LINE-HEIGHT: 15px;
            FONT-FAMILY: Arial;
            font-weight: bold;
            padding: 5px;
            text-align: center;
            border: 1px solid white;
        }
           
     

          /* Agent Certificate trade Pages #################################################      */


             #AgentTransferPageDetails a{
            font-size: 12px;
            font-family: Arial;
            text-decoration: underline;
         
        }

        #AgentTransferPageDetails #Certificateelector .row .col-sm-6
        {
            padding-left:0;
        }
   

         /* Branch Details Pages #################################################      */


           #AgentHOBranchDetailsHeading
    {
        font-size: 17px;
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        
    #AgentHOBranchDetailsContainer #Tabs li > a > img {
        padding-right: 10px;
    }


     
    #BranchDetailsGridContainer  .k-grid{
       width: 1000px;
       margin-top: 15px;
    } 

    #BranchDetailsGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

     #BranchDetailsGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

     #BranchDetailsGridContainer {
        margin-bottom: 10px;
    }

    #BranchDetailsGridContainer .row {
        margin-bottom: 10px;
    }

        /* Branch Search Details Pages #################################################      */

    #BranchResultsHeading
    {
        margin-top: 10px;
        margin-bottom: 10px;
    }




       /* LEI Verify Certificates #################################################      */
        
       
        #LEILodgeCertificatesPageDetailsContainer #InspectionRequestGridContainer  .k-grid{
       width: 1000px;
       margin-top: 15px;
    } 

     #LEILodgeCertificatesPageDetailsContainer #InspectionRequestGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

      #LEILodgeCertificatesPageDetailsContainer #InspectionRequestGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

      #LEILodgeCertificatesPageDetailsContainer #InspectionRequestGridContainer {
        margin-bottom: 10px;
    }

    #LEILodgeCertificatesPageDetailsContainer #InspectionRequestGridContainer .row {
        margin-bottom: 10px;
    }

   
      /* Waiting inspection #################################################      */



         #LEILodgeCertificatesPageDetailsContainer #WaitingInspectionGridContainer  .k-grid{
       width: 1400px;
       margin-top: 15px;
    } 

     #LEILodgeCertificatesPageDetailsContainer #WaitingInspectionGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

      #LEILodgeCertificatesPageDetailsContainer #WaitingInspectionGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

      #LEILodgeCertificatesPageDetailsContainer #WaitingInspectionGridContainer {
        margin-bottom: 10px;
    }

    #LEILodgeCertificatesPageDetailsContainer #WaitingInspectionGridContainer .row {
        margin-bottom: 10px;
    }


      /* Review Certificates #################################################      */
        

       #INSPVerifyCOESContainer  #VerifyCertificatesGridContainer  .k-grid{
       width: 1100px;
       margin-top: 15px;
    } 

     #INSPVerifyCOESContainer #VerifyCertificatesGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

      #INSPVerifyCOESContainer #VerifyCertificatesGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

      #INSPVerifyCOESContainer #VerifyCertificatesGridContainer {
        margin-bottom: 10px;
    }

     #INSPVerifyCOESContainer #VerifyCertificatesGridContainer .row {
        margin-bottom: 10px;
    }

      /* INSP company Arrange Inspection Certificates #################################################      */
        

       #INSPArrangeINSPContainer  #ArrangeInpsectionGridContainer  .k-grid{
       width: 900px;
       margin-top: 15px;
    } 

     #INSPArrangeINSPContainer #ArrangeInpsectionGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

      #INSPArrangeINSPContainer #ArrangeInpsectionGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

      #INSPArrangeINSPContainer #ArrangeInpsectionGridContainer {
        margin-bottom: 10px;
    }

     #INSPArrangeINSPContainer #ArrangeInpsectionGridContainer .row {
        margin-bottom: 10px;
    }

     /* INSP company Inspection Statuss #################################################      */
        

       #INSPInspectionStatusContainer  #InspectionStatusGridContainer  .k-grid{
       width: 1000px;
       margin-top: 15px;
    } 

     #INSPInspectionStatusContainer #InspectionStatusGridContainer  .k-grid-header th.k-header>.k-link{
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    } 

      #INSPInspectionStatusContainer #InspectionStatusGridContainer   .k-grid tbody td{
        font-family: Tahoma;
        font-size: 11px;
    } 

      #INSPInspectionStatusContainer #InspectionStatusGridContainer {
        margin-bottom: 10px;
    }

     #INSPInspectionStatusContainer #InspectionStatusGridContainer .row {
        margin-bottom: 10px;
    }

/* styles for validation helpers */
    .field-validation-error {
        color: #b94a48;
    }

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

    input.input-validation-error {
        border: 1px solid #b94a48;
    }

    input[type="checkbox"].input-validation-error {
        border: 0 none;
    }

    .validation-summary-errors {
        color: #b94a48;
    }

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

    /*.error
    {
        border: 1px solid #b94a48;
       
    }*/

}