/*
 * 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; */
}

.t1head{
	background-color:#626262;
}

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: #ffffff;
	/* 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: 3px;

	/* 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 !important;;
	font-size: 13px;
	font-weight: normal;
	margin: 0.2em;
	border-radius: 2px;
	padding: 0.1em 0.2em 0.1em 0.2em;
	white-space: nowrap;
	cursor: pointer;
}

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: 1px solid #080808;
    border-radius: 4px;
}

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

th,th a {
	color: #ebebeb;
	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,.styled-button {
	    background-color: #85C226;
    border: #626262 solid 0.1em;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: normal;
    margin: 0.2em;
    border-radius: 2px;
    padding:3px 5px;
    white-space: nowrap;
    cursor: pointer;
}

.smallSubmit:hover,.styled-button: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; */
}

.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: #85C226;
    border: #626262 solid 0.1em;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: normal;
    margin: 0.2em;
    border-radius: 2px;
    padding: 0.1em 0.2em 0.1em 0.2em;
    white-space: nowrap;
    cursor: pointer;
}
.button: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; */
}
.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: 30%;
	background-color: #eeeeee;
	padding: ;
	border-radius: 5px;
	position: relative;
	top: 5px;
}
#lefthalftest{
	margin-top:5px;
}
.righthalf {
	border-radius: 5px;
	position: relative;
	top: 5px;
	background-color: #f4f4f4;
	padding: ;
	border-radius: 5px;
	float: right;
	height: 1%;
	/* margin: 1% 0 1% 1%; */
	right: 0;
	width: 70%;
}

#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 2px 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: #504d4d;
    font-style: italic;
    margin: 0.4em;
    font-size: 11px;
    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: #ffffff; /* 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: #2d9a31;
	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 {
	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: 14px;
	position: relative;
    top: 3px;
}
.pos-user{
	position: relative;
    top: 3px;
	border-left: solid 1px #BBBBBB !important;
}
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: #0093dd;
	/* 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 #928e8e;
	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: #FFFFFF;
}

.screenlet-title-bar ul li:hover {
	background-color: #626262;
	/*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: #626262;
    background-color: #626262;
    /* background-image: url(/images/gradient_sub_uns.gif); */
    color: #ffffff;
}

/* 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: 5px;
	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: 14px;
	text-align: left;
	background-color: #04b104;
	padding: 5px;
}

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

.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: normal;
	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: #04b104;
    border-bottom: 0;
    border-left: 0.1em solid #cccccc;
    color: #ffffff;
    font-size: 12px;
    /* font-weight: bold; */
    text-align: left;
}

/* ===== 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: #04b104;
    color: #ffffff;
}

/* ===== 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: normal;
	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: #0067ac;
}

/* == 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-color:#ffffff;
}

#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;
	z-index: 17000;
}

/* 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: #04b104;
}
#sidr ul li a img{
	position:relative;
	top:3px;
}
#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: #2d9a31;
	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 ul li a img{
	filter: hue-rotate(120deg) saturate(200%);
	position:relative;
	top:4px;	
}

#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 {
	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(255 255 255 / 8%) 0px 1px 10px 0px;
    padding-top: 5px;
    width: 99%;
    margin: 0 auto;
}

.dropdown ul li ul {
	padding: 5px;
	list-style: none;
	background: #04b104;
}

.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:hover,
  .dropdown > ul li ul li a:focus-within {
    background: #14682b; /* Darker green */
  }
  
  /* ✅ Fix: for the last menu item, open submenu to the left */
.dropdown > ul li ul li:last-child .dropdown ul li ul li {
  left: auto;
  right: 0;
}
.dropdown ul li ul li ul {
	min-width: 180px;
	left: 0;
	background: #04b104;
	position: absolute;
	z-index: 999;
	display: none;
	
	-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: #f8f8f8;
	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: 1;
	right: 16px;
    position: absolute;
    display: inline-block;
    height: 30px;
}

.dropdown-content_pro {
    display: none;
    border-radius: 20px;
    height: 120px;
    background-color: #04b104;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content_pro a {
    color: #ffffff !important;
    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: 80%;
    /* float: right; */
    border-radius: 2px;
    z-index: 0;
    margin-top: 5em;
    padding: 0px 10px 0px 10px;
    text-align: center;
}

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











#nav, #nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#nav {
   
    height: 22px;
    padding: 10px 0 10px 5px;
    position: relative;
    z-index: 1;
}
#nav > li {
    float: right;
    height: 22px;
    padding-right: 6px;
    position: relative;
    text-align: left;
}
#nav > li > a {
    border: 1px solid transparent;
    color:white;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    margin: -3px 100 0 -1px;
    padding: 0 11px 0 11px;
    text-decoration: none;
     background-color: #425691;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}

#nav > li.subs:hover > a {
    background-color: #FFFFFF;
    border: 1px solid rgba(100, 100, 100, 0.4);
    border-bottom-width: 0;
    border-radius: 2px 2px 0 0;
    color: #000000;
    text-shadow: 0 0 transparent;
    z-index: 2;
}
#notify_li{position:relative; top:5px;} 
#notificationContainer {
    background-color: #fff;
    border: 1px solid rgba(100, 100, 100, .4);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    overflow: visible;
    position: absolute;
    top: 34px;
    margin-left: -114px;
    width: 240px;
    z-index: 1;
    display: none;
}
#notificationContainer:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
color: transparent;
border: 10px solid black;
border-color: transparent transparent white;
margin-top: -20px;
margin-left: 115px;
}
#notificationTitle {
    z-index: 1000;
    font-weight: bold;
    padding: 1px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    background-color: #ffffff;
    /* width: 300px; */
    background-color: #0067AC;
    border-bottom: 1px solid #dddddd;
}

#notificationFooter {
background-color: #e9eaed;
text-align: center;
font-weight: bold;
padding: 8px;
font-size: 12px;
border-top: 1px solid #dddddd;
}
#msg_count {
    padding: 3px;
    background: #f46c7e;
    color: #ffffff;
    opacity: ;
    height: 15px;
    width: 15px;
    line-height: 15px;
    font-weight: bold;
    text-align: center;
    margin-left: 18px;
    border-radius: 50%;
    position: absolute;
    margin-top: -3px;
    font-size: 11px;
    z-index: 1;
}
.content {
	text-align: left;
	padding-left: 5px;
    border-bottom: 1px solid #999999;
	}

#progressScale {
  width: 100%;
  background-color: #ddd;
  color: black;
  text-align: center;
  line-height: 30px;
}

#progressBar {
  width: 10%;
  height: 30px;
  background: repeating-linear-gradient(
    			45deg,
    			#0093dd,
    			#0093dd 10px,
   				#0067AC 10px,
    			#0067AC 20px
  			 );
  text-align: center;
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  line-height: 30px;
  color: white;
  OVERFLOW:HIDDEN;
}

.headSP{
    width:165px;
    height:60px;
    
    color:grey;
    text-align:center;
    line-height:30px;
     float:left;
     margin-right:4px;
     margin-bottom:4px;
     padding:10px;
     border-radius:5px;
     font-family:roboto;
    position: relative;
    top: 2px;
    left:5%;
    background-color: #ffffff;
    box-shadow:1px 1px 2px #999999;
    
}
.headSP:hover{
	box-shadow:1px 1px 2px #999999;
	 cursor:pointer;
	
}
}
    .headSP:hover{
    background-color:red;
    box-shadow:-1px 1px 6px #656565;
    cursor:pointer;
}
    .child1SP {
    font-size:30px;
    text-align:center;
    line-height:10px;
    color:#0093dd;
}

    .child1SP a{
    font-size:30px;
    text-align:center;
    line-height:35px;
    color:#0093dd;
}

    .child2SP{
    font-size:13px;
}
.details{
    width:100%;
	background-color:#696767 !important;
	color:#ffffff;
}
.details td b{
	padding-left:5px;	
}
.memberAd tr td b,.FSDdetails tr td b,.findtrans tr td b{
font-weight:normal;
}
.details td div{
padding:3px 30px;
}
.localsale tr td div,.CPIservices tr td div,.CIservices tr td div,.FAvalidation tr td div,.milkdis tr td div,
.EPprocure tr td div,.FSbill tr td div,.FSISbill tr td div,.FSISbill tr td div,.FSPbilling tr td div,.SMBilling tr td div,
.CPIservices tr td div,.CIservices tr td div,.FAvalidation tr td div,.CAvalidation tr td div,.CCLsale tr td div,.SISbill tr td div{
width:20px !important;
}
.EDprocure tr td:nth-child(1),.EDprocure tr td:nth-child(3){
	width:80px;
	padding-left:10px;
}
.EDprocure tr td:nth-child(2),.EDprocure tr td:nth-child(4){
width:220px;
	padding-left:10px;
}
.milkdis tr td:first-child{
	width:250px;
}
#fcPartyTable tr td div:first-child{
background-color:#696767 !important;
	color:#ffffff;
}
.ListFP span{
font-size:14px;
}
.milkdis tr td:nth-child(2),.EPprocure tr td:nth-child(3),.FSbill tr td:nth-child(3),.FSISbill tr td:nth-child(3),.SISbill
tr td:nth-child(3),.FSPbilling tr td:nth-child(3),.SMBilling tr td:nth-child(3),.CPIservices tr td:nth-child(3),.CIservices tr td:nth-child(3),
.FAvalidation tr td:nth-child(3),.CAvalidation tr td:nth-child(3){
	
}
.milkdis tr td:nth-child(1){
padding-left:30px;
}
.dispatch tr td{
padding:0px 10px;
}
.Mentry tr td div{
padding:0px 10px;
}
.dispatch tr td:first-child{
    background-color: #626262;
    color: white;
    padding: 0px 5px;
}
.FCclass td:last-child,.MCclass td:last-child,.BCclass td:last-child{
	position: relative;
    left: 63px;
}
.editLPPE .label{
	padding:0px;
}
.createN{
	margin-left:12px !important;
}
.PCPchart tr td{
	text-align:left !important;
	padding-left:30px;
}
.FSP{
	background-color:#626262;
}
.FSP td:first-child{
	background-color:#ffffff;
}
.FSPtable tr td font b{
 	color:#0067ac;
 	font-weight:normal;
 	font-size:15px;
}
.BMCtrns tr td{
padding-left:20px;
}
.padleft{
	margin-left:20px;
}
.EditUP h4,.DeleteUP h4{
	text-align:center;
	padding-top:5px;
}
.EditUP table tr td span button,.DeleteUP table tr td span button{
	    background-color: #85C226;
    border: #626262 solid 0.1em;
    color: #ffffff;
    font-size: 13px;
    font-weight: normal;
    margin: 0.2em;
    border-radius: 2px;
    padding: 3px 5px;
    white-space: nowrap;
    cursor: pointer;
}
 .EditUP table tr td span button:hover,.DeleteUP table tr td span button: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; */
  }
  .buttonone{
  	margin-left:18px !important;
  }
  .cards tr td h2,.cards1 tr td h2{
  background-color:#626262;
  color:#ffffff;
  font-weight:normal;
  font-size:13px;
  padding:3px 30px;
  }
  .cards tr td b{
  padding-left:30px;
  font-weight:normal;
  }
  .cards tr td:nth-child(2){
  position:relative;
  right:42%;
  }
  .cards tr td span{
  padding-right:30%;
  }
  .cardsbtn input[type=button]{
  margin-right:40%;
  }
  .padcards{
  padding-left:30px !important;
  }
  .padcardsbt{
  padding-left:12% !important;
  }
  .rigistercards h3{
  background-color:#626262;
  color:#ffffff;
  font-weight:normal;
  text-align:left;
  padding-left:5px;
  }
  .proreghead tr th,.proreghead tr th:hover{
  background-color:#797878;
  color:#ffffff;
  font-weight:normal;
  font-size:12px;
  text-align:center;
  }
  .proreghead tr th:nth-child(3){
  padding-right:40px;
  }
  .proreghead tr td{
  	text-align:center !important;
  }
  .proreg tr td b{
  padding-left:30px;
  }
  .backgroundimageofcardsales{
  background: url("/vasista/complogos/welcome-cardsales.png");
  background-repeat:no-repeat;
  background-position: center; 
  height:350px;
  width:100%;
  }
  
  .capbox-inner {
	font: bold 11px arial, sans-serif;
	color: #000000;
	background-color: #DBF3BA;
	margin: 5px auto 0px auto;
	padding: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}
	
#CaptchaInput { margin: 1px 0px 1px 0px; width: 135px; }
#CaptchaDiv {
	font: bold 17px verdana, arial, sans-serif;
	font-style: italic;
	color: #000000;
	background-color: #ffffff;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-animation:colorchange 5s infinite alternate;
	-o-animation:colorchange 5s infinite alternate;
	-moz-animation:colorchange 5s infinite alternate;
	animation:colorchange 5s infinite alternate
	}
	@-webkit-keyframes colorchange
	 {
      0% {
        color: #ff0000;
      }
      50% {
        color: #8e44ad;
      }
      100% {
        color: blue;
      }
    }
    
    .highlight {
	    color: #007bff;        /* blue text */
	    font-weight: bold;
	    background-color: #eaf3ff;
	    border-radius: 3px;
	}