@charset "utf-8";

/* CSS Document */

html {
    margin: 0;
    padding: 0;
}
body {
    background: #ececec;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
img {
    border: none;
}
a {
    text-decoration: none;
    outline: none;
    color: #ff6804;
}
a:hover {
    color: #000;
    text-decoration: none;
}
p {
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    line-height: 18px;
    font-size: 14px;
    color: #545454;
    margin-bottom: 5px;
}
h1 {
    font-size: 22px;
    color: #3784cc;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: uppercase;
}
h2 {
    color: #ff6804;
    font-size: 22px;
    border-bottom: 1px solid #c8c7c7;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
h4 {
    color: #000;
    font-size: 17px;
    margin: 10px 0;
    font-weight: normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clear {
    clear: both;
}
.header {
    background: #104374 url(../images/header-bg.jpg) left top repeat-x;
}
.header2 {
    background: #0659a9 url(../images/header-bg.jpg) left -16px repeat-x;
}

.shadow {
    box-shadow: 0 4px 10px rgba(91, 91, 91, 0.8);
}
.bannerBg {
    background: url(../images/banner.jpg) left top no-repeat;
    height: 203px;
    width: 100%;
}
.bannerHeight{ height: 127px;}
.banner-calculator-img{
	background: url(../images/banner-calculator-img.png) right bottom no-repeat;
	height: 203px;
}
.bannerBg .logo-area {
    padding-left: 50px;
    padding-top: 10px;
}
.bannerBg .flasg-icon-area {
    text-align: right;
    padding-right: 20px;
    padding-top: 15px;
}
.flasg-icon-area a {
    margin-right: 5px;
}
.percent-free {
    padding-top: 10px;
}
.padding-left-225{
    padding-left: 225px;
}
/*Menu CSS*/

.menuArea {
    background: #3d8bd5;
    border-top: 1px solid #bbdbf9;
    border-bottom: 1px solid #5b5959;
}
.menu {
    background: #5aa3e8;
}
.menu ul {
    height: 36px;
    margin-left: 10px;
}
.menu ul li {
    display: inline-block;
}
.menu ul li a {
    float: left;
    display: block;
    padding: 1px 27px 0;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    line-height: 36px;
    text-decoration: none;
}
.menu ul li a:hover,
.menu ul li.active a {
    background: #fff;
    color: #ff7404;
    border: 1px solid #5b5959;
    border-bottom: none;
    margin-top: -10px;
    padding: 10px 26px 0;
    text-decoration: none;
}
.menu ul li.login a {
    background: #ff7404;
    padding: 0 27px;
}
.menu ul li.login a:hover {
    background: #ff7404;
    padding: 0 27px;
    color: #000;
}
.menu ul li.login a {
    border: none !important;
}
.navbar-default .navbar-toggle{
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #3d8bd5;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{background-color: #888;}

/*Sub Menu*/
.menu ul li:hover {text-decoration:underline;backgroundcolor:#213b38;position:relative;}

.menu ul ul {
    display:none;
    position:absolute;
    left:-10px;
    top:37px;
    width: 200px;
    z-index: 2100;
    height: auto;
}

.menu ul li:hover ul {
    display:block; 
    background: #f2f2f2;
    border: 1px solid #ccc; 
} 
.menu ul ul li:hover{text-decoration:none;}
.menu ul li ul li {text-decoration:none; display: block;}     
.menu ul ul li a{color: #000; display:block; padding: 5px 10px; float: none; line-height: 22px;}
.menu ul ul li a:hover {border:none; padding: 5px 10px; }
.menu ul ul li a:hover,
.menu ul ul li.active a{
    margin-top: 0;
    display: block; padding: 5px 10px;
}
/*/End*/

.bodyContent {
    background: #fff;
    padding: 15px;
}
blockquote.slogun {
    font-size: 18px;
    color: #4d4d4d;
    font-style: italic;
    border: none;
}

.apps {
    text-align: right;
}
/*Box CSS*/

.boxArea {
    clear: both;
    margin: 20px 0;
}
.box {
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 15px;
}
.box .box-title {
    background: #104374;
    padding: 5px 10px 7px 10px;
    font-size: 18px;
    color: #fff;
}
.box .box-content {
    background: #d9d8d8;
    padding: 10px;
    font-size: 14px;
    color: #4d4d4d;
}
.box .box-footer {
    background: #7d7d7d;
    color: #fff;
    vertical-align: middle;
}
.box .box-footer a {
    font-size: 14px;
    color: #fff;
    padding: 0 10px;
    vertical-align: inherit;
}
.box .box-footer a:hover {
    color: #000;
}
.box .box-content .img {
    text-align: center;
    margin-bottom: 10px;
}
.box .box-content img {
    padding: 2px;
    background: #fff;
}
.box .box-footer a.plusIcon {
    border-right: 1px solid #bbb8b8;
    font-size: 26px;
    font-weight: 700;
}
/*Footer content box*/

.footerContentBoxArea {
    background: #bbbbbb;
}
.footerContentBox, .footerContentBox2 {
    background: #e7e7e7;
    margin: 0 auto;
    padding: 0 15px;
}
.footerContentBox .box {
    margin-bottom: 15px;
	padding: 5px;
}
.divider {
    background: url(../images/divider.png) right center no-repeat;
    min-height: 240px;
}
.footerContentBox p {
    color: #6d6a6a;
}
.footerContentBox strong {
    color: #000;
}
.searchBox {
    border: 1px solid #b6b6b6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    width: 190px;
    margin: 10px auto;
}
.searchBox input[type="text"],
.searchBox input[type="submit"] {
    border: none;
    focus: none;
    outline: none;
    padding: 5px;
}
.searchBox input[type="submit"] {
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    background: #0757a4;
    border-radius: 0;
    margin-top: 0;
}
.searchBox input[type="submit"]:hover {
    background: #054c91;
}
.searchBox input[type="text"] {
    width: 157px;
    border-right: 1px solid #b6b6b6;
    margin-right: -4px;
    color: #333;
}
/*News CSS*/

.news {
    margin-bottom: 10px;
}
.dotted {
    border-bottom: 1px dashed #999;
    padding-bottom: 10px;
}
.news a {
    color: #0757a4;
}
.news a:hover {
    color: #000;
}
.newsReadmore {} .newsReadmore a {
    color: #f67b02;
    font-size: 12px;
}
.newsReadmore a:hover {
    color: #000;
}
.followLink {
    text-align: center;
}
.followLink a {
    margin: 0 2px;
}
.copyrightArea {
    background: #7d7d7d;
}
.copyright {
    background: #c1c1c1;
    padding: 10px 0;
    text-align: center;
    color: #000;
    font-size: 12px;
}
.pageDivider {
    border-bottom: 1px solid #d4d4d4;
    padding: 5px;
    margin-bottom: 10px;
}
/*List CSS*/

.list {} .list li {
    background: url(../images/icon.png) left center no-repeat;
    padding-left: 15px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #545454;
}
/*About us page css*/

.aboutUsSection {} .aboutUsSection .leftBox {
    float: left;
    width: 460px;
    margin-right: 15px;
}
.aboutUsSection .rightBox {
    float: left;
    width: 460px;
    margin-left: 15px;
}
.abtContentBox {
    margin-bottom: 20px;
}
.abtContentBox .abtContentImg {
    width: 120px;
    float: left;
}
.abtContentBox .abtContent {
    margin-left: 140px;
}
.imgEffect {
    padding: 3px;
    border: 1px solid #a8a8a8;
}
.abtContentBox strong {
    color: #3784cc;
}
.abtContent label {
    width: 100px;
    display: inline-block;
}
.abtContent a {
    color: #545454;
}
.abtContent a:hover {
    color: #3784cc;
}
.comments, .loginBox {
    margin-top: 10px;
}
.comments label {
    display: block;
    padding-bottom: 5px;
}
.loginBox label, .regBox label {
    display: inline-block;
    padding-top: 5px;
    vertical-align: top;
    width: 120px;
	padding-right:5px;
	font-weight:normal;
}
.regBox label{width: 160px;}
.loginBox label span{color: red;}
.loginBox a{color: #0757a4;}
.loginBox a:hover{color: #000;}
.comments input[type="text"],
.comments textarea, .loginBox input[type="text"], .loginBox textarea,  .loginBox input[type="password"]{
    width: 320px;
    padding: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b6b6b6;
	margin-bottom:8px;
}
.comments textarea, .loginBox textarea {
    height: 120px;
}

.loginBox textarea, .tabContent textarea {
    height: 60px;
}


tabContent
.captcha{padding-left:125px; margin-bottom:8px;text-align:center}
.regBox .captcha{padding-left:165px;}

iframe {
    width: 100%;
    border: none;
    display: block;
}
iframe:focus {
    outline: none;
}
iframe[seamless] {
    display: block;
}
body table {
    width: 100%;
}
.align-center{
    text-align: center;
}

.bannerSlogun p{color: #000;}

.tooltipBtn{vertical-align:top; padding: 4px 12px; font-weight:700;}
.apps2{text-align: right; margin-top: 30px; padding-right: 22px;}

/*JQuery UI CSS Customization*/
body .ui-widget-header{
	background: #70a6d2; 
	border: 1px solid #4697d8; 
}
body #editmodlist .ui-widget-header, body #alertmod .ui-widget-header, body .ui-searchFilter .ui-widget-header{background: url(img/ui-bg_gloss-wave_55_5c9ccc_500x100.png) left -35px repeat-x; }
body .ui-widget-content{border: 1px solid #a6cae4; background: #fff; }
body .ui-jqgrid .ui-jqgrid-pager, body .ui-widget-content, .ui-jqgrid .ui-jqgrid-hdiv{ width: auto !important}
body .ui-state-active a, body .ui-state-active a:link, body .ui-state-active a:visited {
    color: #ff7404;
}
.ui-widget, .ui-tabs{}
.ui-tabs .ui-tabs-panel{padding: 1em !important;}
.regBox .formError, .loginBox .formError{color: red; margin-bottom:10px; margin-top: -10px;}
.loginBox .formError{padding-left:125px;}
.loginBox.regBox .formError{padding-left:165px;}
.add{margin:10px 0; text-align:center;}
.add .img-responsive{ display:inline;}
.tabRight{
	text-align:right;
	padding: 5px 10px 0 10px;
}
.tabRight strong{float:left;}
.tabRight a{
	color:#0757a4;
	padding:0 5px;
}
.tabRight a:hover{color: #000; }

.faq{}
.faq a{color: #545454;}
.faq a:hover{color:#0757a4;}
.faq a:before{
    content: '+  ';
    font-weight: 700;
    color: #0757a4;
}
h2.faq{color: #0757a4; font-size: 16px;}

/*Tab CSS*/
.tabs img{vertical-align: middle;}
iframe.loadHtml{margin: 0 !important; padding: 0 !important; overflow: hidden; border: 0; min-height:465px; background:#fff;}
.tabArea{width: 815px; margin: 0 auto;}
.tabContent{height:350px; overflow:auto;}

.resizeIframe{width: 110px; margin: -29px auto 0 auto; text-align: center;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.resizeIframe img{display: inline;}
.round{
 border-radius: 8px 8px 0 0;
 overflow:hidden;
}
.contentDisplay{height: 340px; overflow: auto; border: 1px solid #abc6df; }
.gridTable{
    border-collapse: collapse;
}
.gridTable3{
     border-collapse: collapse;
    border: 1px solid #abc6df; 
    border-bottom: none;
}
.gridTable th, .gridTable3 th{
    background: #bfdefb; 
    padding: 5px 10px;
    color: #000;
    font-size: 14px;
	
}
.gridTable th a, .gridTable3 th a{color: #0757a4; font-weight: normal; vertical-align: middle;}
.gridTable th a:hover, .gridTable3 th a:hover{color: #000;}
.gridTable td, .gridTable3 td{
    border-bottom: 1px solid #abc6df; 
    padding: 3px 10px;
}
.gridTable td a, .gridTable3 td a{color: #104273;}
.gridTable tr:nth-child(odd){background-color: #eef5fb;}
.gridTable th:last-child, .gridTable td:last-child, .gridTable3 th:last-child, .gridTable3 td:last-child{text-align: right; border-left: none;}
.gridTable tr:hover{background-color: #f3f3f3;}

/*Footer Menu CSS*/
.footerMenu{border-top: 1px solid #b4b1b1; padding: 8px; text-align: center;}
.footerMenu a{ color: #0757a4; padding: 0 5px;}
.footerMenu a:hover{color: #ff6804;}

.fixedWidth{width: 1030px !important; margin: 0 auto;}
.tabTitle{font-size: 18px; margin: 0;}
/*Expense page css*/
.bannerEx{background: url(../images/banner-expense.jpg) left center no-repeat; height: 204px;}

.bannerEx .logo-area {padding-left: 30px; margin-top: 1px;}
.bannerEx .logo-area img{width: 250px;}
.bannerEx .flasg-icon-area{text-align: right; padding-top: 148px;}
.ex-menu{text-align: right; padding: 5px 10px;}
.ex-menu a{color: #3984ca; padding: 0 5px;}
.ex-menu a:hover{color: #ff7404;}
.bannerEx .bannerSlogun2{padding: 60px 0 0 20px;}
.bannerEx .bannerSlogun2 p{font-size: 14px; color: #fff;}
.padding-left-100{padding-left: 60px;}
.btnArea{margin: 10px 0; text-align:center;}
.btnArea a{margin-right: 4px; color: #fff; }
.btnArea a:hover{}
.plusIcon{
    border-right: 1px solid #7592ae;
    font-size: 22px;
    margin-right: 5px;
    padding-right: 10px;
    vertical-align: sub;
}
.btnArea a.customBtn{background: #104374; border-radius: 4px; padding:10px 6px;}
.btnArea a img{width: 120px;}
.btnArea a:hover.customBtn:hover{background:#59a1e5;}
.btnArea a:hover .plusIcon{border-right: 1px solid #fff;}
.expenseTableContent{max-height: 756px; overflow: auto;}
.expenseTableContent h3{font-size: 14px; color: #3784cc; margin: 2px 0;}
.expenseTableContent p{font-size: 12px;}
.expenseTableContent p strong{color: #000;}

.gridTable2{
    border-collapse: collapse;
    border: 1px solid #abc6df; 
    border-bottom: none;
}
.gridTable2 th{
    background: #bfdefb; 
    padding: 5px 10px;
    color: #000;
    font-size: 14px;
	border: 1px solid #abc6df;
}
.gridTable2 th a{color: #0757a4; font-weight: normal; vertical-align: middle;}
.gridTable2 th a:hover{color: #000;}
.gridTable2 td{
    border: 1px solid #abc6df; 
    padding: 3px 10px;
}
.gridTable2 td a{color: #104273;}
.gridTable2 tr:nth-child(odd){background-color: #eef5fb;}
.gridTable2 tr:hover{background-color: #f3f3f3;}
.gridTable2 th:last-child, .gridTable2 td:last-child{text-align: center;}
.footerContentBox2{ padding:0;}
.footerContentBox2 .boxpadding{padding:0 15px;}
.comments img, .loginBox img{vertical-align:top;}
.graph{border: 1px solid #abc6df; display:table;width:762px}

.graph .graphLeft{width: 298px; float:left; padding:10px; min-height:285px; overflow:auto;}
.graph .graphRight{width: 412px; float:left; border-left: 1px solid #abc6df; padding:10px 10px 10px 3px; min-height:285px;}
.graph .graphRight h2{color: #256baf; border: none; margin:0;}
.graphRight p{color: #6d6a6a;}
.graphRight p span{color: #256baf; margin-left:10px;}
.graphRight p span img{vertical-align:top; margin-left:5px;}
.balanceContent{height: 185px; overflow:auto; border-bottom:1px dashed #ccc;}
.blanceLink{ margin-top:10px;}
.blanceLink a{color:#000; vertical-align: super;}
.blanceLink a:hover{color:#256baf;}
#slideLeft{
	margin-left: -18px;
    margin-top: 100px;
    position: absolute;
}
#slideRight{
    margin-top: 100px;
    position: absolute;
	right:10px;
}
.fixedWidth760{width: 760px; margin:0 auto;}
.graphBtn{text-align:center; margin-top:20px;}
.graphBtn a{
	background:#096fcd;
    border: 1px solid #4697d8;
	border-radius:3px;
	color:#fff;
	padding:5px 20px;
}
.graphBtn a:hover{background:#70a6d2; color: #fff;}

.margin-top20{margin-top: 20px;}
.border-right{border-right: 1px solid #ccc;}

/*All media query CSS*/
@media (min-width: 320px) and (max-width: 479px) {
		.comments input[type="text"], .comments textarea {
			width: 220px;
		}
		.loginBox input[type="text"], .loginBox textarea, .loginBox input[type="password"] {
			width: 210px;
		}

}
@media (max-width: 767px) {
    .menu ul li {
        display: block;
    }
    .menu ul li a {
        width: 100%;
        padding: 5px 10px !important;
        margin-top: 0 !important;
    }
    .menuArea .navbar-toggle {
        float: left;
        margin-left: 28px;
    }
    .apps a {
        margin-bottom: 10px;
    }
    
    .footerContentBox .divider {
        background: none;
        min-height: auto;
    }
    .percent-free{
        text-align: right;
    }
    .menu ul li a:hover,
    .menu ul li.active a {
        border: 1px solid #5b5959;
        
    }
    .bannerSlogun{display: none;}
	.apps a{margin-bottom:10px; display:block;}
	.loginBox label{display:block;}
	.captcha, .regBox .captcha{padding-left:0;}
	
    .apps2{display: none;}
	.loginBox.regBox .formError, .loginBox .formError{padding-left:0;}

}



@media (min-width: 768px) and (max-width: 991px) {
    .footerContentBox .divider {
        background: none;
        min-height: auto;
    }
    .menu ul li a {
        font-size: 12px;
        padding: 0 8px;
    }
	.menu ul li a:hover,
	.menu ul li.active a {
		font-size: 12px;
		padding: 10px 7px 0;

	}
    .bannerBg .flasg-icon-area{padding-top: 5px;}
    .bannerSlogun p{font-size: 16px; text-align: center;  margin-bottom: 5px;}
    .bannerSlogun{
        padding-top: 5px;
    }

}
@media (min-width: 992px) and (max-width: 1199px) {
    .menu ul li a {
        padding: 0 16px;
    }
	.menu ul li a:hover,
	.menu ul li.active a {
		padding: 10px 15px 0;

	}
    blockquote.slogun {
        font-size: 20px;
        text-align: center;
    }   
    .bannerSlogun{padding-top: 10px;}
    .bannerSlogun p{font-size: 18px; text-align: center; margin-bottom: 10px;}

}

@media (min-width: 1200px) {
    blockquote.slogun {
        font-size: 20px;
        text-align: center;
    }
    .bannerSlogun{padding-top: 10px;}
    .bannerSlogun p{font-size: 18px; text-align: center; margin-bottom: 10px;}

}
