/* Default CSS */

body {width: 800px; margin: 0 auto; font-family: Roboto, PT Sans, Helvetica; font-size: 13px;
background: #ffffff; /* Old browsers */
background: url(images/top_background.jpg) repeat-x, -moz-linear-gradient(top,  #ffffff 0%, #ffffff 25%, #c5dcf1 100%); /* FF3.6+ */
background: url(images/top_background.jpg) repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(25%,#ffffff), color-stop(100%,#c5dcf1)); /* Chrome,Safari4+ */
background: url(images/top_background.jpg) repeat-x, -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 25%,#c5dcf1 100%); /* Chrome10+,Safari5.1+ */
background: url(images/top_background.jpg) repeat-x, -o-linear-gradient(top,  #ffffff 0%,#ffffff 25%,#c5dcf1 100%); /* Opera 11.10+ */
background: url(images/top_background.jpg) repeat-x, -ms-linear-gradient(top,  #ffffff 0%,#ffffff 25%,#c5dcf1 100%); /* IE10+ */
background: url(images/top_background.jpg) repeat-x, linear-gradient(to bottom,  #ffffff 0%,#ffffff 25%,#c5dcf1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c5dcf1',GradientType=0 ); /* IE6-9 */
}
a:link { text-decoration: none;}
a  { color:#222; }
nav a  { color:#fff; }
nav a:visited { color:#fff; }
a:hover { color:#e8e8e8; }
nav a:active { color:#fff; }  
.aff-header{ width: 100%;height: 86px; text-align: -webkit-center;background-image:url(images/top_background.jpg); background-repeat: repeat;}
.aff-header-separator{background: #0D4182;height: 9px; width: 100%;}
.aff-banner {background-image:url(images/banner-image2.jpg); min-height:235px; background-repeat: no-repeat; animation: banner-image 30s infinite;}
.aff-banner-text1 {
    padding-top: 58px;
    text-align: center;
    font-size: 38px;
    color: #fff;
    font-style: italic;
    animation-name: banner-title;
    animation-duration: 1s;
    display: none;
}
.aff-banner-text2 {background-color:#ffffff; padding:15px; text-align:center; font-size:26px; float: left; margin-left: 50px;
    margin-top: 20px;clear: both;}
.aff-joinus1 {margin-top: 100px; text-align:center; font-size:26px; float: left; clear: both; width: 100%;}
.joinus1-style {background-color: #ec7317; display: inline; padding: 20px; color: #fff; font-weight: bold;animation-name: joinus-ani;
     animation-duration: 1s;}
#logo-style {margin-top: 20px; margin-left: 5%; float: left; display: inline-block; text-align: center;}
#page-title {display: inline-block; color: #004282; float: left; margin-top: 10px;padding: 20px; font-size: 16px; width: 20%; margin-right: 10%; margin-left: 10%;} 
#user-login {display: inline-block; margin-top: 10px; text-align:center; width:7%; float: right; margin-right: 30px;}
#menu-bar {height:47px; width: 100%; color:#fff;border-top: 1px solid #fff;
background: -moz-linear-gradient(top,  #0d4182 38px, transparent 9px); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(38px,#0d4182), color-stop(9px,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0d4182 38px, transparent 9px); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0d4182 38px, transparent 9px); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0d4182 38px, transparent 9px); /* IE10+ */
background: linear-gradient(to bottom, #0d4182 38px, transparent 9px); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4182', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 }
nav ul{list-style: none; margin: 0; padding: 0;}
nav#menu-bar li {float: left; position: relative; height: 47px; line-height: 38px;width: 24.82%; text-align: center;border-right: 1px solid #ffffff;
     animation-name: menuani;
     animation-duration: 1s;
      letter-spacing: 1px;
      font-size: 1.1em;
}
nav#menu-bar li:hover {
background: -moz-linear-gradient(top,  #1d9ad6 38px, transparent 9px); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(38px,#1d9ad6), color-stop(9px,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1d9ad6 38px, transparent 9px); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1d9ad6 38px, transparent 9px); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1d9ad6 38px, transparent 9px); /* IE10+ */
background: linear-gradient(to bottom, #1d9ad6 38px, transparent 9px); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d9ad6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
} 
/* Chrome, Safari, Opera banner animation*/
@-webkit-keyframes banner-image {
    0% {background-image:url('images/banner-image2.jpg'); }
    45% {background-image:url('images/banner-image2.jpg'); }
    50% {background-image:url('images/banner-image0.jpg'); }
    95% {background-image:url('images/banner-image0.jpg'); }
    100% {background-image:url('images/banner-image2.jpg'); }
}
/* Standard syntax banner animation*/
@keyframes banner-image {
    0% {background-image:url('images/banner-image2.jpg'); }
    45% {background-image:url('images/banner-image2.jpg'); }
    50% {background-image:url('images/banner-image0.jpg'); }
    95% {background-image:url('images/banner-image0.jpg'); }
    100% {background-image:url('images/banner-image2.jpg'); }
}
/* Chrome, Safari, Opera menu bar animation*/
@-webkit-keyframes menuani {
    from {color: #0D4182;  width: 23%; }
    to {color: #fff; width: 24.82%;}
}
/* Standard syntax menu bar animation */
@keyframes menuani {
    from {color: #0D4182; width: 23%;}
    to {color: #fff; width: 24.82%;}
}
/* Chrome, Safari, Opera Join Us animation */
@-webkit-keyframes banner-title {
    from {font-size: 8px ;padding: 6px; }
    to {font-size: 38px ;padding: 58px;}
}
/* Standard syntax Join Us animation*/
@keyframes banner-title {
    from {font-size: 8px ;padding: 6px; }
    to {font-size: 38px ;padding-top: 58px;}
}
#main-container {display: -webkit-flex; display: flex;; border-right: 1px solid #cfe6f6;border-left: 1px solid #cfe6f6;}
#left-column {width:73%; float: left; background-color: #fff; }
#right-side-column {width: 23%; padding: 2%; float: left;
background: -moz-linear-gradient(left,  rgba(239,246,252,1) 0%, rgba(239,246,252,1) 89%, rgba(221,237,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(239,246,252,1)), color-stop(89%,rgba(239,246,252,1)), color-stop(100%,rgba(221,237,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(239,246,252,1) 0%,rgba(239,246,252,1) 89%,rgba(221,237,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(239,246,252,1) 0%,rgba(239,246,252,1) 89%,rgba(221,237,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(239,246,252,1) 0%,rgba(239,246,252,1) 89%,rgba(221,237,249,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(239,246,252,1) 0%,rgba(239,246,252,1) 89%,rgba(221,237,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff6fc', endColorstr='#ddedf9',GradientType=1 ); /* IE6-9 */
}
.text-block1 {padding: 3% 8%; color: #505154;line-height: 1.4;text-align: justify; float:left;}
.text-block2 {padding: 3% 8%; color: #505154;line-height: 1.4;text-align: justify; float:left;}
.text-block3 {border-radius: 4px; border: 1px solid #1c96d0; text-align: justify; list-style: none; display: block; float: right; padding: 2%; margin: 4% 8%;line-height: 1.4;}
.text-icon {float: left; margin-right: 12px; }
#sidebar-login-form {
background: rgb(241,241,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(241,241,242,1) 0%, rgba(209,210,212,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,242,1)), color-stop(100%,rgba(209,210,212,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(241,241,242,1) 0%,rgba(209,210,212,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(241,241,242,1) 0%,rgba(209,210,212,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(241,241,242,1) 0%,rgba(209,210,212,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(241,241,242,1) 0%,rgba(209,210,212,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f2', endColorstr='#d1d2d4',GradientType=0 ); /* IE6-9 */
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
padding: 6% 12%;
line-height: 1.7;
 }
#sidebar-login-form label{ 
    font-size: 13px;
    text-shadow: 1px 1px 0px #fff;
    color: #8e8f91;
    font-weight: bold;
    }
 #sidebar-login-form input[type=text]{    
    width: 100%;
    height: 20px;
    margin-bottom: 8px;
    border: none;
    -webkit-box-shadow: inset 1px 1px 2px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 1px 1px 2px -1px rgba(0, 0, 0, 0.75);
    box-shadow: inset 1px 1px 2px -1px rgba(0, 0, 0, 0.75);
    }
.login-form { }
#login-title1 {
     background-image:url('images/login-background.png');
     color: #fff;
     background-size: contain;
     background-repeat: no-repeat;
     text-align: center;
     background-position: center;
     padding: 4px 10px 8px 10px;
     font-size: 18px;
     }
.login-btn {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #057fd0;
/*	display:inline-block;*/
    display:none;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:5px 0px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
    width:100%;
    margin-top:4px;
}
.login-btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}
.login-btn:active {
	position:relative;
	top:1px;
}
.signup-btn {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:10px 10px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
    width:100%;
    margin-top:15px;
}
.signup-btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}
.signup-btn:active {
	position:relative;
	top:1px;
}
.login-submit {
  background: #1d9ad6;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 5px 12px;
  margin: 5px 0 0 0;
  text-decoration: none;
  border: none;
}

.login-submit:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.join-us-legend {color: #1d9ad6;font-weight: bold; }
.SignupForm input[type=text]{    
    height: 20px;
    margin-bottom: 2px;
    border: none;
    -webkit-box-shadow: inset 1px 1px 2px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 1px 1px 2px -1px rgba(0, 0, 0, 0.75);
    box-shadow: inset 1px 1px 2px -1px rgba(0, 0, 0, 0.75);
    }
.fieldset {
          background: rgb(241,241,242); /* Old browsers */
          background: -moz-linear-gradient(top,  rgba(255,255,255,255) 0%, rgba(241,241,242,1) 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,255)), color-stop(100%,rgba(241,241,242,1))); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top,  rgba(255,255,255,255) 0%,rgba(241,241,242,1) 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top,  rgba(255,255,255,255) 0%,rgba(241,241,242,1) 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(top,  rgba(255,255,255,255) 0%,rgba(241,241,242,1) 100%); /* IE10+ */
          background: linear-gradient(to bottom,  rgba(255,255,255,255) 0%,rgba(241,241,242,1) 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eef5fc',GradientType=0 ); /* IE6-9 */
          -moz-border-radius:6px;
          -webkit-border-radius:6px;
          border-radius:6px;
          border:none;
          margin-bottom: 12px;
          float: left;
          width: 100%;
          }
/*----- Accordion -----*/
.accordion, .accordion * {
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
 
.accordion {
  /*  overflow:hidden; */
  /*  box-shadow:0px 1px 3px rgba(0,0,0,0.25);*/
    display: inline-block;
    border-radius:3px;
    text-align: left;
 /*   background:#f7f7f7; */
}
.accordion li {margin-top:10px; } 
/*----- Section Titles -----*/
.accordion-section-title {
    display: inline;
    width:100%;
    transition:all linear 0.15s;
    /* Type */
    font-size:1.000em;
    color: #2a7cb3;
/*    line-height: 1.7; */
    padding: 5px 0;
    font-weight:bold;
}
 
.accordion-section-title.active, .accordion-section-title:hover {
    background:#1d9ad6;
    /* Type */
    text-decoration:none;
    color: #fff;
}
 
.accordion-section:last-child .accordion-section-title {
    border-bottom:none;
}
 
/*----- Section Content -----*/
.accordion-section-content {
          background: rgb(241,241,242); /* Old browsers */
          background: -moz-linear-gradient(top,  rgba(255,255,255,255) 0%, rgba(241,241,242,1) 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,255)), color-stop(100%,rgba(241,241,242,1))); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top,  rgba(255,255,255,255) 0%,rgba(241,241,242,1) 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top,  rgba(255,255,255,255) 0%,rgba(241,241,242,1) 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(top,  rgba(255,255,255,255) 0%,rgba(241,241,242,1) 100%); /* IE10+ */
          background: linear-gradient(to bottom,  rgba(255,255,255,255) 0%,rgba(241,241,242,1) 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eef5fc',GradientType=0 ); /* IE6-9 */
    padding:15px;
    display:none;
}
#aff-footer {background-color:#004282; width: 100%; height: 60px;float: left;}