@charset "utf-8";
/* CSS Document */
/* -------------------- Web Font Open Sans --------------------------------------------------- */
@font-face {
 font-family: 'open_sansregular';
 src: url('fonts/open-sans-regular.eot');
 src: url('fonts/open-sans-regular.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans-regular.woff') format('woff'), url('fonts/open-sans-regular.ttf') format('truetype'), url('fonts/open-sans-regular.svg#open_sansregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'OpenSansBold';
 src: url('fonts/opensans-bold.eot');
 src: url('fonts/opensans-bold.eot') format('embedded-opentype'), url('fonts/opensans-bold.woff') format('woff'), url('fonts/opensans-bold.ttf') format('truetype'), url('fonts/opensans-bold.svg#OpenSansBold') format('svg');
}
@font-face {
 font-family: 'Avenir45BookRegular';
 src: url('fonts/avenir-book.eot');
 src: url('fonts/avenir-book.eot') format('embedded-opentype'), url('fonts/avenir-book.woff') format('woff'), url('fonts/avenir-book.ttf') format('truetype'), url('fonts/avenir-book.svg#Avenir45BookRegular') format('svg');
}
/* index page ================================================== */
header {
	float:left;
	width:100%;
}
.header-bg {
	background: url("../images/header-bg.png") repeat-x scroll 0 bottom #F5F5F5;
	float: left;
	width: 100%;
}
.logo {
	float:left;
}
.logo h1 {
	margin:12px 0 0 0!important;
	float:left;
	line-height:0;
}
.logo h1 a {
	margin-bottom:8px;
	display:block;
}
nav {
	float:left;
	width:100%;
}
.main-menu {
	float:right;
	width:75%;
}
.main-menu-user{
	width:63%!important;
}
.main-menu-user ul li{
	padding:0 4.5%!important;
}
.main-menu ul {
	float:left;
	width:100%;
	margin-top:5px;
}
.main-menu ul li {
	float:left;
	padding:0 2.3%;
}
.main-menu ul li a {
	float:left;
	font-family: 'Avenir45BookRegular';
	font-size:16px;
	color:#1f7dbf;
	padding:4px 0;
}
.main-menu ul li:hover a {
	color:#f29430;
}
.user-log {
	float:right;
	margin-top:5px;
}
.user-log-admin{
	width:23%;
}
.user-log ul {
	float:right;
	width:40%;
}
.user-log ul li {
	float:left;
	padding:0 2%;
	position:relative;
}
.user-log ul ul.drop-list {
	background: none repeat scroll 0 0 #F5F5F5;
	border: 1px solid #DDDDDD;
	display: none;
	float: left;
	position: absolute;
	right: 3px;
	top: 25px;
	width: 51%;
	z-index: 999;
}
.user-log ul ul.drop-list li {
	border-bottom:1px solid #dddddd;
	text-align:center;
	width:100%;
	padding:0;
	margin-top:0!important;
}
.user-log ul ul.drop-list li a {
	color:#4e4e4e;
	margin-left:5px;
}
.user-log ul ul.drop-list li:hover {
	background:#1576ae;
}
.user-log ul ul.drop-list li:hover a {
	color:#fff;
}
.user-log ul ul.user-list {
	float:left;
	position:absolute;
	background:#f5f5f5;
	border:1px solid #dddddd;
	width:84%;
	display:none;
	z-index:999;
	top:25px;
	right:8px;
}
.user-log ul ul.user-list li {
	border-bottom:1px solid #dddddd;
	width:100%;
	padding:0;
	margin-top:0!important;
}
.user-log ul ul.user-list li a {
	color:#4e4e4e;
	margin-left:5px;
	float:none;
}
.user-log ul ul.user-list li:hover {
	background:#1576ae;
}
.user-log ul ul.user-list li:hover a {
	color:#fff;
}
.user-log ul ul.user-list li a span.lock {
	background: url("../images/spirite-image.png") no-repeat right center;
	float:right;
	background-position:0 0;
	width:13px;
	height:15px;
	margin-right:5px;
}
.user-log ul ul.user-list li a span.logout {
	background: url("../images/spirite-image.png") no-repeat right center;
	float:right;
	background-position:-16px 0;
	width:13px;
	height:15px;
	margin-right:5px;
}
.user-log ul ul.user-list li:hover a span.lock {
	background-position:0 -16px;
}
.user-log ul ul.user-list li:hover a span.logout {
	background-position:-16px -16px;
}
.user-list span {
	float: right;
	margin: 5px 0 0;
	padding: 0;
	width: 18px;
}
.user-list span img {
	padding:0!important;
	margin-right:0!important;
}
.user-log ul li a {
	font-family: 'Avenir45BookRegular';
	font-size:12px;
	color:#1f7dbf;
	float:left;
}
.user-log ul li a.user-option {
	padding-right:20px;
	background: url("../images/blu-arrow.png") no-repeat right center;
	margin-top:5px;
	float:left;
	color:#4e4e4e;
	font-family: 'open_sansregular';
}
.user-log ul li a.user-option-admin{
	width:56px;
}
.user-log ul li:hover ul.drop-list, .user-log ul li:hover ul.user-list {
	display:block;
}
.user-log ul li img {
	float:left;
	margin-right:6px;
}
.user-log ul li input[type="text"] {
	float:left;
	width:160px;
	height:24px;
	border:1px solid #e2e2e2;
	background:#fff;
	color:#b3b3b3;
	border-radius:25px;
	margin:5px 0 0 0 !important;
	line-height:20px;
}
section {
	float:left;
	width:100%;
	background:#fff;
	min-height:400px;
}
section.table-content {
	float:left;
	width:100%;
}
section.table-content h3 {
	margin-top:22px;
	margin-bottom:0;
}
section.table-content p {
	float:left;
	padding-right:10px;
	margin-top:20px;
}
section.table-content select {
	float:left;
	width:240px;
	height:28px;
	border:1px solid #e2e2e2;
	background:#fff;
	color:#555555;
	font-family: 'open_sansregular';
	font-size:12px;
	margin-top:16px;
}
.table-list {
	float:right;
	width:32%;
}
.table-detail {
	padding:0;
	margin:0 1%;
	float:left;
	overflow:auto;
	width:98%;
}
.even {
	background:#fcfcfc;
}
.main-table table tr th {
	height: 40px;
	padding: 0 10px;
	border:none!important;
}
.pagination {
	float:left;
	width:100%;
	margin-top:20px;
}
.pagination-right ul {
	float:right;
}
.pagination-right ul li {
	float:left;
	background: linear-gradient(to bottom, #FFFFFF 0%, #f7f7f7 100%) repeat scroll 0 0 transparent;
	padding:5px 12px;
	margin:0 3px;
	text-align:center;
	border:1px solid #e2e2e2;
	cursor:pointer;
}
.pagination-right ul li a {
	color: #555555;
	font-family: Calibri, sans-serif;
	font-size: 12px;
}
.pagination-right ul li:hover {
	background:#666c70;
}
.pagination-right ul li:hover a {
	color:#ffffff;
}
footer {
	float:left;
	width:100%;
}
.footer-contents {
	border-top:5px solid #0d5f94;
	margin:20px 0 0;
}
.footer-contents p {
	text-align:center;
	margin:20px 0;
}
.last {
	border-bottom:none!important;
}
.last-list{
	border:none!important;
}

.form-element h3{
	margin-bottom:14px;
	float:left;
	width:100%;
}
.form-detail{
	padding:0!important;
	margin-bottom:10px;
	width:100%;
}
.form-detail label{
	float:left;
	width:15%;
	margin-right:20px;
}
.form-detail input[type="text"],.form-detail input[type="password"],select {
	float:left;
	height:26px;
	width:60%;
	line-height:20px;
}
.form-detail input[type="checkbox"],.form-detail input[type="radio"]{
	color: #B3B3B3;
	float: left;
	line-height: 20px;
	margin-right: 10px;
	margin-top: 5px;
	padding-right: 10px;
}
.form-detail input[type="submit"],.form-detail input[type="reset"]{
	float:left;
	background: linear-gradient(to bottom, #FFFFFF 0%, #f7f7f7 100%) repeat scroll 0 0 transparent;
	padding:5px 15px;
	text-align:center;
	border:1px solid #e2e2e2;
	cursor:pointer;
	margin-top:10px;
	margin-right:20px;
}
.form-detail input[type="submit"]:hover,.form-detail input[type="reset"]:hover{
	background:#666c70;
	color:#fff;
}


.middle{min-height:300px;margin-top:25px;}

.styled-select {
   width: 110px;
   height: 25px;
   overflow: hidden;
   background: url('../images/down_arrow_select.jpg') no-repeat right #ddd;
   border: 1px solid #ccc;
	margin-top: 2px;
 }

.styled-select select {
	background: transparent;
	width: 130px;
	padding: 2px 5px 5px 5px;
	border: 0;
	border-radius: 0;
	font-size: 12px;
	line-height: 1;
	height: 25px;
	font-weight:normal;
	color:#4E4E4E;
	-webkit-appearance: none;
}

.filter_div{width:auto;float:left;}

.conditional {display:none;margin-top:0!important;}

.make_me_bold{font-weight:bold;}

#user_add{width:50%;}

/* Style for TaBS in partners profile edit page*/

#tabs {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
#tabs li {
	float: left;
	margin: 0 -15px 0 0;
}
#tabs a {
	float: left;
	position: relative;
	padding: 0 40px;
	height: 0;
	line-height: 30px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	border-right: 30px solid transparent;
	border-bottom: 30px solid #3D3D3D;
	border-bottom-color: #777\9;
	opacity: .3;
	filter: alpha(opacity=30);
}
#tabs a:hover,  #tabs a:focus {
	border-bottom-color: #2ac7e1;
	opacity: 1;
	filter: alpha(opacity=100);
}
#tabs a:focus {
	outline: 0;
}
#tabs #current {
	z-index: 3;
	border-bottom-color: #3d3d3d;
	opacity: 1;
	filter: alpha(opacity=100);
}
/* ----------- */
#content {
	background: #fff;
	border-top: 2px solid #3d3d3d;
	padding: 2em;/*height: 220px;*/
}
#content h2,  #content h3,  #content p {
	margin: 0 0 15px 0;
}
/* Demo page only */
#about {
	color: #999;
	text-align: center;
	font: 0.9em Arial, Helvetica;
}
#about a {
	color: #777;
}
.footer_th{font-size:14px; text-transform:uppercase;text-align:left; background: #E2E4FF!important;}
.footer_th_2{font-size:14px; text-transform:uppercase;text-align:center; background: #E2E4FF!important;}

#res_table td{border:1px solid #ccc !important;}
#res_table th{border:1px solid #ccc !important;}
/* Style for TABS in partners profile edit page*/

.login-form{
	width:40%;
	margin:0 auto;
}
.login-form p{
	background: #f5f5f5;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-top:1px solid #dddddd;
	padding:10px 10px;
	color:#1175b1;
	float:left;
	width:100%;
	margin:40px 0 0 0;
	font-size:20px;
}
.form-detail a{
	margin-top:16px;
	float:left;
}	
.form-elementinput_view{
	background:#fff;
	margin:0!important;
	border:1px solid #ddd;
	padding:20px 0 0px 20px;
}
form{
	float:left;
	width:100%;
}
.form-detail-submit{
	width:56%;
}
.form-detail-submit a{
	color:#1175b1;
}
.form-element-detail label{
	width:25%;
}

.form-element-detail button{
	float:left;
}
.form-element-detail a{
	background: #F7F7F7;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F7F7F7));
	background: -webkit-linear-gradient(top, #FFFFFF, #F7F7F7);
	background:    -moz-linear-gradient(top, #FFFFFF, #F7F7F7);
	background:      -o-linear-gradient(top, #FFFFFF, #F7F7F7);
	background: linear-gradient(to bottom, #FFFFFF 0%, #F7F7F7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #E2E2E2;
	color: #000000;
	cursor: pointer;
	float: left;
	margin: 0;
	padding: 8px 23px;
	text-align: center;
	margin-left:20px;
}
.change-pswd{
	float:left;
	margin-top:20px;
}
.form-element-detail a:hover, .form-element-detail a:active {
  background:#666c70;
  color:#fff;
}
.form-element-content{
	margin-top:20px;
}
.form-element-content p{
	line-height:1.5;
	font-size:13px;
}
.form-element-detail  .form-detail-submit{
	width:45%!important;
}
#table-content .dataTables_length{
	float:left;
	width:20%;
}
#table-content .dataTables_length select{
	margin-right:5px;
}
#table-content .dataTables_filter{
	float:right;
	width:28%;
}

#table-content .dataTables_filter input{
    float: right;
    width: 73%;
	margin-left:10px;
}
.dataTable  tr.odd{
	background-color:#f3f3f3!important;
}
.dataTables_info,.dataTables_paginate{
	margin-top:20px;
}
.residual-info{
	font-size:14px;
	float:left;
	margin-bottom:20px;
}
.residual-info label{
	cursor: default;
	border-right: 1px solid #aaaaaa;
	float: left;
	padding: 0 12px;
	font-size:13px;
}
.residual-info label.last{
	border:none;
}
.residual-info label span{
	margin-left:5px;
}
/*label {text-align:right !important;}*/

.signinbox {
    background-color: #FFFFFF;
    border: 2px solid;
    border-radius: 15px;
    box-shadow: 10px 10px 5px #888888;
    min-height: 500px;
    width: 40% !important;
    float:left;
}

#welcome_msg {padding:30px;text-align:left;}

#welcome_msg p {text-align:justify;}
.contact-address{
	float:left;
}
.contact-address h4{
	font-size:20px;
	margin-top:0;
}
.contact-address p{
	font-size:15px;
	line-height:1.5;
}
.contact_us_form {
  background: none repeat scroll 0 0 #F7F7F7;
  border: 1px solid #CCCCCC;
  float: left;
  padding: 20px 0;
}
.contact_us_form .form-detail label{
	width:7%!important;
}
.contact_us_form  form{
	margin:0 auto;
	width:86%;
}
.contact_us_form .form-detail input[type="text"]{
	float:left;
	margin-left:20px;
	width:76%;
}
.contact_us_form .form-detail textarea{
	float:left;
	margin-left:20px;
	width:76%;
}
.contact_us_form .form-element{
	float:left;
	margin:10px 0 0 10%;
}
.contact_us_form .form-detail-submit{
	width:29%;
}
.admin-log ul{
	float:left;
}
.admin-log ul li{
	float: left;
	margin-bottom: 20px;
}
.admin-log ul li a{
	background: #F7F7F7;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F7F7F7));
	background: -webkit-linear-gradient(top, #FFFFFF, #F7F7F7);
	background:    -moz-linear-gradient(top, #FFFFFF, #F7F7F7);
	background:      -o-linear-gradient(top, #FFFFFF, #F7F7F7);
	background: linear-gradient(to bottom, #FFFFFF 0%, #F7F7F7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #E2E2E2;
	color: #000000;
	cursor: pointer;
	float: left;
	margin: 0;
	padding: 8px 23px;
	text-align: center;
	margin-left:20px;
}
.admin-log ul li a:hover{
	color:#ffffff;
	background:#666c70;
}
.admin-log p{
	margin-bottom:20px;
}
table.dataTable tr.odd td.sorting_1{
	background:#f3f3f3!important;
}
table.dataTable tr.even td.sorting_1{
	background:#fff!important;
}
.form-detail-mail textarea{
	width:60%;
	
}
.form-detail-settings textarea{
	width:80%;
	margin-top:14px;
}
.form-detail-settings label{
	margin: 10px 20px 20px 0;
	width:100%;
}
.form-detail-sub{
	width:43%;
}
.form-detail-button{
	width:16%;
}
.dataTables_length label{
	width:240px;
}
.breadcrumb{
	float:left;
	margin-bottom:20px;
}
.breadcrumb label{
	float:left;
	margin-bottom:0;
	color: #4D4D4D;
	font-weight: bold;
	cursor:default;
}
.breadcrumb a:hover{
	color:#1576AE;
}
.breadcrumb span{
	padding:0 10px;
	font-size:14px;
}
#residuals_list .dataTables_filter {
  float: right;
  width: 28%;
}
#residuals_list .dataTables_filter input {
  float: right;
  margin-left: 10px;
  width: 73%;
}
.form-detail-update .form-detail  label{
	float: left;
	margin-right: 20px;
	text-align: left !important;
	width: 26%;
}
.form-detail-update-submit{
	float: right;
	margin-top: 20px;
	width: 23%;
}
.update-var label{
	text-align:left!important;
}
.create-residuals .form-detail label{
	float: left;
	margin-right: 20px;
	width: 36%;
	text-align:left!important;
}
.form-detail-create{
	width:38%;
}
.partners-edit .form-detail label{
	float: left;
	margin-right: 20px;
	width: 24%;
}
.form-detail-partners {	
	width:23%!important;
	float:right;
	margin-top:20px;
}
.form-detail-partners button{
	margin-right:10px;
}
.form-detail-partners a{
	margin-top:10px;
}
.form-detail-partner{
	width:46%;
}
.form-detail-partner1{
	width:35%;
}
.form-detail-partner a,.form-detail-partner1 a{
	margin-left:10px;
	margin-top:8px;
}
.change-pwd .form-detail label{
	float: left;
	margin-right: 20px;
	width: 31%;
	text-align:left!important;
}
.partners-info .form-detail label{
	border-right: 1px solid #F7F7F7;
	margin-top: 3px;
	text-align: left !important;
	width: 28%;
}
.odd{
	border-top:1px solid #f7f7f7;
}
.user-info .form-detail label{
	text-align:left!important;
	border-right: 1px solid #F7F7F7;
	margin-top: 3px;
}
.mandatory{
	color:#ff0000;
	padding:0 1px;
}
.create-residuals .form-detail-create{
	width:28%;
}
.form-detail-update input[type="text"]{
	margin:0!important;
}
.form-detail-update .form-detail label.error{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: right;
  font-size: 13px;
  font-style: italic;
  margin: 0;
  padding: 0;
  width: 70%;
}
.create-residuals .form-detail label.error{
	width:100%;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: right;
  font-size: 13px;
  font-style: italic;
  margin: 0;
  padding: 0;
}
.update-var .form-detail label.error{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: right;
  font-size: 13px;
  font-style: italic;
  margin: 0;
  padding: 0;
  width: 80%;
}
.update-var .form-detail select.error,.update-var .form-detail input.error{
	background-color: #fff!important;
	border-color: #ddd!important;
	float: left;
	width: 60%;
	padding:0!important;
	color:#777777;
	margin-bottom:0!important;
	}
	.user-add .form-detail label.error{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-color: #ddd!important;
  float: right;
  font-size: 13px;
  font-style: italic;
  margin: 0!important;
  padding: 0;
  width: 80%;
}
.user-add .form-detail select.error{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-color: #ddd!important;
	float: left;
	font-size: 13px;
	font-style: italic;
	margin: 0!important;
	padding: 0;
	width: 60%;
  	color:#777777;
}
.user-add .form-detail input[type="text"]{
	margin-bottom:0!important;
}
.partner-detail-edit .form-detail label.error{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-color: #ddd!important;
  float: right;
  font-size: 13px;
  font-style: italic;
  margin: 0!important;
  padding: 0;
  width: 72%;	
}
.partner-detail-edit .form-detail input[type="text"],.partners-edit .form-detail input[type="text"]{
	margin-bottom:0!important;
}
.partner-detail-edit .form-detail select.error{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-color: #ddd!important;
	float: left;
	font-size: 13px;
	font-style: italic;
	margin: 0!important;
	padding: 0;
	width: 60%;
  	color:#777777;
} 
.partners-edit  .form-detail label.error{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-color: #ddd!important;
  float: right;
  font-size: 13px;
  font-style: italic;
  margin: 0!important;
  padding: 0;
  width: 72%;	
}
.change-pwd .form-detail label.error{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-color: #ddd!important;
  float: right;
  font-size: 13px;
  font-style: italic;
  margin: 0!important;
  padding: 0;
  width: 65%;
}
.change-pwd .form-detail input[type="password"].required{
	margin-bottom:0!important;
}

.contact_us_form .form-detail label.error{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-color: #ddd!important;
  float: right;
  font-size: 13px;
  font-style: italic;
  margin: 0!important;
  padding: 0;
  width: 84%!important;	
}

.change-pswd   .form-detail label.error{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-color: #ddd!important;
	float: right;
	font-size: 13px;
	font-style: italic;
	margin: 0!important;
	padding: 0;
	width: 72%!important;	
}

#old_pwd, #new_pwd, #re_new_pwd{
	margin-bottom:0 !important;
}

.login-form  .form-detail label.error{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-color: #ddd!important;
	float: right;
	font-size: 13px;
	font-style: italic;
	margin: 0!important;
	padding: 0;
	width: 80%!important;	
}

.login-form .form-detail input[type="text"].required{
	margin-bottom:0!important;
}

.login-ele{height:45px;}

.contact_us_form .form-detail input[type="text"]{
	margin-bottom:0!important;
}
.mer_status, .var_status{ float:right;}

.mer_status select, .var_status select {width:auto;}
.mer_status span, .var_status span{float:left;margin-right:3px;}

.mp_but{width:20%;}
.residual-info-right span{
	float:right;
	}
.residual-info .residue-info-detail{
	float:right;
	}
	.jqte_tool a{
	margin-top:0!important;
	} 
	.jqte_formats{
	width:140px!important;
	}
#chart{width:55% !important;float:right;margin:2%;}
.user-log-admin ul{
	width:84%!important;
	}
	.user-log-admin ul li{
	padding:0 3.5%;
	}
	.user-log-admin ul li a{
	  color: #4E4E4E;
	  float: left;
	  font-family: 'open_sansregular';
	  margin-top: 5px;
}
.user-log-admin ul li a span.logout {
  background: url("../images/spirite-image.png") no-repeat scroll -16px 0 rgba(0, 0, 0, 0);
  float: left;
  height: 16px;
  margin-right: 5px;
  margin-top: 4px;
  width: 16px;
}

.user-log-admin  ul li img {
  float: left;
  margin-right: 6px;
}
.user-list-admin img{
	margin-top:7px
	}
	
.old_system_info {
    border: 2px solid;
    border-radius: 40px;
    float: left;
    font-weight: bold;
    margin-top: 40px;
    padding: 16px;
    width: 440px;
}