@charset "utf-8";
/* CSS Document */
body {margin:0px; padding:0px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;}
.full {width:100%; float:left;}
.ct-align {text-align:center;}

.shade1 {color:#FFF;}
.shade1 a {color:#FFF; text-decoration:none;}
.shade1 a:hover {color:#FFF; text-decoration:underline;}

.shade2 {color:#004776;}
.shade2 a {color:#004776; text-decoration:none;}
.shade2 a:hover {color:#004776; text-decoration:underline;}

.shade3 {color:#74c5e9;}
.shade3 a {color:#74c5e9; text-decoration:none;}
.shade3 a:hover {color:#74c5e9; text-decoration:underline;}

.shade4 {color:#666;}

input.loginfield {margin:5px 0px 0px 0px; padding:0px 0px 0px 3%; width:97%; height:40px; border:1px solid #bfcfd6; line-height:40px; border-radius:7px; font-size:15px; color:#999;}

input.regfield {margin:5px 0px 0px 0px; padding:0px 0px 0px 3%; width:97%; height:35px; border:1px solid #bfcfd6; line-height:35px; border-radius:7px; font-size:13px; color:#999;}
input.regfield2 {margin:5px 0px 15px 0px; padding:0px 0px 0px 3%; width:87%; height:35px; border:1px solid #bfcfd6; line-height:35px; border-radius:7px; font-size:13px; color:#999;}

select.large {margin:10px 0px 0px 0px; padding:3px 0px 3px 0px; width:100%; font-size:18px; color:#a2a1a1;}
input.large {margin:0px 10px 0px 0px; padding:0px 0px 0px 10px; width:180px; height:33px; border:1px solid #eaeaea; line-height:33px; border-radius:7px; font-size:13px; color:#999;}

.mr-tp1 {margin-top:90px;}
.mr-tp2 {margin-top:30px;}
.mr-tp3 {margin-top:15px;}

h1 {margin:0px; padding:0px 0px 0px 0px; font-size:21px; color:#000; font-weight:normal; line-height:26px;}
h2 {margin:0px; padding:0px 0px 0px 0px; font-size:24px; color:#195372; font-weight:normal; line-height:30px;}
h3 {margin:0px; padding:0px 0px 0px 0px; font-size:21px; color:#63bee7; font-weight:normal; line-height:30px;}

p {margin:0px; padding:0px 0px 20px 0px; font-size:14px; color:#195372; line-height:26px;}
p a {color:#195372; text-decoration:underline; font-weight:bold;}
p a:hover {color:#195372; text-decoration:none;}

p.large {margin:0px; padding:0px 0px 20px 0px; font-size:17px; color:#195372; line-height:30px;}

p.small {margin:0px; padding:10px 0px 20px 0px; font-size:11px; color:#666; line-height:18px;}

.light1 {font-size:9px;}
.light2 {font-size:12px;}
.light3 {font-size:13px;}

.bg1 {background:#75c6ea;}
.bg2 {background:#e8e8e8;}


.ht1 {height:40px;}

.lnht1 {line-height:40px;}





/* Login Page CSS Starts Here */

body#login {background:url(../images/login-bg.jpg) no-repeat top center #FFF;}
.login-sec {width:328px; float:none; border-radius:7px; margin:40px auto; overflow:auto;}
.login-field {background:#FFF; opacity: 0.95; filter: alpha(opacity=95); width:90%; float:left; padding:5%; font-size:16px; color:#044061;}
.login-btn {width:100%; float:left; display:block;border:none; background:#0893de; font-size:37px; text-align:center; line-height:55px; text-transform:uppercase; color:#FFF; opacity: 0.95; filter: alpha(opacity=95);cursor:pointer;}
.login-btn a {color:#FFF; text-decoration:none; width:100%; display:block;}
.login-btn a:hover {color:#FFF; text-decoration:none; width:100%; display:block;}
/*.footer {width:100%; float:left; bottom:0px; background:#195372; height:36px; line-height:36px; text-align:center; font-size:11px; font-weight:bold; top:716px; position:absolute;}*/
.footer {width:100%; float:left; bottom:0px; background:#195372; height:36px; line-height:36px; text-align:center; font-size:11px; font-weight:bold; top:716px;}
/* Login Page CSS Ends Here */





/* Register Page CSS Starts Here */

body#register {background:url(../images/reg-bg.jpg) no-repeat top center #FFF; background-size:cover; }
.register-sec {width:630px; float:none; margin:0px auto; overflow:auto; padding:0 90px 90px 90px; font-size:15px; color:#044061; background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;}
.reg-col1 {width:35%; float:left;}
.reg-col2 {width:60%; float:right;}
.reg-col3 {width:30%; float:right;}
.reg-col4 {width:30%; float:right;}
.reg-col5 {width:60%; float:left;}

.register-btn {width:138px; float:right; display:block;border:none;  padding:10px 20px; background:#2c308d; font-size:16px; text-align:center;color:#FFF; border-radius:0px; margin-top:25px; cursor:pointer;}
.register-btn:hover {
  background: #46479d;
}
.register-btn a {color:#FFF; text-decoration:none; width:100%; display:block;}
.register-btn a:hover {color:#FFF; text-decoration:none; width:100%; display:block;}

/* Register Page CSS Ends Here */



/* Thank You Page CSS Starts Here */

body#thanks {background:url(../images/reg-bg.jpg) no-repeat top center #FFF; background-size:cover;}
.thanks-sec {float:none; margin:30px auto; background:#fff; border-radius:7px; opacity: 0.85; filter: alpha(opacity=85); padding:25px 15px 25px 15px; text-align:center; font-size:16px; color:#195372; line-height:26px;}
.thanks-sec span {font-size:26px; font-weight:bold;}

/* Thank You Page CSS Ends Here */





/* All Page CSS Starts Here */

body#main {background:url(../images/pg-bg.jpg) repeat-x left bottom #fff;}
.mainfooter {width:100%; float:left; height:68px; line-height:68px; font-size:18px; font-weight:bold; background:#195372; text-align:center;}
.footersec {width:1004px; float:none; margin:0px auto;}

#container {width:1004px; float:none; margin:0px auto;}
#header {width:1004px; float:left; background:url(../images/header-bg.jpg) repeat-x 0px 0px; height:148px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.logo {width:256px; float:left; padding:20px 0px 0px 30px;}
.number {width:350px; float:right; font-size:32px; text-align:center; color:#FFF; margin-top:40px;}
.number span {font-size:17px;}

#content {width:1004px; float:left; padding:20px 0px 20px 0px;}
.nav {width:864px; float:left; margin-top:10px;}

ul.tabs {margin:0px; padding:0px 0px 0px 0px;}
ul.tabs li {list-style-type:none; height:50px; line-height:50px; float:left; font-size:24px; font-weight:bold;}
ul.tabs li a {height:50px; display:block; color:#FFF; text-decoration:none; padding:0px 20px 0px 20px; border-right:1px solid #6a90a4; background:#195372;}
ul.tabs li a.roundcnr {border-top-left-radius:5px; border-bottom-left-radius:5px;}
ul.tabs li a.roundcnr2 {border-top-right-radius:5px; border-bottom-right-radius:5px;}
ul.tabs li a:hover, ul.tabs li a.active {height:50px; display:block; color:#FFF; text-decoration:none; background:#0093e2;}


.logout {width:140px; float:left; display:block;border:none; height:50px; background:#fff; font-size:24px; text-align:center; line-height:50px; color:#195372; font-weight:bold; border-radius:7px; margin-top:10px;cursor:pointer;}
.logout a {color:#195372; text-decoration:none; width:140px; display:block;}
.logout a:hover {color:#195372; text-decoration:none; width:140px; display:block;}

.content-lt {width:275px; float:left; margin-top:25px;}
.headtab {width:230px; height:50px; float:left; color:#fff; font-size:22px; font-weight:bold; background:#fda52d; border-top-left-radius:7px; border-top-right-radius:7px; text-align:center; line-height:50px;}
.content-form {width:251px; float:left; background:#FFF; border-top-right-radius:7px; border-bottom-left-radius:7px; border-bottom-right-radius:7px; padding:2px 12px 12px 12px;}
.form-col1 {width:27%; float:left; padding-right:6%;}

.search {width:130px; float:none; margin:0px auto; display:block;border:none; height:40px; background:#fda52d; font-size:24px; text-align:center; line-height:40px; color:#fff; font-weight:bold; border-radius:7px; margin-top:10px;cursor:pointer;}
.search a {color:#fff; text-decoration:none; width:130px; display:block;}
.search a:hover {color:#fff; text-decoration:none; width:130px; display:block;}

.content-rt {width:680px; float:right; background:#FFF; border-radius:7px; margin-top:10px; padding:15px;}
.content-rt2 {width:710px; float:right; background:#FFF; border-radius:7px; margin-top:75px;}

.list-heading {width:710px; float:left; background:#0093e2; height:40px; color:#FFF; font-size:24px; font-weight:bold; line-height:40px; border-top-left-radius:7px;  border-top-right-radius:7px;}

.list-heading2 {width:710px; float:left; background:#0093e2; height:40px; color:#FFF; font-weight:bold; line-height:40px;}
.list-subheading {width:695px; float:left; background:#75c6ea; height:40px; color:#FFF; font-weight:bold; line-height:40px; font-size:24px; padding-left:15px;}

.list-col1 {width:435px; float:left; font-size:24px; padding-left:15px;}
.list-col1 span {font-size:18px; color:#0093e2; padding:10px 0px 15px 0px; display:block; font-weight:normal;}
.list-col2 {width:130px; float:left; font-size:18px;}
.list-col2 span {font-size:18px; color:#0093e2; padding:10px 0px 15px 0px; display:block; font-weight:normal;}

.result-sec {width:676px; float:left; border:2px solid #63bee7; margin-top:5px;}
.result-col1 {width:171px; float:left; padding:5px 0px 0px 5px;}
.result-col2 {width:500px; float:left;}

.grid-col1 {width:350px; float:left; padding-left:10px;}
.grid-col2 {width:116px; float:left;}
.grid-col3 {width:100px; float:left;}
.grid-col4 {width:100px; float:left;}

a.book {display:block; background:#f98f01; font-size:12px; text-align:center; height:28px; line-height:28px; color:#FFF; text-decoration:none; width:80%; margin-top:6px; border-radius:5px;}
a.book:hover {display:block; color:#FFF; text-decoration:none;}

/* All Page CSS Starts Here */



/* Absolute Center CSS Spinner */

.loadingSpinner {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .loadingSpinner:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
    }

    /* :not(:required) hides these rules from IE9 and below */
    .loadingSpinner:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loadingSpinner:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 1500ms infinite linear;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
        }

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Absolute Center CSS Spinner */



/*
 *  STYLE 11
 */

.field-validation-error {
    color: red;
    float: left;
    padding-left: 5px;
    font-size:11px;
}

.scrollbar
{
	margin-left: 30px;
	float: left;
	height: 425px;
	width: 95%;
	background: #F5F5F5;
	overflow-y: scroll;
	margin-bottom: 25px;
}
.reg-footer {
    bottom: 0;
    margin: auto;
    position: fixed;
    width: 100%;
}
.reg-footer footer {
    background: #2f2f2f none repeat scroll 0 0;
    margin: 30px 0 0;
    padding: 20px 0;
    text-align: center;
}
.reg-footer footer ul {
        margin:0px;
        padding:0px;
    }
.reg-footer footer li {
    border-right: 1px solid #fff;
    display: inline-block;
    list-style: outside none none;
}
.reg-footer footer li a {
    color: #fff;
    font-size: 16px;
    padding: 0 25px;
    text-transform: uppercase;
}
.clearfix {
clear: both;
}
.register-sec .full {
    margin-bottom:15px;
}