@import 'reset.css';
@import 'text.css';

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

:focus {
    outline: none;
}

body {
    font-family: 'Droid Sans', arial, serif;
    font-size: 13px;
    border-top: 6px solid #0d2b57;
    color: #333;
}

.logo {
    height: 100px;
}

img#adr-logo {
    float: right;
    vertical-align: middle;
    margin-top: 25px;
}

/*style for menu*/

.menu-bg {
    height: 40px;
    background-color: #f3f3f3;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
}

ul.main-menu {
    margin-bottom: -40px;/*updated on 7th July,20*/
}

.main-menu li {
    display: inline-block;
    font-family: 'Rokkitt', arial, serif;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    margin: 0px;
    margin-right:2px; /*updated on 8th July,20*/
    line-height: 40px;
}

.main-menu a,
.main-menu a:visited {
    color: #333;
    text-decoration: none;
}
.main-menu a:hover {
    color:red;
    text-decoration: none;
}

/*style for banner*/
.banner-bg {
    background: #ebebeb;
    height: 125px;/*updated on 7th July,20*/
    padding: 25px 0px;/*updated on 7th July,20*/
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

/*Style for Footer*/
.footer {
    background-color: #333;
    color: #fff;
    padding: 10px 0;
    margin-top: 20px;
}

/*Styles for main*/
.main {
    margin-bottom: 20px;
}

.title {
    font-family: 'Rokkitt', arial, serif;
    border-left: 5px solid #333;
    padding-left: 10px;
    margin-bottom: 10px;
    margin-top: 20px;
    line-height: 30px;
    background-color: #f3f3f3;
}

.title.first {
    margin-top: 0px;
}

.title a {
    font-family: 'Rokkitt', arial, serif;
    text-decoration: none;
    color:blue;
    font-size: 15px;
}

.title a:hover {
    text-decoration: underline;
    color: red;
    font-weight: bold;
}

.items .sub-links a, .items .sub-links a:visited, .items  .sub-links a:hover {
	text-decoration: none;
    font-size: 11px;
    color: blue;
}

.items  .sub-links a:hover {
    text-decoration: underline;
    color: red;
    font-weight: bold;
}

.items {
    margin-top: 10px;
}

.items .item {
    margin-bottom: 8px;
}

.items a, .items a:visited, .items a:hover {
    text-decoration: none;
    color: blue;
}

.items a:hover {
    text-decoration: underline;
    color: red;
    font-weight: bold;
}

.states-list li {
    margin-left: 0px;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.states-list a, .states-list a:visited, .states-list a:hover {
    text-decoration: none;
    color: #333;
}

.states-list a:hover {
    text-decoration: underline;
    color: red;
    font-weight: bold;
}

.main-title {
    color: #333;
    font-family: 'Rokkitt', arial, serif;
    line-height: 100%;
    margin-bottom: 5px;
}

.secondary-title {
    color: #c2c2c2;
    font-family: 'Rokkitt', arial, serif;
    line-height: 100%;
    margin-bottom: 10px;
}

/*Table designs*/

table {
    /*border-left: 1px solid #ebebeb;*/
    /*border-top: 1px solid #ebebeb;*/
    width: 100%;
}

thead{
    background: #f3f3f3;
    border: 1px ;
}

 td, th {
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 5px;
    border: 1px ;
}

tr a {
    color: blue;
    text-decoration: none;
}

tr {
    border: 1px solid #ebebeb;
}

tr:hover {
    background-color:#E7E9F9;
}

th {
    font-weight: bold;
}

.fl-rt {
    float: right;
    margin-right: 10px;
}

.fl-lt {
    float: left;
}

.txt-rt {
    text-align: right;
}

.txt-cen {
    text-align: center;
}

.personal-info h2 {
    font-family: 'Rokkitt', arial, serif;
    margin-left: 10px;
    margin-bottom: 0px;
    color: #808080;
}

.personal-info h4 {
    font-family: 'Rokkitt', arial, serif;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 0px;
    color: #808080;
}

.personal-info h5 {
    margin-left: 10px;
    margin-bottom: 20px;
    margin-top: 0px;
    color: #808080;
}

.personal-info-table tr {
    border: 0px;
    padding: 0px;

}

.personal-info-table tr:hover {
    background-color: #ffffff;;
}

.personal-info-table {

    border-left: 0px;
    border-top: 0px;
    margin-left: 10px;
}

.personal-info img {
    margin-left: 10px;
    margin-right: 10px;
}

.personal-info-table td {
    max-width: 250px;
    border-right: 0px;
    border-bottom: 0px;
    padding: 0px;

}

.profile-download-links li {
    margin: 0px;
    margin-bottom: 10px;
}

.profile-download-links a {
    text-decoration: none;
    color: blue;
}

.sn-buttons img {
    float: right;
    margin-right: 5px;
}

.left-border-div {
    margin-top: 20px;
    border-left: 5px solid;
}

.left-green-border {
    border-left: 5px solid green;
    min-height: 130px;
    max-height: 130px;
}

.left-red-border {
    border-left: 5px solid red;
    min-height: 130px;
    max-height: 130px;
}

.left-blue-border {
    border-left: 5px solid blue;
    min-height: 130px;
    max-height: 130px;
}

.left-border-div h3 {
    margin-bottom: 0px;
    margin-left: 10px;
    font-family: 'Rokkitt', arial, serif;

}

.left-border-div hr {
    margin: 0px;
}

.left-border-div img {
    margin-top: 10px;
}

.bottom-border-div {
    border-bottom: 10px solid;
    width: 80%;
    max-width: 200px;
    margin: 10px;
}

.left-margin {
    margin: 10px;
}

.download-bg {
    background-color: graytext;
}

.top-margin-ten {
    margin-top: 15px;
}

.right-float {
    float: right;
    margin-top: 15px;
}

.profile-image {
    float: left;
    /*width: 100%;*/
    /*min-width: 200px;*/
}

.img-right {
    margin-right: 10px;
}

.cc-heading {
    margin-bottom: 5px;
}

.blue {
    border-color: #3e5678;
}

.green {
    border-color: #33bd7f;
}

.purple {
    border-color: purple;
}

.brown {
    border-color: #a52a2a;
}

.grey {
    border-color: #808080;
}

.yellow {
    border-color: #ffe251;
}

.red {
    border-color: #c95054;

}

.halfWidth {
    width: 40%;
}

.fullWidth {
    width: 80%;
}

.top-margin-null {
    margin-top: 0px;
}

.bottom-margin-ten {
    margin-bottom: 10px;
}

form input, textarea {
    font-family: 'droid sans', arial, serif;
    padding: 4px;
    border: 1px solid #aaa;
}

form#feedback-form label {
    display: block;
}

form#feedback-form input[type=text],
form#feedback-form textarea {
    width: 250px;
    display: block;
    margin-bottom: 5px;
}

form input[type=button],
form input[type=submit],
form button {
    background: #ccc;
    border: #333 1px solid;
    color: #333;
    padding: 3px 8px;
    cursor: pointer;
}

form input[type=button]:hover,
form input[type=submit]:hover,
form button:hover {
    background: #aaa;
}

/* clean gray
*******************************************************************************/
form input[type=button],
form input[type=submit],
form button,
button.clean-gray {
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
    background-image: linear-gradient(top, #eeeeee, #cccccc);
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    line-height: 1;
    padding: 6px 15px;
    text-align: center;
    text-shadow: 0 1px 0 #eee;
}

form input[type=button]:hover,
form input[type=submit]:hover,
form button:hover,
button.clean-gray:hover {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}

form input[type=button]:active,
form input[type=submit]:active,
form button:active,
button.clean-gray:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}

form textarea {
    margin-bottom: 10px;
}

.fb-plugin-container {
    text-align: center;
}

.error {
    color: red;
    font-weight: bold;
}

.winner {
    background-color: #deffb6;
}

.winner td:first-child {
    padding-left: 25px;
    background-image: url('../img/tick-circle.png');
    background-repeat: no-repeat;
    background-position: 5px center;
}

abbr {
    border-bottom: 1px dashed #333;
    cursor: pointer;
}

.social-icon a,
.social-icon a:hover,
.social-icon a:visited {
    text-decoration: none;
}

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

.fb-like {
    vertical-align: middle;
}

a img, a:visited img, a:hover img {
    text-decoration: none;
}

/*Style for mobile sites*/
.range_0 .banner-bg {
    display: none;
}

.range_0 .menu-bg {
    margin-bottom: 20px;
}

.range_0 .main-menu {
    font-size: 30%;
}

.range_0 .main-menu li {
    display: none;
}

.range_0 .main-menu li:first-child {
    display: block;
}

.range_0 .mobile-hide {
    display: none;
}



/*Custom Width Value*/

.width-50{
    width: 30px;
}

.width-100{
    width: 100px;
}

.width-150{
    width: 150px;
}

.width-200{
    width: 200px;
}

.width-250{
    width: 250px;
}


/*style for data legiblity*/
.eligible-correct{
    font-size: 10px;
    text-transform: uppercase;
    background-image: url('../img/tick-circle.png');
    background-position: left center;
    padding-left: 20px;
    background-repeat: no-repeat;
    color: green;
}

.eligible-warn{
    font-size: 10px;
    text-transform: uppercase;
    background-image: url('../img/exclamation.png');
    background-position: left center;
    padding-left: 20px;
    background-repeat: no-repeat;
}

.eligible-error{
    font-size: 10px;
    text-transform: uppercase;
    background-image: url('../img/cross-circle.png');
    background-position: left center;
    padding-left: 20px;
    background-repeat: no-repeat;
    color: #f70923;
}

.addthis_button_tweet{
    width: 80px;
}

.addthis_button_google_plusone{
    width: 60px;
}
.vertical-middle{
    vertical-align: middle;
}


/* Added on 1stDec2020 - Anas Khan */
@media screen and (max-width: 986px)

{
    .hero-banner{
        display:none;
    }
}
/* Added on 21stSept2021 - Divya Arora */
@media screen and (min-width: 600px)

{
    .hero-banner{
        display:none;
    }
       
}