@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

/* CSS Document */
 	/* box-shadow: inset 0px 0px 0px 1px #D9D9D9;
	-webkit-box-shadow: inset 0px 0px 0px 1px #D9D9D9;
	-moz-box-shadow: inset 0px 0px 0px 1px #D9D9D9;
	-o-box-shadow: inset 0px 0px 0px 1px #D9D9D9;*/
*{margin:0; padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, section, header, footer {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}
a{text-decoration:none;
	 /*transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;*/
}
a:hover{/* -moz-transition:all 1s ease-in 0s; -webkit-transition:all 1s; -o-transition:all 1s;*/}
ul{list-style:none;}
html, body{height:100%;}
body{margin:0px; padding:0px; -webkit-font-smoothing:antialiased; word-wrap:break-word; color:#282828; font-family: 'open_sansregular'; font-size:14px; line-height:20px; background:#FFFFFF;}
.clear{clear:both; margin:0px; padding:0px; border:0px; height:0px; font-size:0px;}
.body_wrap{position:relative; min-height:100%;}

h1{font-family: 'Open Sans', sans-serif; font-weight: 600; font-size:36px; line-height:36px; color:#0a2b3a; text-align:center; padding-bottom:55px;}

.input1, .input2{width:98%; height:43px; padding:0 0 0 2%; background-color:#f7f7f7; color:#000000; font-family: 'open_sansregular'; font-size:14px; margin:0px; border:none;
	 box-shadow: inset 0px 0px 0px 1px #b5b5b5;
	-webkit-box-shadow: inset 0px 0px 0px 1px #b5b5b5;
	-moz-box-shadow: inset 0px 0px 0px 1px #b5b5b5;
	-o-box-shadow: inset 0px 0px 0px 1px #b5b5b5;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	 border-radius:5px;
}
.input2{width:100%; height:48px; line-height:48px; padding:0 0 0 2%;}
.submit{background-color:#fba22d; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size:16px; line-height:48px; text-align:center; color:#FFF; border:none; cursor:pointer;
	border: 1px solid #DB820D;
	padding:0px 32px; text-transform:uppercase;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	 border-radius:5px;
	 -webkit-appearance:none;
}

.style1{color:#f3991f; text-decoration:underline;}
.style2{font-size:31px; line-height:40px;}

header{width:100%;}
.headerarea{width:90%; max-width:1170px; margin:0px auto;}
.header_top{background-color:#0a2b3a; padding:44px 0px;}
.logo{width:100%; max-width:490px; margin:auto; font-family:'roboto_slabregular'; font-size:14px; line-height:24px;}
.logo a{color:#FFF;}
.logo img{/*width:100%;*/ float:left; margin-right:10px;}

header nav{width:100%; background-color:#f3981e; min-height:36px; padding:11px 0px;}
header nav li{position:relative;}
header nav ul{list-style:none; text-align:center;}
header nav ul li{display:inline-table; position:relative; text-transform:uppercase; font-size:14px; line-height:34px; margin:0px 4px; background:url(images/menu-bg.jpg) repeat-x center center; border:1px solid #e28100; overflow:hidden;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	 border-radius:10px;
} 
header nav ul li a{display:block; color:#ffffff; padding:0px 15px;}
header nav ul li a:hover{background-color:#f8b911;}
header nav ul li .active{background-color:#f8b911;}
/*dropdown*/
header nav ul li:hover{}
header nav ul li ul{/*background:rgba(0,0,0,0.8);*/ background-color:#67b3e3; display:none; padding:0px; position:absolute; /*width:200px;*/ min-width:220px; left:0px !important; z-index:999; margin:0px 0px 0px 0px;}
header nav li:hover > ul{display:block;}
header nav li li{display:block; float:none; margin:0px; padding:0px !important; /*width:200px;*/ min-width:220px; background:none; border:none; position:relative; letter-spacing:0px; border-bottom:1px solid #061f53;}
header nav li li:last-child{border:none;}
header nav li:hover li a{background:none;}
header nav li ul a{display:block; height:40px; font-size:14px; font-style:normal; margin:0px; padding:0px 15px; text-align:left; line-height:43px; /*text-transform:none;*/}
header nav li ul a:hover{background-color:#3b5998;}
/*from second dropdown*/
header nav ul ul li:hover{background:#3b5998;}
header nav li ul ul{left:220px !important; top:0px !important; position:absolute; z-index:9999;}
header nav p{clear:left;}

section{width:100%; margin:0px; padding:0px;}
.area{width:90%; max-width:1170px; margin:0px auto;}

.inner_area{padding:60px 0px 200px 0px;}
.area_left{width:66%; float:left;}
.area_right{width:31%; float:right;}

.welcome_board{border:3px solid #e5e5e5; background-color:#f3f3f3; padding:5%;}
.welcome_boardarea{position:relative; min-height:240px;}
.welcome_board_left{/*width:185px;*/ width:27%; position:absolute; left:0px;}
.welcome_board_left img{max-width:100%;}
.welcome_board_right{padding-left:32%;}
.welcome_board_right p{border-top:1px dashed #cecece; font-size:16px; line-height:20px; color:#585858; padding:14px 0px;}
.welcome_board_right p:first-child{border:none;}
.welcome_board_right p span{font-family: 'Open Sans', sans-serif; font-weight: 600;}

.message_board{border:1px solid #bebebe; padding:20px 0px;}
.message_board_heading{font-family: 'Open Sans', sans-serif; font-weight: 600; font-size:16px; line-height:16px; color:#0a2b3a; text-align:center; padding-bottom:20px;}
.message_block{font-size:14px; line-height:21px; text-align:left; font-family: 'Open Sans', sans-serif; font-weight: 300; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #f3991f; margin-left:5%; margin-right:5%;}
.message_block:last-child{border-bottom:none; margin-bottom:0px;}
.message_block_heading{color:#0a2b3a; font-family: 'Open Sans', sans-serif; font-weight: 600;}
.message_block_date{color:#f3981e; font-family: 'Open Sans', sans-serif; font-weight: 600;}

footer{width:100%; background-color:#0a2b3a; padding:35px 0px; position:absolute; z-index:999; bottom:0px;}
.footer_area{width:90%; max-width:1170px; margin:0px auto; font-family: 'Open Sans', sans-serif; font-weight: 300; color:#ffffff; text-align:center;}
.footer_area a{color:#f3991f; text-decoration:underline;}

.twocolumn_inputarea{max-width:750px; margin:auto;}
.twocolumn_inputblock{position:relative; margin-bottom:10px; padding-left:295px; font-size:14px; line-height:48px;}
.twocolumn_inputblock span{position:absolute; z-index:999; left:0px; width:275px; text-align:right;}

.twocolumn_inputblock1{position:relative; margin-bottom:20px; padding-left:295px; font-size:14px; line-height:20px; color:#000; text-transform:uppercase;}
.twocolumn_inputblock1 span{position:absolute; z-index:999; left:0px; width:275px; text-align:right; text-transform:none; color:#585858;}

.page_heading{font-size:30px; line-height:30px; color:#0a2b3a; text-align:center; margin-bottom:38px;}
.page_heading img{vertical-align:middle; padding-right:15px;}

.feesdetails_tablearea{background-color:#0a2b3a; font-size:14px; color:#282828; line-height:21px; overflow:auto;}
.feesdetails_table{min-width:1000px;}
.feesdetails_tablearea td{padding:5px;}

.mydetails_area{max-width:970px; margin:auto;
	 box-shadow: inset 0px 0px 0px 1px #b5b5b5;
	-webkit-box-shadow: inset 0px 0px 0px 1px #b5b5b5;
	-moz-box-shadow: inset 0px 0px 0px 1px #b5b5b5;
	-o-box-shadow: inset 0px 0px 0px 1px #b5b5b5;
}
.mydetails_area_heading{background-color:#0a2b3a; padding:15px 20px; color:#FFF; font-size:16px;}
.mydetails_area .input1,
.mydetails_area .input2{background-color:#FFFFFF;}
.mydetails_area .twocolumn_inputarea{width:90%; max-width:750px; margin:auto; padding:40px 0px;}
.mydetails_button{text-align:center; padding-top:35px;}

.monthlyfees_block{background-color:#f3f3f3; border:3px solid #e5e5e5; padding:5%; margin:0px 0px 40px 0px;}

.monthlyfees_block_green{font-family: 'Open Sans', sans-serif; font-weight: 600; background-color:#C1F5D7; color: #0c803c; font-size: 20px; border:3px solid #0c803c; padding:5%; margin:0px 0px 40px 0px;}

.error1{border:1px solid #F00; color:#F00; text-align:center; text-transform:uppercase; padding:10px 0px; margin:10px 0px;}
.message{border:1px solid #060; color:#060; text-align:center; text-transform:uppercase; padding:10px 0px; margin:10px 0px;}

/*.error{background-color:#F00; color:#FFF; text-align:center; text-transform:uppercase; padding:10px 0px; margin:10px 0px;}
.message{background-color:#060; color:#FFF; text-align:center; text-transform:uppercase; padding:10px 0px; margin:10px 0px;}*/

#frm .error {
    /*border: 1px solid #ff0000;*/
    color:#ff0000 !important;
    box-shadow: inset 0px 0px 0px 1px #ff0000;
	-webkit-box-shadow: inset 0px 0px 0px 1px #ff0000;
	-moz-box-shadow: inset 0px 0px 0px 1px #ff0000;
	-o-box-shadow: inset 0px 0px 0px 1px #ff0000;
}
#frm .error:focus {
   /* border: 1px solid #ff0000 !important;*/
    color:#ff0000 !important;
}
#frm label.error{
    display: none !important;
    width:0px !important;
}

div.info {
	font-family: 'Open Sans', sans-serif; font-weight: 600;
	font-size: 12px; 
	padding: 10px; 
	background-color: #2957DA;  /*#ED4D2D*/
	color: #ffffff;
	border: 1px solid #0E2BFF; /*#BA2406*/
	text-align: center;
	-moz-border-radius: 8px; -webkit-border-radius: 8px;  border-radius: 8px; behavior: url(border-radius.htc);
}