﻿/*====================Common Start====================*/
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.cleaner {
    clear: both;
}
.accordion-style-div .collapsePanelHeader {
    color: #036183;
}
.education-info-container sup {
    color:orangered;
}
#menuMain ul li #selected-menu {
    color: orange;
}
/*====================Common End====================*/

/*====================Master Page Start====================*/
body {
    background-color: white;
    border: medium none;
}
.logo-Name {
    margin-top: 20px;
    font: bold 40px Garamond;
}
.topBar {
    /*background: url(../Images/img/top-bar.png) repeat-x ;*/
    background-color: #717171;
}


#UIUMainSiteContainer {
    width: 400px;
    margin: 0px 180px;
    text-align: left;
    padding: 10px 0;
    float:left;
}
    #UIUMainSiteContainer a {
        color: white;
        font: bold 17px Garamond;
        cursor: pointer;
    }
        #UIUMainSiteContainer a:hover {
            color: orange;
            text-decoration: none;
        }



#loginContainer {
    width: 980px;
    margin: 0 auto;
    text-align: right;
    padding: 10px 0;
}
    #loginContainer a {
        color: white;
        font: bold 17px Garamond;
        cursor: pointer;
    }
        #loginContainer a:hover {
            color: orange;
            text-decoration: none;
        }
#StudentPanel-globalContainer {
    width: 980px;
    margin: 0 auto;
}
.banner {    
    text-align: center;
}
    .banner > div {
        display: inline-block;
    }
    .banner img{
        width: 140px;
        height: auto;
    }
    .banner .banner-title {
        font: normal 40px Garamond;
        padding-top: 20px;
    }
/*#StudentPanel-globalContainer  hr {
        margin: 20px 0 5px 0 ;
        border: 3px solid #F88C00;
        border-radius: 3px;
        width: 979px;
    }*/
.lineBorder {
    margin: 10px 0 3px 0 ;
    border-radius: 3px;
    width: 100%;
    height: 6px;
    background-color: #F88C00;
}
#mainMenu {
    margin-bottom: 15px;
}
    #mainMenu ul {
        margin: 0;
        padding: 0 15px;
        /*background-color: silver;*/
        background-color: #717171;
        border-radius: 5px;
    }
    #mainMenu ul li {
        list-style: none;
        cursor: pointer;
        display: inline-block;
        font: bold 14px Garamond;
        margin: 0 4px;
        padding: 5px 8px;
    }
        #mainMenu ul li a {
            text-decoration: none;
            color: white;
        }
        #mainMenu ul li a:hover {
            color: orange;
        }
        #mainMenu ul li:hover {
            /*background-color: orange;*/
            /*color: orange;*/
        }
        #mainMenu ul li ul li {
            display: block;
        }

        /*#mainMenu ul li ul {
            width:150px;
	        height:auto;
	        position:absolute;
	        top: 240px;
            left: 400px;
	        background: #717171;
	        display:none;
	        padding:0;
	        margin:0;
            z-index: 100;
        }*/
            #mainMenu ul #abc:hover ul {
                display: block;
            }
            #mainMenu ul #abc ul li {
                width:100%;
	            padding:0;
	            height:35px;
	            margin:0;
                list-style: none;
                display: block;
                border-bottom: 1px solid black;
            }
        #mainMenu ul #abc:hover ul li:hover {
            color: orange;
        }
                #mainMenu ul #abc ul li a {
                    width:110px;/*120*/
	                display:block;
	                padding:0 0 0 10px;
	                line-height:35px;
	                margin:0;
                }

.applicantState {
    position: fixed;
    left: 10px;
    top: 48px;
    width: 165px;
}
    .applicantState table tr th, .applicantState table tr td {
        text-align: left;
        padding: 2px 0px 2px 5px;
    }
.step-tr-th {
    background: silver;
}
.step-tr-td {
    background-color: #d3dcde;
}
/*.step-one-tr-th {
    background: #42A9CC;
}
.step-one-tr-td {
    background: #A1D4E6;
}
.step-two-tr-th {
    background: #EA6524;
}
.step-two-tr-td {
    background: #F5B292;
}
.step-three-tr-th {
    background: #89B40F;
}
.step-three-tr-td {
    background: #ACDA87;
}*/
#selected-step-state > td {
    background: url("../Images/img/select-right-arrow.png") no-repeat scroll 5px 3px transparent;
    padding-left: 30px;
    background-color: white;
    box-shadow: 0px 0px 5px silver inset
}

.loader-wrapper {
    position: fixed;
    left: 40%;
    top: 40%;
    z-index: 100;
}
    .loader-wrapper img {
        height: auto;
        width: 200px;
    }
/*====================Master Page End====================*/

/*====================Home Page====================*/
.homeContentInfo {
    margin-top: 15px;
    padding: 6px;
    border: 1px solid gray;
}
/*====================Home Page====================*/

/*==================================Admission Form==================================*/
/*Start*/
.form-container {
    /*border: 1px solid #CCCCCC;*/

    /*border-color: #F1630D;
    border-style: ridge;
    border-width: 5px;*/
    padding: 15px 0px;
}
.ApplicantFormTitle {
    font: normal 30px Garamond;
    letter-spacing: 1px;
    background-color: #A1D4E6;
    display: block;
    padding: 5px;
    border-radius: 5px 0px 5px 0px;
    /*border: 3px dotted red;*/
}
.common-css fieldset {
    
}
.common-css label {
    display: inline-block;
    width: 185px;
}
/*.common-css span {
    font: bold 22px Garamond;
    margin-bottom: 8px;
    display: inline-block;
    padding: 3px;
    background-color: #0088CC;
    color: white;
    width: 96%;
}*/
.common-css .education-info-container span {
    font: bold 22px Garamond;
    margin: 0 0 0px 25px;
    display: inline;
    padding: 0px 5px;
    background-color: white;
    color: orange;/*#0088CC;*/
    position: relative;
    top: 7px;
}
.education-info-body {
    margin: 0px 0 15px 0;
    padding: 15px 15px 15px 15px;
    border: 1px solid orange;
}
.dot-right-border {
    /*border-right: 1px dotted #CCCCCC;*/
}
.dot-left-border {
    /*border-left: 1px dotted #CCCCCC;*/
}
.saveAndNextButton #ContentPlaceHolder_btnSaveNext, .saveAndNextButton #ContentPlaceHolder_btnPrevious, .saveAndNextButton #ContentPlaceHolder_btnSaveAndReview, .saveAndNextButton #ContentPlaceHolder_btnComplete, .saveAndNextButton #ContentPlaceHolder_btnTransferAllData {
    width: 200px;
    height: 30px;
    margin-left: 0px;
    font-weight: bold;
}
    .saveAndNextButton #ContentPlaceHolder_btnSaveNext:hover,.saveAndNextButton #ContentPlaceHolder_btnPrevious:hover, .saveAndNextButton #ContentPlaceHolder_btnSaveAndReview:hover, .saveAndNextButton #ContentPlaceHolder_btnComplete:hover,  .saveAndNextButton #ContentPlaceHolder_btnTransferAllData:hover {
        color: yellow;
    }
.previousOrSaveAndNextButton #ContentPlaceHolder_btnPrevious, .previousOrSaveAndNextButton #ContentPlaceHolder_btnSaveNext {
    width: 200px;
    height: 50px;
    margin: 0 20px 0 0;
}
.common-css .gpa-wrapper span {
    top: -7px;
    margin-left: 5px;
    width: 60px;

}
.common-css .gpa-wrapper span label {
    display: inline-block;
    width: 45px;
    margin: 0 0 0 8px;
}
/*End*/
/*==================================Admission Form===================================*/

/*==================================Tuition Fee & Payment==================================*/
.underGraduation-Fee-table {
    margin: 1px;
}
.underGraduation-Fee-table table{
    width: 100%;
    font: 14px Garamond;
}
    .accordion .underGraduation-Fee-table tr td {
        width: 12.5%;
        vertical-align: central;
    }
    .accordion .underGraduation-Fee-table tr .first-row {
        width: 27%;
        vertical-align: central;
    }

/*==================================Tuition Fee & Payment==================================*/

/*====================Eligible Page====================*/
.ApplyButton {
    text-align: right;
}
/*====================Eligible Page====================*/

/*==================================Purchese Form==================================*/
/*Start*/
.ApplicantInfo-wrapper {
    display: inline-block;
    padding: 10px;
    border: 1px solid orange;
    margin: 0 auto;
    width:500px;

}
.ApplicantInfo-wrapper label {
    display: inline-block;
    width: 130px;
    text-align: left;
}
/*End*/
/*==================================Purchese Form===================================*/

/*====================Application Attach====================*/
.attachPhotoSignature {
    margin: 20px 0px;
}
    .attachPhotoSignature img {
        border: 2px solid gray;
    }
.attachPhotoSignature #ContentPlaceHolder_ImagePhoto, .attachPhotoSignature #ContentPlaceHolder_tabCandidateDetails_tabAttachFile_ImagePhoto {
    width: 200px;
    height: 200px;
}
.attachPhotoSignature #ContentPlaceHolder_ImageSignature, .attachPhotoSignature #ContentPlaceHolder_tabCandidateDetails_tabAttachFile_ImageSignature {
    width: 200px;
    height: 65px;

}
/*====================Application Attach====================*/



/*====================Purchase Form====================*/

#ContentPlaceHolder_gvPurchaseForm {

}
#ContentPlaceHolder_gvPurchaseForm th,#ContentPlaceHolder_gvPurchaseForm td{
    text-align: left;
}
#GridViewTable {
    height: 1300px;
    overflow: auto;
}
.education-info-body .inserttablecss {
    margin-bottom: 10px;
}
.common-css .education-info-container #ContentPlaceHolder_gvPurchaseForm span,
.common-css .education-info-container .inserttablecss span,
.common-css .education-info-container #ContentPlaceHolder_gvUserBasicForm span,
.common-css .education-info-container #ContentPlaceHolder_gvAdmissionFeeForm span,
.common-css .education-info-container #ContentPlaceHolder_gvAdmissionTestForm span,
.common-css .education-info-container #ContentPlaceHolder_gvAcademicCalenderForm span,
.common-css .education-info-container #ContentPlaceHolder_gvaddresstypeForm span,
.common-css .education-info-container #ContentPlaceHolder_gvdivisionForm span,
.common-css .education-info-container #ContentPlaceHolder_gvdistrictForm span,
.common-css .education-info-container #ContentPlaceHolder_gvdocumenttypeForm span,
.common-css .education-info-container #ContentPlaceHolder_gvexamtypeForm span,
.common-css .education-info-container #ContentPlaceHolder_gvbloodgroupForm span,
.common-css .education-info-container #ContentPlaceHolder_gvUserInProgramForm span,
.common-css .education-info-container #ContentPlaceHolder_gvEnrolledStudent span
{
    font: normal 14px Garamond;
    margin: 0 0 0 0;
    display: inline;
    padding: 0px 0px;
    background-color: transparent;
    color: black;
    position: relative;
    top: 0px;
    text-align: left;
}
.searchApplicationList {
}
    .searchApplicationList > label, .searchApplicationList > div > label {
        display: inline;
        margin-right: 5px;
        font: bold 16px Garamond;
    }
    .searchApplicationList > div > label {
        display: inline-block;
        margin-top: 5px;
    }
    .searchApplicationList > select {
        margin-bottom: 0px;
    }
    .searchApplicationList .search-query {
        border-radius: 14px 0 0 14px;
    }
    .searchApplicationList #ContentPlaceHolder_btnSearch {
        height: 30px;
        border-radius: 0 14px 14px 0;
    }
#ContentPlaceHolder_gvPurchaseForm tr th {
    background-color: #70d0a6;
}
/*====================Admission Result Entry====================*/

/*====================Admission Result Entry====================*/

#ContentPlaceHolder_gvApplicationForm {

}
#ContentPlaceHolder_gvApplicationForm th,#ContentPlaceHolder_gvApplicationForm td{
    text-align: left;
}
/*#GridViewTable {
    height: 200px;
    overflow: scroll;
}*/
.education-info-body .inserttablecss {
    margin-bottom: 10px;
}
.common-css .education-info-container #ContentPlaceHolder_gvApplicationForm span,
.common-css .education-info-container .inserttablecss span,
.common-css .education-info-container #ContentPlaceHolder_gvEnrolledStudent span {
    font: normal 14px Garamond;
    margin: 0 0 0 0;
    display: inline;
    padding: 0px 0px;
    background-color: transparent;
    color: black;
    position: relative;
    top: 0px;
    text-align: left;
}
.searchApplicationList {
}
    .searchApplicationList > label {
        display: inline;
        margin-right: 5px;
        font: bold 16px Garamond;
    }
    .searchApplicationList > select {
        margin-bottom: 0px;
    }
    .searchApplicationList .search-query {
        border-radius: 14px 0 0 14px;
    }
    .searchApplicationList #ContentPlaceHolder_btnSearch, .searchApplicationList #btnSearch {
        height: 30px;
        border-radius: 0 14px 14px 0;
    }
#ContentPlaceHolder_gvApplicationForm tr th {
    background-color: #70d0a6;
}
/*====================Admission Result Entry====================*/

/*====================Admission Result Apporval====================*/
#chkAllChecked {
    margin: 0 0 4px 0;
}
.approved-wrapper {
    text-align: right;
}
.approved-wrapper #btnApproved {
    margin-bottom: 10px;
}

/*====================Admission Result Apporval====================*/

/*====================Applicant Papers Varify====================*/
.common-css .education-info-body .chkpaperVarified {
    margin: 0 4px 4px 0;
}
.divPaperVarified {
    margin-left: 30px;
}
.divPaperVarified .lblPaperVarified {
    width: 135px;
}
#Loading-Img{
    margin-bottom: 8px;
    margin-right: 6px;
}
.divPaperVarified #btnVarified {
    margin: 0 5px;
}
/*====================Applicant Papers Varify====================*/

/*====================Home====================*/
.metro-title {
    width: 218px;
    height: 180px;
    margin: 10px;
    vertical-align: central;
    box-shadow: 0px 0px 15px #888888;
}
    .metro-title .metro-title-head {
        padding: 5px;
        font: bolder 20px Garamond;
        color: red;
        opacity: 0.60;
        background: white;
        margin: 15px 0 10px 0;
        text-align: right;
    }
    .metro-title .metro-title-body {
        font: bold 30px Garamond;
        color: #036183;
        text-align: center;
        text-shadow: 2px 2px #A1D4E6;
    }
.metro-arrow {
   margin-left: 10px;
}
.metro-arrow img {
    height: auto;
    width: 75px;
    margin-top: 45px;
}

.accordion-style {
    margin-top: 20px;
}

.accordion-style-div {
    margin-top: 2px;
}
.metro-style {
    margin-left: 10px;
}
.metro-style a {
    text-decoration: none;
}
/*====================Home====================*/

/*====================Import Bank Data====================*/
#ContentPlaceHolder_gvImportData tr th {
    background-color: #70d0a6;
    font: bold 14px Garamond;
}
#ContentPlaceHolder_gvImportData tr td {
    font: normal 14px Garamond;
}
/*====================Import Bank Data====================*/

/*====================Admission Purchase Form====================*/
.error-message-purchaseForm #ContentPlaceHolder_lblMessage {
    font: normal 18px Garamond;
    color: red;
    margin: 0;
}
/*====================Admission Purchase Form====================*/

/*====================Admission result====================*/
.search-table {
    width: 100%;
    margin-bottom: 10px;
}
.search-table #ContentPlaceHolder_lblTotalRecord{
    top: 0;
    margin: 0;
}
    .search-table tr td {
        width: 33%;
    }
.seach-element-containber {
    text-align: right;
}
/*====================Admission result====================*/

/*====================Admission Purchase Form====================*/

.search-table-Purchase-list {
    width: 100%;
    margin-bottom: 10px;
}
.search-table-Purchase-list #ContentPlaceHolder_lblTotalRecord{
    top: 0;
    margin: 0;
}
    .search-table-Purchase-list tr td {
        width: 20%;
    }
        .search-table-Purchase-list tr td #ContentPlaceHolder_btnSearch {
            border-radius: 0;
            margin-top: -14px;
        }

/*====================Admission Purchase Form====================*/

/*====================Index Page====================*/
.module-container {
    text-align: center;
}
    .module-container ul li {
        list-style: none;        
        display: inline-block;
        margin: 10px;
    }
        .module-container ul li a {
            cursor: pointer;
        }
        .module-container ul li img {
            width: 130px;
            height: auto;
        }
/*====================Index Page====================/*

/*====================Reviw Applicant Info====================*/
.review-applicant > div {
    margin-bottom: 10px;
}
.review-applicant label {
    width: 145px;
    margin-bottom: 0;
}

.common-css .education-info-container .review-applicant span {
    font: bold 14px Garamond;
    color: black;
    margin: 0;
    padding: 0;
    top: 0;
}
.first-review-column {
    width: 300px;
}
.second-review-column {
    margin-left: 80px;
    width: 300px;
}
.appliciant-photo-wrapper img {
    position: absolute;
    height: 150px;
    width: 150px;
    left: 930px;
    top: 350px;
    border: 1px solid black;
}
.appliciant-signature-wrapper img {
    width: 200px;
    height: 60px;
    border: 1px solid black;
}
.common-css .education-info-container .review-applicant .Basic-Details span {
    font-weight: normal;
}
.common-css .education-info-container .review-applicant table > tr {
    background-color: gray;
}
/*====================Reviw Applicant Info====================*/

/*====================Common Notification====================*/
.notification-message-container {
    margin: 50px 0px 150px 20px;
}
.notification-message-container span{
    color: #210606;
    font: bold 20px Garamond;
}
/*====================Common Notification====================*/

/*====================Admission Form====================*/

.tab-style-area .education-info-container {
    margin-left: 20px;
}
.common-css .checkListAdd label, .common-css .checkListRemove label {
    width: 100px;
}
.checkListAdd input, .checkListRemove input {
    margin: -2px 10px 0 30px;
}
.add-remove-zone .addRemove {
    width: 80px;
    margin: 5px 10px;
}
.priority-div-width {
    width: 200px;
    height: auto;
}
.priority-div-width select {
    border: 2px solid orange;
    font: bold 12px Garamond;
    letter-spacing: 1px;
    color: #717171;
    padding: 10px 0px 10px 15px;
}
.how-to-use {
    border: 2px solid orange;
    margin-left: 10px;
    padding: 2px;
    border-radius: 5px;
    font: normal 15px Garamond;
}
.tab-style-area .education-info-container .messageAreaPersonalInfo {
    color: red;
    margin: 0px;
    font: normal 15px Garamond;
    padding: 0;
    top: -2px;
}
/*====================Admission Form====================*/

/*====================Tab Attach File====================*/
.tab-style-area .width-left {
    width: 45%;
}
/*====================Tab Attach File====================*/

/*====================User Basic Page List====================*/
#ContentPlaceHolder_gvUserBasicForm tr th {
    background-color: #70d0a6;
}
/*====================User Basic Page List====================*/

/*====================Admission Fee List====================*/
#ContentPlaceHolder_gvAdmissionFeeForm tr th {
    background-color: #70d0a6;
}
/*====================Admission Fee List====================*/

/*====================Admission Test List====================*/
#ContentPlaceHolder_gvAdmissionTestForm tr th {
    background-color: #70d0a6;
}
/*====================Admission Test List====================*/

/*====================Academic Calender====================*/
#ContentPlaceHolder_gvAcademicCalenderForm tr th {
    background-color: #70d0a6;
}
/*====================Academic Calender====================*/

/*====================Address Type====================*/
#ContentPlaceHolder_gvaddresstypeForm tr th {
    background-color: #70d0a6;
}
/*====================Address Type====================*/

/*====================Division====================*/
#ContentPlaceHolder_gvdivisionForm tr th {
    background-color: #70d0a6;
}
/*====================Division====================*/

/*====================District====================*/
#ContentPlaceHolder_gvdistrictForm tr th {
    background-color: #70d0a6;
}
/*====================District====================*/

/*====================Document Type====================*/
#ContentPlaceHolder_gvdocumenttypeForm tr th {
    background-color: #70d0a6;
}
/*====================Document Type====================*/

/*====================Exam Type====================*/
#ContentPlaceHolder_gvexamtypeForm tr th {
    background-color: #70d0a6;
}
/*====================Exam Type====================*/

/*====================Blood Group====================*/
#ContentPlaceHolder_gvbloodgroupForm tr th {
    background-color: #70d0a6;
}
/*====================Blood Group====================*/

/*====================User In Program====================*/
#ContentPlaceHolder_gvUserInProgramForm tr th {
    background-color: #70d0a6;
}
/*====================User In Program====================*/

/*====================Create Pages====================*/
.create-page .education-info-container .messageAreaPersonalInfo {
    color: red;
    margin: 0px;
    font: normal 15px Garamond;
    padding: 0;
    top: -2px;
}
.create-page #ContentPlaceHolder_chkIsActive,
.create-page #ContentPlaceHolder_chkActive,
.create-page #ContentPlaceHolder_chkCurrent
{
    margin: 0px 5px 2px -5px;
}
.create-page .chkCurrentAdmissionTest #ContentPlaceHolder_chkCurrent
{
    margin: 0px 5px 2px 1px;
}
/*====================Create Pages====================*/

/*====================Purchase Form New====================*/
#ContentPlaceHolder_chkPayment tr {
    display: inline-block;
    margin: 0 0 30px 30px;
}
#ContentPlaceHolder_chkPayment input {
    margin: -1px 10px 0 0;
}
#ContentPlaceHolder_chkPayment label {
    display: inline-block;
    color: red;
    width: 50px;
}
/*====================Purchase Form New====================*/

/*====================User In Program====================*/
#ContentPlaceHolder_gvEnrolledStudent tr th {
    background-color: #70d0a6;
}
/*====================User In Program====================*/

/*====================Admission Setup====================*/
#ContentPlaceHolder_gvAdmissionSetup tr th {
    background-color: #70d0a6;
}
.common-css .education-info-container #ContentPlaceHolder_gvAdmissionSetup span
{
    font: normal 14px Garamond;
    margin: 0 0 0 0;
    display: inline;
    padding: 0px 0px;
    background-color: transparent;
    color: black;
    position: relative;
    top: 0px;
    text-align: left;
}
/*====================Admission Setup====================*/

/*====================Program List====================*/
#ContentPlaceHolder_gvProgramForm tr th {
    background-color: #70d0a6;
}
.common-css .education-info-container #ContentPlaceHolder_gvProgramForm span
{
    font: normal 14px Garamond;
    margin: 0 0 0 0;
    display: inline;
    padding: 0px 0px;
    background-color: transparent;
    color: black;
    position: relative;
    top: 0px;
    text-align: left;
}
/*====================Program List====================*/

/*====================Master Page====================*/

/*====================Master Page====================*/