body { color: #555555; font-family: Helvetica,Arial,sans-serif; /*font-size: 0.8em;*/ line-height: 1.5em; text-align: left; margin:0px; padding:0px;} #wrapper{background-color: #fff; display: block; height: auto !important; margin: 0 auto -4.4em; min-height: 100%; padding: 0; width: 1000px;} img{ border:0px;} .clearfix:after { content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both; } .felement.ffilemanager{width: 80%!important;} div#error\ message {overflow: scroll; } /*form css start*/ .form-container{ margin:20px 0px; padding:0px;} .left-menu{margin:0px 15px 0px 0px; padding:0px; width:240px; float:left;} .left-menu ul{margin:0px; padding:0px; list-style:none; background-color:#f1f1f1;} .left-menu ul li{margin:0px; padding:0px; list-style:none;} .left-menu ul li a{margin:0px; padding:20px 0px 20px 7px; border-bottom: 1px solid #d4d4d4; border-left: 2px solid #d4d4d4; display:block; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:16px; text-decoration:none;} .left-menu ul li a .number{margin:0px 5px; padding:4px 10px; background-color:#000; color:#fff; font-size:20px; border-radius:50%; font-weight:bold;} .left-menu ul li a .step{font-size:18px;} .left-menu ul li a .sign{font-size:12px; margin: 0 0 0 82px;} .left-menu ul li a:hover{background-color:#fae8aa;} .left-menu ul li a.active{ color:#990000; background-color:#fae8aa;} .left-menu ul li a.active .number{margin:0px 5px; padding:4px 10px; background-color:#990000; color:#fff; font-size:20px; border-radius:50%; font-weight:bold;} .right-side{ margin:0px; padding:0px; float:left; border:1px solid #ccc; width: 700px;} .form-container input[type=button]{ background-color:#990000; border:none; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size: 20px; padding: 5px 15px; cursor:pointer;} .form-container input[type=submit]{ background-color:#990000; border:none; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size: 20px; padding: 5px 15px; cursor:pointer;} .form-container input[type=text]{ border:1px solid #989898; padding: 8px 5px; width: 250px;} .form-container input[type=email]{ border:1px solid #989898; padding: 8px 5px; width: 250px;} .form-container select{ border:1px solid #989898; padding: 8px 5px; width: 262px;} .form-container table{ margin:15px;} .form-container table tr td{padding:8px; font-size:15px; color:#000;} .form-container .heading-main{font-size:20px; color:#010101; line-height:22px; font-weight:bold; margin:0px 0px 3px 0px} .form-container .gray-heading{font-size:16px; color:#4b4a4a; line-height:22px; margin:0px 0px 3px 0px} .form-container .heading{font-size:17px; color:#010101; line-height:22px; font-weight:bold; margin:0px 0px 3px 0px} .form-container .date{ position:relative; background: url("../images/date-icon.png") no-repeat scroll 211px 3px #fff;} .form-container .currentadd{ width:635px!important;} .form-container .upload{ width:350px!important;} .form-container .browse-btn{line-height: 22px; margin: 0 0 0 10px; font-size: 18px !important;} .form-container .buttion-border{ border-top:1px solid #ccc; padding:10px;} .form-container .addmore-container{ margin: 15px 0; padding:0px;} .form-container .addmore-container .span1{ float:left; margin:0px; width:50%;} .form-container .addmore-container .span2{ float:left; margin:0px;} .form-container .addmore-container .to{font-size: 17px; font-weight: bold; margin: 0px 116px 0;} .form-container .addmore-btn{margin: 30px 70px;; padding:0px; text-align:right;} .form-container .addmore-btn img{float: right; margin: -8px 0 0 10px;} .form-container .addmore-btn a{font-size:18px; font-weight:bold; text-decoration:none; color:#000;} .form-container .hr{ border-bottom:1px solid #ccc; width: 95%;} .form-container .addmor-div{ margin:0px; padding:0px;} .form-container .browse{ margin:10px 0px; padding: 8px 10px; border: 1px solid #989898;} .form-container .check-space label{ margin:0px 20px 0px 0px;} .form-container .programme-small-input{ width:150px!important;} .form-container .programme-small-input2{ width:366px!important;} .form-container .indicate-label{display: block; margin: 20px 0 0;} .form-container tablr.indicate{margin:0px;} .form-container table.indicate tr td{margin:0px; padding:0px;} .form-container .additinaldata-chechbox-span{display: block; float: left; margin: 0; padding: 0; width: 226px;} .form-container .tab{margin: 0 auto; padding: 0; width: 300px;} .form-container .tab a{ margin:0px; padding:6px 20px; background-color:#a4a4a4; text-decoration:none; color:#000; float:left; font-size: 13px; font-weight: bold; border-right: 1px solid #fff;} .form-container .tab a:hover{background-color:#bd201e; color:#fff;} .form-container .tab a.active2{background-color:#bd201e; color:#fff;} .form-container .payment-select{width:472px;} .form-container table.payment{margin:0px!important;} .form-container table.payment tr td{margin:0px!important; padding:0px;} .form-container .gray-text{color: #4b4a4a;} .form-container .gray-black-text{color: #010101; font-size:18px; font-weight: bold;} .form-container .hide-show-div{ margin: 20px 0px; padding:0px; text-align:center; font-size: 15px; color: #000;} .form-container .hide-show-div a{margin: 0px; padding: 6px 20px; border-right: 1px solid #FFFFFF; background-color: #a4a4a4; text-decoration: none; color: #000; font-size: 13px; font-weight: bold;} .form-container .hide-show-div a:hover {background-color: #bd201e; color: #fff;} .form-container .hide-show-div .input{ width:170px;} .form-container .hide-show-form{ margin: 20px 0px; padding:0px; display:none;} .form-container .hide-show-form span{ float:left; margin: 0px 0px 0px 40px;} .form-container .small-textbox{width:56px!important;} .form-container .small-textbox1{width:55px!important;} .form-container .payment-largeinput{width: 472px !important;} .form-container .address{width: 637px; height: 36px;} .form-container .address2{height: 36px; width: 364px;} .form-container .address3{height: 36px; width: 254px;} .form-container .balance-paid{border-top: 1px solid #ccc; line-height: 40px;margin: 0 46px 0 0; padding: 3px 0} .active_btn{ background-color: #a7a7a7 !important; color: #0c426f !important;} .uplod_certificate{float:left; width: 315px;} .upload_file_thumb{ margin-top: 10px;} .form-container .remove{float:right;} .form-container .remove a{ color:#990000; text-decoration: underline;} .form-container .remove2{float:left;} .form-container .remove2 a{ color:#990000; text-decoration: underline;} /*form end*/ /*login css start*/ #login-container {margin: 100px auto; padding: 0px; width: 712px; background-color: #d0d0d0; min-height: 320px; box-shadow: 0px 0px 5px #990000; position: relative;} .input-container {float: left; margin: 10px 0 0 30px;} .loginerrors {height: 20px;} #login-container .error {color: hsl(0, 100%, 50%); font-family: Arial,Helvetica,sans-serif; font-size: 16px; text-decoration: none;} .login-input {width: 516px; padding: 20px 0px 20px 15px; margin: 00px 0px 10px 0px; background-color: #ffffff !important; font-family: "Times New Roman", Times, serif; color: #000; text-decoration: none; font-size: 22px; border-radius: 10px; border: 1px solid #696969;} .input-button {float: left; margin: 43px 0px 0px 10px;} .cl { clear: both;} .rember-user {margin: 0px 0px 0px 30px; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 20px; text-decoration: none;} .forget-pass {margin: 10px 0px 0px 56px; font-family: Arial, Helvetica, sans-serif; color: #c02927; font-size: 20px; text-decoration: underline; float: right; margin: 0 147px 0 0;} .forget-pass a {color: #c02927; text-decoration: underline; float: right; margin-right: 20px;} /*login css end*/ /*Admin css start*/ .admin{ margin:0px; padding:0px;} .admin .admin-header{ margin:0px; padding:12px 10px; background-color:#e1dbdb; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000; text-align:right;} /*Admin css end*/ .login-dropdown{width: 185px; padding-right: 15px;} #applicantdetails1 .felement{margin:10px 0px;} #region-main-box input[type="submit"]{padding: 5px; border:none; border-radius:5px; box-shadow: 0 1px 1px rgb(0, 0, 0); font-size:13px;} #region-main-box input[type="button"]{padding: 5px; border:none; border-radius:5px; box-shadow: 0 1px 1px rgb(0, 0, 0); font-size:13px;} #paidstudents fieldset{ border:1px solid #ccc; padding:10px;} #paidstudents fieldset legend{color: rgb(52, 99, 127); font-size: 17px; padding:0px 7px; font-weight:bold;} #applicantdetails fieldset{ border:1px solid #ccc; padding:10px;} #applicantdetails fieldset legend{color: rgb(52, 99, 127); font-size: 17px; padding:0px 7px; font-weight:bold;} .filterbox select{padding:5px 5px; border:none; border-radius:5px; box-shadow: 0 1px 1px rgb(0, 0, 0); font-size:13px;} .filterbox input[type="text"]{padding: 5px; border:none; border-radius:5px; box-shadow: 0 1px 1px rgb(0, 0, 0); font-size:13px; border:1px solid #ccc;} .filterbox .group{margin:10px 0px;} .filterbox .group .leftfilter{float:left; width: 260px;} .filterbox .group .rightfilter{float:left;} #datepicker, #datepickerto{width:90px;} .filterbox .group .date-to{margin:0px 10px;} .activebuttons{ text-align: left;} table.generaltable{margin:0px; padding:0px; color:#000; font-size:12px;} table.generaltable th{ background-color: rgb(170, 170, 170); color:#fff;} table.generaltable select{padding:5px 5px; border:none; border-radius:5px; box-shadow: 0 1px 1px rgb(0, 0, 0); font-size:13px;} .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /** Header & footer css **/ #header {width: auto; padding-top: 10px; padding-left: 22px; padding-right: 26px; background-color: #fff; min-height: 80px; margin-bottom: -1px; overflow: auto;} #logo {float: left; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 2.4em; line-height: 1em; letter-spacing: -0.03em; color: #cf2234; padding-top: 14px; padding-bottom: 14px; margin: 0px;} #logo a {text-decoration: none; color: #cf2234;} #logo a:hover {text-decoration: none;color: #cf2234;} #logo div.sitedescription {font-family: Helvetica, Arial, sans-serif;font-size: 0.40em; letter-spacing: 0; color: rgb(150,150,150); padding-left: 2px;} #topnav {float: right; margin-top: 0px; margin-right: 0px; font-size: 0.94em;} #topnav a { text-decoration: none; color: #000; /* font-weight: bold; */} #topnav a:hover {color: #cf2234;} #topnav h3 {display: none;} #topnav ul.menu li {display: inline;padding-left: 25px;} #search {clear: right; float:right; margin-top: 10px; margin-right: 0px;} #mod-search-searchword {background-image:url(../images/search.png); background-repeat:no-repeat;background-position: right; padding: 4px; padding-right: 24px;} /** Topmenu (added multi-level support v1.1) **/ #topmenu {float: left; width: 1000px;padding-left: 0px; font-family: 'Oswald', sans-serif; font-weight: 400;font-size: 1.4em;color: #fff; background-color: #990000;/*changed fro #000*/} #topmenu ul {float: left; padding: 0; margin: 0; list-style: none; background-color: #fff;} #topmenu a {display: block; color: #fff; padding-top: 9px; padding-bottom: 9px; height: 19px; padding-left:15px; padding-right:15px;text-decoration:none;background-color: #990000;} #topmenu a:hover, #topmenu li.active a {color: #fff; text-decoration: none; background-color: #cf2234;} #topmenu li {float: left; padding-right: 1px;} /** Second-level lists **/ #topmenu li ul {position: absolute; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 12px; width: 152px; left: -999em; /* "display: none" not seen by screen readers */} #topmenu li ul a {width: 152px;} #topmenu li.active ul a:hover {color: #fff; text-decoration: none; background-color: #cf2234;} #topmenu li.active ul a {text-decoration: none; background-color: #990000;} /** Level third and above **/ #topmenu li ul ul {margin: -37px 0 0 196px;} #topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul {left: -999em;} #topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li.sfhover ul, #topmenu li li.sfhover ul, #topmenu li li li.sfhover ul { /* nested under hovered items */left: auto;} /** Box/Banner/Links **/ #box_wrap { overflow: auto; background: #660000; /* Old browsers */ background: -moz-linear-gradient(top, #660000 0%, #660000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#660000), color-stop(100%,#660000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #660000 0%,#660000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #660000 0%,#660000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #660000 0%,#660000 100%); /* IE10+ */ background: linear-gradient(top, #660000 0%,#660000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660000', endColorstr='#660000',GradientType=0 ); /* IE6-9 */ } #box_placeholder { margin: auto; padding-top: 20px;/*20px*/ width: 900px; color: #ffffff;/*7a8390*/ } #box_placeholder a:hover { color: #fff; } #box_placeholder h1, #box_placeholder h2, #box_placeholder h3 { color: #fff; } #box1 { width: 300px; margin: 0; padding: 0; float: left; } #box2 { width: 300px; margin: 0; padding: 0; float: left; } #box3 { width: 300px; margin: 0; padding: 0; float: left; } #copyright { width: 952px; margin: auto; margin-top: 20px; padding-top: 6px; border-top: 1px solid rgb(226,226,226); font-size: 0.86em; text-align: center; color: rgb(170,170,170); background-color: #fff; } #copyright a { color: rgb(170,170,170); text-decoration: none; } #copyright a:hover { color: rgb(170,170,170); text-decoration: none; } #copyright img { border-style: none; } #copyright div.cp2 { text-align: left; } .error { color: red; text-align: left; } .errors{ color: red; text-align: left; } #applicantdetails fieldset legend{width: auto;} legend{border-bottom:0px;} #datepicker, #datepickerto{min-width: 132px;} .ui-datepicker-trigger{margin-left: 5px; margin-top: -10px;} #copyright{background: none; color: #ffffff; font-size:13px;} @media screen and (max-width: 767px){ .fancybox-wrap.fancybox-desktop.fancybox-type-iframe.fancybox-opened{width: 88%!important;} .fancybox-inner{width: 100%!important;} .fancybox-outer .fancybox-inner .show-comment-form{width: 100%!important;} }