@import url('/3rdParty/fonts/opensans/fonts.css?version=7.1.4.1     ');
/* ^^^ http://www.google.com/fonts ^^^ */

.ZUIWebComponent_Page {
	width: 100%;
	height: 100%;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.Overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	filter: alpha(opacity=0);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	background-color:#000000;
}

.ZUIWebComponent_Window {
	width: 100%;
	height: 100%;
}

.ZUIWebComponent_Window_Frame {
	position: absolute;
	background-color: #EBEBEB;
	width: 100%;
	height: 100%;
	border: 5px solid #E0E0E0;
	overflow: visible;

	-webkit-box-shadow: 0px 5px 10px #00337F;
	box-shadow: 0px 5px 10px #00337F;
}

.ZUIWebComponent_Window_FrameTitle,
.ZUIWebComponent_Window_FrameTitleText,
.ZUIWebComponent_Window_FrameTitleClose {
	padding-left: 1em;
	padding-top: 4px;
	height: 25px;

	color:#898989;
	text-decoration:none;
	font-family: 'Open Sans Bold', sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
}

.ZUIWebComponent_Window_FrameTitleClose {
	padding-right: 1em;
	display: inline-block;
	float: right;
	vertical-align: top;
	cursor: pointer;
	padding-top: 0px;
}

.ZUIWebComponent_Window_FrameTitleClose:hover {
	border-style: outset;
}

.ZUIWebComponent_Window_FrameTitleText {
	display: inline-block;
}

.ZUIWebComponent_Window_FrameContent {
	position: relative;
	left: 2px;
	top: 0px;
	background-color: #EBEBEB;
}

.ZUIWebComponent_Window_StaticText,
.ZUIWebComponent_Window_StaticText[border="simple"],
.ZUIWebComponent_Window_StaticText[border="sunken"],
.ZUIWebComponent_Window_StaticText[border="raised"] {
 	width: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;
	color: #333;
	overflow: hidden;
	background-color: transparent;
	text-shadow: 0 1px 0 #FFFFFF;
}

.ZUIWebComponent_Window_StaticText[border="simple"] {
	border-style: solid; 
	border-width: 1px; 
	border-color: #3366CC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.ZUIWebComponent_Window_StaticText[border="sunken"] {
	border-style: solid; 
	border-width: 1px; 
	border-color: #3366CC #AFC2EB #AFC2EB #3366CC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.ZUIWebComponent_Window_StaticText[border="raised"] {
	border-style: solid; 
	border-width: 1px; 
	border-color: #AFC2EB #3366CC #3366CC #AFC2EB;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.ZUIWebComponent_Window_StaticBox_Panel {
	width: 100%;
	height: 100%;
	box-shadow: 0 1px 3px #555;
	border: 1px solid #e5e5e5;
	background-color: #FAFAFA;
}

.ZUIWebComponent_Window_StaticBox {
	background-color: #FAFAFA; 
}

.ZUIWebComponent_Window_StaticBox_Text {
	position: relative;
	font-family: 'Open Sans Bold', sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #898989;
	background-color: #FAFAFA;
	text-shadow: 0 1px 0 #FFFFFF;
	display: block;
	/*width: 100%;*/
	height: 25px;

	padding-left: 1em;
	padding-top: 4px;

}

.ZUIWebComponent_Window_StaticLine {
	background-color: #BBB;
	width: 100%;
	height: 100%;
	/*overflow: hidden;*/
}

.ZUIWebComponent_Window_StaticImage {
	width: 100%;
	height: 100%;
}

.ZUIWebComponent_Window_CheckBox {
	background-color: transparent;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;
	color: #333;
	float: left;
	text-shadow: 0 1px 0 #FFFFFF;
	border: 1px solid;
	border-color: transparent;
}

input.ZUIWebComponent_Window_CheckBox {
	-webkit-appearance: checkbox;
	width: auto;
	height: auto;
}

div.ZUIWebComponent_Window_MenuBar {
	position: relative;
	width: 100%;
	height: 25px;
	border-style: solid; 
	border-width: 0 0 1px 0; 
	border-color: #BBB;
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;
}

ul.ZUIWebComponent_Window_MenuBar {
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	border-width: 0;
}

ul.ZUIWebComponent_Window_Menu {
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	border-style: solid; 
	border-width: 1px; 
	border-color: #BBB;
}

li.ZUIWebComponent_Window_Menu {
	white-space: nowrap;
	height: 23px;
	list-style-type: none; 
	display: block;
	float: left;
	padding: 2px 1em 0 1em;
	border-style: solid; 
	border-width: 0 1px 0 0; 
	border-color: #BBB;
}

li.ZUIWebComponent_Window_Menu:hover {
	background-color: #DDE3F7;
	cursor: pointer;
}

li.ZUIWebComponent_Window_SubMenu {
	white-space: nowrap;
	list-style-type: none; 
	padding: 2px 1em 0 1em;
	background-color: #EBEBEB;
}

li.ZUIWebComponent_Window_SubMenu:hover {
	background-color: #DDE3F7;
	cursor: pointer;
}

li.ZUIWebComponent_Window_MenuItem {
	white-space: nowrap;
	list-style-type: none; 
	padding: 2px 1em 2px 1em;
	background-color: #EBEBEB;
}

li.ZUIWebComponent_Window_MenuItem:hover {
	background-color: #DDE3F7;
	cursor: pointer;
}

.ZUIWebComponent_Window_RadioButton {
	background-color: transparent;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;
	color: #333;
	float: left;
	text-shadow: 0 1px 0 #FFFFFF;
	border: 1px solid;
	border-color: transparent;
}

input.ZUIWebComponent_Window_RadioButton {
	-webkit-appearance: radio;
	width: auto;
	height: auto;
}

.ZUIWebComponent_Window_Notebook {
	width: 100%;
	height: 100%;
	box-shadow: 0 1px 3px #555;
	border: 1px solid #e5e5e5;
	background-color: #FAFAFA;
}

.ZUIWebComponent_Window_NotebookHeader {
	width: 100%;
	height: 25px;

	border-style: solid; 
	border-width: 0 0 1px; 
	border-color: #BBB; 
}

.ZUIWebComponent_Window_NotebookClient {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
}

.ZUIWebComponent_Window_NotebookTab_Active {
	border-style: solid; 
	border-width: 1px; 
	border-color: #BBB #BBB #EBEBEB #BBB;

	/* http://gradients.glrzad.com/ */
	background: #BFDFFF;
	background-image: linear-gradient(#FFFFFF, #BFDFFF);
	background-image: -o-linear-gradient(#FFFFFF, #BFDFFF);
	background-image: -moz-linear-gradient(#FFFFFF, #BFDFFF);
	background-image: -webkit-linear-gradient(#FFFFFF, #BFDFFF);
	background-image: -ms-linear-gradient(#FFFFFF, #BFDFFF);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, #FFFFFF),
		color-stop(100%, #BFDFFF)
	);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#BFDFFF');
}

.ZUIWebComponent_Window_NotebookTab {
	border-style: solid; 
	border-width: 1px; 
	border-color: #BBB #BBB #BBB #BBB;
}

.ZUIWebComponent_Window_NotebookPage {
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	visibility: hidden;
}

.ZUIWebComponent_Window_NotebookTab,
.ZUIWebComponent_Window_NotebookTab_Active {
	cursor: pointer;
	height: 18px;
	float: left;	
	position: relative;
	padding: 3px 1em;
	color: #1A1A1A;
	font: bold 12px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
	overflow: visible;
	text-shadow: white 0 1px 1px;
}

.ZUIWebComponent_Window_Panel {
	width: 100%;
	height: 100%;
	background-color: transparent;
}

.ZUIWebComponent_Window_NotebookClient > .ZUIWebComponent > .ZUIWebComponent_Window > .ZUIWebComponent_Window_Panel {
	width: 100%;
	height: 100%;
	background-color: #FAFAFA;
}

.ZUIWebComponent_Window_Grid {
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	border-style: solid; 
	border-width: 1px; 
	border-color: #BBB; 
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	box-shadow: 0 1px 3px #555;
	overflow: hidden;
}

table.ZUIWebComponent_Window_GridTable {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-width: 0;
	table-layout: fixed;
}

thead.ZUIWebComponent_Window_GridTable_Header {
	white-space: nowrap;
	color: #898989;
	text-decoration: none;
	font-family: 'Open Sans Bold', sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
	cursor: pointer;
}

th.ZUIWebComponent_Window_GridTable_Heading {
	padding-top: 4px;
	padding-bottom: 4px;
	border-style: solid; 
	border-width: 0 1px 0 0; 
	border-color: #BBB;
	overflow: hidden;
}

tr.ZUIWebComponent_Window_GridData {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

td.ZUIWebComponent_Window_GridData {
	margin: 0;
	padding-right: 4px;
	background-color: transparent;
	white-space: nowrap;
	border-style: solid; 
	border-width: 0 1px 1px 0;
	border-color: #BBB;
}

td.ZUIWebComponent_Window_GridData:hover {
	cursor: pointer;
	text-decoration: none;
	/*background-color: #AFC2EB;*/
}

input.ZUIWebComponent_Window_GridData {
	height: 100%;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 8pt;
	margin: 0;
	padding: 0;
	margin-left: 2px;
	background-color: transparent;
	border-style: none; 
	border-width: 0; 
	border-radius: 0;
}

input[readonly].ZUIWebComponent_Window_GridData {
	cursor: pointer;
}

td.ZUIWebComponent_Window_GridData_Selected {
	background-color: #BFDFFF;
}

div.ZUIWebComponent_Window_Grid_ScrollBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background-color: #EBEBEB;
	border-radius: 0px 0px 4px 0px;
	-moz-border-radius: 0px 0px 4px 0px;
	-webkit-border-radius: 0px 0px 4px 0px;
}

div.ZUIWebComponent_Window_Grid_ScrollUp {
	position: absolute;
	top: 0;
	margin-top: 25px;
	width: 16px;
	height: 16px;
	background: url(/Images/ZUISilver.Grid.ScrollUp.png) no-repeat;
	cursor: pointer;
}

div.ZUIWebComponent_Window_Grid_ScrollDown {
	position: absolute;
	bottom: 0;
	width: 16px;
	height: 16px;
	background: url(/Images/ZUISilver.Grid.ScrollDown.png) no-repeat;
	border-radius: 0px 0px 4px 0px;
	-moz-border-radius: 0px 0px 4px 0px;
	-webkit-border-radius: 0px 0px 4px 0px;
	cursor: pointer;
}

.ZUIToolTip {
	border-style: solid; 
	border-width: 1px; 
	border-color: #AFC2EB #AFC2EB #AFC2EB #AFC2EB;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #E5ECF9;
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;
	padding: 5px;
}

div.ZUIWebComponent_Window_TextEntry {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	border: 1px solid;
	border-color: transparent;
}

div.ZUIWebComponent_Window_TextEntry.ZUIFocus {
	-webkit-box-shadow: 0 0 4px #BFDFFF;
	box-shadow: 0 0 4px #BFDFFF;
	border: 1px solid #BFDFFF;
	outline: none;
}

input.ZUIWebComponent_Window_TextEntry[type="password"] {
	font-family: Arial; /* IE strikes again... */
}

input.ZUIWebComponent_Window_TextEntry,
textarea.ZUIWebComponent_Window_TextEntry {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	-o-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-khtml-background-clip: padding-box;
	background-clip: padding-box;
	border-radius: 4px 0 4px 0;
	-moz-border-radius: 4px 0 4px 0;
	-webkit-border-radius: 4px 0 4px 0;
	-o-border-radius: 4px 0 4px 0;
	-ms-border-radius: 4px 0 4px 0;
	-khtml-border-radius: 4px 0 4px 0;
	-webkit-appearance: none;
	background-color: #FFF;
	border: 1px solid;
	border-color: #848484 #c1c1c1 #e1e1e1;
	color: black;
	outline: 0;
	padding: 2px 3px;
}

textarea.ZUIWebComponent_Window_TextEntry {
	overflow: scroll;
	word-wrap: normal;
}

.ZUIWebComponent_Window_Button {
	cursor: pointer;
	width: 100%;
	height: 100%;
	-webkit-appearance: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	-o-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-khtml-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid;
	border-color: #dddddd #bbbbbb #999999;
	color: #1A1A1A;
	font: bold 12px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
	outline: 0;
	overflow: visible;
	padding: 3px 10px;
	text-shadow: white 0 1px 1px;
	box-shadow: 0 1px 3px #ddd;
}

.ZUIWebComponent_Window_ListBox {
	width: 100%;
	height: 100%;
}

.ZUIWebComponent_Window_ComboBox {
	background: #FFF url(/Images/ZUISilver.Grid.ScrollDown.png) no-repeat right;
	background-size: 16px 16px;
}

.ZUIWebComponent_Window_ComboBox,
.ZUIWebComponent_Window_ListBox {
	width: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	-o-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-khtml-background-clip: padding-box;
	background-clip: padding-box;
	border-radius: 4px 0 0 0;
	-moz-border-radius: 4px 0 0 0;
	-webkit-border-radius: 4px 0 0 0;
	-o-border-radius: 4px 0 0 0;
	-ms-border-radius: 4px 0 0 0;
	-khtml-border-radius: 4px 0 0 0;
	-webkit-appearance: none;
	background-color: #FFF;
	border: 1px solid;
	border-color: #848484 #c1c1c1 #e1e1e1;
	color: black;
	outline: 0;
	/*padding: 2px 3px;*/
}

.ZUIWebComponent_Window_ComboBox,
.ZUIWebComponent_Window_ListBox,
.ZUIWebComponent_Window_Button,
.ZUIWebComponent_Window_TextEntry,
.ZUIWebComponent_Window_RadioButton,
.ZUIWebComponent_Window_CheckBox {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input.ZUIWebComponent_Window_TextEntry[readonly="readonly"],
input.ZUIWebComponent_Window_RadioButton[readonly="readonly"],
input.ZUIWebComponent_Window_CheckBox[readonly="readonly"] {
	background-color: #DDD;
}

select.ZUIWebComponent_Window_ComboBox[readonly="readonly"],
select.ZUIWebComponent_Window_ListBox[readonly="readonly"] {
	background-color: #DDD;
}

.ZUIWebComponent_Window_Tree {
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;
	color: #666;
	width: 100%;
	height: 100%;
/*
	border-style: solid; 
	border-width: 1px; 
	border-color: #666666 #BBBBBB #BBBBBB #666666;
*/
	overflow: scroll;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	-o-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-khtml-background-clip: padding-box;
	background-clip: padding-box;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	background-color: #FFF;
	border: 1px solid;
	border-color: #848484 #c1c1c1 #e1e1e1;
	outline: 0;

	border-radius: 4px 0 4px 0;
	-moz-border-radius: 4px 0 4px 0;
	-webkit-border-radius: 4px 0 4px 0;
	-o-border-radius: 4px 0 4px 0;
	-ms-border-radius: 4px 0 4px 0;
	-khtml-border-radius: 4px 0 4px 0;
}

/*
.ZUIWebComponent_Window_Tree[disabled="disable"] {
	background-color: #DDD !important;
}
*/

.ZUIWebComponent_Window_TreeItem {
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;
	font-style: normal;
	color: #666;
}

.ZUIWebComponent_Window_StaticImage IMG {
	max-width: 100%;
	max-height: 100%;
}

div.ZUIWebComponent_Window_Frame.ZUIWebComponent_Window_ZScreen {
	/* Use 4:3 pixel ratio for width:height */
	width: 800px;
	height: 600px;
}

div.ZUIWebComponent_Window_Frame.ZUIWebComponent_Window_FileDialog {
	width: 350px;
	height: 100px;
}

.ZUIWebComponent_Window_FrameContent .ZUIWebComponent_Window_FileDialog {
	overflow: hidden;
}

iframe.ZUIWebComponent_Window_FileDialog {
	display: none;
}

input.ZUIWebComponent_Window_FileDialog_Input {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 340px;
	height: 25px;
	z-index: 2;

	filter: alpha(opacity=0);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

input.ZUIWebComponent_Window_FileDialog_Output {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 300px;
	height: 25px;
}

button.ZUIWebComponent_Window_FileDialog_BrowseButton,
button.ZUIWebComponent_Window_FileDialog_UploadButton,
button.ZUIWebComponent_Window_FileDialog_CancelButton {
	position: absolute;
	height: 25px;
}

button.ZUIWebComponent_Window_FileDialog_BrowseButton {
	top: 2px;
	right: 2px;
	width: 30px;
}

button.ZUIWebComponent_Window_FileDialog_UploadButton {
	top: 30px;
	right: 110px;
	width: 100px;
}

button.ZUIWebComponent_Window_FileDialog_CancelButton {
	top: 30px;
	right: 2px;
	width: 100px;
}

.ZUIFocus {
	-webkit-box-shadow: 0 0 4px #BFDFFF;
	box-shadow: 0 0 4px #BFDFFF;
	border: 1px solid #BFDFFF;
	outline: none;
}

.ZUIWebComponent_Window_FrameTitle,
.ZUIWebComponent_Window_StaticBox_Text,
.ZUIWebComponent_Window_NotebookHeader,
thead.ZUIWebComponent_Window_GridTable_Header {
	/* http://gradients.glrzad.com/ */
	background: #E0E0E0;
	background-image: linear-gradient(#EBEBEB, #E0E0E0);
	background-image: -o-linear-gradient(#EBEBEB, #E0E0E0);
	background-image: -moz-linear-gradient(#EBEBEB, #E0E0E0);
	background-image: -webkit-linear-gradient(#EBEBEB, #E0E0E0);
	background-image: -ms-linear-gradient(#EBEBEB, #E0E0E0);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, #EBEBEB),
		color-stop(100%, #E0E0E0)
	);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#EBEBEB', EndColorStr='#E0E0E0');
}

.ZUIWebComponent_Window_Button,
.ZUIWebComponent_Window_NotebookTab 
{
	/* http://gradients.glrzad.com/ */
	background: #DCDCDC;
	background-image: linear-gradient(#FFFFFF, #DCDCDC);
	background-image: -o-linear-gradient(#FFFFFF, #DCDCDC);
	background-image: -moz-linear-gradient(#FFFFFF, #DCDCDC);
	background-image: -webkit-linear-gradient(#FFFFFF, #DCDCDC);
	background-image: -ms-linear-gradient(#FFFFFF, #DCDCDC);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, #FFFFFF),
		color-stop(100%, #DCDCDC)
	);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#DCDCDC');
}

.ZUIWebComponent_Window_Button:hover,
.ZUIWebComponent_Window_NotebookTab:hover {
	/* http://gradients.glrzad.com/ */
	background: #CCCCCC;
	background-image: linear-gradient(#FFFFFF, #CCCCCC);
	background-image: -o-linear-gradient(#FFFFFF, #CCCCCC);
	background-image: -moz-linear-gradient(#FFFFFF, #CCCCCC);
	background-image: -webkit-linear-gradient(#FFFFFF, #CCCCCC);
	background-image: -ms-linear-gradient(#FFFFFF, #CCCCCC);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, #FFFFFF),
		color-stop(100%, #CCCCCC)
	);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#CCCCCC');
}