body {
	margin: 0px;
	font-family: Arial;
	background-image: none;
	overflow: hidden;
}

table {
	border: 0px none #000000;
	border-spacing: 0px;	
}

h3  {	
	margin: 0px;
	margin-bottom: 10px;
}

table td {
	padding: 0px;
}

a img {
	border-style: none;
}

a {
	text-decoration: none;
	color: #000000;
	cursor: default;
	outline-style: none;
}

a[disabled], a.disabled {
	cursor: default !important;
	color: #a0a0a0 !important;
}

.divCell a.disabled {
	color: #000000 !important;
}

.aWebLink {
	color: #333366;
	text-decoration: underline;
}

.divBody {
	background-color: #FFFFFF;
	background-position: right bottom;
	background-repeat: no-repeat;
	position: absolute;
	width: 1000px;
	min-height: 450px;
	height: 100%;
	top: 0px;
	left: 50%;
	margin-left: -500px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.aClickable {
	cursor: pointer !important;
}

.searchBoxDiv {
	position: absolute;
	top: 25px;
	right: 28px;
	left: 82px;
}

.searchBoxDiv input {
	height: 14px;
	width: 155px;
	background-color: #FFFFFF;
	border: 1px solid #000000 !important;
	margin-top: 0px;
	font-size: 10px;
	line-height: 10px;
}

.searchBoxDiv input:hover {
	border-width: 1px;
	border-color: #CCCCCC;
}

.searchBoxDiv input:focus {
	border-width: 1px;
	border-color: #CCCCCC;
}

.pickButton {
	position: relative;
	height: 20px !important;
	width: 20px !important;
	border-style: none !important;	
	background: #000000 url('Images/default/calendar.png') !important;
	text-align: center;
	padding: 0px;
}

.mainGridNewButton {
	position: absolute;
	top: 6px;
	right: 6px;	
}

.divGlobalSearchField input[type="text"] {
	display: table-cell;
	width: 150px;
	height: 18px;
	float: left;
}

.aSearch {
	display: table-cell;
	background-color: #000000;
	background-image: url('Images/default/searchBTN.png');
	height: 18px;
	width: 18px;
	float: left;
}

.spnCurrentUser {
	color: #FFFFFF;
	font-size: 12px;
	position: absolute;
	right: 10px;
	bottom: 15px;
}

.spnLogout, .spnLogout a {
	color: #CCCCCC !important;
	text-decoration: none;
}

.spnCurrentUser a {
	color: #FFFFFF;
	cursor: pointer;
}

.spnCurrentUser strong span:hover {
	color: #DDFFFF;
}

.divSearch {
	position: absolute;
	width: 250px;
	height: 60px;
	right: 0px;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
	top: 2px;
}

.divSearch .divGlobalSearchField {
	position: absolute;
	left: auto;
	right: 10px;
	top: 10px;
	margin: 0px !important;
}

.mainHeader {
	position: absolute;
	background-image: url('Images/default/headerBG.png');
	width: 100%;
	height: 60px;
	top: 0px;
	left: 0px;
	border-bottom: 1px none #CCCCCC;
	z-index: 1;
}

.leftBorder
{
	background-image: url('Images/default/leftBorder.png');
	position: absolute;
	left: -11px;
	height: 100%;
	width: 10px;
}

.rightBorder
{
	background-image: url('Images/default/rightBorder.png');
	position: absolute;
	right: -11px;
	height: 100%;
	width: 10px;
}

.logo
{
	position: absolute;
	top: 5px;
	left: 8px;
	cursor: pointer;
	border-style: none;
}

.leftMenus
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 180px;
	border-right: 1px solid #CCCCCC;
}

.leftMenus .leftMenusHeader 
{
	
	position: absolute;
	background-image: url('Images/default/menuHeader.png');
	height: 34px;
	width: 180px;
	top: 60px;
	left: 0px;
}

.leftMenus .divHeaderInnerCorner 
{
	position: absolute;
	background-image: url('Images/default/headerInnerCorner.png');
	height: 6px;
	width: 6px;
	top: 60px;
	right: -6px;
	z-index: 1000;
}

.menuParentButtons
{
	position: absolute;
	width: 180px;
	top: 94px;
	left: 0px;
	bottom: 20px;
	vertical-align: bottom;
}

.menuParentButtons .parentButton
{
	position: relative;
	display: block;
	font-family: Arial;
	background-image: url('Images/default/menuParentButton.png');
	background-position: 0px;
	background-repeat: repeat-x;
	font-size: 11px;
	color: #00156E;
	font-weight: bold;
	width: 180px;
	height: 24px;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
}

.menuParentButtons .parentButton:hover
{
	color: #000000;
	background-image: url('Images/default/menuParentButtonH.png');
}

.menuParentButtons .parentButton span
{
	display: table-cell;
	height: 24px;
	vertical-align: middle;
	padding-left: 5px;
}

/*Child Menu*/

.menuChildButtons
{
	position: relative;
	background-image: url('Images/default/menuChild.png');
	background-repeat: no-repeat;
	width: 180px;
	top: 0px;
	left: 0px;
	height: 0px;
	vertical-align: top;
	overflow: auto;
	overflow-x: hidden;
}

.menuChildButtons .item
{
	position: relative;
	background-color: transparent;
	display: block;
	font-size: 10px;
	color: #00156E;
	font-weight: bold;
	width: 180px;
	height: 20px;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	cursor: pointer;
}

.menuChildButtons .level1.parent
{
	font-style: italic;
	cursor: default !important;
}

.menuChildButtons .level1
{
	cursor: pointer;
}

.menuChildButtons .item:hover
{	
	background-color: #FFD460;
}

.menuChildButtons .level1.parent:hover
{
	background-color: transparent !important;
}

.menuChildButtons .item span
{
	position: absolute;
	left: 24px;
	top: 2px;
}

.menuChildButtons .level2 span
{
	position: absolute;
	left: 34px;
}

.menuChildButtons a[disabled='disabled']:hover
{
	background-color: transparent !important;	
}

.menuChildButtons a[disabled='disabled']
{
	color: Gray;
	cursor: default;
}

/*Footer*/

.mainFooter
{
	position: absolute;
	background-color: #EBEBEC;
	height: 20px;
	width: 100%;
	bottom: 0px;
	border-top: 1px solid #CCCCCC;
	z-index: 50;
}

#divInfoBubble
{
	position: absolute;
	display: none;
	background-image: url('Images/default/infoBubble.png');
	font-size: 11px;
	font-weight: 600;
	height: 0px;
	width: 200px;
	right: -1px;
	bottom: 20px;
	z-index: 500;
}

#divInfoBubble #divContent
{
	display: table-cell;
	height: 55px;
	width: 180px;
	vertical-align: middle;
	text-align: center;
	white-space: break-word;
	padding: 10px;
}

.statusButton
{
	position: absolute;
	width: 20px;
	height: 20px;
	right: 90px;
	font-size: 10px;
	color: #333333;
	text-align: center;
	border-left: 1px solid #CCCCCC;
}

.statusButton img
{
	position: relative;
	top: 5px;
}

.statusProxy
{
	position: absolute;
	width: 20px;
	height: 20px;
	right: 110px;
	font-size: 10px;
	color: #333333;
	text-align: center;
	border-left: 1px solid #CCCCCC;
}

.statusReadOnly
{
	position: absolute;
	width: 20px;
	height: 20px;
	right: 130px;
	font-size: 10px;
	color: #333333;
	text-align: center;
	border-left: 1px solid #CCCCCC;
}

.statusProxy img
{
	position: relative;
	top: 5px;
}

.statusReadOnly img
{
	position: relative;
	top: 2px;
}

.statusProxy:hover .tooltip, .statusReadOnly:hover .tooltip
{
	visibility: visible;
}

.statusProxy:hover .tooltip, .statusReadOnly:hover .tooltip
{	
	visibility: visible;	
}

.statusProxy .tooltip, .statusReadOnly .tooltip 
{	
	visibility: hidden;
	position: absolute;
	right: 0px;
	top: -18px;
	background-color: #000000;
	padding: 3px;
	z-index: 600;
	color: #FFFFFF;
	font-weight: 600;
	white-space: nowrap;
}

.divGlobalSearchTitle 
{
	position: absolute;
	top: 6px;
	right: 75px;
	font-size: 15px;
	font-weight: bold;
	color: #999999;
	white-space: nowrap;
	font-style: italic;
}

.supportMenuButton
{
	position: absolute;
	width: 90px;
	height: 20px;
	right: 0px;
	font-size: 10px;
	color: #333333;
	text-align: center;
	border-left: 1px solid #CCCCCC;
	text-decoration: none;
}

.supportMenuButton .label
{
	display: inline-block;
	position: relative;
	top: 4px;
}

.supportMenuButton img
{
	position: relative;
	top: 5px;
}

.supportMenuButton:hover
{
	color: #FFFFFF;
	background-color: #333333;
}

.supportMenuButton .supportMenu
{
	position: absolute;
	width: 140px;
	right: -1px;
	bottom: 20px;
	font-size: 10px;
	background-color: #FFFFFF;
	text-align: left;
	color: #999999;
	border: 1px solid #CCCCCC;
	visibility: hidden;
}

.supportMenuButton:hover .supportMenu
{
	visibility: visible;
}

.supportMenuButton .supportMenu table
{
	width: 100%;
	border-style: none;
	padding: 0;
	margin: 0;
}

.supportMenuButton .supportMenu table td
{
	height: 20px;
	font-size: 10px;
	background-color: #F1F1F1;
	vertical-align: middle;
	color: #000000;
	margin: 3px 3px 0 3px;
	padding-left: 3px;
	cursor: pointer;
}

.supportMenuButton .supportMenu table td:hover
{
	background-color: #333333;
	color: #FFFFFF;
}

/* Page Items */

.pageTitle
{
	position: absolute;
	top: 70px;
	left: 190px;
	color: #9B9D9E;
	font-size: 20px;
	width: 500px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.pageContent
{
	position: absolute;
	height: auto;
	width: auto;
	top: 110px;
	left: 190px;
	right: 10px;
	bottom: 32px;
	font-size: 12px;	
}

.indentedRow {
    /*text-indent: 50px;*/
    position: relative;
    left: 20px;
}

/*input types*/

input[type="text"], input[type="password"], textarea, select
{
	width: 150px;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	font-family: Arial;
	padding: 0px;
	line-height: 18px;
	height: 18px;
	padding-left: 2px;
	padding-right: 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	resize: none;
}

select 
{
	padding: 0px;
}

input[type="button"], input[type="submit"], a.button, button
{
	cursor: pointer;
	display: inline-block;
	width: 75px;
	text-align: center;
	background-color: transparent !important;
	background-image: url('Images/default/dialogButton.png');
	color: #FFFFFF;
	height: 18px;
	text-decoration: none;
	border-style: none; 
	font-size: 11px;
	font-family: Arial;
	line-height: 16px;
}

input[type="button"].medium, input[type="submit"].medium, .button.medium
{
	width: 110px;	
	background-image: url(Images/default/dialogButtonM.png);
}

input[type="button"].large, input[type="submit"].large, .button.large
{
	width: 165px;	
	background-image: url(Images/default/dialogButtonL.png);
}

input[type="button"].xlarge, input[type="submit"].xlarge, .button.xlarge
{
	width: 220px;	
	background-image: url(Images/default/dialogButtonXL.png);
}


input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus
{
	border-color: #000000;
}

.button:hover
{
	background-position: 0px 36px;
	color: #333333;
}

.button:focus
{
	background-position: 0px 18px;
	color: #333333;
}

.button[disabled]:hover, .button[disabled]:focus,
.button[disabled].medium:hover, .button[disabled].medium:focus, 
.button[disabled].large:hover, .button[disabled].large:focus, 
.button[disabled].xlarge:hover, .button[disabled].xlarge:focus
	{ cursor: default; background-position: 0px 0px; color: #FFFFFF; }

.errorBox {
	background-image: url('Images/default/errorBox.png');
	background-position: right;
	background-repeat: no-repeat;
	width: 135px !important;
	padding-right: 15px;
	border-style: solid;
	border-color: Red !important;
	border-width: 1px;
}


/* Validation is required */
.required {
	background-image: url('Images/default/reqBox.png');
	background-color: #F5DCDC !important;
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 15px;
}

input[type='text'][readonly], textarea[readonly], input[type='text'][disabled='disabled'], textarea[disabled='disabled'], .disabledBox
{
	background-image: none;
	background-color: #FAFAFA;
	border-style: solid;
	border-width: 1px;
	color: #666666;
}

table.formLayout
{
	font-size: 12px;
}

table.formLayout td
{
	background-color: #EBEBEB;
}

table.formLayout input, table.formLayout select
{
	margin-top: 4px;
}

table.formLayout .topLeftCell
{
	background-image: url('Images/default/topLeftCell.png');
	background-color: transparent;
	height: 10px;
	width: 10px;
}

table.formLayout .topRightCell
{
	background-image: url('Images/default/topRightCell.png');
	background-color: transparent;
	height: 10px;
	width: 10px;
}

table.formLayout .botLeftCell
{
	background-image: url('Images/default/botLeftCell.png');
	background-color: transparent;
	height: 10px;
	width: 10px;
}

table.formLayout .botRightCell
{
	background-image: url('Images/default/botRightCell.png');
	background-color: transparent;
	height: 10px;
	width: 10px;
}

table.formLayout .topRightCell
{
	background-image: url('Images/default/topRightCell.png');
	background-color: transparent;
	height: 10px;
	width: 10px;
}

table.formLayout .botLeftCell
{
	background-image: url('Images/default/botLeftCell.png');
	background-color: transparent;
	background-position: left bottom;
	height: 10px;
	width: 10px;
}

table.formLayout .botRightCell
{
	background-image: url('Images/default/botRightCell.png');
	background-color: transparent;
	background-position: right bottom;
	height: 10px;
	width: 10px;
}

/* Control Classes */

.toBeRevised
{
	border-left: solid 1px yellow !important;
	border-top: solid 1px yellow !important;
	border-right: solid 1px yellow !important;
	border-bottom: solid 1px yellow !important;
	background-color: #FFFFFF;
	width: 150px !important;
}

.important
{
	border-left: solid 1px red !important;
	border-top: solid 1px red !important;
	border-right: solid 1px red !important;
	border-bottom: solid 1px red !important;
	background-color: #FFFFFF;
	width: 150px !important;
}

#hideMe:hover
{
	display: none;
}

.approved
{
	border-left: solid 1px green !important;
	border-top: solid 1px green !important;
	border-right: solid 1px green !important;
	border-bottom: solid 1px green !important;
	background-color: #FFFFFF;
	width: 150px !important;
}

.edited
{
	border-left: solid 1px #000000 !important;
	border-top: solid 1px #000000 !important;
	border-right: solid 1px #000000 !important;
	border-bottom: solid 1px #000000 !important;
	background-color: #FFFFFF;
	width: 150px !important;
}

.warning
{
	border-left: solid 1px orange !important;
	border-top: solid 1px orange !important;
	border-right: solid 1px orange !important;
	border-bottom: solid 1px orange !important;
	background-color: #FFFFFF;
	width: 150px !important;
}

.optional
{
	border-left: dashed 1px #999999 !important;
	border-top: dashed 1px #999999 !important;
	border-right: dashed 1px #999999 !important;
	border-bottom: dashed 1px #999999 !important;
	background-color: #FFFFFF;
	width: 150px !important;
}

/* Search Results */

.divGrid
{
	position: static;
	height: auto;
	top: 0px;
	bottom: 0px;
}

.divDialog
{
	position: absolute;
	background-color: #FFFFFF;
	height: auto;
	width: auto;
	right: 0px;
	top: 60px;
	left: 0px;
	bottom: 20px;
	border: solid 1px #000000;
	visibility: hidden;
	text-align: left;
	overflow: hidden;
	z-index: 505;
}

.divSearchHead table
{
	width: 100% !important;
}

.divSearchHead td
{
	background-image: url('Images/default/columnHead.png');
	height: 30px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
}

.divSearchHead.light td
{
	background-image: url('Images/default/columnHeadLight.png');
	height: 20px;
	color: #333333;
}

.divSearchHead input[type="submit"]
{
	background-color: transparent;
	background-image: none;
	float: left;
	color: #AAAAAA;
	width: 10px;
	height: 10px;
	font-size: 10px;
	padding: 0px;
	border-style: none;
	cursor: pointer;
}

.divSearchHead input[type="submit"][disabled="disabled"]
{
	cursor: default;
}

.divSearchHead span
{
	float: left;
	margin-right: 3px;
}

.searchClose
{
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 38px !important;
	height: 18px;
	background-image: url('Images/default/closeButton.png') !important;
	z-index: 555;
}


.divSearchItems
{
	position: absolute;
	overflow: scroll !important;
	overflow-x: hidden !important;
	width: 100%;
	height: auto;
	bottom: 34px;
	top: 31px;
}

.divGrid .divSearchItems
{
	position: absolute;
	overflow: scroll !important;
	overflow-x: hidden !important;
	width: 900px;
	height: auto;
	bottom: 42px;
	top: 31px;
}

.divSearchItems td
{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #DDDDDD;
	padding-left: 5px;
	font-size: 10px;
}

.divSearchItems.light 
{
	bottom: 22px;
	top: 20px;
}

.divSearchItems.light td
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.divSearchItems.light input
{	
	height: 15px;
}

.divSearchItems tr.alt
{
	background-color: #EFEFEF;
}

.divSearchItems tr:hover
{
	background-color: #CCCCCC;
}



.divSearchFooter
{
	display: inline-block;
	background-color: #333333;
	font-weight: bold;
	padding: 5px;
	color: #FFFFFF;
	font-size: 10px;
	width: 890px;
	text-align: left;
	position: absolute;
	bottom: 0px;
}

.divSearchFooter .divLeftFooter
{
	float: left;
}

.divSearchFooter .divRightFooter
{
	float: right;
}

.divDialog
{
}

.divDialog .divSearchFooter .divLeftFooter
{
	margin: 2px;
}

.divDialog .divSearchFooter .divRightFooter
{
	margin: 2px;
}

.divDialog .divSearchFooter
{
	width: 100%;
	height: 35px;
	padding: 0px;
}

.divSearchFooter a
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	text-decoration: none;
	height: 20px;
	width: 20px;
}

.divDialog .divSearchFooter a
{
	height: 14px;
	width: 14px;
}


.divSearchFooter a:hover
{
	background-color: #FFFFFF;
	color: #000000;
}

.divSearchFooter .divResultCount
{
	display: table-cell;
	margin-top: 0px;
	vertical-align: middle;
	height: 20px;
	padding-left: 5px;
}

.divDialog .divSearchFooter .divResultCount
{
	margin-top: 1px;
	margin-left: 2px;
}

.divNoResults
{
	position: absolute;
	background-color: #CCCCCC;
	font-weight: bold;
	color: #333333;
	width: 200px;
	top: 50%;
	margin-top: -50px;
	left: 50%;
	margin-left: -100px;
	border: 5px solid #EEEEEE;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	padding-top: 35px;
	padding-bottom: 35px;
}

.divGridTitle
{
	width: 890px;
	padding: 5px;
	position: absolute;
	background-image: url('Images/default/gridTaskbar.png'); /*margin-bottom: 5px;*/
	height: 53px; /*height: 35px;*/
	top: 0px;
	left: 0px;
	border-bottom: 2px solid #232323;
}

.divGridTitle .divGlobalSearchField
{
	position: absolute;
	top: 4px;
	left: 38px;
	margin: 0px !important;
}

.addRight 
{
	background-image: url('Images/default/addRight.png') !important;
	background-color: transparent !important;
	padding: 0px !important;
	margin: 0px !important;
	width: 15px !important;
	height: 15px !important;	
}

.addLeft
{
	background-image: url('Images/default/addLeft.png') !important;
	background-color: transparent !important;
	padding: 0px !important;
	margin: 0px !important;
	width: 15px !important;
	height: 15px !important;	
}

.waitAnim
{
	display: none;
	position: absolute;
	width: 170px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin-left: -85px;
	margin-top: -25px;
	background-color: #FFFFFF;
	border: 5px solid #CCCCCC;
	z-index: 555;
}

.waitAnim .waitAnimBG
{
	position: absolute;
	width: 150px;
	height: 10px;
	white-space: nowrap;
	background-image: url('Images/default/waitAnim/bg.png');
	overflow: hidden;
	display: block;
	left: 10px;
	top: 10px;
}

.waitAnim .waitAnimBG div
{
	display: block;
	height: 10px;
	width: 28px;
	margin-left: 0px;
	background-image: url('Images/default/waitAnim/glider.png');
}

.waitAnim span
{
	display: block;
	position: absolute;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	bottom: 10px;
	left: 10px;
}

/* Shadows */

.tl {
	position: absolute;
	width: 5px;
	height: 5px;
	top: -5px;
	left: -5px;
	background-image: url('Images/default/shadowTL.png');
}

.tr {
	position: absolute;
	width: 5px;
	height: 5px;
	top: -5px;
	right: -5px;
	
	background-image: url('Images/default/shadowTR.png');
	
}

.bl {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: -5px;
	left: -5px;
	background-image: url('Images/default/shadowBL.png');
}

.br {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: -5px;
	right: -5px;
	background-image: url('Images/default/shadowBR.png');
}

.b {
	position: absolute;
	width: 100%;
	height: 5px;
	bottom: -5px;
	background-image: url('Images/default/shadowB.png');
}

.t {
	position: absolute;
	width: 100%;
	height: 5px;
	top: -5px;
	background-image: url('Images/default/shadowT.png');
}

.l {
	position: absolute;
	width: 5px;
	height: 100%;
	left: -5px;
	background-image: url('Images/default/shadowL.png');
}

.r {
	position: absolute;
	width: 5px;
	height: 100%;
	right: -5px;
	background-image: url('Images/default/shadowR.png');
}

/* Specific Shadows */

.mainHeader .b {
	left: 180px;
	width: 820px;
}

.mainFooter .t {
	left: 180px;
	width: 920px;
	display: none;
}

.divBody .l {
	display: none;
	left: auto;
	right: 0px;
}

.tabGroup {
	border: 2px inset #CCCCCC;
	background-color: #EEEEEE;
	padding: 5px;	
}


/*ComboBox*/
	
.comboBox  {
	position: relative;
}
	
/*Proxy Status*/
	
.proxyStatusText {
	font-size: 20px;
	color: #FF6600;
	position: absolute;
	top: 70px;
	right: 10px;	
}
.proxyStatusText span {
	position: relative;
	top: -9px;
	right: 5px;
	text-transform: capitalize;
}

.divPanel {
	position: relative;
	font-size: 10px;
	width: 1060px;
	display: none;
}

h5.popupAccordeon {

	color: #333333;
	display: block;
	
	position: static;
	left: 0px;
	top: 0px;

	width: 1068px;
	padding: 6px;
	
	margin: 0px;
	font-size: 12px;
	background-image: url('Images/default/menuParentButton.png');
	border-bottom: 1px solid #CCCCCC ;
}

h5.popupAccordeon:hover 
{
	background-image: url('Images/default/menuParentButtonH.png');
}


/*Popup Section Buttons*/

.popupSectionsLeft
{
	background-image: url('Images/default/popupSectionsLeft.png');
	width: 96px;
	height: 25px;
	border-right: 1px solid #999999;
}

.popupSections
{
	background-image: url('Images/default/popupSections.png');
	width: 96px;
	height: 25px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
}

.popupSectionsRight
{
	background-image: url('Images/default/popupSectionsRight.png');
	width: 120px;
	height: 25px;
	border-left: 1px solid #CCCCCC;
	background-position: right top;
}

.popupSectionsLeft:hover
{
	background-image: url('Images/default/popupSectionsLeftH.png');
}

.popupSections:hover
{
	background-image: url('Images/default/popupSectionsH.png');
}

.popupSectionsRight:hover
{
	background-image: url('Images/default/popupSectionsRightH.png');
}

#popupSectionsPanel
{
	margin-bottom: 10px;
	z-index: 1000;
	position: absolute;
	top: 10px;
	left: 10px;
}

#popupSectionsPanel td
{
	text-align: center;
	font-size: 10px;
	cursor: pointer;
	font-weight: bold;
	
}

input[type='text'].linkField
{
	background-image: url('Images/default/linkS.png') !important;
	background-position: right center;
	background-repeat: no-repeat !important;
}

input[type='text'].dateField {
	background-image: url('Images/default/calendarS.png');
	background-position: right center;
	background-repeat: no-repeat;
}

input[type='text'].emailField {
	background-image: url('Images/default/emailLink.png');
	background-position: right center;
	background-repeat: no-repeat;
}

.cldField 
{
	width: 72px !important;
}

.cldField table 
{
	width: 200px !important;		
}

.cldField td
{
	border-style: none;
	background-color: transparent;
	padding: 0px !important;
	vertical-align: top !important;
}

.cldField .ajax__calendar_container tr:hover
{
	background-color: #FFFFFF;	
}

.cldField input[type='text']
{
	width: 55px !important;
	border: 1px solid #333333 !important;
	border-right: 0px none #333333 !important;	
}

.cldField .pickButton
{
	height: 17px !important;
	width: 17px !important;
	background-image: url('Images/default/calendarS.png') !important;
	border: 1px solid #333333 !important;
	border-left: 0px none #333333 !important;
	cursor: pointer;
}

/* Form Table */

.formTable
{
	border-spacing: 1px;
	display: inline-table;
	margin-right: 20px;
}

.formTable td
{
	vertical-align: middle;
	font-size: 11px;
}

.formTable h5, .blockHeader
{
	margin: 0px;
	padding: 3px;
	font-size: 12px;	
	background-color: #DEDEDE;
	color: #333333;
}

.blockHeader a 
{
	position: absolute;
	top: 0px;
	right: 0px;
}

.formTableInput, .tdInput
{
	/*border: 1px solid #CCCCCC;*/
	padding: 0px;
	height: 18px;
	background-color: #FFFFFF;
}

.numeric
{
	text-align: right;	
}

.numeric input
{
	text-align: right;	
}

.splitField {
	padding: 0px;
}

.splitField input, .splitField select
{
	margin: 0px;
}

.splitField select
{
	border-left: 3px double #ECECEC !important;
	float: right;
}

.splitField a
{
	margin-left: 5px;
	float: right;
}

.tdCheck {
	text-align: left;
}

div.tdVAlignTop, td.tdVAlignTop {
	vertical-align: top;
	padding-top: 4px;
}

.formTableInput input[type='text'], .formTableInput select, .formTableInput textarea, 
.tdInput input[type='text'], .tdInput select, .tdInput textarea
{
	/* border: 0px none #CCCCCC; */
    border: 1px solid #CCC; 
	padding: 0px;
	width: 100%;
}

.tdLink {
	cursor: pointer;
}

.tdLink:hover {
	background-color: rgb(235, 241, 255);
}

.formTableInput textarea, .tdInput textarea
{
	height: 41px;
}

/* Approval User Control CSS */
.divUcApproval {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	top: 60px;
	width:  auto;
	height: auto;	
}

			/*####################################*/  
			/*########### Growl Screen ###########*/
			/*####################################*/
			/*                 ^                  */
			/*	__________    /|\	 __________   */
			/*	\_____\\\\\  //|\\  /////_____/   */
			/*     \____\\\\(O) (O)/////___/      */
			/*		  \_____  \ / ______/		  */
			/*-----------vvvv--V--vvvv------------*/
			/*				\|||||/				  */
			/*				 |||||				  */
			/*				  \|/				  */
			/*				   |	              */
			/*                                    */
			/*####################################*/  
			/*############## KIWI! ###############*/
			/*#####BEWARE THE GROWL KEEPER!!!#####*/
			/*####################################*/

.growlMini
{	
	position: fixed;
	visibility: hidden;
	padding: 10px;
	width: auto;
	height: auto;
	font-size: 12px;
	background-color: transparent;
	z-index: 500;	
}

.growlContent 
{
	position: relative;
	left: 0px;
	height: auto;
	width: auto;
	z-index: 1000;
	display: block;
	background-color: #FFFFFF;	
}

.growlMini h4
{	
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	margin-left: 3px;
	margin-bottom: 10px;
	padding: 0px;	
	color: #666666;
	border-bottom: 1px solid #666666;
}

.growlMini .formTable
{	
	display: table;
	width: 300px;
	margin: 0px 0px 10px 0px !important;
}

.growlMini .formTable td
{	
	white-space: nowrap;
}

.growlTL 
{
	height: 10px;
	width: 10px;
	background-image: url('Images/default/WhiteCornerTL.png');
	position: absolute;
	top: 0px;
	left: 0px;		
}

.growlTR 
{
	height: 10px;
	width: 10px;
	background-image: url('Images/default/WhiteCornerTR.png');
	position: absolute;
	top: 0px;
	right: 0px;
}

.growlBL 
{
	height: 10px;
	width: 10px;
	background-image: url('Images/default/WhiteCornerBL.png');
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.growlBR 
{
	height: 10px;
	width: 10px;
	background-image: url('Images/default/WhiteCornerBR.png');

	position: absolute;
	bottom: 0px;
	right: 0px;
}
	
.growlL 
{
	top: 10px;
	bottom: 10px;
	left: 0px;
	width: 10px;
	height: auto;
	background-color: #FFFFFF;
	position:  absolute;
}
	
.growlR
{
	top: 10px;
	bottom: 10px;
	right: 0px;
	width: 10px;
	height: auto;
	background-color: #FFFFFF;
	position:  absolute;		
}

.growlB
{
	bottom: 0px;
	height: 10px;
	left: 10px;
	right: 10px;
	width: auto;
	background-color: #FFFFFF;
	position:  absolute;		
}

.growlT
{
	top: 0px;
	height: 10px;
	left: 10px;
	right: 10px;
	width: auto;
	background-color: #FFFFFF;
	position:  absolute;		
}

.growlFade 
{
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: fixed;
	display: none;
	z-index: 600;
	background-color: #000000;
}


.growlContent {
	text-align: right;
}

.growlContent h4 {
	text-align: left;
}

.growlContent .formTable {
	text-align: left;
}
	
/*Proxy Growl Specific */
	
.proxyGrowl span 
{
	margin-top: 5px;
}

/*Tooltip*/

.generalTooltip {
	position: fixed;
	padding: 3px;
	font-size: 10px;
	background-color: Black;
	color: #FFFFFF;
	z-index: 700;
}

/****************************************
---------	jQuery UI CSS	-------------
****************************************/

/* Autocomplete */
.smartex {
	display: inline-block;
	border: 1px solid #CCCCCC;
}

.smartex div {
	float: right;
}

.smartex input {
	float: left;
	border: 0px none #CCCCCC;	
}

.tdInput .smartex {
	border: 0px none #CCCCCC;
	width: 100%;
	height: 15px;
}

.ui-autocomplete li {
	background-color: #FFFFFF;
	border-style: none;
	border-bottom: 1px solid #EEEEEE;
	margin: 0px;
}

.ui-autocomplete a.ui-state-hover {
	background-color: #3399FF;
	background-image: none;
	color: #FFFFFF;
}

ul.ui-autocomplete {
	padding: 0px;
	border: 1px solid #666666;
}

.ui-autocomplete {
	font-family: Arial;
	font-size: 11px;
}

.divAutButton {
	display: inline-block;
	float: right;
	height: 18px;
	width: 17px;
	background-image: url('Images/cbobox_default.png');
}

.divAutButton:hover {
	background-image: url('Images/cbobox_hover.png');
}

.divAutButton[disabled='disabled'], .divAutButton.disabled, .divAutButton.disabled:hover {
	background-image: url('Images/cbobox_disabled.png');
}

/* Progress Bar */
.ui-progressbar-value { background-image: url(Images/progress-bar-gray.gif); }
div[aria-labelledby="ui-dialog-title-divDocumentUploadOverlay"] .ui-dialog-titlebar-close { display: none; }
#divDocumentUploadOverlay > #divDocumentUploadComplete {
	width: 100%;
	text-align: center;
	font-size: 15px;
}

/* Datepicker */
.ui-datepicker {
	font-size: 11px;
}

.ui-datepicker select {
	padding: 0px;
}

/* Dialog */
.ui-dialog {
	font-family: Arial;
	font-size: 11px;
}

/*$$$$$$$ GOOGLE MAPS $$$$$$$*/

#map_canvas { 
	position: absolute; 
	height: 250px; 
	width: 485px; 
	top: 8px; 
	right: 8px;  
	border: 1px solid #999999;
}

#map_disabled {
	display: none;
	vertical-align: middle;
	text-align: center;
	line-height: 100%;
	color: Gray;
	font-size: 18px;
	cursor: pointer;
}

/* TriState Checkbox */
.triState {
	display: inline-block;
	background: url(Images/3-state-checkbox.gif) 0 0 no-repeat;
	height: 13px;
	width: 13px;
	margin: 2px;
	cursor: default;
}
			
.triState.checked { background-position: 0 -13px; }
.triState.partial { background-position: 0 -26px; }

.waitCursor * {
	cursor: wait !important;
}

#tooltip h3 {
	font-size: 14px;
}

#tooltip div.body {
	min-width: 200px;
	max-width: 300px;
	font-size: 12px;
}