/*	outline: 0px none #333	*/
@font-face {
	font-family: 'ralewaymedium';
	src: url('font/raleway-medium-webfont.eot');
	src: url('font/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),  url('font/raleway-medium-webfont.woff2') format('woff2'),  url('font/raleway-medium-webfont.woff') format('woff'),  url('font/raleway-medium-webfont.ttf') format('truetype'),  url('font/raleway-medium-webfont.svg#ralewaymedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ralewayheavy';
	src: url('font/raleway-heavy-webfont.eot');
	src: url('font/raleway-heavy-webfont.eot?#iefix') format('embedded-opentype'),  url('font/raleway-heavy-webfont.woff2') format('woff2'),  url('font/raleway-heavy-webfont.woff') format('woff'),  url('font/raleway-heavy-webfont.ttf') format('truetype'),  url('font/raleway-heavy-webfont.svg#ralewayheavy') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewaylight';
	src: url('font/raleway-light-webfont.eot');
	src: url('font/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),  url('font/raleway-light-webfont.woff2') format('woff2'),  url('font/raleway-light-webfont.woff') format('woff'),  url('font/raleway-light-webfont.ttf') format('truetype'),  url('font/raleway-light-webfont.svg#ralewaylight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewayextralight';
	src: url('font/raleway-extralight-webfont.eot');
	src: url('font/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),  url('font/raleway-extralight-webfont.woff2') format('woff2'),  url('font/raleway-extralight-webfont.woff') format('woff'),  url('font/raleway-extralight-webfont.ttf') format('truetype'),  url('font/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewayregular';
	src: url('font/raleway-regular-webfont.eot');
	src: url('font/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('font/raleway-regular-webfont.woff2') format('woff2'),  url('font/raleway-regular-webfont.woff') format('woff'),  url('font/raleway-regular-webfont.ttf') format('truetype'),  url('font/raleway-regular-webfont.svg#ralewayregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewaythin';
	src: url('font/raleway-thin-webfont.eot');
	src: url('font/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),  url('font/raleway-thin-webfont.woff2') format('woff2'),  url('font/raleway-thin-webfont.woff') format('woff'),  url('font/raleway-thin-webfont.ttf') format('truetype'),  url('font/raleway-thin-webfont.svg#ralewaythin') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewaybold';
	src: url('font/raleway-bold-webfont.eot');
	src: url('font/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('font/raleway-bold-webfont.woff2') format('woff2'),  url('font/raleway-bold-webfont.woff') format('woff'),  url('font/raleway-bold-webfont.ttf') format('truetype'),  url('font/raleway-bold-webfont.svg#ralewaybold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewaysemibold';
	src: url('font/raleway-semibold-webfont.eot');
	src: url('font/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),  url('font/raleway-semibold-webfont.woff2') format('woff2'),  url('font/raleway-semibold-webfont.woff') format('woff'),  url('font/raleway-semibold-webfont.ttf') format('truetype'),  url('raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
.ptrMainSectionCls {
/*	z-index: 100;
	background-color:yellow;	*/
	
}
/* Page Title	*/
.screen_heading_container{
	margin:10px 10px 10px 0;
	padding:0;
	min-width:200px;
	max-width:400px;
	display:inline-block;
	display: table-cell;
/*	width:400px;	*/
}
.screen_heading {
	margin:0;
	padding:0;
	color: #000000;
	font-size: 20px;
	font-weight: 300;
	font-family: "ralewaysemibold";
	line-height: 38px;
/*	top:2px  !important;	*/
}
.section_bg{
/*	padding:0 0 0 8px;	*/
	margin:0;
/*	background-color: rgba(62, 99, 114, 0.65);	*/
}
/*
.dummy {
	background-color:red;
}*/
.actionbaricons {
	background: #ccc;
}
.lockiconimg {
	cursor: pointer;
}
.c-mainpage-section {
	background-color:#ffffff;
/*	border:1px solid #cfcfcf;	*/
	margin:0 0 6px 0;
	padding:6px 10px 6px 10px;
	vertical-align:top;
	text-align:right;
	-moz-user-select:none;
}
.c-mainpage-gis-section{
	background-color:red;
	margin:0;
	padding:0;
	vertical-align:top;
	text-align:right;
	-moz-user-select:none;

}
.GIS_header_Panel {
    background-color: rgba(87, 187, 160, 1.0) !important;
    border-radius: 0px;
    display: inline-block;
    float: left;
    margin: 0px;
    padding: 0px;
    text-align: left;
}
.GIS_header_Panel .x-toolbar-default {
    line-height: 34px;
    padding: 4px 8px;
    background-color: none;
}
.c-mainpage-section_tab {
	background-color:#ffffff;
	border:0px solid #ff0000;
	margin:0 0 6px 0;
	padding:6px 10px 6px 10px;
	vertical-align:top;
	text-align:right;
	-moz-user-select:none;
}
.c-mainpage-section_tab .x-tab-bar-default {
    background-color: #EBEBEB;
}
.c-mainpage-section_tab .x-tab-bar-default-top > .x-tab-bar-body-default {
    padding: 0px 6px 0px 6px;
}
.c-mainpage-section_tab .x-tab.x-tab-active.x-tab-default {
 /*   background-color: #3cb5c8;	*/
    border-color: #ff0000;
background: #00abdb; /* Old browsers */
background: -moz-linear-gradient(top,  #00abdb 0%, #0fb4e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00abdb), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00abdb 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00abdb 0%,#0fb4e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00abdb 0%,#0fb4e7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00abdb 0%,#0fb4e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00abdb', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */

}
.c-mainpage-section_tab .x-tab-default-top {
/*    background-color: #c9d5d6;	*/
    border-radius: 0px;
    border-style: solid;
    border-width: 0px;
    padding: 8px 8px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 71%, #c9c9c9 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(71%,#f7f7f7), color-stop(99%,#c9c9c9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 71%,#c9c9c9 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 71%,#c9c9c9 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 71%,#c9c9c9 99%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 71%,#c9c9c9 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */

}
.c-mainpage-section_tab .x-tab-default-top.x-tab-focus.x-tab-over {
    -webkit-box-shadow: #d0d0d0 0 1px 0 0 inset, #d0d0d0 0 -1px 0 0 inset, #d0d0d0 -1px 0 0 0 inset, #d0d0d0 1px 0 0 0 inset;
    -moz-box-shadow: #d0d0d0 0 1px 0 0 inset, #d0d0d0 0 -1px 0 0 inset, #d0d0d0 -1px 0 0 0 inset, #d0d0d0 1px 0 0 0 inset;
    box-shadow: #d0d0d0 0 1px 0 0 inset, #d0d0d0 0 -1px 0 0 inset, #d0d0d0 -1px 0 0 0 inset, #d0d0d0 1px 0 0 0 inset
}

.c-mainpage-section_tab .x-tab-default-top {
    top: 4px !important;
	margin:0px 4px 0px 0px;
}
.c-mainpage-section_tab .x-tab.x-tab-active.x-tab-default {
    top: 0px !important;
}
.c-mainpage-section_tab .x-panel-body-default {
    background-color: rgba(0, 0, 0, 0);
    border-top: 2px solid #3CB5C8;
    border-bottom: 2px solid #3CB5C8;
    border-left: 0px none;
	border-right: 0px none;
}




.x-panel.x-panel-default.x-collapsed.x-panel-collapsed.x-panel-default-collapsed{
	height:36px !important;
}
.c-mainpage-section .x-header {
	background: transparent;
	border: 0px;
	top:6px !important;
}
.c-mainpage-section .x-title-text {
    color: #6a6a6a;
	font: 700 14px/36px helvetica, arial, verdana, sans-serif;
}
.c-mainpage-section .x-column-header {
	text-align: left;
}

/*	Top Bar Button	*/

.toolbarlinkbtn {
	margin:0;
	padding: 4px 0 0 0;
	float:right;
	text-align:right;
}
.toolbarlinkbtn .x-btn-default-small {
	background: #2A3A48;
	background-image:none;
	border:0px none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	float:right;
	left:0;
	padding:0;
	-moz-user-select: none;
}
.toolbarlinkbtn .x-btn-inner-default-small {
	font: 300 13px helvetica, arial, verdana, sans-serif;
    color: #333;
    padding: 0 4px;
    max-width: 100%
}
.toolbarlinkbtn .x-btn {
    cursor: pointer;
    display: inline-block;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
	height:28px;
	background-color:#49BB93;
	margin:4px 4px 4px 4px;
	padding:0 4px;
/*	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.66);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.66);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.66);	*/
	-webkit-box-shadow: inset 0 -1px #c1c1c1;
	-moz-box-shadow: inset 0 -1px #c1c1c1;
	box-shadow: inset 0 -1px #c1c1c1;
}
.toolbarlinkbtn .x-btn-inner {
	text-align: center;
	color: #ffffff;
	font: 300 12px helvetica, arial, verdana, sans-serif;
	padding:0 8px;
	line-height:30px;
}
.toolbarlinkbtn .x-btn-inner:hover {
	color: #ffffff;
}
.toolbarlinkbtn .x-btn-over.x-btn-default-small {
    border-color: #334554;
    background-image: none;
    background-color: #334554;
	color:#ffffff
}
.toolbarlinkbtn .x-btn-focus.x-btn-default-small .x-btn-wrap {
	outline: 0px none #333
}
.toolbarlinkbtn .x-btn-over.x-btn-default-small span > span > span:hover{
	color: #ffffff;
}
.toolbarlinkbtn .x-btn.x-btn-menu-active.x-btn-default-small,
.toolbarlinkbtn .x-btn.x-btn-pressed.x-btn-default-small {
    background-image: none;
    background-color: #49BB93;
	-webkit-box-shadow: inset 0 -1px #c1c1c1;
	-moz-box-shadow: inset 0 -1px #c1c1c1;
	box-shadow: inset 0 -1px #c1c1c1;
}
.toolbarlinkbtn .x-btn.x-btn-disabled.x-btn-default-small {
    border-color: #e1e1e1;
    background-image: none;
    background-color: #f7f7f7;
    background-image: none;
}
.toolbarlinkbtn .x-btn-focus.x-btn-default-small {
    background-color: #49BB93;
    background-image: none;
    border-color: #FF0000;
	-moz-user-select: none;
	-webkit-box-shadow: inset 0 -1px #c1c1c1;
	-moz-box-shadow: inset 0 -1px #c1c1c1;
	box-shadow: inset 0 -1px #c1c1c1;
}








/*	Bottom Bar Button	*/

.toolbariconbtn {
	padding:0;
	margin: 4px 0 0 0  ;
	float:right;
}
.toolbariconbtn.x-btn-default-small {
	background: #2A3A48;
	background-image:none;
	border:0px none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	float:right;
	left:0;
	padding:0;
}
.toolbariconbtn .x-btn-inner-default-small {
	font: 300 13px helvetica, arial, verdana, sans-serif;
    color: #333;
    padding: 0;
    max-width: 100%
}
.toolbariconbtn .x-btn {
    cursor: pointer;
    display: inline-block;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
	height:28px;
	background-color:#d9d9d9;
	margin:4px 4px 4px 4px;
	padding:0 4px;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.66);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.66);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.66);
}
.toolbariconbtn .x-btn-button {
	line-height:25px !important;
}
.toolbariconbtn .x-btn-inner {
	text-align: center;
	color: #000000;
	font: 300 12px helvetica, arial, verdana, sans-serif;
	padding:2px 8px;
}
.toolbariconbtn .x-btn-inner:hover {
	color: #ffffff;
}
.toolbariconbtn .x-btn-over.x-btn-default-small {
    border-color: #2A3A48;
    background-image: none;
    background-color: #ffffff;
    background-image: none;
	color:#000000
}
.toolbariconbtn .x-btn-focus.x-btn-default-small .x-btn-wrap {
    outline: 1px dotted #333
}
.toolbariconbtn .x-btn-over.x-btn-default-small span > span > span:hover{
	color: #000000;
}
.toolbariconbtn .x-btn.x-btn-menu-active.x-btn-default-small,
.toolbariconbtn .x-btn.x-btn-pressed.x-btn-default-small {
    background-image: none;
    background-color: #1e5e6d;
	color:#ffffff;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.66);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.66);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.66);
	-moz-user-select:none;
}
.toolbariconbtn .x-btn.x-btn-disabled.x-btn-default-small {
    border-color: #e1e1e1;
    background-image: none;
    background-color: #d9d9d9;
    background-image: none;
	color:#d6d6d6;
}
.toolbariconbtn .x-btn-focus.x-btn-default-small {
    background-color: #ffffff;
    background-image: none;
    border-color: #1e5e6d;
}
.toolbariconbtn .x-btn-focus.x-btn-default-small span > span > span:hover{
	color: #ffffff;
}
























.toolbariconimg {
	background-repeat: no-repeat !important;
	background-size:25px 25px !important;
	background:#ffffff !important;
}
.consoleMasterPanel {
	background: #ffffff url(images/common/bg.jpg) no-repeat center top fixed;	
	background-size: 100%;	  /*propotional resize	*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	margin:0px;
	padding:0;
}
.helpIcon {
	background-image: url(images/common/help.png);
	width: 22px;
	height: 22px;
	background-repeat:no-repeat;
	background-color:#ffffff;
	cursor: pointer;
	float:right;
}
.c-triggerbtn {
/*	width: 17px;
	height: 22px;	*/
}

/*	Login Page */
.cue-loginpage{

}
.loginpage {
	z-index: 1;
	background: #ffffff url(images/common/login_bg.jpg) no-repeat fixed;	
	background-size: 100%;  /*propotional resize	*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.login_logo_container{
	background-color:#f7f7f7;
}
.login_poweredby_container{
	background-color:#f7f7f7;
	text-align:center !important;
	margin: 44px 0 0 0 ;
	line-height:30px;
	color:#636363;
	top:483px !important;
}
.login_container {
	padding:0;
	margin:0;
	background-color:#ffffff;
}

.input-login-wrap {
	width: 203px;
	height: 42px;
	border: 0px none #cccccc;
}
.input-login_username {
	padding: 0 0 0 44px;
	margin: 48px 0 0 48px;
	background: #fff url(images/common/login_UN_icon.jpg) no-repeat left top !important;
}
.input-login_username .x-form-text-default{
	font-size: 16px !important;
	text-align: left !important;
	font-family:"ralewaylight" !important;
	padding:0 10px 0 10px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-ms-border-radius: 3px 3px 3px 3px;
	-o-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}
.input-login_password {
	padding: 0 0 0 44px;
	margin: 8px 0 0 48px;
	background: #fff url(images/common/login_P_icon.jpg) no-repeat left top !important;
}
.input-login_password .x-form-text-default{
	font-size: 16px !important;
	text-align: left !important;
	font-family:"ralewaylight" !important;
	padding:0 10px 0 10px;
}
.input-login_captcha {
	margin:5px 0 0 0;
}
.input-login_captcha .x-form-text-default{
	border-radius: 0px;
    font-family: "ralewaylight" !important;
    font-size: 16px !important;
    padding: 0;
    text-align: center !important;
}
.input-login_captchaimg{
	margin:5px 0 0 0;
}
.login_links{	
	height:30px !important;
	line-height:26px;
	margin:0;
	 
	padding:0;
}
.login_links .x-panel-body-default {
    color: #1380bb;
}
.login_capslock{	
	height:30px !important;
	line-height:26px;
	margin:0;
	padding:0;
}
.login_capslock .x-panel-body-default {
    color: red;	
    font-size: 16px !important;
}
.keepmeSignedin{

}
.forgetPassword{

}
.keepmeSignedin_checkbox{
	padding:0;
	margin:0;
	line-height:30px;
}
.login_links_splitter{	
	height:30px !important;
	background: url("images/gridbar/logo_splitter.png") no-repeat 7px 1px;
	margin:0!important;
	float: left;
}
.login_btn {
	width: 250px;
	height: 44px;
	background-color: #df423d;
	border: 0px none;
	border-radius: 3px;
	line-height: 10px;
	margin-top:8px;
	margin-bottom:8px !important;
	cursor: pointer;
}
.login_btn .x-btn-inner {
	font-size: 17px;
	text-align: center;
	color: #ffffff;
	font-family: "ralewaylight";
}
.input_login {
	background-color: #fff;
	font: 300 13px helvetica,arial,verdana,sans-serif;
	text-align: center;
	padding: 0;
	margin:0 0 18px 0;
	margin: 0;
	width: 204px;
	height: 45px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-ms-border-radius: 3px 3px 3px 3px;
	-o-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	line-height: 16px;
}


.input_login .x-btn-inner {
	text-align: center;
	color: #ffffff;
	font: 300 21px helvetica,arial,verdana,sans-serif;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0px 4px;
}
.input_login-default-small.x-btn-over {
    background-color: red;
    border-style: solid;
    border-width: 1px;
	border-color: #0067AC;
    padding: 0px 2px 0px 2px;
}
.input_login.x-btn-focus.x-btn-default-small {
    background-color: #0067AC;
    background-image: none;
    box-shadow: 0 0 0 0 #d7e9f6 inset, 0 0 0 0 #d7e9f6 inset, 0px 0 0 0 #d7e9f6 inset, 0 0 0 0 #d7e9f6 inset;
}


.input-login-ctrl {
	padding: 14px 17px 14px 17px;
}
.input-login {
	width: 204px;
	height: 45px;
	background-color: #fff;
	border: 1px solid #cccccc;
	border-radius: 3px;
	margin-bottom: 18px;
	font-weight: bold;
	font-size: 15px;
}

/*	Login Page End	*/

/*	Layout North.js - Banner	*/
	.banner{
		height:46px;
		vertical-align: top;
		padding:0;
		margin:0;
		background-color:#ffffff;
	}
	.product_logo{
		float:left;
		display: table-cell;
		overflow: hidden;
		white-space: nowrap;
		vertical-align: top;
		text-align:left;
		margin:0 12px 0 8px;
		padding:0;
		width:202px;
		height:46px;
	    /*	background: transparent url(images/common/logo.png) no-repeat 0 4px; */
              background: transparent url(images/common/logo_niims.png) no-repeat 0 4px; 
	}
	.product_logo img{
		margin:0;
		padding:0;
	}
	.logo_splitter{
		float:left;
		height:46px;
		width:2px;
		background:transparent url(images/common/logo_splitter.png) no-repeat left top;	
	}	
	.appTitle {
		float:left;
		font-family: "ralewaysemibold";
		height:46px;
		width:190px;
		padding:0;
		margin:3% 0 0 12px;
	}
	.appTitle p{
		margin:0;
		padding:0;
		font-size: 14px;
		height:17px;
		width:100%;
		line-height: 17px;
		color: #272727;
	//	text-transform:uppercase;
		display: inline-block;
		vertical-align:text-bottom;
		letter-spacing:1px;
	}
	.customer_logo{
		float:left;
		display: table-cell;
		overflow: hidden;
		vertical-align: top;
		text-align:left;
		margin:0 0 0 12px ;
		padding:0;
		width:120px;
		height:46px;
              background: transparent url(images/common/customer_logo.jpg) no-repeat left top;
		/*background: transparent url(images/common/pdo_logo.jpg) no-repeat left top;*/
	}
	.customer_logo img{
		margin:0;
		padding:0;
		width:120px;
		height:46px;
	}
	.fueltrans_logo{
		float:left;
		display: table-cell;
		overflow: hidden;
		vertical-align: top;
		text-align:left;
		margin:0 0 0 12px ;
		padding:0;
		width:120px;
		height:46px;
              background: transparent url(images/common/nayara_logo.png) no-repeat left top;
		/*background: transparent url(images/common/pdo_logo.jpg) no-repeat left top;*/
	}
	.fueltrans_logo img{
		margin:0;
		padding:0;
		width:120px;
		height:46px;
	}

	.user_switch_container{
		margin:29px 0 0 0;
		padding:0;
		color:#272727;
		font-size: 12px;
		font-family: helvetica, arial, verdana, Tahoma, sans-serif;
		
	}
	.user_name_container{
		float:right;
	}
	.user_name{
		margin:6px 8px 0 0;
		padding:0;
	}
	.user_name .pan1{
		margin:0;
		padding:0;
		color:#272727;
		font-size: 11px;
		font-family: helvetica, arial, verdana, Tahoma, sans-serif;
	}
	.user_name .pan2{
		margin:0;
		padding:0;
		color:#272727;
		font-size: 16px;
		font-family: helvetica, arial, verdana, Tahoma, sans-serif;
	}
.login_prfile_img {
	height: 105px;
	margin: 20px 0 0 0
}
.bluebg {
	background: blue;
	border: 3px solid green;
}
/*	Console - Home Page	*/
.consoleContainer_Splitter{
	margin:0;
	padding:0;
	height:100%;
	width:8px;
}
.consoleContainer_left {
	padding:0 16px;
	margin:16px 0px 0px 16px;
	overflow:auto;
/*	background-color: rgba(53, 169, 196,.65);	
	background-color: rgba(24, 106, 153,.65);
	background-color: rgba(237, 241, 245,.9);	*/
	border:1px solid rgba(118, 164, 183,.8);
/*	height:100% !important;	*/
	background-color: rgba(255, 255, 255,.05);
}
.consoleContainer_right {
	padding:0 16px;
	margin:16px 13px 16px 0px;
	overflow:auto;
/*	background-color: rgba(53, 169, 196,.65);
	background-color: rgba(24, 106, 153,.65);
	background-color: rgba(237, 241, 245,.9);	*/
	border:1px solid rgba(118, 164, 183,.8);
/*	height:100% !important;	*/
	background-color: rgba(255, 255, 255,.05);
}
.consoleHeading {
	padding:0;
	margin: 4px 0 4px 0;
	position: relative;
	height: 3.6em;
	display: table-cell;
    vertical-align: middle;
	min-width:250px;
}
.consoleHeading p {
	font-family: "ralewaylight";
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
	margin: 2px 0 2px 0;
	padding:0;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
}
.homepage-tplcls {
	float:left;
	margin: 0 8px 8px 0 ;
	padding:4px;
	width:130px;
	height:140px;
	cursor: pointer;
/*	background-color:rgba(96, 107, 120, 1);
	background-color:rgba(119, 119, 119, 1);	*/
	border:0px none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#ffffff;
	 -webkit-transition:background-color .3s;
    transition:background-color .3s;
	-moz-user-select:none;
}
.homepage-tplcls:hover {
	background: #2a3a48;	
	border:1px solid #9ebbd5;
	color:#ffffff;
/*	box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.7);	*/
}
.homepage-tplcls span:hover{
	color:#ffffff;
}
.homepage-btn_container {
    margin: 0;
    padding: 0;
}
.homepage-btn_container .icon {
/*	position: relative;	*/
	height:78px;
	width: 78px;
	padding:0;
	margin:0 auto;
}
.homepage-btn_container .icon img {
	margin: 0;
	padding:0;
}
.homepage-btn_container div.consoleContainerFont {
	position: relative;
	height: 5em;
    width: 130px;
	display: table-cell;
    vertical-align: middle;
}
.homepage-btn_container div.consoleContainerFont p{
	font: 300 13px helvetica,arial,verdana,sans-serif;
	text-align:center;
	margin: 0;
	text-shadow: 0 2px 1px rgba(0, 0, 0, 1);
}

.consoleMasterPanel .x-view-item-focused {
    outline: 0px none !important;
    /*outline-offset: -1px;*/
}
.strip-show .x-tab-strip-wrap {
	display: block;
}
.strip-hidden > .x-tab-panel-header > .x-tab-strip-wrap {
	display: none;
	height: 0px;
}
.eastbarcont {
	overflow: hidden;
}
.upload-icon {
	background: transparent url(images/FileUpload/upload_downlad_clear.png) no-repeat 0 0 ;
	width: 26px;
	height: 24px;
	padding:0;
	margin:0;
	cursor:pointer;
}
.download-icon {
	background: transparent url(images/FileUpload/upload_downlad_clear.png) no-repeat 0 -26px ;
	width: 26px;
	height: 24px;
	padding:0;
	margin:0;
	cursor:pointer;
}
.clear-icon {
	background: transparent url(images/FileUpload/upload_downlad_clear.png) no-repeat 0 -54px ;
	width: 26px;
	height: 24px;
	padding:0;
	margin:0;
	cursor:pointer;
}
.normalwhite {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.toolBarImg {
	margin-bottom: 0px !important;
	clear: both;
	position: relative !important;
	cursor: pointer;
}
.application-header {
	box-shadow: 0 1px 4px rgba(0,0,0,0.065);
	width: 100%;
	background: #143F49;
	color: #ffffff;
	font-size: 22px;
	padding: 10px;
	font-family: "ralewaylight";
}
/*
.content_bg {
	background: #143F49;
}*/
.logout {
	width: 60px;
	height: 47px;
	padding: 0;
	margin:0;
	float:right;
}
.logout .x-btn-default-small {
	background: #2A3A48;
	background-image:none;
	border:0px none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	float:right;
	left:0;
	padding:0;
	-moz-user-select: none;
}
.logout .x-btn-inner-default-small {
	font: 300 13px helvetica, arial, verdana, sans-serif;
    color: #333;
    padding: 0;
    max-width: 100%
}
.logout .x-btn {
    cursor: pointer;
    display: inline-block;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
	height:47px;
    background-image: url('images/users/user_default.png'); 
	background-color:#df423d;
	margin:0;
	padding:0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	 -o-transition: all .4s ease-in-out;
	 -moz-transition: all .4s ease-in-out;	
}
.logout .x-btn-inner {
	text-align: center;
	color: #ffffff;
	font: 300 12px helvetica, arial, verdana, sans-serif;
	padding:0;
	line-height:47px;
}
.logout .x-btn-inner:hover {
	color: #ffffff;
}
.logout .x-btn-over.x-btn-default-small {
    border-color: transparent;
	background-image: url('images/users/user_default.png'); 
    background-color: #0067ac;
	color:#ffffff;
}
.logout .x-btn-focus.x-btn-default-small .x-btn-wrap {
	outline: 0px none #333
}
.logout .x-btn-over.x-btn-default-small span > span > span:hover{
	color: #ffffff;
}
.logout .x-btn.x-btn-menu-active.x-btn-default-small,
.logout .x-btn.x-btn-pressed.x-btn-default-small {
    background-image: url('images/users/user_default.png'); 
    background-color: #0067ac;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.logout .x-btn.x-btn-disabled.x-btn-default-small {
    border-color: #e1e1e1;
    background-image: url('images/users/user_default.png'); 
    background-color: #f7f7f7;
    background-image: none;
}
.logout .x-btn-focus.x-btn-default-small {
    background-color: #0067ac;
    background-image: url('images/users/user_default.png');
    border-color: #FF0000;
	-moz-user-select: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}





.logout .x-btn-wrap-default-small.x-btn-arrow-right:after {
    background-image: none;
    padding:0;
    width: 60px;
}
.logout_menu .x-menu-body-default{
	background-color:#FFFFFF;
	border-radius: 0px;
}
.logout_menu .x-menu-item-default.x-menu-item-active {
    background-color: #eaeaea;
    background-image: none;
}
.logout_menu .x-menu-icon-separator-default {
    background-color: #FFFFFF;
    border: 0px none;
}
.logout .x-menu-default {
    border-style: solid;
    border-width: 1px;
    border-color: #e1e1e1
}
.logout .x-menu-body-default {
    background: white;
    padding: 0
}
.logout .x-menu-icon-separator-default {
    left: 26px;
    border-left: solid 1px #e1e1e1;
    background-color: white;
    width: 1px
}
.logout .x-menu-item-default {
    border-width: 0;
    cursor: pointer
}
.logout .x-menu-item-default.x-menu-item-active {
    background-image: none;
    background-color: #eaeaea
}
.logout .x-nlg .x-menu-item-default.x-menu-item-active {
    background: #eaeaea repeat-x left top;
    background-image: url(images/menu/menu-item-default-active-bg.gif)
}
.logout .x-menu-item-default.x-menu-item-disabled {
    cursor: default
}
.logout .x-menu-item-default.x-menu-item-disabled a {
    cursor: default
}
.logout .x-menu-item-default.x-menu-item-separator {
    height: 1px;
    border-top: solid 1px #e1e1e1;
    background-color: white;
    margin: 2px 0;
    padding: 0
}
.logout .x-menu-item-default.x-menu-item-disabled {
    filter: alpha(opacity=50);
    opacity: .5
}
.logout .x-menu-item-default .x-form-item-label {
    font-size: 13px;
    color: black
}
.logout .x-menu-item-text-default,
.logout .x-menu-item-cmp-default {
    margin: 0 5px 0 5px
}
.logout .x-menu-item-text-default {
    font: normal 13px helvetica, arial, verdana, sans-serif;
    line-height: 23px;
    padding-top: 1px;
    color: black;
    cursor: pointer
}
.logout_menu .switchcontext_icon{
	background: url('images/common/logout_menu.png') no-repeat center 0px;
}
.logout_menu .changepassword_icon{
	background: url('images/common/logout_menu.png') no-repeat center -20px;
}
.logout_menu .help_icon{
	background: url('images/common/logout_menu.png') no-repeat center -44px;
}
.logout_menu .logout_icon{
	background: url('images/common/logout_menu.png') no-repeat center -64px;
}




.logo-icon {
	background-color: #be1623;
	padding: 5px;
	border-bottom-right-radius: 15px;
}
.northpanel-icon {
	padding: 6px;
}
.user_thumbnail {
	float: left;
	width: 59px;
	height: 59px;
	padding: 0;
	margin: 3px 0 0 0;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	-ms-border-radius: 28px;
	-o-border-radius: 28px;
	border-radius: 28px;
	border: 2px solid #FFFFFF;
	background-color:#377EAA;
}
	.user_thumbnail img {
		padding:0;
		margin:0;
		-webkit-border-radius: 28px;
		-moz-border-radius: 28px;
		-ms-border-radius: 28px;
		-o-border-radius: 28px;
		border-radius: 28px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
.footer-panel .x-panel-body {
	background: #4c4c4c;
	color: #fff;
	padding-top: 5px;
	font-family: "ralewaylight";
}
.topspace {
	background: #fff;
	width: 100%;
	float: left;
}
.c-generalfont {
	font: 300 12px helvetica, arial, verdana, sans-serif;
	text-align: right;
	color:#67798d;
}
.x-form-layout-wrap {
	border-spacing: 0px;
}
.c-fieldcontainer_odd {
	height: 30px;
	padding: 0;
	margin:0;
/*	background: #f5f4f4;	
	width:310px !important;*/
}
.c-fieldcontainer_even {
	height: 30px;
	padding: 0;
	margin:0;
/*	background: #f5f4f4;	
	background: #FF0000;	
	width:310px !important;*/
}
.c-fieldcontainer_odd .x-box-inner, .c-fieldcontainer_even .x-box-inner{
	height: 30px !important;
}
.c-fieldcontainer_odd .x-box-target, .c-fieldcontainer_even .x-box-target{
	top: 2px;
}
.c-fieldcontainer_even .x-autocontainer-form-item{
    margin: 0 auto;
}
.c-fieldlabel {
	color: #000000;
	font: 300 12px/25px helvetica, arial, verdana, sans-serif;
	min-height: 25px;
	padding: 0 4px 0 0;
	text-align:right;
	 -moz-user-select: text !important;
    -khtml-user-select: text !important;
    -webkit-user-select: text !important;
}
.c-fieldlabel > span{
	position: relative;
/*	width: 54px;	*/
	height: 1.89em;
	/*display: table-cell;*/
    vertical-align: middle;
}
.c-fieldctrl {
	color: black;
	padding: 4px 7px 2px 4px;
	background-color: white;
	font: 300 11px/17px helvetica, arial, verdana, sans-serif;
	min-height: 23px;
	background-image: none;
}
.mandatory_field {
	color:#ff0000;
	padding:0 4px 0 0;
	margin:0px;
}
.mandatory_field_bottom_bar {
	color:#ff0000;
	padding:14px 16px 13px 24px;
	margin:0px;
	height:40px;
	background-color: rgba(247,247,247, 1);	
	top: 12px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
.c-fieldctrlwrap {
	font-family: "Trebuchet MS, Tahoma, Arial, Verdana";
/*	border-color: #C7D9E3;
	border-style: solid;
	border-width: 1px;	*/
	vertical-align:top;
}
.c-displyonlyctrl {	
	height: 25px;
	text-align:left;
	background-color:#f1f1f1;
    background-image: none;
    color: #000000;
    font: 300 12px/25px helvetica,arial,verdana,sans-serif;
    padding: 0 4px;
	min-height: 25px;
	 -moz-user-select: text !important;
    -khtml-user-select: text !important;
    -webkit-user-select: text !important;
}
.hrline {
	background: #23BAB5;
}
.emplWrap {
	border: 1px #999999 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin : 3px;
	padding : 3px;
	background-color: #C8E4FF;
	cursor: pointer;
}
.emplSelected {
	background-color: #9DCEFF;
	cursor: pointer;
}
.emplOver {
	border: 1px #9999ff solid;
	background-color: #ccffcc;
	cursor: pointer;
}
.graphdiv {
	border-radius: 9px;
}
.topspace {
	background: #fff;
	width: 100%;
	float: left;
}
.sidebaricons-expanded {
	background: #383E4B;
	border: none;
	border-bottom: 1px solid #243241;
	padding-left: 22px;
}
#eastpanel_id-outerCt .sidebaricons-expanded img {
	border: 0 none;
	height: 28px;
	left: 0;
	margin-top: 4px !important;
	right: auto;
	top: 8px;
	width: 28px;
	background-color: #2c3e50 !important;
}
.sidebaricons-expanded label.x-box-item {
	color: #fff;
	line-height: 44px;
	cursor: pointer;
}
#eastpanel_id-outerCt .sidebaricons-expanded-title {
	background-color: #2c3e50;
	border: 0px none;
}
#eastpanel_id-outerCt .sidebaricons-expanded-title img {
	border: 0px none;
	padding: 0;
	margin: 0 !important;
	position: absolute;
	top: -0 !important;
	float: right;
}
.sidebaricons-expanded label.x-box-item:hover {
	color: #ff4e00;
}
/*	Layout East.js - Right Menu Panel	*/
	.sidebaricons{
		float:left;
		text-align:right;
/*		margin:0 8px 0 8px;	*/
		padding:0;
		display:inline-block;
		text-align:left;
/*		-webkit-border-radius: 0 10px 0 0;
		-moz-border-radius: 0 10px 0 0;
		-ms-border-radius: 0 10px 0 0;
		-o-border-radius: 0 10px 0 0;
		border-radius: 0 10px 0 0;	*/
		background-color:#2a3a48;
	}
	.east_panel_button_container{
		color:#ffffff;
		font-family:"Trebuchet MS", Arial, Verdana, Tahoma;
		text-shadow: 0px 2px 1px rgba(0, 0, 0, 1);
		background-color:transparent;
		border:0px none;
		border-radius: 0 0 0 0;
		margin:10px 0 0 0;
		padding:0;
		border:0px none;
		
		transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		
	}
	.east_panel_button_container:hover{
		background-color:#df423d;
	}
	img.east_panel_button_container{
		width:60px;
		height:38px;
		cursor: pointer;
	}
body.x-border-layout-ct, div.x-border-layout-ct {
/*	background-color: #ececec;*/
/*	background: #ffffff url(images/common/bg.jpg) no-repeat center top fixed;	
	background-size: 100%;	 */ /*propotional resize	*/
}
/*	Layout SouthPanel.js - Footer	*/
	.appFooter{
		background:black;
		font-family: tahoma,arial,verdana,sans-serif;
		font-size:12px;
		width:auto;
		height:28px;
		margin:0;
		padding:0 17px 0 17px;
	}
	.appFooter .one{
		float:left;
		padding:0;
		margin:0;
	}
	.appFooter .two{
		float:right;
		padding:0;
		margin:0;
	}
	
	.appFooter .three{
		position: relative;
		left:25%;
		float:left;
		padding:0;
		margin:0;
	}
	.appFooter .one p, .two p, .three p{
		width:auto;
		height:auto;
		margin:0;
		padding:0;
		/*color:#5c5c5c;*/
		color:#FFFFFF;
		line-height:28px;
	}
/*	End Layout SouthPanel.js - Footer	*/
/*	Content Container	*/
.content_container_new{
/*	background-color:#ececec;	*/
	padding:0 0 8px 8px;
	margin:0;
}
.content_container_new > div {
	background-image:none;
/*	background-color:#ececec;	*/
}
.content_container{
	margin:0;
	padding:0;
/*	-webkit-border-radius: 10px 0 0 0;
	-moz-border-radius: 10px 0 0 0;
	-ms-border-radius: 10px 0 0 0;
	-o-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;
	background-color: rgba(62,99,114,.65);	*/
	background-color: rgba(142,142,142,.18);
	height:100%;
}

/*	History Section	*/
.history_section{
/*	background-color:rgba(82,158,83,.90);	
	background-color:#d3d3d3; 
	clear:both;	
	padding:0;
	margin:0 0 0 0;*/
}
.history_section_label {
	/*background-color:rgba(96,225,148,0.60);*/
    color: #cae3c7;
	font: 300 12px helvetica, arial, verdana, sans-serif;
	line-height:20px;
    padding: 0px 0px 0px 0px;
	margin:0;
}
 .history_section_label label {
    color: #616161;
	font: 300 12px helvetica, arial, verdana, sans-serif;
	line-height:20px;
    padding: 2px 0px 2px 0px;
	margin:0;
}
 .history_section_label .x-form-display-field-default{
    color: #616161;
	font: 500 12px helvetica,arial,verdana,sans-serif;
	line-height:20px;
    padding: 2px 0px 2px 0px;
	margin:0;
}
.Footer_section_bg{
	padding:0;
	margin:0;
	white-space:nowrap;
	background-color: #35A8C3;
	width: calc(100% - 24px) !important;
	/*width: 1352px !important;*/
}


/*	CSS Overwritten	*/

.x-panel-header-default-top {
    box-shadow: 0 0px 0 0 #f3f7fb inset;
}
.x-panel-body-default {
    background-color: transparent;
    border-color: #cecece;
    border-style: solid;
    border-width: 1px;
}
.x-panel-header-title-default > .x-title-text-default {
    padding: 0;
    text-transform: none;
}
.x-panel-header-default-horizontal, .x-panel-header-default-horizontal.x-header-noborder {
    padding: 0px 5px 0px 0px;
	margin:0 0 10px 0;
	min-height:25px;
	line-height:25px;
	clear:both;
	display:inline-block;
}
.x-form-text-default {
    background-color: white;
    background-image: none;
    color: #000000;
	font: 300 12px helvetica,arial,verdana,sans-serif;
    min-height: 23px;
	line-height:23px;
    padding: 0px 4px;
}
.x-autocontainer-form-item, .x-anchor-form-item, .x-vbox-form-item, .x-table-form-item {
 margin-bottom: 0px !important;
}
.login_logoContainer{
	background-color: #f0f0f0;
    height: 90px;
/*    width: 480px !important;	*/
    margin: 0 auto !important;
    padding: 40px 0 10px 0;
}
.login_profile_img{
/*	margin: 30px 0 0 10px;	*/
	display:none;
}
/*	Loding Panel	*/
.x-mask-msg {
    background: none repeat scroll 0 0 #da3a3f;
    border: 0px none;
    padding: 2px;
}
.x-mask-msg-inner {
    background-color: transparent;
    border:0px none;
    color: #ffffff;
    font: 11px helvetica,arial,verdana,sans-serif;
    padding: 0 5px;
}
.x-mask-msg-text{
	background-image:url(images/loadmask/loading.gif);
}
/*	End Loding Panel	*/
/*	Grid Panel	*/
.c-mainpage-section .x-column-header {
    /*background-color: #fafafa;*/
    background: -webkit-linear-gradient(top, #f2f0f0, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, #f2f0f0, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #f2f0f0, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, #f2f0f0, #ffffff); /* Standard syntax (must be last) */
    /*background-image: none;	*/
    border-right: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
    color: black;
    font: 300 12px helvetica,arial,verdana,sans-serif;
    outline: 0 none;
	line-height:20px;
	font-weight:bold;
}
.c-mainpage-section .x-btn {
    cursor: pointer;
    display: inline-block;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
	height:28px;
	background-color:#2A3A48;
	margin:0px 4px 0px 4px;
	padding:0 4px;
/*	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.66);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.66);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.66);	*/
	-webkit-box-shadow: inset 0 -1px #c1c1c1;
	-moz-box-shadow: inset 0 -1px #c1c1c1;
	box-shadow: inset 0 -1px #c1c1c1;
}
.c-mainpage-section .x-btn-inner {
	text-align: center;
	color: #ffffff;
	font: 300 12px helvetica,arial,verdana,sans-serif;
	padding:0px 8px;
	line-height:30px;
}
.c-mainpage-section .x-btn-inner:hover {
	color: #ffffff;
}
.c-mainpage-section .x-btn-over.x-btn-default-small {
    border-color: #d9d9d9;
    background-image: none;
    background-color: #334554;
	color:#ffffff
}
.c-mainpage-section .x-btn-focus.x-btn-default-small .x-btn-wrap {
    outline: 0px dotted #333
}
.c-mainpage-section .x-btn-over.x-btn-default-small span > span > span:hover{
	color: #ffffff;
}
.c-mainpage-section.x-btn.x-btn-menu-active.x-btn-default-small,
.c-mainpage-section.x-btn.x-btn-pressed.x-btn-default-small {
    background-image: none;
    background-color: #2A3A48;
	color:#ffffff;
}
.c-mainpage-section .x-btn.x-btn-disabled.x-btn-default-small {
    border-color: #e1e1e1;
    background-image: none;
    background-color: #d9d9d9;
    background-image: none;
	color:#d6d6d6;
}
.c-mainpage-section .x-btn-focus.x-btn-default-small {
    background-color: #2A3A48;
    background-image: none;
	-moz-user-select: none;
}
.c-mainpage-section .x-btn-focus.x-btn-default-small span > span > span:hover{
	color: #ffffff;
}
.c-mainpage-section .x-btn-default-small {
    border-color: #2A3A48;
	background-color: #49BB93;
    border-width: 0px;
    padding: 0px 2px 0px 2px;
}
.c-mainpage-section .x-btn-focus.x-btn-default-small {
    background-color: #49BB93;
    background-image: none;
    border-color: #FF0000;
	-moz-user-select: none;
	-webkit-box-shadow: inset 0 -1px #c1c1c1;
	-moz-box-shadow: inset 0 -1px #c1c1c1;
	box-shadow: inset 0 -1px #c1c1c1;
}




.x-column-header-text-container {
    display: table;
    table-layout: fixed;
    width: auto;
/*	width:100% 	*/	/*	Using 100% width Ascending & Descending Order Arrow will become hide	*/
}
.x-column-header-inner {
    padding: 4px 4px;
    text-overflow: ellipsis;
}
/*	End Grid Panel	*/
/*	Form Control	*/
.c-mainpage-section .x-form-trigger-wrap{
	/*width:170px;*/
	vertical-align:middle;
}
.c-mainpage-section .x-form-text-field-body-default {
	margin: 0;
	padding: 0 0 0 0;
	line-height: 25px;
}
/*	End Form Control	*/
.x-panel-header-default .x-tool-img {
    background-color: transparent;
}
.x-panel-header-default-horizontal, .x-panel-header-default-horizontal.x-header-noborder {
    clear: both;
    display: inline-block;
    line-height: 25px;
    margin: 0;
    min-height: 25px;
    padding: 0 5px 0px 0;
	top:0px !important;
}
.c-mainpage-section .x-panel-body-default {
    background-color: transparent;
    border-color: #d1dce1;
    border-style: solid;
    border-width: 1px;
	border-top:0px none;
	border-top:0px none;
/*	top: 26px !important;	*/
}
.c-mainpage-section .x-grid-item {
    font: 300 12px helvetica,arial,verdana,sans-serif;
}
.c-mainpage-section .x-grid-item u{
	cursor: pointer;
	color:#006cff;
}
.x-grid-cell-inner {
    padding: 0px 4px;
	line-height: 24px;
	height:24px;
}
.x-grid-cell-inner, .x-selectable {
    -moz-user-select: text !important;
    -khtml-user-select: text !important;
    -webkit-user-select: text !important;
}

.x-livesearch-match {
    font-weight: bold;
    background-color: yellow;
}
.jpRiskSlider
{
	height:50px;
	background: linear-gradient(to right,  #15841a 0%,#f9f92f 51%,#fc0100 100%); /* W3C */
}
.splitShipCls
{
	background-color: #E1EB8D;
}
.comboWrap {
	border: 1px #999999 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin : 3px;
	padding : 3px;
	background-color: #C8E4FF;
	cursor: pointer;
}
.split-icon {	
	background-image: url(images/gridbar/append1.png);
	width: 22px;
	height: 22px;
}
.redRow{
    background-color: red;
    color:white;
}
.amberRow{
    background-color: #FFBF00;
    color:white;
}
.firstColumn{
    background-color: #CEE3F6;
    color:black;
}
.secondColumn{
    background-color: #CEF6F5;
    color:black;
}
.thirdColumn{
    background-color: #CEECF5;
    color:black;
}
.greenRow{
    background-color: green;
    color:white;
}
.yellowRow{
    background-color: yellow;
    color:green;
}
.c-displyonlyctrl1 {
	height: 22px;
	text-align:right;
}
.blueRow
{
    background-color: #F08080;
    color:white;
}

.c-displyonlyctrl1 {
	height: 22px;
	text-align:right;
}	

.c-displyonlyctrldummy {
	height: 22px;
	padding: 0;
	margin:0;
	background: #E1EB8D;
}
.myHighlightRow{
       background : #23BAB5;
	   /*color:white;*/
   }

.c-displyonlyctrl1hdr {
	height: 22px;
	text-align:right;
	font-weight: bold;
}	
.c-displyonlyctrlhdr {
	height: 22px;
	font-weight: bold;
}
.x-panel-body-default {
    font-size: 10px;
}
.any_where_search{	
	color: #006cff;
	font: 300 12px helvetica, arial, verdana, sans-serif;
	min-height: 24px;
	padding-top: 4px;
	padding-right: 5px;
	text-align:right;
	width:130px !important;
	line-height:24px;
	 -moz-user-select: text !important;
    -khtml-user-select: text !important;
    -webkit-user-select: text !important;
}

.c-mainpage-keySection {
	background-color:#d9e9d9;
	border:1px solid #cfcfcf;
	margin:0 0 8px 0;
	padding:10px;
	vertical-align:top;
	text-align:right;
}
.x-btn-default-small {
	background: #35b483;
	background-image:none;
	border:0px none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	float:right;
	left:0;
	padding:0;
	-moz-user-select: none;
}
.x-btn-inner-default-small {
	font: 300 13px helvetica, arial, verdana, sans-serif;
    color: #333;
    padding: 0 4px;
    max-width: 100%
}
.x-btn {
    cursor: pointer;
    display: inline-block;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
	height:25px;
}
.x-btn-inner {
	text-align: center;
	color: #ffffff;
	font: 300 13px helvetica, arial, verdana, sans-serif;
	padding:0 8px;
}
.x-btn-focus.x-btn-default-small {
    border-color: transparent;
    background-image: none;
    background-color: #35B483;
    background-image: none;
	-moz-user-select: none;
}
.x-btn-focus.x-btn-default-small .x-btn-wrap {
    outline: 1px dotted #333
}
.x-btn-over.x-btn-default-small {
    border-color: #2A3A48;
    background-image: none;
    background-color: #35A9C4;
}
.x-btn-over.x-btn-default-small span > span > span:hover{
	color: #ffffff;
}
.x-btn.x-btn-menu-active.x-btn-default-small,
.x-btn.x-btn-pressed.x-btn-default-small {
    border-color: #9ebae1;
    background-image: none;
    background-color: #2A3A48;
}
.x-btn.x-btn-disabled.x-btn-default-small {
    border-color: #e1e1e1;
    background-image: none;
    background-color: #f7f7f7;
    background-image: none;
}
.required-field{
	border:1px solid red;
}

.x-form-type-text textarea.x-form-invalid-field, .x-form-type-text input.x-form-invalid-field, .x-form-type-password textarea.x-form-invalid-field, .x-form-type-password input.x-form-invalid-field, .x-form-type-number textarea.x-form-invalid-field, .x-form-type-number input.x-form-invalid-field, .x-form-type-email textarea.x-form-invalid-field, .x-form-type-email input.x-form-invalid-field, .x-form-type-search textarea.x-form-invalid-field, .x-form-type-search input.x-form-invalid-field, .x-form-type-tel textarea.x-form-invalid-field, .x-form-type-tel input.x-form-invalid-field {
	background-color: white;
	/*background-image: url(images/grid/invalid_line.gif);*/
	background-repeat: repeat-x;
	background-position: bottom;
	border:0px none #CC3300;
/*	border-color: #CC3300*/
}

/*	Drop Down List	*/
.x-boundlist {
    border-width: 1px;
    border-style: solid;
    border-color: #e1e1e1;
    background: white
}
.x-boundlist-item {
    padding: 0 6px;
    font: 12px helvetica,arial,verdana,sans-serif;
    line-height: 22px;
    cursor: pointer;
    position: relative;
    border-width: 1px;
    border-style: dotted;
    border-color: white
}
.x-boundlist-selected {
	color:#ffffff;
    background: #2A3A48;
    border-color: #c1ddf1
}
.x-boundlist-item-over {
	color:#ffffff;
    background: #35A9C4;
    border-color: #d6e8f6
}
/*
.x-grid-cell-first{
    background-color: transparent;
    background-image: none;
    border-right: 0px none #D0D0D0 !important;
}*/
.x-grid-cell-first{      
    border-right: 1px solid #eeeeee;
    border-style: solid;
}

.x-grid-with-col-lines .x-grid-cell {
    border-right: 1px solid #eeeeee;
}

/*	End of Drop Down List	*/

/*	Calandar / Date Picker	*/

.x-datepicker {
    border-width: 1px;
    border-style: solid;
    border-color: #e1e1e1;
    background-color: white;
    width: 212px
}
.x-datepicker-header {
    padding: 4px 6px;
    text-align: center;
    background-image: none;
    background-color: #f5f5f5;
	height:33px;
}
.x-datepicker-arrow {
    width: 12px;
    height: 12px;
    top: 9px;
    cursor: pointer;
    -webkit-touch-callout: none;
    background-color: #f5f5f5;
    opacity: .7;
    filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
}
div.x-datepicker-arrow:hover {
    opacity: 1.0;
	filter: alpha(opacity=100);  /* For IE8 and earlier */
}
.x-datepicker-next {
    right: 6px;
    background: url(images/datepicker/arrow-right.png) no-repeat 0 0
}
.x-datepicker-prev {
    left: 6px;
    background: url(images/datepicker/arrow-left.png) no-repeat 0 0
}
.x-datepicker-month .x-btn,
.x-datepicker-month .x-btn .x-btn-tc,
.x-datepicker-month .x-btn .x-btn-tl,
.x-datepicker-month .x-btn .x-btn-tr,
.x-datepicker-month .x-btn .x-btn-mc,
.x-datepicker-month .x-btn .x-btn-ml,
.x-datepicker-month .x-btn .x-btn-mr,
.x-datepicker-month .x-btn .x-btn-bc,
.x-datepicker-month .x-btn .x-btn-bl,
.x-datepicker-month .x-btn .x-btn-br {
    background: transparent;
    border-width: 0!important
}
.x-datepicker-month .x-btn-inner {
    color: #35A9C4
}
.x-datepicker-month .x-btn-split-right:after,
.x-datepicker-month .x-btn-over .x-btn-split-right:after {
    background-image: url(images/datepicker/month-arrow.png);
    padding-right: 8px
}
.x-datepicker-month .x-btn-over {
    border-color: transparent
}

/*	x-datepicker-month	- Button	*/

.x-datepicker-month .x-btn-default-small {
    float: inherit;
}
.x-datepicker-month .x-btn-over.x-btn-default-small span > span > span:hover{
	color: #2A3A48;
}

.x-datepicker-month .x-btn.x-btn-menu-active.x-btn-default-small,
.x-datepicker-month .x-btn.x-btn-pressed.x-btn-default-small {
    border-color: transparent;
    background-image: none;
    background-color: transparent;
}





/*	End of  x-datepicker-month	- Button	*/


.x-datepicker-column-header {
    width: 30px;
    color: #35A9C4;
    font: 300 13px helvetica, arial, verdana, sans-serif;
    text-align: right;
    background-image: none;
    background-color: white
}
.x-datepicker-column-header-inner {
    line-height: 25px;
    padding: 0 9px 0 0
}
.x-datepicker-cell {
    text-align: right;
    border-width: 1px;
    border-style: solid;
    border-color: white
}
.x-datepicker-date {
    padding: 0 7px 0 0;
    font: 300 13px helvetica, arial, verdana, sans-serif;
    color: #3d3d3d;
    cursor: pointer;
    line-height: 23px
}
div.x-datepicker-date:hover {
    color: #ffffff;
    background-color: #35A9C4
}
.x-datepicker-selected {
    border-style: solid;
    border-color: #3892d3
}
.x-datepicker-selected .x-datepicker-date {
    background-color: #35b483;
	color:#ffffff;
    font-weight: 300
}
.x-datepicker-today {
    border-color: transparent;
    border-style: solid
}
.x-datepicker-prevday .x-datepicker-date,
.x-datepicker-nextday .x-datepicker-date {
    color: #bfbfbf
}
.x-datepicker-disabled .x-datepicker-date {
    background-color: #eee;
    cursor: default;
    color: gray
}
.x-datepicker-disabled div.x-datepicker-date:hover {
    background-color: #eee;
    color: gray
}
.x-datepicker-footer,
.x-monthpicker-buttons {
    padding: 4px 0;
    background-image: none;
    background-color: #f5f5f5;
    text-align: center;
	height:33px;
}
.x-monthpicker-buttons .x-btn-default-small {
    float: inherit;
}
.x-datepicker-footer .x-btn,
.x-monthpicker-buttons .x-btn {
    margin: 0 3px 0 2px
}
.x-datepicker-footer .x-btn-default-small {
    float: inherit;
}
.x-monthpicker {
    width: 212px;
    border-width: 1px;
    border-style: solid;
    border-color: #e1e1e1;
    background-color: white
}
.x-monthpicker-months {
    border-width: 0 1px 0 0;
    border-color: #e1e1e1;
    border-style: solid;
    width: 105px
}
.x-monthpicker-months .x-monthpicker-item {
    width: 52px
}
.x-monthpicker-years {
    width: 105px
}
.x-monthpicker-years .x-monthpicker-item {
    width: 52px
}
.x-monthpicker-item {
    margin: 5px 0 5px;
    font: 300 13px helvetica, arial, verdana, sans-serif;
    text-align: center
}
.x-monthpicker-item-inner {
    margin: 0 5px 0 5px;
    color: black;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    line-height: 22px;
    cursor: pointer
}
a.x-monthpicker-item-inner:hover {
    background-color: #35a9c4;
	color:#ffffff;
}
.x-monthpicker-selected {
    background-color: #35b483;
    border-style: solid;
    border-color: transparent;
	color:#ffffff;
}
.x-monthpicker-yearnav {
    height: 34px
}
.x-monthpicker-yearnav-button-ct {
    width: 52px
}
.x-monthpicker-yearnav-button {
    height: 12px;
    width: 12px;
    cursor: pointer;
    margin-top: 11px;
    filter: alpha(opacity=70);
    opacity: .7;
    -webkit-touch-callout: none;
    background-color: white
}
a.x-monthpicker-yearnav-button:hover {
    filter: alpha(opacity=100);
    opacity: 1
}
.x-monthpicker-yearnav-next {
    background: url(images/datepicker/arrow-right.png) no-repeat 0 0
}
.x-monthpicker-yearnav-next-over {
    background-position: 0 0
}
.x-monthpicker-yearnav-prev {
    background: url(images/datepicker/arrow-left.png) no-repeat 0 0
}
.x-monthpicker-yearnav-prev-over {
    background-position: 0 0
}
.x-monthpicker-small .x-monthpicker-item {
    margin: 2px 0 2px
}
.x-monthpicker-small .x-monthpicker-item-inner {
    margin: 0 5px 0 5px
}
.x-monthpicker-small .x-monthpicker-yearnav {
    height: 28px
}
.x-monthpicker-small .x-monthpicker-yearnav-button {
    margin-top: 8px
}
.x-cmd-slicer.x-datepicker-header:before {
    display: none;
    content: "x-slicer:stretch:bottom"!important
}
.x-cmd-slicer.x-datepicker-footer:before {
    display: none;
    content: "x-slicer:stretch:bottom"!important
}
.x-form-date-trigger {
    background-image: url(images/form/date-trigger.png)
}

/*	End of Calandar / Date Picker	*/


/*	Grid Button	*/
.Gridbtn {
	margin:0;
	padding: 0;
	float:right;
	text-align:right;
}
.Gridbtn.x-btn-default-toolbar-small {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 0;
    border-width: 0px;
    border-style: solid;
    background-color: #49bb93;
	line-height:25px;
}
.Gridbtn.x-btn-focus.x-btn-default-toolbar-small {
    background-image: none;
    background-color: #334554
}
.Gridbtn.x-btn-over.x-btn-default-toolbar-small {
    border-color: #81a4d0;
	border-width: 0px;
    background-image: none;
    background-color: #334554;
}
.Gridbtn.x-btn.x-btn-menu-active.x-btn-default-toolbar-small,
.Gridbtn.x-btn.x-btn-pressed.x-btn-default-toolbar-small {
    background-image: none;
    background-color: #334554;
}
.grid_icon{
	height:18px;
	line-height:18px;
	cursor:pointer;
}
.x-toolbar-default {
	line-height:34px;
	padding: 4px 8px 4px 8px;
	background-color:#eff4f5;
}
.c-mainpage-section .x-toolbar .x-box-inner {
    height: 34px !important;
}
.x-toolbar-default img{
	cursor:pointer;
}
body.x-border-layout-ct, div.x-border-layout-ct {
    background-color: transparent;
	background-image:none;
}
.x-window-body-default {
    background: none repeat scroll 0 0 #ebebeb;
}
.x-window-pink {
       background-color: #ff69b4 !important;
}
.x-window-pink .x-window-body {
	background-color: #ff69b4 !important;
}
.x-tbar-line-next{
	background: url("images/grid/Grid_navigation.png") no-repeat 0 -27px;
}
.Gridbtn.x-btn-over.x-btn-default-toolbar-small.x-tbar-line-next{
    border-color: #334554;
	border-width: 0px;
	background:#334554 url("images/grid/Grid_navigation.png") no-repeat 0 -27px;
}
.Gridbtn.x-btn-focus.x-btn-default-toolbar-small.x-tbar-line-next{
    background: #334554 url("images/grid/Grid_navigation.png") no-repeat 0 -27px;
}
.x-tbar-line-previous{
/*	background: url("images/grid/line-previous.png") no-repeat center center;	*/
	background:#334554 url("images/grid/Grid_navigation.png") no-repeat 0 0;
}
.Gridbtn.x-btn-over.x-btn-default-toolbar-small.x-tbar-line-previous{
    border-color: #334554;
	background:#334554 url("images/grid/Grid_navigation.png") no-repeat 0 0;
}
.Gridbtn.x-btn-focus.x-btn-default-toolbar-small.x-tbar-line-previous{
    background: url("images/grid/Grid_navigation.png") no-repeat 0 0;
}
.grid_logo_splitter{
	
	height:22px !important;
	background: url("images/gridbar/logo_splitter.png") no-repeat center center;
	margin:0!important;
	float: left;
}
.Gridbtn .x-btn-inner{
	text-align: center;
	color: #ffffff;
	font: 300 12px helvetica,arial,verdana,sans-serif;
	padding:0px 8px;
	line-height: 24px;
}
.Gridbtn .x-btn-inner:hover {
	color: #ffffff;
}
.Gridbtn .x-btn-over.x-btn-default-small span > span > span:hover{
	color: #ffffff;
}
.Gridbtn.x-btn.x-btn-menu-active.x-btn-default-small,
.Gridbtn.x-btn.x-btn-pressed.x-btn-default-small {
    background-image: none;
    background-color: #2A3A48;
	color:#ffffff;
}
.Gridbtn.x-btn.x-btn-menu-active.x-btn-default-small,
.Gridbtn.x-btn.x-btn-pressed.x-btn-default-small {
    background-image: none;
    background-color: #ff0000;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.66);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.66);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.66);
}
.Gridbtn .x-btn.x-btn-disabled.x-btn-default-small {
    border-color: #e1e1e1;
    background-image: none;
    background-color: #f7f7f7;
    background-image: none;
}
.Gridbtn.x-btn-focus.x-btn-default-small {
    background-color: #D9D9D9;
    background-image: none;
    border-color: #FF0000;
	-moz-user-select: none;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.66);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.66);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.66);
}



/*	Pagination	Toolbar	*/
.pagination {

}
.pagination .x-btn-default-toolbar-small {
	background: #2A3A48;
	background-image:none;
	border:0px none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	float:right;
	left:0;
	padding:0;
	-moz-user-select: none;
}
.pagination .x-btn-inner-default-toolbar-small {
	font: 300 13px helvetica, arial, verdana, sans-serif;
    color: #333;
    padding: 0 4px;
    max-width: 100%
}
.pagination .x-btn {
    cursor: pointer;
    display: inline-block;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
	height:26px;
	width:26px;
	margin:4px 4px 4px 4px;
	padding:0;
	-webkit-box-shadow: inset 0 -1px #c1c1c1;
	-moz-box-shadow: inset 0 -1px #c1c1c1;
	box-shadow: inset 0 -1px #c1c1c1;
	background-color: #49bb93 !important;
}
.pagination .x-btn-inner {
	text-align: center;
	color: #ffffff;
	font: 300 11px helvetica, arial, verdana, sans-serif;
	padding:0 8px;
}
.pagination .x-btn-inner:hover {
	color: #ffffff;
}
.pagination .x-btn-over.x-btn-default-toolbar-small {
    border-color: #334554;
    background-image: none;
    background-color: #ffffff;
	color:#ffffff
}
.pagination .x-btn-focus.x-btn-default-toolbar-small .x-btn-wrap {
	outline: 0px none #333
}
.pagination .x-btn-over.x-btn-default-toolbar-small span > span > span:hover{
	color: #ffffff;
}
.pagination.x-btn.x-btn-menu-active.x-btn-default-toolbar-small,
.pagination.x-btn.x-btn-pressed.x-btn-default-toolbar-small {
    background-image: none;
    background-color: #334554;
	-webkit-box-shadow: inset 0 -1px #c1c1c1;
	-moz-box-shadow: inset 0 -1px #c1c1c1;
	box-shadow: inset 0 -1px #c1c1c1;
}
.pagination.x-btn.x-btn-disabled.x-btn-default-toolbar-small {
    border-color: #e1e1e1;
    background-image: none;
    background-color: #f7f7f7;
    background-image: none;
}
.pagination .x-btn-focus.x-btn-default-toolbar-small {
    background-color: #334554;
    background-image: none;
    border-color: #FF0000;
	-moz-user-select: none;
	-webkit-box-shadow: inset 0 -1px #c1c1c1;
	-moz-box-shadow: inset 0 -1px #c1c1c1;
	box-shadow: inset 0 -1px #c1c1c1;
}
.pagination .x-form-trigger-wrap {
    vertical-align: middle;
    width: auto;
}
.pagination.x-toolbar-default .x-toolbar-separator-horizontal {
    border-left: 1px solid #E1E1E1;
    border-right: 0 solid #FFFFFF;
    border-style: solid;
    border-width: 0 0 0 1px;
    height: 14px;
    margin: 0 8px;
}
.pagination .x-form-text-default {
	text-align:center;
}

.pagination .x-tbar-page-last {
	background-image: url("images/grid/Grid_navigation.png");
	background-repeat:no-repeat;
	background-position: 0 -131px;
}
.pagination .x-tbar-page-next {
	background-image: url("images/grid/Grid_navigation.png");
	background-repeat:no-repeat;
	background-position: 0 -78px;
}
.pagination .x-tbar-page-prev {
	background-image: url("images/grid/Grid_navigation.png");
	background-repeat:no-repeat;
	background-position: 0 -52px;
}
.pagination .x-tbar-page-first {
	background-image: url("images/grid/Grid_navigation.png");
	background-repeat:no-repeat;
	background-position: 0 -105px;
}
.pagination .x-tbar-loading {
	background-image: url("images/grid/Grid_navigation.png");
	background-repeat:no-repeat;
	background-position: 0 -156px;
}

.pagination .x-btn-icon-left>.x-btn-icon-el-default-toolbar-small, .pagination  .x-btn-icon-right>.x-btn-icon-el-default-toolbar-small {
  width: 26px;
  height: 26px;
}
.pagination .x-form-text-field-body-default {
    padding: 0;
}

/*	End of Pagination Toolbar*/

.searchHighlightRow{
       background : grey;
	   /*color:white;*/
   }

 .c-fieldlabel2 {
	color: #000000;
	font: 300 13px helvetica, arial, verdana, sans-serif;
	min-height: 24px;
	padding-top: 4px;
	padding-right: 5px;
	text-align:right;
	line-height:15px;
}
.x-tool-img.x-tool-search{
   background: url(images/common/search_btn.jpg) no-repeat 0 0;
   width:57px !important;
   height:25px !important;
   margin:1px !important;
}
.x-tool-img.x-tool-expand-bottom{  
  margin: 0 !important;
	padding:6px 5px 6px 5px !important;
}
/*
.x-panel-header-default-horizontal .x-tool-after-title {
    margin: 0 !important;
	padding:10px 5px 10px 5px !important;
}
*/
.x-toolbar-text-default {
    color: #67798d;
    font-size: 12px;
}
/*	Console Navigation Button	*/
.console_navigation{
	margin:0;
	padding: 0;
	width:40px;
	height:40px;
	border:0px none;
}
.console_navigationBTN {
	margin:0 4px 0 0;
	padding: 0;
	width:40px;
	height:40px;
	cursor: pointer;
	border:0px none;
	background-image: url(images/common/console_slider_n.png);
	
}
.console_navigationBTN:hover {
	background-image: url(images/common/console_slider_o.png);
	
    transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;	
	 
	-moz-user-select:none;
}

.c-mainpage-section1 {
	background-color:#ffffff;	
	margin:0 0 8px 0;
	padding:10px;
	vertical-align:top;
	text-align:right;
	-moz-user-select:none;
}
.x-form-trigger-wrap-default {
  border-color: #bac9d1;
}
.x-toolbar-default {
  padding: 0px;
  border-color: #d1dce1;
  height:34px;
  line-height: 34px;
  display: block;
}
.x-grid-header-ct {
  border-color: #d1dce1;
}

/*	TAB Section	
.c-mainpage-section	.x-tab-bar-default {
  background-color: red;*/
}
.c-mainpage-section	.x-tab.x-tab-active.x-tab-default {
  border-color: #3892d3;
  background-color: #3892d3;
  height: 30px;
  padding-bottom: 5px;
}



.back_button{
	margin:2px 9px 0px 3px !important;
	padding:0;
	cursor:pointer;
	background:#FFFFFF url(images/common/back_refresh.png) no-repeat 0px 0px;
	box-shadow: 0 -1px #c1c1c1 inset;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
/*	border:1px solid #eaeaea;	*/
}
.back_button:hover{
	background:#2a3a48 url(images/common/back_refresh.png) no-repeat 0px -24px;
}
.refresh_button{
	margin:2px 9px 0px 3px !important;
	padding:0;
	cursor:pointer;
	background:#FFFFFF url(images/common/back_refresh.png) no-repeat -41px 0px;
	box-shadow: 0 -1px #c1c1c1 inset;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
/*	border:1px solid #eaeaea;	*/
}
.refresh_button:hover{
	background:#2a3a48 url(images/common/back_refresh.png) no-repeat -41px -24px;
}

.profile_thumbnail{
	padding:0;
	margin:0;
}
.profile_thumbnail .x-panel-body-default {
    background-color: transparent;
    border: 0 none;
	margin-left:4px;
}
.attachFile{
	padding:0;
	margin:0;
}
.attachFile .x-panel-body-default {
    background-color: transparent;
    border: 0 none;	
}
.gridtbar_icon_left{
	width:16px;
	height:16px;
	padding:0;
	margin:6px 8px 0 4px !important;
	cursor:pointer;
	float: left;
	top: 0px !important;
}
.gridtbar_icon_right{
	width:22px;
	height:22px;
	padding:0;
	margin:0px 8px 0 0 !important;
	cursor:pointer;	
	float: right;	
}
.tbarSection{	
	background-color:#EFF4F5;
	padding:4px;
	border: 1px solid #CECECE;
}
.tbarSection .x-panel-body-default {
    border-width: 0;
	height:26px !important;
}
.tbarSection .x-form-text-field-body-default {
    line-height: 26px;
    margin: 0;
    padding: 0;
}
.tbarSection .c-generalfont {
	line-height: 26px;
/*	margin-right:10px !important;	*/
}
.tbarSection .x-box-inner{	
	line-height: 24px;
}
.c-fielddisplabel {
	color: #0000FF;
	font: 300 13px helvetica, arial, verdana, sans-serif;
	min-height: 24px;
	padding-top: 4px;
	padding-right: 5px;	
	text-align: left !important;
	font-weight:bold;
	text-decoration: underline;
	/*width:130px !important;*/
}
.x-mask {
    background-color: rgba(100, 100, 100, 0.7);
    background-image: none;
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 1px;
    cursor: default;
}
.qrpanel_1 {
	border:2px solid red;
}

.popup_help
{
	/*border:3px solid #02028f;*/
}
.chart_panel_container {
	margin:0;
	padding:0;
	vertical-align:top;
	text-align:right;
	-moz-user-select:none;

}
.chart_panel_container .x-panel-body-default {
    background-color: rgba(0, 0, 0, 0);
    border: 0px none;
	padding:0;
}
.chart_panel_container .x-panel-header-default {
    background-color: #ffffff;
    background-image: none;
}
.chart_panel_container .x-panel-header-default-horizontal, .chart_panel_container  .x-panel-header-default-horizontal.x-header-noborder {
    clear: both;
    display: inline-block;
    line-height: 25px;
    margin: 0;
    min-height: 25px;
    padding: 0px 5px 0px 0px;
    top: 0 !important;
}
.chart_panel_container .x-panel-header-title-default {
	color: #6A6A6A;
	font: 700 14px/36px helvetica,arial,verdana,sans-serif;
}
.chart_panel_container  .x-panel-header-title-default > .x-title-text-default {
    padding: 0 0 0 10px;
    text-transform: none;
}
.chart_container{
	background-color:#F8F8F8;
	border-bottom: 1px solid #c1c1c1;
	padding:0;
}

.chart_element {
	color: #6A6A6A !important;
	font: 700 14px/36px helvetica,arial,verdana,sans-serif !important;
}
.x-grid-cell-inner-row-numberer
{
 border-left: 1px solid #CECECE;
}
.c-displyonlyctrldummyhdr {
	font: 300 13px/17px helvetica, arial, verdana, sans-serif;
}

.c-mainpage-collapse_section{
/*    background-color: red;	*/
    background-color: white;
	border-color: #d1dce1;
    border-style: solid;
    border-width: 1px;
	border-top:0px none;
	margin:0 0 6px 0;
	padding:6px 10px 6px 10px;
	vertical-align:top;
	text-align:right;
	-moz-user-select:none;
}
.c-mainpage-collapse_section .x-header {
	background: transparent;
	border: 0px;
}
/*.c-mainpage-collapse_section .x-title-text {
    color: #6a6a6a;
	font: 700 14px/36px helvetica, arial, verdana, sans-serif;
}
.c-mainpage-collapse_section .x-column-header {
	text-align: left;
}*/
.c-mainpage-collapse_section .x-column-header {
    background: -webkit-linear-gradient(top, #f2f0f0, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, #f2f0f0, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #f2f0f0, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, #f2f0f0, #ffffff); /* Standard syntax (must be last) */
    border-right: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
    color: black;
    font: 300 12px helvetica,arial,verdana,sans-serif;
    outline: 0 none;
	line-height:20px;
	font-weight:bold;
}
.c-mainpage-collapse_section .x-btn {
    cursor: pointer;
    display: inline-block;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
	height:28px;
	background-color:#2A3A48;
	margin:0px 4px 0px 4px;
	padding:0 4px;
	-webkit-box-shadow: inset 0 -1px #c1c1c1;
	-moz-box-shadow: inset 0 -1px #c1c1c1;
	box-shadow: inset 0 -1px #c1c1c1;
}
.c-mainpage-collapse_section .x-btn-inner {
	text-align: center;
	color: #ffffff;
	font: 300 12px helvetica,arial,verdana,sans-serif;
	padding:0px 8px;
	line-height:30px;
}
.c-mainpage-collapse_section .x-btn-inner:hover {
	color: #ffffff;
}
.c-mainpage-collapse_section .x-btn-over.x-btn-default-small {
    border-color: #d9d9d9;
    background-image: none;
    background-color: #334554;
	color:#ffffff
}
.c-mainpage-collapse_section .x-btn-focus.x-btn-default-small .x-btn-wrap {
    outline: 0px dotted #333
}
.c-mainpage-section .x-btn-over.x-btn-default-small span > span > span:hover{
	color: #ffffff;
}
.c-mainpage-collapse_section.x-btn.x-btn-menu-active.x-btn-default-small,
.c-mainpage-collapse_section.x-btn.x-btn-pressed.x-btn-default-small {
    background-image: none;
    background-color: #2A3A48;
	color:#ffffff;
}
.c-mainpage-collapse_section .x-btn.x-btn-disabled.x-btn-default-small {
    border-color: #e1e1e1;
    background-image: none;
    background-color: #d9d9d9;
    background-image: none;
	color:#d6d6d6;
}
.c-mainpage-collapse_section .x-btn-focus.x-btn-default-small {
    background-color: #2A3A48;
    background-image: none;
	-moz-user-select: none;
}
.c-mainpage-collapse_section .x-btn-focus.x-btn-default-small span > span > span:hover{
	color: #ffffff;
}
.c-mainpage-collapse_section .x-btn-default-small {
    border-color: #2A3A48;
	background-color: #49BB93;
    border-width: 0px;
    padding: 0px 2px 0px 2px;
}
.c-mainpage-collapse_section .x-btn-focus.x-btn-default-small {
    background-color: #49BB93;
    background-image: none;
    border-color: #FF0000;
	-moz-user-select: none;
	-webkit-box-shadow: inset 0 -1px #c1c1c1;
	-moz-box-shadow: inset 0 -1px #c1c1c1;
	box-shadow: inset 0 -1px #c1c1c1;
}



.x-surface-canvas
{
cursor:pointer !important;
}

.c-displyonlyctrl_split {	
	height: 25px;
	text-align:right;
	background-color:#f1f1f1;
    background-image: none;
    color: #000000;
    font: 300 12px/25px helvetica,arial,verdana,sans-serif;
    padding: 0 4px;
	min-height: 25px;
}
.success_check_icon {
    background-image: url(images/shared/icon-success.png);
    background-repeat: no-repeat;
}
.legend3Lines1 .x-legend .x-legend-items {    
     display:inline-block !important;    
}

.legend3Lines .x-legend-item {
     float: right !important;
     overflow: hidden;
	 margin:3px !important;
}

.legend3Lines1 .x-legend {    
     height:110px !important;    
     width:635px !important;    
} 

.legend3Lines .x-legend-item .x-legend-item-marker  {    
     display:block !important;
	float: left !important;	 
	 width:10px;
	 height:10px;
	 margin:3px !important;
}

.c-combolandingctrldummy {
	height: 22px;
	padding: 0;
	margin:0;
	background: #FFFFFF;
}
.c-flterctrldummyhdr {
	font: 300 18px/27px helvetica, arial, verdana, sans-serif;
}
.fileuploadCLS
{
   
	top: 0px;
	left: 0px;
	z-index: 1;
}
.fileuploadCLS input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
.content_container_new_gis{
/*	background-color:#ececec;	*/
	padding:0px !important;
	margin:0 !important;
}
.content_container_west_gis{
	background-color:#ffffff !important;
	border:1px solid #38ADE4;
	width:290px !important;
}
.content_container_west_gis_gr{
	background-color:#90D5F5;
	border-right: 1px solid #38ADE4;
}
.content_container_west_gis_gr .x-title-text {    
	font: 300 12px/36px helvetica, arial, verdana, sans-serif;	
	padding-left:7px !important;
	font-weight:bold;
	background-color: #38ADE4 !important;
	color: #000000;
}
.content_container_west_gis_gr .x-header {
	/*background: #004B87 !important;
	background: #3AACE2 !important;*/
	/*border: 0px none;*/
	/*top:6px !important;*/
	background-color: #38ADE4 !important;
}
#cnt_gisjpdtl-placeholder {
    background-color: #38ADE4;
	padding: 12px;
	border: 0px solid #90D5F5 !important;
}
#cnt_gisjpdtl-placeholder .x-panel-header-title-default {
    color: #000000;
	font-weight:bold;	
	left:15px !important;
}
#ivms-map-tracker-placeholder-title {
    left: 35px !important;
}
.notification_container_bold {
font-weight:bold;	
text-decoration: underline;
color:#003961;
cursor:pointer;
}
.notification_container {
    background-color: #003961;
    height: 51px;
	/*width: 125px;*/
	float:left;
    /*width: 1010px;	*/
}
.notification_container div {
    float: left;
}
.notification_container div p {
    margin: 0;
    padding: 0;
    vertical-align: top;
}
.notification_container div p.numeric {
    font-family: "verdana";
	font-weight:bold;	
	cursor:pointer;
    font-size: 12px;
    line-height: 22px;
	text-decoration: underline;
    padding: 0;
    vertical-align: text-top;
}
.notification_container div p.label {
    font-family: "verdana";
    font-size: 11px;
    /*line-height: 10px;
    padding: 9px 0 8px;*/
}
.notification_all {
    background-color: #1CC9AE;
    color: #FFFFFF;
    cursor: default;
    margin: 0;
    padding: 12px 22px 0;
    text-align: center;
    vertical-align: top;
    width: 101px;
}
.notification_moving {
    background-color: #438D10;
    color: #FFFFFF;
    cursor: default;
    margin: 0;
    padding: 12px 22px 0;
    text-align: center;
    vertical-align: top;
    width: 115px;
}
.notification_notmoving {
    background-color: #1D7EC2;
    color: #FFFFFF;
    cursor: default;
    margin: 0;
    padding: 12px 22px 0;
    text-align: center;
    vertical-align: top;
    width: 115px;
}
.notification_notresponding {
    background-color: #929090;
    color: #FFFFFF;
    cursor: default;
    margin: 0;
    padding: 12px 22px 0;
    text-align: center;
    vertical-align: top;
    width: 125px;
}
.notification_ot {
    background-color: #5A7814;
    color: #FFFFFF;
    cursor: default;
    margin: 0;
    padding: 12px 22px 0;
    text-align: center;
    vertical-align: top;
    width: 115px;
}
.notification_rt {
    background-color: #807A15;
    color: #FFFFFF;
    cursor: default;
    margin: 0;
    padding: 12px 22px 0;
    text-align: center;
    vertical-align: top;
    width: 115px;
}
.notification_drt {
    background-color: #0D4D4D;
    color: #FFFFFF;
    cursor: default;
    margin: 0;
    padding: 12px 22px 0;
    text-align: center;
    vertical-align: top;
    width: 100px;
}
.notification_dl {
    background-color: #FF6600;
    color: #FFFFFF;
    cursor: default;
    margin: 0;
    padding: 12px 22px 0;
    text-align: center;
    vertical-align: top;
    width: 100px;
}
.notification_withvio {
    background-color: #929090;
    color: #FFFFFF;
    cursor: default;
    margin: 0;
    padding: 12px 22px 0;
    text-align: center;
    vertical-align: top;
    width: 122px;
}
.notification_withoutvio {
    background-color: #804015;
    color: #FFFFFF;
    cursor: default;
    margin: 0;
    padding: 12px 22px 0;
    text-align: center;
    vertical-align: top;
    width: 145px;
}
.notification_noivms {
    background-color: #6C535D;
    color: #FFFFFF;
    cursor: default;
    margin: 0;
    padding: 12px 22px 0;
    text-align: center;
    vertical-align: top;
    width: 125px;
}
.notification_icon {
    margin: 0 auto;
    padding: 8px 24px 10px;
    position: relative;
    width: 36px !important;
}
.CueGisToolBar{
	padding:0px;
	margin:0px;
	float:right;
	text-align:right;
	background:#003961;
	border-color:none !important;
	border-style: none !important;
	line-height: 0px;
}
.CueGisToolBar .x-toolbar-default {
    background-color: none;
	border-color:none;
	border-style: none;
}
.vehicle_properties_window {
    margin: 0;
	
    padding: 0 9px;
    width: 310px;
}
.vehicle_properties_window .table {
    color: #333333;
    font-family: "ArialMT";
    font-size: 12px;
}
.vehicle_properties_window .title {
    font-weight: bold;
}

#cuetrans-map-tracker-tab-asset-search {
    background-color: #FFFFFF;
    border: 4px solid #666666 !important;
    height: 36px !important;
    padding: 0;
    width: 290px;
}
#strCuetransgisSearch {
    border: 0 none;
    height: 28px;
    width: 212px;
}
#strCuetransgisSearch .x-form-text-default {
    background-color: #FFFFFF;
    color: #000000;
    font: 300 13px/28px helvetica,arial,verdana,sans-serif;
    min-height: 28px;
    padding: 0 12px;
}
#strCuetransgisSearch .x-form-trigger-wrap-default {
    border: 0 none;
}
.ivms-map-tracker-tab-asset-searchBtn {
    background: url("images/gis/search_clear.png") no-repeat scroll -8px -9px #FFFFFF;
    border: 0 solid;
    border-radius: 0;
    height: 28px;
    margin: 0 6px 0 0;
    padding: 0;
    width: 28px;
}
.ivms-map-tracker-tab-asset-searchBtn.x-btn-over.x-btn-default-small{
    background: url("images/gis/search_clear.png") no-repeat scroll -8px -57px rgba(0, 0, 0, 0);
}
.ivms-map-tracker-tab-asset-searchBtn.x-btn-focus.x-btn-default-small{
    background: url("images/gis/search_clear.png") no-repeat scroll -8px -57px rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 #D7E9F6 inset;
}
.ivms-map-header-refresh{
    background-image: url("images/gis/map_icon.jpg");
    background-repeat: no-repeat;
    border: 0 none;
    margin-right: 19px;
	background-position: 0 -116px;
	width: 29px !important;
	height: 29px !important;
	 border: 1px solid #003961;
}
#ivms-map-header-refresh.x-btn-focus.x-btn-default-small {
     background-image: url("images/gis/map_icon.jpg");
}
#ivms-map-header-refresh.x-btn-focus.x-btn-default-toolbar-small{
background-image: url("images/gis/map_icon.jpg");
box-shadow: 0 0 0 0 #D7E9F6 inset;
border: 1px solid #003961;
 -moz-user-select: none;
}
.content_container_west_gis .x-column-header {
   
    /*background-image: none;	*/    
    color: #003961;
	font: 300 12px/15px arial,verdana,sans-serif;    
    outline: 0 none;
	line-height:20px;
	font-weight:bold;
	background:#90D5F5 !important;
}
.content_container_west_gis .x-grid-item {
    font: 300 12px/15px arial,verdana,sans-serif;    
}
.content_container_west_gis .x-grid-item u{
	cursor: pointer;
	color:#003961;
	font-weight:bold;
}
.content_container_west_gis .x-box-inner
{
background:#90D5F5 !important;
}
.login_logo{

top: 30px !important;
margin: 0px;  
}