﻿body {
    margin: 0;
    padding: 0;
    clear: both;
    min-height: 100vh;
    position: relative;
}

#wrapper {
    margin: 0 auto;
    min-width: 1000px;
    max-width: 3000px;
    position: relative;
    min-height: 100vh;
}



#main-body {
    padding-bottom: 210px;
}



#footer {
    height: 210px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #333333;
    color: #b7d6d6;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
}

.footer-word {
    text-align: center;
}

    .footer-word a {
        color: #7AE8FF;
        text-decoration: none;
    }

.logoplacement {
    height: 130px;
    width: 330px;
}

/*wrapper*/

.wrap
{
   min-width:800px;
   max-width:1600px;
   margin:0 auto;
  
}

.linedstyle {
    margin: 0 auto;
    height: 10px;
    background-image: -webkit-linear-gradient(left, #fff, #ADADAD, #fff);
    background-image: -moz-linear-gradient(left, #fff, #ADADAD, #fff);
    background-image: -ms-linear-gradient(left, #fff, #ADADAD, #fff);
    background-image: -o-linear-gradient(left, #fff, #ADADAD, #fff);
}


.footer
{
       position: relative;
    background: #040404;
 
          height:100px;
       
}

.footerword
{
      
       
      
    
  position: absolute;
   top:50%;
    width: 100%;
    z-index:2;
    
  color:#fff;
    text-align:center;
    color:#FFF;
    font-family:Calibri Light;
   
    font-size:medium;
  
}



.footer:before
{
     content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.1;
      background: url(wp2.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;

}



/*font face */

@font-face {
	font-family: 'Conv_Lato-Black';
	src: url('fonts1/Lato-Black.eot');
	src: local('â˜º'), url('fonts1/Lato-Black.woff') format('woff'), url('fonts/Lato-Black.ttf') format('truetype'), url('fonts/Lato-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Conv_Ubuntu-C';
	src: url('fonts1/Ubuntu-C.eot');
	src: local('â˜º'), url('fonts1/Ubuntu-C.woff') format('woff'), url('fonts/Ubuntu-C.ttf') format('truetype'), url('fonts/Ubuntu-C.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.divheader2 {
       background: -webkit-linear-gradient(#373737, #4F4B4B);
    background: -moz-linear-gradient(#373737, #4F4B4B);
    background: -o-linear-gradient(#373737, #4F4B4B);
    background: linear-gradient(#373737, #4F4B4B);
  border-bottom: solid 5px #C2C4C5;
  float:right;
 width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
	height:52px;
	font-family: Conv_Ubuntu-C;
}


.divheader2 li { float:right; }
.divheader2 li a {
   transition:0.4s;
	padding:16.5px 20px;
	display:block;
	color:#fff;
	text-decoration:none;
	
	 font-size:medium;
}

/* Submenu */
.divheader2 ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
}
.divheader2 li:hover  
{
    
    position:relative; 
    
    
      background-color:#C1C1C1;
    
    }
    
    .divheader2 .rigtli:hover
    {
       background-color:Transparent;
       cursor:default;
    }
    
   .diverheader2. a:active
    {
       cursor:default;
    }


/*progress bar*/

.breadcrumb {
	     width:100%;
 font-family:Tahoma;
	  background: -webkit-linear-gradient(#373737, #4F4B4B);
    background: -moz-linear-gradient(#373737, #4F4B4B);
    background: -o-linear-gradient(#373737, #4F4B4B);
    background: linear-gradient(#373737, #4F4B4B);
	display: inline-block;

box-shadow: 0 4px 4px -2px #B6B6B6;
    -moz-box-shadow: 0 4px 4px -2px #B6B6B6;
    -webkit-box-shadow: 0 4px 4px -2px #B6B6B6;
        -o-box-shadow: 0 4px 4px -2px #B6B6B6;   
	overflow: hidden;
	
}

.breadcrumb a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	
	 
    font-size:small;
	
	line-height: 44px;
	color: white;
	

	padding: 0 30px 0 60px;
	
	background: #666;
	background: linear-gradient(#666, #333);

	position: relative;
}

.breadcrumb a:first-child {
	padding-left: 46px;

}
.breadcrumb a:first-child:before {
	left: 14px;
}
.breadcrumb a:last-child {

}


.breadcrumb a.active
{
background: linear-gradient(#61BDEE,#0CAAFF);


}

.breadcrumb a.active:after{
	background: #333;
	background: linear-gradient(135deg, #61BDEE, #0CAAFF);

}

.breadcrumb a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -22px; 

	width: 44px; 
	height: 44px;
	
 
	-webkit-transform: scale(0.707) rotate(45deg);
	-moz-transform: scale(0.707) rotate(45deg);
	-o-transform: scale(0.707) rotate(45deg);
		-ms-transform: scale(0.707) rotate(45deg);
	
	z-index: 1;

	background: #666;
	background: linear-gradient(135deg, #666, #333);

	box-shadow: 
		2px -2px 0 2px rgba(0, 0, 0, 0.4), 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	
	-webkit-border-radius: 0 5px 0 50px;
	-moz-border-radius: 0 5px 0 50px;
	-o-border-radius: 0 5px 0 50px;
	-ms-border-radius: 0 5px 0 50px;
}

.breadcrumb a:last-child:after {
	content: none;
}

.breadcrumb a:before {

	-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
			-o-border-radius: 100%;
			-ms-border-radius: 100%;
	width: 28px;
	height: 28px;
	line-height: 28px;
	margin: 8px 0;
	position: absolute;
	top: 0;
	left: 30px;
	background: #444;
	background: linear-gradient(#444, #222);

	font-weight: bold;
}





/*2nd bar*/






.breadcrumb2 a 
{
font-size:small;
	text-decoration: none;
	outline: none;
	display: block;
	float: left;

	line-height: 44px;
	color:#DE7421;
	
	/*need more margin on the left of links to accomodate the numbers*/
	padding: 0 30px 0 60px;
	
	background: #666;
	background: linear-gradient(#666, #333);
	
	
	position: relative;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.breadcrumb2 a:first-child {
	padding-left: 46px;
	/*-webkit-border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.breadcrumb2 a:first-child:before {
	left: 14px;
}
.breadcrumb2 a:last-child {
	/*-webkit-border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
}




.breadcrumb2 a.active
{
    background: #333;
	background: linear-gradient(#333, #000); 
	
}

.breadcrumb2 a.active:after{
	background: #333;
	background: linear-gradient(135deg, #333, #000);

}




/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.breadcrumb2 a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -22px; /*half of square's length*/
	/*same dimension as the line-height of .breadcrumb a */
	width: 44px; 
	height: 44px;
	/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
 
	-webkit-transform: scale(0.707) rotate(45deg);
	-moz-transform: scale(0.707) rotate(45deg);
	-o-transform: scale(0.707) rotate(45deg);
	-ms-transform: scale(0.707) rotate(45deg);
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #666;
	background: linear-gradient(135deg, #666, #333);
	
	box-shadow: 
		2px -2px 0 2px rgba(0, 0, 0, 0.4), 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	/*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
	-webkit-border-radius: 0 5px 0 50px;
	-moz-border-radius: 0 5px 0 50px;
	-o-border-radius: 0 5px 0 50px;
	-ms-border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.breadcrumb2 a:last-child:after {
	content: none;
}
/*we will use the :before element to show numbers*/
.breadcrumb2 a:before {
	/*content: counter(flag);*/
	/*counter-increment: flag;*/
	/*some styles now*/
	-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
			-o-border-radius: 100%;
			-ms-border-radius: 100%;
	width: 28px;
	height: 28px;
	line-height: 28px;
	margin: 8px 0;
	position: absolute;
	top: 0;
	left: 30px;
	background: #444;
	background: linear-gradient(#444, #222);
	
	font-weight: bold;
}



/*nav menu*/

.nav ul
{
     background: -webkit-linear-gradient(top,#FFFFFF,#F7F7F7,#EDEDED);
     background: -o-linear-gradient(top,#FFFFFF,#F7F7F7,#EDEDED);
     background: -moz-linear-gradient(top,#FFFFFF,#F7F7F7,#EDEDED);
     background: -ms-linear-gradient(top,#FFFFFF,#F7F7F7,#EDEDED);
     background: -linear-gradient(top,#FFFFFF,#F7F7F7,#EDEDED);
     font-size:1em;
     margin:0;
     overflow:hidden;
 
     font-family: Calibri Light;
     color: #848484;
     box-shadow: 0px 3px 8px rgb(209,209,209);
    -webkit-box-shadow: 0px 3px 8px rgb(209,209,209);
    -moz-box-shadow: 0px 3px 8px rgb(240,240,240);
    -ms-box-shadow: 0px 3px 8px rgb(240,240,240);
    -o-box-shadow: 0px 3px 8px rgb(240,240,240);
}

.nav ul li
{
    float: left;
    list-style: none;   
    padding: 15px 25px 15px 25px;
   
}

.nav ul li a
{
    text-decoration: none;
    color: #333;
}

.nav ul li:after
{
    content: '';
    display: block;
    height: 2px;
    width: 0px;
    background: transparent;
     cursor:pointer;
    transition: width .6s ease, background-color .6s ease;
}

.nav ul li:hover:after
{
    width: 100%;
    background: #06F7A0;
}

.nav ul li:nth-child(2) 
{
    border-right:1px solid #E1E1E1;
}

.nav ul li:nth-child(3) 
{
    border-right:1px solid #E1E1E1;
}


.nav .floattoright
{
    float: right;
}

.nav .floattoleft
{
     float: left;
}


.nav .unclickable:after
{
    content: '';
    display: block;
    height: 2px;
    width: 0px;
    background: transparent;
    
    transition: width .6s ease, background-color .6s ease;
}

.nav .unclickable:hover:after
{
        background: transparent;
 
}

.nav .logo
{
   height:20px;
   padding:0;
}

/*Containers*/

.containerstepindicator
{
   background:#F5F5F5;
    height:120px;
 width:100%;


}

.containersubscription
{
    margin:0 auto;
    background:-webkit-linear-gradient(top,#FFFFFF,#F6F6F6,#ECEAEA,#DAD9D9);
     background:-ms-linear-gradient(top,#FFFFFF,#F6F6F6,#ECEAEA,#DAD9D9);
      background:-moz-linear-gradient(top,#FFFFFF,#F6F6F6,#ECEAEA,#DAD9D9);
       background:-o-linear-gradient(top,#FFFFFF,#F6F6F6,#ECEAEA,#DAD9D9);
       background:-linear-gradient(top,#FFFFFF,#F6F6F6,#ECEAEA,#DAD9D9);
       border:1px solid #F5F4F4;
    min-height:500px;
    width:99%;
}

/*step indicator*/

.stepindicator
{
   counter-reset: step;
  
  margin:0 auto;
  width:70%;

  padding:15px 0 0 0;
}

.stepindicator li
{
    float:left;
   list-style:none;
   width:20%;
   position:relative;
    text-align:center;
 
}

.stepindicator li:before
{
    
    content: counter(step);
    counter-increment:step;
    width:20px;
    padding:20px;
    
        color:#818181;
     font-family: Calibri Light;
   font-size:16px;
    
    position:relative;
    z-index:2;
    border:1px solid #D4D4D4;
    display:block;
    text-align:center;
    margin:0 auto 10px auto;
    border-radius:50%;
}



.stepindicator li:after
{
    content:'';
    position:absolute;
    width:100%;
    height:1px;
    background-color:#D4D4D4;
    top:60.4px;
    left:-50%;
    z-index:1;
}

.stepindicator li:nth-child(1):after 
{
    
content:none; 

}

.stepindicator li a
{
    text-decoration:none;
 font-family: Verdana;
 font-size:1em;
 color:#818181;
}

.stepindicator li a:hover
{
    
}

.stepindicator li.active
{

    color:#07A0FE;
}

.stepindicator li.active:before
{
          border-color: #07A0FE;
           color:#07A0FE;
      
}

.stepindicator li.active a
{
           color:#07A0FE;
          font-size:1em;
       
}

/* .stepindicator li.active + li:after
{
    background-color:#07A0FE;
}
*/

.stepindicator li:nth-child(2):before
{
    
 border-color: #07A0FE;
           color:#07A0FE;
}

.stepindicator li:nth-child(2):after
{
    background-color:#07A0FE;
}



.img
{
   position:absolute;
    height:40px;
   top:5px;
   left:20px;
}

  
 
  /*spaceing*/
.spacing10
{
    width:100%;
   height:10px;
}

.spacing20
{
    width:100%;
   height:20px;
}

.spacing30
{
    width:100%;
   height:30px;
}


.spacing40
{
    width:100%;
   height:40px;
}

.spacing50
{
    width:100%;
   height:50px;
}




 /*tablebody*/
 
 .tablebody
{
   
    margin:0 auto;
  
 
    width:80%;
   
    
}

 .tablebody_1
{
   
    margin:0 auto;
  
 
    width:88%;
   
    
}

.tablebody2
{
     margin:0 auto;
     width:400px;
    font-family:Century Gothic;
    font-size:small;   
   
}

th
{
   
    width:350px;
}


/*paperform css*/
.paperform
{
     
        margin:0 auto;
        background-color:#FFF;
    border-radius:8px;
    
     -webkit-border-radius:8px;
      -moz-border-radius:8px;
        -o-border-radius:8px;
        -mos-border-radius:8px;
  /*  box-shadow:0 1px 1px 1px gray;*/
     width:50%;
  box-shadow: 0px 1px 1px 1px #B8B6B6;
 
}




  
  
.termsofuse
{
      position: absolute;
   top:20%;
    width: 100%;
    z-index:2;
  
  color:#fff;
    text-align:center;
    color:#FFF;
    font-family:Calibri Light;
   
    font-size:medium;
}  

.termsofuse a
{
    color:#7AE8FF;
     text-decoration:none;
}
 

.topmargins
{
    height:50px;
}

.topmargins2
{
    height:10px;
}



 /*textboxes and dropdown list css and labels*/

 .labelcs
  {

    color:#2F342E;  
    font-size:medium;
     
      
  }
  
  .textboxcs
  {
   
     color:#333;
     font-size:small;
     outline-style: none;
    border: 1px solid #717371;
    padding: 5px;
    border-radius: 5px;
    text-indent: 10px;
    border-top: none;
    border-bottom: 0.5px solid #D6D6D6;
    border-right: 0.5px solid #D6D6D6;
    border-left: 0.5px solid #D6D6D6;
    box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
     width:30%;

  
     
  }
  .textboxcs:focus
  {
          
    border-color:#FFB603;
  }
  
   
   .textboxcs3
  {
   
     color:#333;
     font-size:small;
   
     width:100%;
   
   
    outline-style: none;
    border: 1px solid #717371;
    padding: 5px;
    border-radius: 5px;
    text-indent: 10px;
    border-top: none;
    border-bottom: 0.5px solid #D6D6D6;
    border-right: 0.5px solid #D6D6D6;
    border-left: 0.5px solid #D6D6D6;
    box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
  
     
  }
  .textboxcs3:focus
  {
          
    border-color:#FFB603;
  }
  
  .textboxcs3_21
  {
   
     color:#333;
     font-size:small;
   
     width:35%;
   
    margin-left:5px;
    outline-style: none;
    border: 1px solid #717371;
    padding: 5px;
    border-radius: 5px;
    text-indent: 10px;
    border-top: none;
    border-bottom: 0.5px solid #D6D6D6;
    border-right: 0.5px solid #D6D6D6;
    border-left: 0.5px solid #D6D6D6;
    box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
  
     
  }
  .textboxcs3_21:focus
  {
          
    border-color:#FFB603;
  }
   
   
  
  
   .textboxcs6
  {
   
     color:#333;
     font-size:small;
 
     width:105.5%;
   
   outline-style: none;
    border: 1px solid #717371;
    padding: 5px;
    border-radius: 5px;
    text-indent: 10px;
    border-top: none;
    border-bottom: 0.5px solid #D6D6D6;
    border-right: 0.5px solid #D6D6D6;
    border-left: 0.5px solid #D6D6D6;
    box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
     
  }
  .textboxcs6:focus
  {
          
    border-color:#FFB603;
  }
  
  
  
  
  .termsofusecss
  {
      width:80%;
      height:auto;
     /* overflow-y:scroll;*/
      margin:0 auto;
      
        box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
      
     font-family:Arial;
  }
  
  .termsofusecss li
    {
       list-style:none;
       
    }
    
    .marginterm
    {
        width:80%;
        margin:0 auto;
        text-align:justify;
    }
    
    .centeredmargin
    {
            width:78%;
        margin:0 auto;
        border:1px solid #B6B6B6;
         font-family:Arial;
    }
    
    .spacingterm
    {
       width:100%;
       height:20px;
    }
    
    .headerspace
    {
      width:100%;
      height:40px;
    }
    
    .headerterm
    {
       font-size:x-large;
       font-weight:bold;
       text-decoration:underline;
       text-align:center;
       
    }
    
    .headerterm2
    {
       font-size:x-large;
       font-weight:bold;
      

    }
    
   
    
    .centereddiva
    {
        margin:0 auto;
        width:100%;
        text-align:center;
    }
    
    .miniheaderterm
    {
        font-size:medium;
       font-weight:bold;
       text-decoration:underline;
       text-align:center;
    }
    
    .miniheaderterm2
    {
        font-size:medium;
    
     line-height:30px;
    
    }
    
    
     .miniheaderterm4
    {
      font-weight:bold;
      font-size:medium;  
    }
    
    .normalterm
    {
        text-align:justify;
        font-size:medium;
        line-height:30px;
    }
    
    .spacingnormal
    {
        width:100%;
       height:10px;
    }
    
     .spacingnormal3
    {
        width:100%;
       height:30px;
    }
    
    
       .spacingnormal4
    {
        width:100%;
       height:70px;
    }
    
    .spacingnormal2
    {
        width:100%;
       height:50px;
    }
    

    
    .specializednormalterm
    {
      
        font-size:medium;
        text-decoration:underline;
    }
    
    .addressterm
    {
      margin:0 auto;
      width:80%;
      font-size:medium;
      text-align:justify;
      line-height:25px;
    }
    
     .seventypercent
    {
      margin:0 auto;
      width:85%;
      font-size:medium;
      text-align:justify;
    }
    
    
    
     .eightypercent
    {
       margin:0 auto;
      width:100%;
      font-size:medium;
      text-align:justify;
   
    }
    
    
     .hundredpercent
    {
       margin:0 auto;
      width:100%;
   
      text-align:justify;
   
    }
    
    
    .tablea
    {
        display:table;
        width:100%;
    }
    
      .tablea2
    {
        display:table;
          width:100%;
          float:left;
        
    }
    
          .tablea3
    {
        display:table;
          width:45%;
          float:right;
        
    }
    
    
         .tablea4
    {
        display:table;
          width:45%;
          float:left;
        
    }
    
    
    .labela
    {
       
        font-size:medium;
    }
    
    .rowa
    {
        display:table-row;
    }
    
    .rowa2
    {
        display:table-row;
    }
    
    .cella
    {
        display:table-cell;
        width:25%;
      line-height:30px;
        
    }
    
    
     .cella2
    {
        display:table-cell;
        width:25%;
      line-height:30px;
        
    }
    
    
    .cella3
    {
        display:table-cell;
        width:30%;
      line-height:30px;
     
    }
    
    
       .cellasecond3
    {
        display:table-cell;
        width:70%;
      line-height:30px;
       
    }
    
    .cellasecond
    {
        display:table-cell;
        width:75%;
        line-height:30px;
    }
    
    
    .cellasecond2
    {
        display:table-cell;
        width:75%;
        line-height:30px;
    }
    
    
    .cellathird
    {
        display:table-cell;
     /*  letter-spacing: -.5px;*/
        width:75%;
         line-height:30px;
       
    }
    
    
   

  
  
  
    .topheight
  {
      height:20px;
  }
  

 
 

 
 .termimg
 {
     width:130px;
     height:60px;
     
 }
 
 
 .buttoncss
  {
      float:right;
      font-family:Conv_Ubuntu-C;
      transition:0.4s;
        width:60%;
        font-size:medium;
       padding:10px 20px;
           border:none;
           outline:none;
           background-color:#20B7F5;
           color:#FEFFFF;
           cursor:pointer;
           
         box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
  }
  
  .buttoncss:hover
  {
    
     background-color:#FAFAFA;
       border-bottom: 1px solid #20B7F5;
     border-left:1px solid #20B7F5;
     border-right:1px solid #20B7F5;
     border-top:1px solid #20B7F5;
     color:#20B7F5;
  }
  
   .buttoncss4
  {
      float:right;
      font-family:Conv_Ubuntu-C;
      transition:0.4s;
        width:55%;
        font-size:x-large;
       padding:10px 20px;
           border:none;
           outline:none;
           background:-webkit-linear-gradient(top,#008FFF,#0785E7,#0875CA);
           background:-moz-linear-gradient(top,#008FFF,#0785E7,#0875CA);
            background:-o-linear-gradient(top,#008FFF,#0785E7,#0875CA);
           background:-ms-linear-gradient(top,#008FFF,#0785E7,#0875CA);
           color:#FEFFFF;
           cursor:pointer;
           
          
       border-bottom: 1px solid #20B7F5;
     border-left:1px solid #20B7F5;
     border-right:1px solid #20B7F5;
     border-top:1px solid #20B7F5;
  }
  
  .buttoncss4:hover
  {
    
     background:#FAFAFA;
       border-bottom: 1px solid #20B7F5;
     border-left:1px solid #20B7F5;
     border-right:1px solid #20B7F5;
     border-top:1px solid #20B7F5;
     color:#20B7F5;
  }
  
  
  
    .buttoncss_col
  {
      float:right;
      font-family:Conv_Ubuntu-C;
      transition:0.4s;
        width:35%;
        font-size:x-large;
       padding:10px 20px;
           border:none;
           outline:none;
           background:-webkit-linear-gradient(top,#008FFF,#0785E7,#0875CA);
           background:-moz-linear-gradient(top,#008FFF,#0785E7,#0875CA);
            background:-o-linear-gradient(top,#008FFF,#0785E7,#0875CA);
           background:-ms-linear-gradient(top,#008FFF,#0785E7,#0875CA);
           color:#FEFFFF;
           cursor:pointer;
           
          
       border-bottom: 1px solid #20B7F5;
     border-left:1px solid #20B7F5;
     border-right:1px solid #20B7F5;
     border-top:1px solid #20B7F5;
  }
  
  .buttoncss_col:hover
  {
    
     background:#FAFAFA;
       border-bottom: 1px solid #20B7F5;
     border-left:1px solid #20B7F5;
     border-right:1px solid #20B7F5;
     border-top:1px solid #20B7F5;
     color:#20B7F5;
  }
  
   .buttoncss2
  {
   
      font-family:Conv_Ubuntu-C;
      transition:0.4s;
        width:100%;
        font-size:medium;
       padding:10px 20px;
           border:none;
           outline:none;
           background-color:#20B7F5;
           color:#FEFFFF;
           cursor:pointer;
           
         box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
  }
  
  .buttoncss2:hover
  {
    
     background-color:#FAFAFA;
       border-bottom: 1px solid #20B7F5;
     border-left:1px solid #20B7F5;
     border-right:1px solid #20B7F5;
     border-top:1px solid #20B7F5;
     color:#20B7F5;
  }
  
   .buttoncss3
  {
  
  float:right;
  text-align:center;
      font-family:Conv_Ubuntu-C;
      transition:0.4s;
        width:30%;
        font-size:medium;
       padding:10px 10px;
           border:none;
           outline:none;
           background-color:#20B7F5;
           color:#FEFFFF;
           cursor:pointer;
           
         box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
  }
  
  .buttoncssk
  {
  
  float:left;
  text-align:center;
      font-family:Conv_Ubuntu-C;
      transition:0.4s;
        width:40%;
        font-size:medium;
       padding:10px 10px;
           border:none;
           outline:none;
           background-color:#20B7F5;
           color:#FEFFFF;
           cursor:pointer;
           
         box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
  }
  
  .buttoncss3:hover
  {
    
     background-color:#FAFAFA;
       border-bottom: 1px solid #20B7F5;
     border-left:1px solid #20B7F5;
     border-right:1px solid #20B7F5;
     border-top:1px solid #20B7F5;
     color:#20B7F5;
  }
  
  .spacinghere
  {
      width:100%;
      height:55px;
  }
  
  .spacing75
  {
      width:100%;
      height:75px;
  }
  
  
  .divide
  {
     width:10%;
  }
  
  
   .table45
  {
    
      display:table;
      width:40%;
  }
  
  
  
  .tabletr
  {
      float:left;
      display:table;
      width:40%;
  }
  
  .celltr
  {
       line-height:30px;
      display:table-cell;
      width:45%;
  }
  
   
  
  .celltr2
  {
       line-height:30px;
      display:table-cell;
      width:55%;
  }
  
  .celltr3
  {
       line-height:30px;
      display:table-cell;
      width:5%;
  }
  
  .celltr4
  {
       line-height:30px;
      display:table-cell;
      width:40%;
  }
  
  
  .rowtr
  {
      display:table-row;
  }
  
  .cell100
  {
         display:table-cell;
      width:100%;

  }
  
  
  .tabless
  {
      display:table;
      width:100%;
  }
  
  
    .tablebr
  {
      display:table;
      width:40%;
      float:right;
  }
  
  
  .floatingleft
  {
      float:left;
  }

.floatingright
  {
      float:right;
  }


.cellfifty
{
    width:100%;
    line-height:30px;
}




.spacinghere2
{
    width:100%;
    height:350px;
}

.spacinghere3
{
    width:100%;
    height:400px;
}


.lblmgsmall
{
  font-family:"Conv_Ubuntu-C";
     font-size:medium;
  color:#737171;
 
}

.lblcentered
{
    margin:0 auto;
    width:90%;
}

.lblspacing
{
   width:100%;
   height:10px;
}

.lblspacing2
{
   width:100%;
   height:20px;
}

.marginforlabel
{
    height:55px;
    margin:0 auto;
    width:94.3%;
}

.marginheight
{
    height:30px;
}


.coop_popup_modalheader
{
    background-color:#5F5F5F;
    width:100%;
    height:40px;
}


.topmargins200
{
    width:100%;
    height:200px;
}

.topmargins40
{
    width:100%;
    height:40px;
}

.topmargins20
{
    width:100%;
    height:20px;
}

.topmargins10
{
    width:100%;
    height:10px;
}

.coop_cancel
{
   border:none;
   background-color:#E8E8E8;
   color:#5F5F5F;
   font-size:medium;
   font-weight:bold;
   height:30px;
   float:right;
   margin-right:10px;
   margin-top:5px;
   margin-bottom:5px;
   border-radius:5px;
   box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
  cursor:pointer;
}

.coop_popup_modalbg
{
    background-color:#E8E8E8;
    width:30%;
    min-height:150px;
    max-height:400px;
    box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
 /* -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
*/
}

.linedotted
{
    border-top:1px dotted #888787;
}


.redpt
{
   color:#D24C4C;
   height:50px;
   text-align:center;
    
}

.center1
{
 
    
}

.movetoright
{
    margin-left:10px;
}


.divtableset
{
    display:table;
    width:100%;
}

.divrowset
{
  display:table-row;
}

.divrowset2
{
  display:table-row;
  height:40px;
}

.divrowset21
{
  display:table-row;
  height:50px;
}

.divrowset3
{
  display:table-row;
    height:10px;
}

.divrowset5
{
  display:table-row;
  height:20px;
}

.divcellset
{
    display:table-cell;
    width:50%;
}

.divcellset100
{
      display:table-cell;
    width:100%;
}


  
.buttoncssx2
  {
      margin-top:5px;
      font-family:Conv_Ubuntu-C;
      transition:0.4s;
      float:right;
      margin-right:20px;
        width:10%;
        font-size:medium;
       padding:5px 5px;
           border:none;
           outline:none;
           background-color:#CDCDCD;
           color:#808080;
           cursor:pointer;
           
         box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
  }
  
  .radiotext
  {
      float:left;
      font-family:Calibri Light;
      font-size:large;
      vertical-align:middle;
     
  }
  
  .radioalign
  {
         vertical-align:middle;
         float:left;
         
  }
  
  /*error*/
  
  .centercontainers
  {
   margin:0 auto;
      width:80%;    
      display:table;
        font-family:Calibri;
      font-size:30px;
      font-weight:bold;
      color:#303030;
      text-align:center;
      
  }
  
  
   .newimg
 {
     width:18%;
     height:11vh;
     
       margin:15px 20px;
       opactiy:0.4;
 }
 
  
 .imgloc
 {
   width:100%;
 
   height:16vh;
   background-color:White;
      cursor:default;
 }
 
 

 Checkbox:
.CheckBoxLabel
{
    white-space: nowrap;
     vertical-align:middle;
}

.Checkbox input[type=checkbox]
{
    display: none;
}

.Checkbox label  
{
    display:table-cell;
    float: left;
    color: #000;
    cursor: pointer;
     vertical-align:middle;
}

.Checkbox input[type=checkbox] + label
{

    width            : 1em;
    height           : 1em;
    border           : 0.0625em solid rgb(192,192,192);
   
    background       : rgb(211,168,255);
    background-image : -moz-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : -ms-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : -o-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : linear-gradient(rgb(240,240,240),rgb(211,168,255));
    border-radius:15px;
    border:3px solid #1B8DF1;
    vertical-align:middle;
    line-height      : 1em;
    text-indent      : 20px;
    font-size        : 14px;
}

.Checkbox input[type=checkbox]:checked + label::before
{
    content         : "\2714";
    color           : #14BE1C;
    height          : 1em;
    line-height     : 1.1em;
    width           : 1em;
    font-weight     : 900;
    margin-right    : 6px;
    margin-left     : -20px;
}


.tablecol
{
    display:table;
    width:100%;
}

.tablecol_row
{
      width:20%;
      display:table-row;
 vertical-align:top;
}

.tablecol_cell10
{
      width:3%;
      display:table-cell;
    vertical-align:top;
        min-height:50px;
    max-height:65px;
}

.tablecol_cell30
{
      width:37%;
      display:table-cell;
     vertical-align:top;
        font-family:Calibri Light;
      font-size:large;
          min-height:50px;
    max-height:65px;
}

.tablecol_cell10k
{
      width:4%;
      display:table-cell;
    vertical-align:top;
        min-height:50px;
    max-height:65px;
}

.tablecol_cell90
{
      width:96%;
      display:table-cell;
     vertical-align:top;
        font-family:Calibri Light;
      font-size:large;
         
}


.tablecol_cell60
{
    width:60%;
    min-height:50px;
    max-height:65px;
      display:table-cell;
      vertical-align:middle;
}
