/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
/* This CSS file is used for all OFBiz applications EXCEPT ecommerce. */
/* See the "ecommain.css" file for ecommerce. */
/* ===== Resets/Browser Normalization ===== */
@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto-Regular-webfont.eot');
	src: url('fonts/Roboto-Regular-webfont.eot?#iefix')
		format('embedded-opentype'), url('fonts/Roboto-Regular-webfont.woff')
		format('woff'), url('fonts/Roboto-Regular-webfont.ttf')
		format('truetype'),
		url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	border: 0; 
	margin: 0;
	outline: 0;
	padding: 0;
	font-size: 14px; /*add "100%" font size to reset */
	background: transparent;
	vertical-align: baseline;
}

body {
	line-height: em;
	color: black;
	background: white;
} /* reset line height and baseline colors*/
blockquote,body,div,dl,dt,dd,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,select,span,td,textarea,th,ul
	{
	border-style: none;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

a,address,body,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

body,caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

ol,ul {
	list-style: none;
}

/* ===== Basic Element Styles ===== */
a,a:visited {
	
	/* color: #ffffff;
    font-weight: bold; */
}

a:hover,a:active {
	text-decoration: none;
}
.grid-header span a {
	font-weight: bold;
    color:yellow;
}
.disabled {
	color: #333366;
	text-decoration: none;
}

body,textarea,input,select {
	font-family: Roboto, Arial, Helvetica, Sans-serif;
	/*  sans-serif;Hack-Regular, Hack-Bold Verdana, Arial, Helvetica, sans-serif*/
}

body {
	background: #626262;
	/* font-size: 72.5%; */
	position: relative;
}

hr {
	background-color: #626262;
	border: 0;
	height: 0.1em;
	margin: 0.5em 0 0.5em 0;
}

input[type="radio"],input[type="checkbox"] {
	font-size: 1.1em;
	margin: 0.2em;
}

input[type="text"],input[type="password"] {
	background-color: #ffffff;
	border: #626262 solid 0.1em;
	font-size: 13px;
	margin: 0.2em;
	padding: 0.1em 0 0.1em 0;
	border-radius: 0px;

	/* height: 20px; */
}

input[type="submit"],input[type="button"],input[type="reset"] {
	/*  background-color: #ffffff;
    border: #626262 solid 0.1em;
    color: #1cbf00;
    font-size: 1em;
    font-weight: bold; */
	background-color: #85C226;
	border: #626262 solid 0.1em;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	margin: 0.2em;
	border-radius: 2px;
	padding: 0.1em 0.2em 0.1em 0.2em;
	white-space: nowrap;
}

input[type="submit"]:hover {
	color: #ffffff;
	cursor: pointer;
	/* box-shadow: 0px 0px 5px 0px #828282; */
	border-radius: 3px;
	background-color: #4cae9c;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
	/*text-decoration: underline;*/
}

input[type="file"] {
	font-size: 1.1em;
	height: 1.6em; /* force ctrl to scale with text */
}

select {
	background-color: #ffffff;
	border: #626262 solid 0.1em;
	font-size: 13px;
	height: 22px; /* force ctrl to scale with text */
	margin: 0.1em;
	width: auto;
	border-radius: 5px;
}

select[multiple="multiple"] {
	height: 5em;
}

h1,.h1 {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #e2e2e2;
}

h2,.h2 {
	font-size: 16px;
}

h3,.h3 {
	font-size: 14px;
	/*   font-weight: bold; */
}

/* IE7 fix */
table {
	font-size: 13px;
	padding-top: 12px;
	/* line-height: 5px; remove */
}

/* IE7 fix */
table input {
	padding: 5px;
	/* border: #626262 solid 0.1em; */
}

textarea {
	background-color: #ffffff;
	border: #626262 solid 0.1em;
	font-size: 1.1em;
}

th,th a {
	color: #000000;
	font-weight: bold;
}

/* ===== Legacy Styles ===== */
/* The "smallSubmit" class can be used to decorate
links (A elements) and make them similar to form's buttons. */
.smallSubmit,.smallSubmit:visited {
	background-color: #ffffff;
	border: #626262 solid 0.1em;
	color: #000099;
	font-size: 1em;
	font-weight: bold;
	margin: 0.2em;
	padding: 0.1em 0.2em 0.1em 0.2em;
}

.smallSubmit:hover {
	color: #ff0000;
	text-decoration: none;
}

.smallSubmit:active {
	background-color: #cccccc;
	color: #333366;
	text-decoration: none;
}

.info {
	color: #000000;
	font-style: normal;
}

.boxhead {
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
}

.boxlink {
	float: right;
}

DIV.boxtop {
	background-color: #000099;
	border-color: #626262;
	border-style: solid;
	margin: 0 auto 0 auto;
	padding: 0.1em 0.4em 0.1em 0.4em;
	text-align: center;
}

DIV.boxhead-left {
	border: none;
	color: #FFFFFF;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	width: auto;
}

DIV.boxhead-fill {
	border: none;
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	width: 0;
}

DIV.boxhead-right {
	border: none;
	color: #FFFFFF;
	float: right;
	font-size: 1.1em;
	font-weight: bold;
	width: auto;
}

A.boxheadbutton {
	color: #FFFFFF;
	font-size: 1.1em;
}

A.boxheadbutton:hover {
	color: #ff0000;
	text-decoration: none;
}

.boxoutside {
	background-color: #FFFFFF;
	border: 0.1em solid #626262;
}

.boxtop {
	background-color: #000099;
	border: 0 solid #626262;
	padding: 0.1em 0.4em 0.1em 0.4em;
}

.boxbottom {
	background-color: #FFFFFF;
	border: 0 solid #626262;
	padding: 0.4em;
}

.button {
	background-color: #dddddd;
	border: 0.2em outset #9999CC;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

.browsecategorylist {
	margin-left: 10px;
}

.browsecategorytext {
	color: #000099;
	font-weight: bold;
	padding-left: 10px;
	background: url(/images/bg_bullet_full_2.gif) no-repeat 0px 0.5em;
}

A.browsecategorybutton {
	color: #000099;
}

.browsecategorybuttondisabled {
	color: #333333;
	line-height: 3.8em;
	font-weight: bold;
}

A.buttontext,.buttontextdisabled {
	background-color: #ffffff;
	border: #626262 solid 0.1em;
	/* font-weight: bold; */
	line-height: 1.8em;
	margin: 0.2em;
	padding: 0.1em 0.4em 0.1em 0.4em;
	/*white-space: nowrap;*/
}

A.buttontext {
	/* background-color: #ffffff;
    border: #626262 solid 0.1em;
    color: #1cbf00;
    font-size: 1em;
    font-weight: bold; */
	background-color: #85C226;
	border: #626262 solid 0.1em;
	color: #ffffff;
	font-size: 14px;
	/* font-weight: bold; */
	margin: 0.2em;
	border-radius: 2px;
	padding: 0.1em 0.2em 0.1em 0.2em;
	white-space: nowrap;
}

A.buttontext:hover {
	color: #ffffff;
	cursor: pointer;
	/* box-shadow: 0px 0px 5px 0px #828282; */
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}

A.linktext {
	color: #000099;
}

A.linktext:hover {
	color: #ff0000;
}

.buttontextdisabled {
	color: #333333;
}

A.headerbuttontext {
	color: #000099;
}

A.headerbuttontext:hover {
	color: #000000;
}

.submenutextinfo {
	border-right: #5886C6;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.submenutext,A.submenutext,A.submenutext:visited {
	border-right: 0.1em solid #5886C6;
	color: #ffff00;
	font-size: 0.9em;
	font-weight: bold;
	padding-left: 0.2em;
	padding-right: 0.5em;
}

A.submenutext:hover {
	color: #ffff00;
}

.submenutextdisabled,A.submenutextdisabled {
	border-right: 0.1em solid #5886C6;
	color: #CCCCCC;
	font-size: 0.9em;
	font-weight: bold;
	padding-left: 0.2em;
	padding-right: 0.5em;
}

A.submenutextdisabled:hover {
	color: #ffff00;
}

.submenutextinforight {
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
	padding-left: 0.2em;
}

.submenutextright,A.submenutextright {
	color: #ffff00;
	font-size: 0.9em;
	font-weight: bold;
	padding-left: 0.2em;
}

A.submenutextright:hover {
	color: #ffff00;
}

.submenutextrightdisabled,A.submenutextrightdisabled {
	color: #CCCCCC;
	font-size: 0.9em;
	font-weight: bold;
	padding-left: 0.2em;
}

A.submenutextrightdisabled:hover {
	color: #ffff00;
}

A.lightbuttontext {
	border: none;
	color: #ffff00;
}

A.lightbuttontext:hover {
	color: #ffff00;
}

A.lightbuttontextsmall {
	border: none;
	color: #ffff00;
	font-size: 0.8em;
}

A.lightbuttontextsmall:hover {
	color: #ffff00;
}

.lightbuttontextdisabled {
	color: #CCCCCC;
	font-weight: bold;
}

A.buttontextbig,.buttontextbigdisabled {
	background-color: #ffffff;
	border: #626262 solid 0.1em;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0.2em;
	padding: 0.1em 0.4em 0.1em 0.4em;
}

A.buttontextbig {
	color: #000099;
}

.buttontextbigdisabled {
	color: #CCCCCC;
}

A.buttontextbig:hover {
	color: #ff0000;
}

A IMG.imageborder {
	border: 0.1em solid #626262;
}

#messages-container {
	position: relative;
	background-color: #FFFFFF;
	margin: 0 7px 0 7px;
	padding-bottom: 1em;
}

/* ===== System messages rendering ===== */
.eventMessage,.errorMessage {
	background-color: #CCCCCC;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 1em 0 1em;
	padding: 0 1em 0 50px;
}

.eventMessage {
	background: #FFFFFF url(/vasista/images/information.png) no-repeat 10px
		50%;
	color: #000099;
	border: solid 3px #000099;
}

.errorMessage {
	background: #FFFFFF url(/vasista/images/exclamation.png) no-repeat 10px
		50%;
	color: #FF0000;
	border: solid 3px #FF0000;
}

.mediumSubmit,.largeSubmit,.loginButton {
	background-color: #ffffff;
	border: #626262 solid 0.1em;
	color: #000099;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0.2em;
}

.mediumSubmit:hover,.largeSubmit:hover,.loginButton:hover {
	color: #ff0000;
}

.smallAltSubmit,.mediumAltSubmit,.largeAltSubmit {
	font-size: 1.1em;
}

.basePrice {
	color: #000000;
}

.normalPrice {
	color: #008000;
}

.salePrice {
	color: #ff0000;
}

/* ===== Product Summary Styles ===== */
.product-prevnext {
	text-align: right;
}

.productsummary-container {
	border-top: #999 solid 0.1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.productsummary {
	border-bottom: #999 solid 0.1em;
	/* using min-height as an alternative to clear: both; because that, in some browsers, will clear the top-level columns and not just in this div (Mozilla based, namely) */
	min-height: 6em;
	overflow: visible;
	padding: 0.5em;
	position: relative;
}

.productsummary .smallimage {
	float: left;
	/* position: absolute; top: 5px; left: 5px; */
	margin: 0 0.5em 0.5em 0;
}

.productsummary .smallimage img {
	border: #CCC solid 0.1em;
	height: 5em;
}

.productsummary .productbuy {
	float: right;
	margin: 0.5em;
	text-align: right;
	width: 13em;
}

.productsummary .productinfo { /* margin-left: 60px; */
	text-align: left;
}

/* ===== Product Detail Styles ===== */
#productdetail #long-description {
	border-top: #999 solid 0.1em;
	margin-top: 1em;
	padding-top: 0.5em;
}

#productdetail #reviews {
	border-top: #999 solid 0.1em;
	margin-top: 1em;
	padding-top: 0.5em;
}

#productdetail #associated-products {
	border-top: #999 solid 0.1em;
	margin-top: 1em;
	padding-top: 0.5em;
}

.treeWrapper {
	background-color: #ffffff;
	border-top: 0.1em solid #000000;
	border-left: 0.1em solid #000000;
	color: #000000;
	font-size: 1.6em;
	font-weight: normal;
	margin-left: 1.2em;
	margin-top: 0.2em;
	text-align: left;
	text-decoration: none;
}

.lefthalf {
	float: left;
	height: 1%;
	left: 0;
	margin: 0% 1% 1% 0%;
	width: 49%;
}

.righthalf {
	float: right;
	height: 1%;
	/* margin: 1% 0 1% 1%; */
	right: 0;
	width: 49%;
}

#portalContainerId table {
	padding: 0px;
}

.leftclear {
	clear: left;
	height: 1%;
}

/* ==== Styles For Form Widgets === */
.formTableBordered {
	border: 0.1em solid #626262;
	width: 100%;
}

/* ==== Styles For The Html Log === */
.DEBUG {
	color: #808080;
}

.WARN {
	color: #0000ff;
	font-weight: bold;
}

.INFO {
	color: #008000;
}

.ERROR {
	border: 0.2em solid #ff0000;
	color: #ff0000;
	font-weight: bold;
}

/* ==== Styles Copied From tabstyles.css === */
.treewrapper {
	margin-left: 1em;
}

.treeitem {
	border: #888888 solid 0.1em;
	color: #0000ff;
	font-size: 1.4em;
	font-weight: bold;
}

.appbar {
	background-color: #ffffff;
}

.whitearea {
	background-color: #FFFFFF;
}

.blackarea {
	background-color: #000000;
}

.page-title {
	display: none;
}

/* DIV.row {
    background-color: #B4B0AA;
    margin: 0 auto 0 auto;
    text-align: center;
}
 */
DIV.col {
	border: none;
	float: left;
	width: auto;
}

DIV.col-fill {
	background-color: #B4B0AA;
	border: none;
	color: #000099;
	font-weight: bold;
	text-align: center;
	width: 0;
}

DIV.col-right {
	border: none;
	float: right;
	width: auto;
}

DIV.contentarea {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}

DIV.endcolumns { /* deprecated - use .clear */
	clear: both;
}

DIV.simple-right-small {
	float: right;
	width: 2em;
	text-align: right;
}

DIV.simple-right-half {
	float: right;
	width: 50%;
	text-align: right;
}

DIV.screenlet {
	background: url("/vasista/box-head-tr.gif") no-repeat top right;
	background-color: #626262;
	height: auto !important;
	height: 1%;
	margin-bottom: 1em;
	margin: 0px 4px 0px 4px;
	box-shadow: 0px 1px 10px 0px #959595;
}

/* Special Screenlet Handling for locals and timezone window */
DIV.lists.screenlet {
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 1em;
}

DIV.lists.screenlet .basic-table tr td {
	text-align: center;
}

DIV.lists.screenlet .basic-table tr td a {
	display: block;
}

DIV.screenlet-body {
	background-color: #FFFFFF;
	height: auto !important;
	height: 1%;
	/*     padding: 0.4em;
    border: 0.1em solid #0268B3; */
}

DIV.no-padding {
	padding: 0;
	border: none;
}

#column-container {
	margin: auto;
	position: relative;
}

#column-container h1,#column-container .h1,#column-container h2,#column-container .h2
	{
	/* margin-bottom: 0.5em; */
	
}

#column-container h1,#column-container .h1 {
	text-align: center;
	color: #656565;
}

#column-container .left {
	float: left;
	/* alt: position: absolute; top: 0px; left: 0px; */
	width: 22em;
	margin-right: 1em;
}

#column-container .left-larger {
	float: left;
	/* alt: position: absolute; top: 0px; left: 0px; */
	width: 25em;
	margin-right: 1em;
}

.left-border {
	float: left;
	margin-right: 1em;
	width: 22em;
	border-right: 0.5px dotted #eee;
	background-color: #eee;
	height: 100%;
}

#column-container .right {
	float: right;
	margin-left: 1em;
	width: 22em;
}

#column-container .leftonly {
	margin-left: 23em;
	width: auto;
}

#column-container .leftonly-larger {
	margin-left: 26em;
	width: auto;
}

#column-container .rightonly {
	margin-right: 23em;
	width: auto;
}

#column-container .center {
	margin-left: 23em;
	margin-right: 23em;
	width: auto;
}


#column-container .nocolumns {
	width: auto;
}

DIV.column-left-wide {
	background-color: #CCCCCC;
	border: #000000 solid 0.2em;
	float: left;
	overflow: auto;
	width: 30em;
}

DIV.widget-container {
	margin-bottom: 2em;
}

/* ===== New Styles ===== */
/* ================================ */
/* ===== Used to clear floats ===== */
/* ================================ */
.clear {
	clear: both;
	height: 0;
	visibility: hidden;
}

.no-clear .clear {
	/* Used in container elements to override the clear class
in contained elements. */
	clear: none;
}

/* ================================= */
/* ===== Single Element Styles ===== */
/* ================================= */
.alert { /* Used for alert text */
	color: #ff0000;
}

.content-messages p {
	margin: 0.5em 0 0.5em 0;
}

.hidden {
	height: 0;
	display: none;
}

.label {
	/* Used for <input> element labels */
	height: 1.2em;
	/* Same as <input> height */
	padding-left: 1.1em;
	text-align: left;
	white-space: nowrap;
	width: 1%;
	vertical-align: middle;
}

.required,input.required {
	/* required style for <input> elements */
	background-color: transparent;
}

.tooltip { /* tooltip style */
	background-color: #ffffbb;
	border: 0.1em solid #626262;
	color: #000000;
	font-style: italic;
	margin: 0.4em;
	padding: 0.1em;
}

.visible {
	height: auto;
	visibility: visible;
}

/* ================================== */
/* ===== Used to align elements ===== */
/* ================================== */
.align-float {
	float: right;
}

.align-text {
	text-align: right;
}

.align-top {
	vertical-align: top;
}

.centered {
	text-align: center;
}

.page-container {
	background-color: #d4d0c8; /* changed */
}

.tabbar {
	height: 40px;
	width: 100%;
	background: url("/vasista/bar2.gif") repeat-x;
}

.tabbar .breadcrumbs {
	color: #FFFFFF;
	float: left;
	height: 100%;
	background: url("/vasista/corner-tl.gif") no-repeat;
}

.tabbar .breadcrumbs-start {
	float: left;
	height: 100%;
	background: url("/vasista/bar1.gif") repeat-x;
	margin-left: 15px;
	padding-top: 1em;
	display: inline; /* IE Fix */
}

.tabbar .breadcrumbs-sep {
	float: left;
	height: 100%;
	background: url("/vasista/separator.gif") no-repeat;
	padding-top: 0.8em;
	margin-bottom: -1em;
	padding-left: 3.5em;
	font-size: 1.5em;
	font-weight: bold;
	color: green;
}

.tabbar .breadcrumbs-end {
	float: right;
	height: 100%;
	background: url("/vasista/corner-tr.gif") no-repeat;
	width: 15px;
}

.bottom-bar {
	background: url("/vasista/bar3.gif") repeat-x;
	height: 20px;
	width: 100%;
}

.bottom-bar .left {
	background: url("/vasista/corner-bl.gif") top left no-repeat;
}

.bottom-bar .right {
	background: url("/vasista/corner-br.gif") top right no-repeat;
}

/* ==================================== */
/* ===== Masthead (Header) Styles ===== */
/* ==================================== */
#masthead 
{
	color: #000000;
	/*  font-weight: bold; */
	height: 45px; /* IE fix */
	background-color: white;
	box-shadow: 0 0 15px 3px #757575;
	display:block;
	width:100%;
}
#masthead ul li {
	float: left;
	background-image: url(images/logo.png) no-repeat;
	padding: 0.4em;
}

#masthead ul .logo-area {
	/* placeholder */
	
}

#masthead ul .opposed,#masthead ul .control-area {
	float: right;
	text-align: right;
}

ul#preferences-menu {
	font-size: 1.1em;
	float: right;
	line-height: 30px;
}

ul#preferences-menu li {
	border-left: solid 1px #BBBBBB;
	padding: 0 1em 0 1em;
}

ul#preferences-menu li.first,ul#preferences-menu li.user,ul#preferences-menu li.org
	{
	border: none;
}

ul#preferences-menu li.user,ul#preferences-menu li.org {
	padding: 1;
	color: white;
}

ul#preferences-menu li.org {
	font-size: 16px;
}

ul#preferences-menu li.user a,ul#preferences-menu li.org a {
	color: white;
}

ul#preferences-menu li.user a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 10px 10px 10px 10px #ffffff;
	text-decoration: none;
}

ul#preferences-menu li.expanded,ul#preferences-menu li.collapsed {
	padding: 0 0 0 5px;
	width: 32px;
}

ul#preferences-menu li.expanded {
	background: url(/vasista/images/bullet_arrow_up.png) no-repeat right;
}

ul#preferences-menu li.collapsed {
	background: url(/vasista/images/bullet_arrow_down.png) no-repeat right;
}

ul#preferences-menu li.collapsed a,ul#preferences-menu li.expanded a {
	padding-left: 16px;
}

ul#preferences-menu li a {
	color: #f97103;
	/* padding: 0.2em; */
}

ul#preferences-menu a:hover {
	text-decoration: none;
}

.control-area a {
	font-size: 1.1em;
	color: #f97103;
}

ul#preferences-menu li a.help-link {
	display: block;
	height: 12px;
	width: 10px;
	background: url(/vasista/help.png) no-repeat;
}

/* ========================================= */
/* ===== Footer Styles ===================== */
/* ========================================= */
#footer {
	text-align: center;
	padding-bottom: 1em;
}

#footer p {
	margin: 1em;
}

/* ======================================================= */
/* ===== Secondary Navigation (App Menu) Styles ========== */
/* ======================================================= */
#secondary-navigation {
	
}

#secondary-navigation a {
	padding: 0 1em 0 1em;
	border: 0.05em solid #000099;
	color: #008000;
	background-image: url(/images/gradient_sub_uns.gif);
	background-repeat: repeat-x;
}

#secondary-navigation .disabled {
	padding: 0 1em 0 1em;
	border: 0.05em solid #000099;
	background-image: url(/images/gradient_sub_uns.gif);
	background-repeat: repeat-x;
	color: #D4D0C8;
}

#secondary-navigation a.selected,#secondary-navigation a:hover {
	background-color: #2626c1;
	background-image: url(/images/gradient_sub_sel.gif);
	background-repeat: repeat-x;
	border-bottom: 0.05em solid #2626c1;
	text-decoration: none;
	color: #ffffff;
}

#main-navigation ul li ul li ul.secondary {
	left: 204px;
}
/* ================================================== */
/* ===== Main Navigation (App Menu) Styles ========== */
/* ================================================== */
/* ========================================================= */
/* ===== Component Navigation (App Header) Styles ========== */
/* ========================================================= */
#main-navigation,#app-navigation {
	float: left;
	font-size: 130%;
}

#app-navigation .clear {
	clear: none;
}

#main-navigation h2,#app-navigation h2 {
	color: #FFFFFF;
	cursor: default;
	font-size: 1.2em;
	font-weight: normal;
	margin-right: 1em;
	text-decoration: none;
	padding-right: 20px;
	background: url("/vasista/arrow-white-rt.gif") no-repeat 100% 50%;
}

#main-navigation ul li ul,#app-navigation ul li ul {
	position: absolute;
	background-color: #0268B3;
	z-index: 9999;
	width: 200px;
	border-bottom: solid 5px #AFAFAF;
	border-right: solid 5px #AFAFAF;
}

#main-navigation ul li ul li a,#app-navigation ul li ul li a {
	display: block;
	padding: 4px 16px 4px 16px;
	border: solid 1px #AFAFAF;
	border-top: none;
	font-weight: normal;
	color: #ffffff;
} /*Color subcells normal mode*/
#main-navigation ul li ul li a:hover,#app-navigation ul li ul li a:hover
	{
	background-color: #ffffff;
	text-decoration: none;
	color: #656565;
} /*Color subcells hovering mode*/
#main-navigation ul li ul li a.disabled,#app-navigation ul li ul li a.disabled
	{
	color: #626262;
} /*Color subcells disabled mode*/

/* ================================================= */
/* ===== Screenlet Title Bar/Navigation Styles ===== */
/* ================================================= */
.screenlet-title-bar {
	/* background: url("/vasista/box-head-tl.gif") no-repeat; */
	color: #ffffff;
	font-size: 13px;
	background-color: #626262;
	height: 1%; /* IE fix */
	margin-top: 0px;
	/* 	    padding-top: 5px;
    padding-bottom: 5px; */
	min-height: 1.5em;
}

.screenlet-title-bar .h1,.screenlet-title-bar .h2,.screenlet-title-bar .h3,.screenlet-title-bar h1,.screenlet-title-bar h2,.screenlet-title-bar h3
	{
	background: none;
	color: #ffffff;
	font-weight: normal;
	padding: 0.1em 0.5em 0.2em 0.5em;
}

.screenlet-title-bar ul {
	display: inline; /* IE Fix */
}

.screenlet-title-bar ul li {
	background: none;
	border-left: 0.1em solid #5f9fcf;
	color: #ffffff;
	float: right;
	font-size: 14px;
	font-weight: bold;
	padding: 0.1em 0.5em 0.2em 0.5em;
}

.screenlet-title-bar ul h1,.screenlet-title-bar ul h2,.screenlet-title-bar ul h3,.screenlet-title-bar ul .h1,.screenlet-title-bar ul .h2,.screenlet-title-bar ul .h3
	{
	border-left: none;
	float: left;
	margin-top: 0px;
}

.screenlet-title-bar .h1 {
	font-size: 1.6em;
}

.screenlet-title-bar .h2 {
	font-size: 1.3em;
}

.screenlet-title-bar .h3,.screenlet-title-bar .head4 {
	font-size: 1.1em;
}

.screenlet-title-bar .h3 a {
	color: #ffff66;
	display: inline;
}

.screenlet-title-bar ul a {
	color: #FFFFFF;
	display: block;
}

.screenlet-title-bar ul a:visited {
	color: #008000;
}

.screenlet-title-bar ul li:hover {
	background-color: #2626c1;
	/*background-image: url(/images/gradient_sub_sel.gif);*/
	background-repeat: repeat-x;
}

.screenlet-title-bar ul a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.screenlet-title-bar ul .disabled {
	color: #cccccc;
}

.screenlet-title-bar ul .collapsed,.screenlet-title-bar ul .collapsed:hover
	{
	background: url(/vasista/images/bullet_arrow_down.png) no-repeat right;
	width: 34px;
}

.screenlet-title-bar ul .expanded,.screenlet-title-bar ul .expanded:hover
	{
	background: url(/vasista/images/bullet_arrow_up.png) no-repeat right;
	width: 34px;
}

.screenlet-title-bar ul .collapsed a,.screenlet-title-bar ul .expanded a
	{
	/* IE fix */
	cursor: default;
}

.screenlet-title-bar ul .h1:hover,.screenlet-title-bar ul .h2:hover,.screenlet-title-bar ul .h3:hover
	{
	background-color: #000000;
	background-color: #ffffff;
	/* background-image: url(/images/gradient_sub_uns.gif); */
	color: #656565;
}

/* login screenlet decorator */
.login-screenlet {
	min-width: 25em;
	width: 25%;
}

.login-screenlet .screenlet-title-bar {
	text-align: center;
}
/***********************************************
ajax auto complete
***********************************************/
div.autocomplete {
	position: absolute;
	width: auto !important;
	/* min-width:154px; */
	background-color: #f8f8f8;
	border: 1px solid #626262;
	margin: 0;
	padding: 0;
}

div.autocomplete ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.autocomplete ul li.selected {
	background-color: #ffb;
}

div.autocomplete ul li {
	list-style-type: none;
	display: block;
	float: none;
	margin: 0;
	padding: 2px;
	/*height:32px;*/
	cursor: pointer;
}

.indicator img {
	background: url(/images/ajax-loader.gif) no-repeat 0 0;
	display: block;
	margin: 3px 10px 0px 24px;
	width: 16px;
	height: 16px;
	border: none;
}

/* ======================================================= */
/* ===== Basic Navigation (Vertical Menu) Style ========== */
/* ======================================================= */
.basic-nav { /* indent menu - helpful for widgets */
	padding-left: 1em;
}

.basic-nav ul { /* placeholder */
	
}

.basic-nav ul li {
	
}

.basic-nav ul a {
	color: #000099;
	font-size: 1.1em;
}

.basic-nav ul .selected,.basic-nav ul .selected a {
	color: #0000ff;
}

.basic-nav ul a:hover {
	color: #0000ff;
}

.basic-nav ul .disabled,.basic-nav ul .disabled a {
	color: #D4D0C8;
}

/* ======================================== */
/* ===== Button Bar Navigation Styles ===== */
/* ======================================== */
.button-bar {
	
}

.button-bar tab-bar {
	background-color: #0067AC;
}

.button-bar ul {
	display: inline; /* IE Fix */
	width: 100%;
	display: table;
	table-layout: fixed;
}

.button-bar>ul {
	box-shadow: 0px 1px 10px 0px #959595;
	margin-top: 0px;
	/* padding: 0.3em 0.3em 0.3em 0.3em; */
	background-color: #0067AC;
	padding-bottom: 7px;
	padding-top: 5px;
}

.button-bar ul li {
	float: left;
	font-weight: normal;
	padding: 0.1em 0.4em 0.1em 0.4em;
}

.button-bar ul .opposed {
	float: right;
}

.button-bar ul a,.tabContainer ul a {
	display: block;
}

.button-bar ul a,.button-bar a {
	padding: 0.3em white-space: nowrap;
}

.button-bar ul a:hover {
	color: #0000ff;
}

.button-bar .opposed,.button-bar .opposed li,.button-bar ul .opposed {
	float: right;
}

/* ===== Button style decorator ===== */
.button-style-1 ul li,.tabContainer ul li {
	background-color: #ffffff;
	color: #000099;
}

.button-style-1 a,.button-style-1 ul a,a.button-style-1 {
	background-color: #1ec71f;
	/* border: solid #000099 0.1em; */
	color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
}

.button-style-1 .selected,.button-style-1 ul .selected,.button-style-1 ul .selected a
	{
	background-color: #000099;
	color: #ffffff;
}

.button-style-1 a:hover,.button-style-1 ul a:hover,a.button-style-1:hover
	{
	background-color: #000099;
	color: #ffffff;
	text-decoration: none;
}

/* ===== Button style decorator ===== */
.button-style-2 ul li {
	/* background-color: #ffffff; */
	color: #000099;
}

.button-style-2 ul a,.button-style-2 a,a.button-style-2 {
	background-color: #ffffff;
	/* border: solid #000099 0.1em; */
	color: #1cbf00;
	border-radius: 5px;
	/* box-shadow: 2px 2px 5px #969696; */
	padding-bottom: 8px;
}

.button-style-2 ul .selected a,.button-style-2 .selected {
	background-color: #000099;
	color: #ffffff;
}

.button-style-2 ul a:hover,.button-style-2 a:hover,a.button-style-2:hover
	{
	background-color: #08962d;
	color: #ffffff;
	text-decoration: none;
}

.button-style-2 .disabled {
	border: solid #D4D0C8 0.1em;
	color: #D4D0C8
}
/* ===== Button bar decorators ===== */
.tool-bar {
	background-color: #D4D0C8;
	border: 0.1em solid #000099;
	padding: 0.2em;
}

.tool-bar ul li {
	background-color: #D4D0C8;
	padding: 0.1em;
}

/* tab-bar decorator intended to be used at
the top of the main content area */
.tab-bar {
	display: table;
	margin: 0px;
	width: 100%;
	/* margin: 5px; */
}

.tab-bar ul li {
	/* background-color: #ffffff; */
	padding-bottom: 4px;
	font-size: 14px;
	margin-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 0px;
}

.tab-bar ul a,.tab-bar ul a:visited {
	font-size: 13px;
	padding-left: 5px;
	padding-right: 5px;
	color: #ffffff;
	/*  font-family: Hack-Bold; */
	margin-bottom: 0px;
}

.tab-bar ul a:hover,.tab-bar ul .selected,.tab-bar ul .selected a,.tab-bar ul .selected a:hover
	{
	background-color: #ffffff;
	color: #11548c;
	margin-bottom: 0px;
	/*   font-family: MyWebFont; */
	border-radius: 2px;
	text-decoration: none;
}

.tab-bar ul .disabled {
	color: #D4D0C8;
	padding: 0.1em 0.4em 0.1em 0.4em;
}

.tab-bar .opposed,.tab-bar .opposed li,.tab-bar ul .opposed {
	border-left: 0.1em solid #5f9fcf;
	border-right: none;
}

div.tab-bar:nth-child(2) ul li {
	margin: 0px;
	padding: 1px;
}

div.tab-bar:nth-child(3) ul li {
	margin: 0px;
}

div.tab-bar:nth-child(2) ul a:hover,div.tab-bar:nth-child(2) ul .selected,div.tab-bar:nth-child(2) ul .selected a,div.tab-bar:nth-child(2) ul .selected a:hover
	{
	color: #11548c;
	/* border-bottom: 1px solid #11548c; */
	text-decoration: none;
	padding-bottom: px;
}

/* Additional for underline the menu */
.tab-bar ul a:hover,.tab-bar ul .selected,.tab-bar ul .selected a,.tab-bar ul .selected a:hover
	{
	/*  font-family: Hack-Regular, Hack-Bold;  */
	/* border-bottom: 1px solid #11548c; */
	
}

/* ======================== */ /* ===== Table Styles ===== */
/* ======================== */
.basic-table {
	border-bottom: 1px solid #fbfbfb;
	background-color: #ffffff;
	color: #000000;
	width: 100%;
}

form .basic-table,.screenlet-body .basic-table {
	margin-bottom: 0;
}

.basic-table tr td { /* Style for all cells */
	padding: 0.1em;
	vertical-align: middle;
}

.basic-table {
	border-spacing: 0px;
}

/* Table Single line  */
.td-cell {
	display: inline;
}

.td-cell div {
	display: inline;
}

.basic-table tr .label,.basic-table tr .group-label {
	/* field labels for forms */
	/* font-weight: bold; */
	text-align: right;
	padding-right: 1.5em;
	white-space: nowrap;
	width: 1%;
}

.basic-table tr .group-label { /* "header" for field label groups */
	font-size: 1.2em;
	padding: 2em 1.5em 0 0;
}

.basic-table tr th,.basic-table .header-row {
	font-size: 16px;
	text-align: left;
}

.basic-table .header-row td {
	border-bottom: 0.1em solid #000000;
}

.basic-table .header-row td a {
	color: #000000;
}

.basic-table .alternate-row { /* Alternating row style */
	/* background-color: #ffffff; */
	/* overflow: scroll */;
	
}

.basic-table .selected {
	background: #FFFCCF;
}

.basic-table tr:nth-child(even) {
	background-color: #f3f3f3;
}

/* .basic-table tr:nth-child(odd){
	background: red;	
} */
#StoreIssueReport {
	background-color: red
}

.basic-table .alternate-rowSelected {
	background: #FFF55F;
}

.basic-table .Validate { /*Style use by alt-row-style on list*/
	background: #A0D5F7;
}

.basic-table .alternate-rowValidate {
	/*Style use by alt-row-style on list*/
	background: #72A8F2;
}

.basic-table .Warn { /*Style use by alt-row-style on list*/
	background: #f55C5C;
}

.basic-table .alternate-rowWarn { /*Style use by alt-row-style on list*/
	background: #FC7455;
}

.basic-table tr .button-col { /* button column style - for the small
collection of buttons used in lists */
	vertical-align: top;
}

.basic-table tr .button-col a {
	background-color: #ffffff;
	border: #626262 solid 0.1em;
	color: #000099;
	float: left;
	margin: 0 0.1em 0 0.1em;
	padding: 0.1em 0.4em 0.1em 0.4em;
	white-space: nowrap;
}

.basic-table tr .smallSubmit,.basic-table tr .smallSubmit:visited {
	/*   background-color: #ffffff;
    border: #626262 solid 0.1em;
    color: #000099;
    font-size: 1em;
    font-weight: bold;
    margin: 0.2em;
    padding: 0.1em 0.2em 0.1em 0.2em;
    white-space: nowrap;
    
    
         */
	background-color: #85C226;
	border: #626262 solid 0.1em;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	margin: 0.2em;
	border-radius: 2px;
	padding: 0.1em 0.2em 0.1em 0.2em;
	white-space: nowrap;
}

.basic-table tr .button-col a:hover,.basic-table tr .button-col a:active,.basic-table tr .smallSubmit:hover,.basic-table tr .smallSubmit:active
	{
	color: #008000;
	text-decoration: none;
}

.basic-table .collapsed {
	visibility: collapse;
}

/* ===== Alternate table header style ===== */
.basic-table .header-row-2 th,.basic-table .header-row-2 td {
	background-color: #0067AC ;
	border-bottom: 0;
	border-left: 0.1em solid #cccccc;
	color: #ffffff;
	font-size:14px;
	/* font-weight: bold; */
	text-align: center;
}

/* ===== Sort field style ===== */
.basic-table .header-row-2 th .sort-order-asc,.basic-table .header-row-2 td .sort-order-asc
	{
	background: url(/images/arrow-gr-up.png) no-repeat right;
	padding-right: 20px;
}

.basic-table .header-row-2 th .sort-order-desc,.basic-table .header-row-2 td .sort-order-desc
	{
	background: url(/images/arrow-gr-dw.png) no-repeat right;
	padding-right: 20px;
}

.basic-table .header-row-2 th .sort-order,.basic-table .header-row-2 td .sort-order
	{
	background: url(/images/arrow-gr.png) no-repeat right;
	padding-right: 20px;
}

/* ===== Table decorator - Hover bar ===== */
.hover-bar tr:hover {
	/*  background-color: #cccccc; */
	cursor: default;
}

.hover-bar .header-row:hover,.hover-bar tr th:hover {
	background-color: #ffffff;
	color: #000000;
}

/* ===== Table decorator - Grid ===== */
/* These decorators need an IE hack. IE7 does not
render borders around empty <td> elements */
.dark-grid { /* dark grid */
	border-right: 0.1em solid #000000;
	border-top: 0.1em solid #000000;
}

.dark-grid td,.dark-grid .header-row-2 th,.dark-grid .header-row-2 td {
	border-bottom: 0.1em solid #000000;
	border-left: 0.1em solid #000000;
}

.light-grid { /* light grid */
	border-right: 0.1em solid #cccccc;
	border-top: 0.1em solid #cccccc;
}

.light-grid td,.light-grid .header-row td {
	border-bottom: 0.1em solid #cccccc;
	border-left: 0.1em solid #cccccc;
}

/* ===== Table decorator - Calendar ===== */
.calendar {
	border-right: 0.1em solid #cccccc;
}

.calendar tr td {
	border-bottom: 0.1em solid #cccccc;
	border-left: 0.1em solid #cccccc;
	vertical-align: top;
	padding: 0.5em;
}

.calendar .header-row td {
	background-color: #69a9d9;
	border-bottom: 0.1em solid #cccccc;
	border-left: 0.1em solid #cccccc;
	color: #ffffff;
	height: auto;
	text-align: center;
}

.calendar tr td .add-new {
	float: right;
}

.calendar tr td .h1 {
	color: #000099;
	float: left;
}

.calendar .current-period {
	background-color: #ffffcc;
}

.calendar .active-period {
	background-color: #eeeeee;
}

/* ======================= */ /* ===== Tree Styles ===== */
/* ======================= */
.basic-tree { /* placeholder */
	
}

.basic-tree ul {
	padding-left: 1em;
}

.basic-tree li {
	padding-left: 1em;
	white-space: nowrap;
}

.basic-tree li .expanded {
	background: url(/images/collapse.gif) no-repeat left center;
	padding-right: 1em;
}

.basic-tree li .collapsed {
	background: url(/images/expand.gif) no-repeat left center;
	padding-right: 1em;
}

.basic-tree li .leafnode {
	background: url(/images/expand-collapse-placeholder.gif) no-repeat left
		center;
	padding-right: 1em;
}

.basic-tree li .treeitem { /* treeitem is deprecated */
	border-style: none;
	color: #000099;
	font-size: 1em;
}

.basic-tree li a:hover {
	color: #0000ff;
}

/* ======================== */ /* ===== Form Styles ===== */
/* ======================== */
.basic-form {
	margin-bottom: 1em;
}

.basic-form table {
	width: 100%;
}

.basic-form table .header-row:hover {
	background-color: #ffffff;
	color: #000000;
}

.basic-form table tr td {
	padding: 0.3em;
}

.basic-form table tr .label,.basic-form table tr .group-label {
	/* field labels for forms */
	text-align: left;
	padding-left: 1.5em;
	width: 1%;
}

.basic-form table tr .group-label {
	/* "header" for field label groups */
	font-size: 1.2em;
	padding: 2em 1.5em 0 0;
}

.basic-form table tr th,.basic-form table .header-row {
	font-weight: bold;
	text-align: left;
}

.basic-form table .header-row:hover,.basic-form table tr th:hover {
	background-color: #ffffff;
	color: #000000;
}

.basic-form table .header-row td {
	border-bottom: 0.1em solid #626262;
}

.basic-form table .viewManyTR1,.basic-form table .alternate-row {
	/* Alternating row style */
	/* .viewManyTR1 deprecated - use .alternate-row */
	background-color: #eeeeee;
}

.basic-form table tr td .smallSubmit,.basic-form table tr td .smallSubmit:visited
	{
	/* background-color: #ffffff;
    border: #626262 solid 0.1em;
    color: #000099;
    font-size: 1em;
    font-weight: bold;
    margin: 0.2em;
    padding: 0.1em 0.2em 0.1em 0.2em; */
	background-color: #85C226;
	border: #626262 solid 0.1em;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	margin: 0.2em;
	border-radius: 2px;
	padding: 0.1em 0.2em 0.1em 0.2em;
	white-space: nowrap;
}

.basic-form table tr td .smallSubmit:hover,.basic-form table tr td .smallSubmit:active
	{
	color: #ffffff;
	text-decoration: none;
}

.basic-form table tr td .disabled {
	background-color: #cccccc;
	color: #333366;
	text-decoration: none;
}

/* ===== Form decorator - Form Widget ===== */
.form-widget table tr .label,.form-widget-table tr .label {
	/* Added for backward compatibility */
	width: 20%;
}

.form-widget table,.form-widget-table {
	width: auto;
}

.form-widget-table {
	margin-bottom: 1em;
}

/* Pager */
.nav-pager {
	height: 2em;
	padding-bottom: 0.7em;
	padding-top: 0.4em;
}

.nav-pager ul {
	display: inline; /* IE Fix */
}

.nav-pager ul li {
	background-color: #ffffff;
	float: left;
	/* font-weight: bold; */
	line-height: 1.8em;
	margin: 0.2em;
}

.nav-pager ul li a {
	display: block;
	height: 16px;
	width: 16px;
	text-indent: -3000px;
}

.nav-pager ul li span {
	display: none;
	visibility: hidden;
	display: block;
	height: 16px;
	width: 16px;
}

.nav-pager ul .nav-first a {
	background: url(/vasista/images/resultset_first.png) no-repeat;
}

.nav-pager ul .nav-previous a {
	background: url(/vasista/images/resultset_previous.png) no-repeat;
}

.nav-pager ul .nav-next a {
	background: url(/vasista/images/resultset_next.png) no-repeat;
}

.nav-pager ul .nav-last a {
	background: url(/vasista/images/resultset_last.png) no-repeat;
}

.nav-pager ul .nav-first-disabled {
	background: url(/vasista/images/resultset_first_disabled.png) no-repeat;
}

.nav-pager ul .nav-previous-disabled {
	background: url(/vasista/images/resultset_previous_disabled.png)
		no-repeat;
}

.nav-pager ul .nav-next-disabled {
	background: url(/vasista/images/resultset_next_disabled.png) no-repeat;
}

.nav-pager ul .nav-last-disabled {
	background: url(/vasista/images/resultset_last_disabled.png) no-repeat;
}

.nav-pager ul .nav-pagesize {
	padding: 0 30px 0 30px;
}

.field-lookup a {
	background: url(/vasista/images/application_view_list.png) no-repeat 0 0;
	display: inline-block;
	/* margin: 3px 10px 0px 4px; */
	vertical-align: top;
	margin-top: 3px;
	width: 16px;
	height: 16px;
}

/* ============================= */
/* ===== FieldGroup Styles ===== */
/* ============================= */
.fieldgroup-title-bar {
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px 0 5px 10px;
}

.fieldgroup-title-bar ul .collapsed,.fieldgroup-title-bar ul .collapsed:hover
	{
	background: url(/vasista/images/bullet_toggle_plus.png) no-repeat left
		center;
}

.fieldgroup-title-bar ul .expanded,.fieldgroup-title-bar ul .expanded:hover
	{
	background: url(/vasista/images/bullet_toggle_minus.png) no-repeat left
		center;
}

.fieldgroup-title-bar a {
	cursor: pointer;
	text-decoration: none;
	padding-left: 10px;
	color: #000000;
}

/* == Portlet configuration screenlet == */
.portlet-config {
	background-color: #D4D0C8;
	border: 2px solid #D4D0C8;
	margin-bottom: 5px;
}

.portlet-config-title-bar .title {
	color: #555555;
	font-size: 1.2em;
	float: left;
}

.portlet-config-title-bar ul {
	display: inline; /* IE Fix */
}

.portlet-config-title-bar ul li {
	float: right;
	font-size: 1em;
	font-weight: bold;
	padding: 0.1em 0.5em 0.2em 0.5em;
}

.portlet-config-title-bar ul li.move-up {
	background: url(/images/arrow-single-up-green.png) no-repeat center
		center;
}

.portlet-config-title-bar ul li.move-down {
	background: url(/images/arrow-single-down-green.png) no-repeat center
		center;
}

.portlet-config-title-bar ul li.move-left {
	background: url(/images/arrow-single-left-green.png) no-repeat center
		center;
}

.portlet-config-title-bar ul li.move-right {
	background: url(/images/arrow-single-right-green.png) no-repeat center
		center;
}

.portlet-config-title-bar ul li.move-top {
	background: url(/images/arrow-end-up-green.png) no-repeat center center;
}

.portlet-config-title-bar ul li.move-bottom {
	background: url(/images/arrow-end-down-green.png) no-repeat center
		center;
}

.portlet-config-title-bar ul li.remove {
	background: url(/images/mini-trash.png) no-repeat center center;
}

.portlet-config-title-bar ul li.edit {
	background: url(/images/mini-edit.png) no-repeat center center;
}

/* == Portal Manager Toolbar == */
#manage-portal-toolbar {
	background-color: #D4D0C8;
	margin-bottom: 0.5em;
}

#manage-portal-toolbar ul li {
	float: left;
	padding: 0.1em 0.5em 0.2em 0.5em;
}

#manage-portal-toolbar #config-on-off,#manage-portal-toolbar #manage-portal-page,#manage-portal-toolbar #add-column
	{
	float: right;
}

#manage-portal-toolbar #portal-page-name {
	font-size: 1.5em;
	font-weight: bold;
}

.manage-portal-column-toolbar #add-portlet,.manage-portal-column-toolbar #delete-column,.manage-portal-column-toolbar #column-width
	{
	float: right;
}

/***********************************************
Webtools
***********************************************/
.webToolList h3 {
	margin: 0.75em 0 0.09em 0;
	text-transform: uppercase;
}

/***********************************************
Lookups
***********************************************/
.fieldLookup {
	background: #ffffff;
	border-right: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 3px solid #999;
	position: absolute;
	padding: 3px 1 1 1;
	overflow: visible;
	z-index: 110000;
	visibility: visible;
}

.fieldLookupHeader {
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #999;
	height: 18px;
	font-size: 12px;
	padding: 3px 0;
	color: #333;
	background-image: url(images/header_bg.gif);
	cursor: move;
}

.fieldLookupHeader span {
	text-align: right;
	cursor: pointer;
}

.fieldLookupHeader span div {
	background-image: url(images/header_close_button.png);
	float: right;
	width: 16px;
	height: 16px;
}

#fieldLookupContent {
	background-color: #ffffff;
	overflow: auto;
	width: 100%;
	height: 95%;
}

/* overwrite*/
#fieldLookupContent ul li a {
	display: inherit;
	cursor: pointer;
}

#fieldLookupContent td {
	padding-top: 5px;
	padding-bottom: 5px;
}

#fieldLookupContent td span a {
	display: inline-block;
}

#fieldLookupContent td span div a {
	background: none;
	padding: 0px;
}

#fieldLookupContent td a {
	cursor: pointer;
	padding: 0.4em 0.6em;
	display: inline;
}

/* overwrite*/
#findScreenlet {
	margin-top: 0;
}

.fadedBackground {
	background: url(images/faded_background.png);
	position: absolute;
	overflow: visible;
	z-index: 109999;
	visibility: visible;
	left: 0px;
	top: 0px;
}

#footer {
	/*  background: url("/vasista/poweredbyvasista.gif") no-repeat center;*/
	height: 9mm;
}

#footerLink {
	/* background: url("/vasista/poweredbyvasista.gif") no-repeat center;*/
	display: block;
	height: 9mm;
}

#loginTable {
	height: 200px;
	cellspacing: 25;
}

#loginButton {
	padding: .7em 1.2em;
	font-size: 1.5em;
}

#wait-spinner {
	z-index: 50000;
	position: absolute;
}

}
.wait-spinner div {
	padding-top: 4px;
}

#wait-spinner-image {
	height: 21px;
	width: 56px;
	background-image: url(/images/spinner.gif);
}

/* ========================================================= */
/* ===== JavaScript jQuery widgets Smoothness Design   ===== */
/* ========================================================== */

/*
 * jQuery UI CSS Framework 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	clip: rect(1px, 1px, 1px, 1px);
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.ui-helper-clearfix {
	display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
	height: 1%;
}

.ui-helper-clearfix {
	display: block;
}
/* end clearfix */
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity = 0);
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
 * jQuery UI CSS Framework 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.ui-widget .ui-widget {
	font-size: 12px;
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button
	{
	font-family: Roboto, Arial, sans-serif;
	font-size: 1em;
}

.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50%
		repeat-x;
	color: #222222;
}

.ui-widget-content a {
	color: #222222;
}

.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)
		50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}

.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default
	{
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50%
		repeat-x;
	font-weight: normal;
	color: #555555;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited
	{
	color: #555555;
	text-decoration: none;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus
	{
	border: 1px solid #626262;
	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50%
		repeat-x;
	font-weight: normal;
	color: #212121;
}

.ui-state-hover a,.ui-state-hover a:hover {
	color: #212121;
	text-decoration: none;
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active
	{
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50%
		repeat-x;
	font-weight: normal;
	color: #212121;
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

.ui-widget :active {
	outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight
	{
	border: 1px solid #fcefa1;
	background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50%
		repeat-x;
	color: #363636;
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a
	{
	color: #363636;
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error
	{
	border: 1px solid #cd0a0a;
	background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50%
		repeat-x;
	color: #cd0a0a;
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a
	{
	color: #cd0a0a;
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text
	{
	color: #cd0a0a;
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary
	{
	font-weight: bold;
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary
	{
	opacity: .7;
	filter: Alpha(Opacity = 70);
	font-weight: normal;
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled
	{
	opacity: .35;
	filter: Alpha(Opacity = 35);
	background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
	background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_888888_256x240.png);
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png);
}

.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n {
	background-position: 0 0;
}

.ui-icon-carat-1-ne {
	background-position: -16px 0;
}

.ui-icon-carat-1-e {
	background-position: -32px 0;
}

.ui-icon-carat-1-se {
	background-position: -48px 0;
}

.ui-icon-carat-1-s {
	background-position: -64px 0;
}

.ui-icon-carat-1-sw {
	background-position: -80px 0;
}

.ui-icon-carat-1-w {
	background-position: -96px 0;
}

.ui-icon-carat-1-nw {
	background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
	background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
	background-position: -144px 0;
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
	background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
	background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
	background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px;
}

.ui-icon-arrow-4 {
	background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px;
}

.ui-icon-extlink {
	background-position: -32px -80px;
}

.ui-icon-newwin {
	background-position: -48px -80px;
}

.ui-icon-refresh {
	background-position: -64px -80px;
}

.ui-icon-shuffle {
	background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px;
}

.ui-icon-folder-open {
	background-position: -16px -96px;
}

.ui-icon-document {
	background-position: -32px -96px;
}

.ui-icon-document-b {
	background-position: -48px -96px;
}

.ui-icon-note {
	background-position: -64px -96px;
}

.ui-icon-mail-closed {
	background-position: -80px -96px;
}

.ui-icon-mail-open {
	background-position: -96px -96px;
}

.ui-icon-suitcase {
	background-position: -112px -96px;
}

.ui-icon-comment {
	background-position: -128px -96px;
}

.ui-icon-person {
	background-position: -144px -96px;
}

.ui-icon-print {
	background-position: -160px -96px;
}

.ui-icon-trash {
	background-position: -176px -96px;
}

.ui-icon-locked {
	background-position: -192px -96px;
}

.ui-icon-unlocked {
	background-position: -208px -96px;
}

.ui-icon-bookmark {
	background-position: -224px -96px;
}

.ui-icon-tag {
	background-position: -240px -96px;
}

.ui-icon-home {
	background-position: 0 -112px;
}

.ui-icon-flag {
	background-position: -16px -112px;
}

.ui-icon-calendar {
	background-position: -32px -112px;
}

.ui-icon-cart {
	background-position: -48px -112px;
}

.ui-icon-pencil {
	background-position: -64px -112px;
}

.ui-icon-clock {
	background-position: -80px -112px;
}

.ui-icon-disk {
	background-position: -96px -112px;
}

.ui-icon-calculator {
	background-position: -112px -112px;
}

.ui-icon-zoomin {
	background-position: -128px -112px;
}

.ui-icon-zoomout {
	background-position: -144px -112px;
}

.ui-icon-search {
	background-position: -160px -112px;
}

.ui-icon-wrench {
	background-position: -176px -112px;
}

.ui-icon-gear {
	background-position: -192px -112px;
}

.ui-icon-heart {
	background-position: -208px -112px;
}

.ui-icon-star {
	background-position: -224px -112px;
}

.ui-icon-link {
	background-position: -240px -112px;
}

.ui-icon-cancel {
	background-position: 0 -128px;
}

.ui-icon-plus {
	background-position: -16px -128px;
}

.ui-icon-plusthick {
	background-position: -32px -128px;
}

.ui-icon-minus {
	background-position: -48px -128px;
}

.ui-icon-minusthick {
	background-position: -64px -128px;
}

.ui-icon-close {
	background-position: -80px -128px;
}

.ui-icon-closethick {
	background-position: -96px -128px;
}

.ui-icon-key {
	background-position: -112px -128px;
}

.ui-icon-lightbulb {
	background-position: -128px -128px;
}

.ui-icon-scissors {
	background-position: -144px -128px;
}

.ui-icon-clipboard {
	background-position: -160px -128px;
}

.ui-icon-copy {
	background-position: -176px -128px;
}

.ui-icon-contact {
	background-position: -192px -128px;
}

.ui-icon-image {
	background-position: -208px -128px;
}

.ui-icon-video {
	background-position: -224px -128px;
}

.ui-icon-script {
	background-position: -240px -128px;
}

.ui-icon-alert {
	background-position: 0 -144px;
}

.ui-icon-info {
	background-position: -16px -144px;
}

.ui-icon-notice {
	background-position: -32px -144px;
}

.ui-icon-help {
	background-position: -48px -144px;
}

.ui-icon-check {
	background-position: -64px -144px;
}

.ui-icon-bullet {
	background-position: -80px -144px;
}

.ui-icon-radio-off {
	background-position: -96px -144px;
}

.ui-icon-radio-on {
	background-position: -112px -144px;
}

.ui-icon-pin-w {
	background-position: -128px -144px;
}

.ui-icon-pin-s {
	background-position: -144px -144px;
}

.ui-icon-play {
	background-position: 0 -160px;
}

.ui-icon-pause {
	background-position: -16px -160px;
}

.ui-icon-seek-next {
	background-position: -32px -160px;
}

.ui-icon-seek-prev {
	background-position: -48px -160px;
}

.ui-icon-seek-end {
	background-position: -64px -160px;
}

.ui-icon-seek-start {
	background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
	background-position: -80px -160px;
}

.ui-icon-stop {
	background-position: -96px -160px;
}

.ui-icon-eject {
	background-position: -112px -160px;
}

.ui-icon-volume-off {
	background-position: -128px -160px;
}

.ui-icon-volume-on {
	background-position: -144px -160px;
}

.ui-icon-power {
	background-position: 0 -176px;
}

.ui-icon-signal-diag {
	background-position: -16px -176px;
}

.ui-icon-signal {
	background-position: -32px -176px;
}

.ui-icon-battery-0 {
	background-position: -48px -176px;
}

.ui-icon-battery-1 {
	background-position: -64px -176px;
}

.ui-icon-battery-2 {
	background-position: -80px -176px;
}

.ui-icon-battery-3 {
	background-position: -96px -176px;
}

.ui-icon-circle-plus {
	background-position: 0 -192px;
}

.ui-icon-circle-minus {
	background-position: -16px -192px;
}

.ui-icon-circle-close {
	background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px;
}

.ui-icon-circle-check {
	background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
}

.ui-corner-tr {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

.ui-corner-bl {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.ui-corner-br {
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.ui-corner-top {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

.ui-corner-bottom {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.ui-corner-right {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.ui-corner-left {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.ui-corner-all {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50%
		repeat-x;
	opacity: .30;
	filter: Alpha(Opacity = 30);
}

.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50%
		repeat-x;
	opacity: .30;
	filter: Alpha(Opacity = 30);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
} /*
 * jQuery UI Resizable 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
	position: relative;
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
	display: block;
	/* http://bugs.jqueryui.com/ticket/7233
     - Resizable: resizable handles fail to work in IE if transparent and content overlaps
    */
	background-image:
		url(data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=);
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle
	{
	display: none;
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
} /*
 * jQuery UI Selectable 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
/*
 * jQuery UI Accordion 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
	width: 100%;
}

.ui-accordion .ui-accordion-header {
	cursor: pointer;
	position: relative;
	margin-top: 1px;
	zoom: 1;
}

.ui-accordion .ui-accordion-li-fix {
	display: inline;
}

.ui-accordion .ui-accordion-header-active {
	border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header a {
	display: block;
	font-size: 1em;
	padding: .5em .5em .5em .7em;
}

.ui-accordion-icons .ui-accordion-header a {
	padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	margin-top: -2px;
	position: relative;
	top: 1px;
	margin-bottom: 2px;
	overflow: auto;
	display: none;
	zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
	display: block;
}
/*
 * jQuery UI Autocomplete 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
	position: absolute;
	cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
	width: 1px;
} /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.13
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	float: left;
}

.ui-menu .ui-menu {
	margin-top: -3px;
}

.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: .2em .4em;
	line-height: 1.5;
	zoom: 1;
}

.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active
	{
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	margin-right: .1em;
	text-decoration: none !important;
	cursor: pointer;
	text-align: center;
	zoom: 1;
	overflow: visible;
} /* the overflow property removes extra width in IE */
.ui-button-icon-only {
	width: 2.2em;
} /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
	width: 2.4em;
} /* button elements seem to need a little more width */
.ui-button-icons-only {
	width: 3.4em;
}

button.ui-button-icons-only {
	width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text
	{
	padding: .4em;
	text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text
	{
	padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text
	{
	padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon
	{
	position: absolute;
	top: 50%;
	margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary
	{
	left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary
	{
	right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary
	{
	right: .5em;
}

/*button sets*/
.ui-buttonset {
	margin-right: 7px;
}

.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
} /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
	position: absolute;
	padding: .2em;
	width: 300px;
	overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar {
	padding: .8em 1em;
	position: relative;
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 16px .1em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 19px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 18px;
}
/*.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }*/
.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus
	{
	padding: 0;
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
	zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin: .5em 0 0 0;
	padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}

.ui-dialog .ui-resizable-se {
	width: 14px;
	height: 14px;
	right: 3px;
	bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move;
	margin-top: 40px;
}
/*
 * jQuery UI Slider 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
	position: relative;
	text-align: left;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

.ui-slider-horizontal {
	height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0;
} /*
 * jQuery UI Tabs 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
	position: relative;
	padding: .2em;
	zoom: 1;
}
	/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 1px;
	margin: 0 .2em 1px 0;
	border-bottom: 0 !important;
	padding: 0;
	white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom: 0;
	padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a
	{
	cursor: text;
}

.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
	{
	cursor: pointer;
}
	/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

.ui-tabs .ui-tabs-hide {
	display: none !important;
}
/*
 * jQuery UI Datepicker 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover
	{
	top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span
	{
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year
	{
	width: 49%;
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}

.ui-datepicker td {
	border: 0;
	padding: 1px;
}

.ui-datepicker td span,.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current
	{
	float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
	display: none; /*sorry for IE5*/
	display /**/: block; /*sorry for IE5*/
	position: absolute; /*must have*/
	z-index: -1; /*must have*/
	filter: mask(); /*must have*/
	top: -4px; /*must have*/
	left: -4px; /*must have*/
	width: 200px; /*must have*/
	height: 200px; /*must have*/
} /*
 * jQuery UI Progressbar 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar {
	height: 2em;
	text-align: left;
}

.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}

/* Calendar Button and Image */
.view-calendar button {
	background: url(images/cal.gif) no-repeat !important;
	display: inline-block;
	border: none;
	vertical-align: center;
	margin-top: 3px;
	margin-left: 6px;
	height: 22px;
	width: 16px;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}

.ui-timepicker-div dl {
	text-align: left;
}

.ui-timepicker-div dl dt {
	height: 25px;
}

.ui-timepicker-div dl dd {
	margin: -25px 0 10px 65px;
}

.ui-timepicker-div .ui_tpicker_hour div {
	padding-right: 2px;
}

.ui-timepicker-div .ui_tpicker_minute div {
	padding-right: 6px;
}

.ui-timepicker-div .ui_tpicker_second div {
	padding-right: 6px;
}

.ui-timepicker-div td {
	font-size: 90%;
}

/*=================== For the quickadd page =================================*/
.quickaddall {
	float: right;
	padding-bottom: 1em;
	padding-top: 1em;
}

.quickaddtable {
	display: inline-block;
	clear: both;
}

.quickaddtable span {
	display: inline;
	float: left;
	border-right: 1px solid #626262;
	border-top: 1px solid #626262;
	margin: 0px;
	padding: 3px;
}

.quickaddtable p {
	clear: left;
	height: 100% !important;
	height: 1em;
}

.quickaddtable span.pid {
	width: 10%;
}

.quickaddtable span.name {
	width: 50%;
	text-align: left;
}

.quickaddtable span.listPrice {
	width: 10%
}

.quickaddtable span.totalPrice {
	width: 10%
}

.quickaddtable span.qty {
	width: 10%
}

/* From http://jqueryui.com/demos/autocomplete/maxheight.html */
/* When displaying a long list of options, you can simply set the max-height for the autocomplete menu to prevent the menu from growing too large */
.ui-autocomplete {
	max-height: 250px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 250px;
}

/* The custom CSS for adjust the JsTree */
.jstree-default .jstree-leaf>ins {
	background-position: -36px 0;
	vertical-align: top;
}

html> /**/ body .jstree-default a {
	white-space: normal !important;
	height: auto;
}
/* IE6 and below */
* html .jstree-default a {
	white-space: normal;
	height: auto;
}
/* IE7 */
*+html .jstree-default a {
	white-space: normal;
	height: auto;
}

/* CSS for Navigation enhancements */
.menu-button {
	display: block;
	top: 40px;
	left: 20px;
	background: url(images/hamburger_icon.png) no-repeat;
	overflow: hidden;
	width: 34px;
	height: 31px;
	text-indent: -9999px;
}

.menu-button.right {
	right: 20px;
	left: auto;
}

.menu-button.bottom {
	top: 100px;
}

.menu-button.fixed {
	position: fixed;
}

.sub-menu-button {
	display: block;
	top: 40px;
	left: 20px;
	background: url(images/Sub_hamburger_icon.png) no-repeat;
	overflow: hidden;
	width: 34px;
	height: 31px;
	text-indent: -9999px;
}

#overlay {
	position: absolute;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 999998;
	display: none;
}

.sidr-open #overlay {
	display: block;
}

/* Settings for fullwidth */
.sidr.fullwidth {
	width: 100%;
}

.sidr.left.fullwidth {
	left: -100%;
}

.sidr.right.fullwidth {
	right: -100%;
}

.sidr ul li.selected {
	background-color: #0067AC;
}
#simple-menu-text {
	color: white;
	font-size: 14px;
	margin-top: 6px;
}
/* removed */
#commonAppBarDiv {
	/* height: 25px; */
	line-height: 10px;
	text-align: center;
	color: white;
	font-weight: bold;
	white-space: nowrap;
	background-color: #f5f5f5;
}

#commonAppBarSpan {
	color: #6f6f6f;
	display: inline-block;
	vertical-align: middle;
	line-height: 46px;
	font-size: 16px;
	padding-right: 10px;
}

#simple-menu2 {
	display: inline-block;
	vertical-align: middle;
	line-height: 50px;
}

#bread {
	width: auto;
	display: inline-block;
	background-color: #0093dd;
	color: #ffffff;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: -10px; 
	line-height: 28px;
	border-radius: 0px 10px 10px 0px;	
	/*border:1px solid #444;
  border-radius: 5px;
  -moz-border-radius:5px;
  -o-border-radius: 5px;
  -webkit-border-radius:5px;*/
}

#bread li {
	font-size: 14px;
	display: inline-block;
}

#bread ul li a{
	color: #ffffff;
}

#bread li:after {
	content: ">>";
	color: #656565;
}

#bread li:last-child:after {
	content: "";
}

.breadcontent {
	background: #f9f9f9;
	border-bottom: 0px solid #626262;
}
.dropdown
{
	display:block;
	width:100%;
}
.dropdown ul {
	width: 100%;
	display: table;
	table-layout: fixed;
}

.dropdown ul li {
	/* padding-bottom: 4px;
    padding-right: 10px;
    padding-left: 10px;
    padding: 0.1em 0.4em; 
    margin-top: 3px;*/
	font-size: 14px;
	border-radius: 0px;
	float: left;
	font-weight: normal;
}

.dropdown>ul {
	box-shadow: rgb(149, 149, 149) 0px 1px 10px 0px;
	margin-top: 0px;
/* 	background-color: rgb(60, 122, 173); padding-bottom: 7px;
	padding-top: 5px; */
}

.dropdown ul li ul {
	padding: 0;
	list-style: none;
	background: #0067AC;
}

.dropdown ul li ul li {
	display: inline-block;
	position: relative;
	line-height: 14px;
	text-align: left;
}

.fixed {
	z-index: 1000;
	position: fixed;
}

.dropdown ul a,.dropdown ul a:visited {
	font-size: 13px;
	padding: 4px 10px; color : rgb( 255, 255, 255);
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
}

.dropdown ul .selected > a {
	background-color: rgb(255, 255, 255);
	color: rgb(17, 84, 140);
	margin-bottom: 0px;
	text-decoration: none;
	border-radius: 2px;
}

.dropdown ul li ul li a {
	display: block;
	/* padding: 4px 6px; */
	text-decoration: none;
}

.dropdown ul li ul li a:hover {
	color: #0067AC;
	background: #fff;
}

.dropdown ul li ul li ul {
	min-width: 160px;
	background: #0093dd;
	display: none;
	position: absolute;
	z-index: 999;
	left: 0;
	
	-webkit-box-shadow: 0px 9px 45px 4px rgba(0,0,0,0.61);
-moz-box-shadow: 0px 9px 45px 4px rgba(0,0,0,0.61);
box-shadow: 0px 9px 45px 4px rgba(0,0,0,0.61);
}
.isactive
{
		background:#fff;
		color:#0067AC;
}
.isnotactive
{
	background:#0067AC;
	color:#fff;
}
.dropdown ul li ul li:hover ul {
	display: block;
}

.dropdown ul li ul li ul li {
	display: block;
}
/* divider for list menu */
.dropdown ul li ul li ul li {
	width: 100%;
	border-bottom: 1px solid #ffffff;
}

.dropdown ul li ul li ul li a,.dropdown ul li ul li ul li a:link,.dropdown ul li ul li ul li a:visited
	{
	color:;
}

#pagetitle {
	font-size: 14px;
	color: #288ECD;
	width: auto;
	margin-bottom: 12px;
	display: inline-block;
	position: relative;
	left: 30%;
}

.dropdown ul li ul li ul li a,.dropdown ul li ul li ul li a:link,.dropdown ul li ul li ul li.active a
	{
	color: #cecece;
	text-decoration: none;
}
.dropdown ul li ul li ul li a:hover
	{
	color: #ffffff;
    background: #626262;
    text-decoration: none;
	/*
	color:#0067AC;
	background:#fff;
	text-decoration: none;*/
}

/* css head freeze disabled */
/* .head-freez */ {
	position: fixed;
	width: 100%;
	z-index: 1;
}

.col-sm-6{
	height: 0px;
}

.dropbtn {
    background-color: transparent;
    color: white;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown_pro {
	z-index: 2;
    position: relative;
    display: inline-block;
    height: 30px;
}

.dropdown-content_pro {
    display: none;
    position: ;
    height: 80px;
    background-color: #0067AC;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content_pro a {
    color: #ffffff;
    padding: 5px 5px;
    text-decoration: none;
    display: block;
}


.dropdown-content_pro a:hover {background-color: transparent}

.dropdown_pro:hover .dropdown-content_pro {
    display: block;
}

.dropdown_pro:hover .dropbtn {
    background-color: transparent;
}
.dropdown_pro .dropbtn{
}
.dropdown-content center{
	border-bottom: solid 1px #ffffff;
}

.slickGridCol_readOnlyLeft{
		font-weight: normal;
		background: mistyrose;
		text-align: left;
}
.slickGridCol_readOnlyRight{
		font-weight: normal;
		background: mistyrose;
		text-align: right;
}
.slickGridCol_writeRight{
		font-weight: normal;
		text-align: right;
}
input.readOnlyClass{
	  background-color: #ffe4e1;
	}
	
.header-row-2 a{
	color: #ffffff;
	}
.userlocation{
    color: white;
    background: rgba(21,171,74,0.7);
    position: fixed;
    margin-left: 90%;
    /* float: right; */
    z-index: 1;
    margin-top: 5em;
    padding: 0px 10px 0px 10px;
    text-align: center;
}

.uniqueAnchor{
	font-weight:bold;
	color:#85c226;
	float:right;
	margin-right:20px;
}