@font-face
{
font-family:ZDefaultFont;
src: url('http://home.zcubes.com/Fonts/GOTHIC.TTF'),
     url('http://home.zcubes.com/Fonts/GOTHIC.eot');
}


@font-face
{
font-family:NewFont1;
src: url('http://home.zcubes.com/Fonts/ERASLGHT.TTF'),
     url('http://home.zcubes.com/Fonts/ERASLGHT.eot');
}

@font-face
{
font-family:NewFont2;
src: url('http://home.zcubes.com/Fonts/GOTHIC.TTF'),
     url('http://home.zcubes.com/Fonts/GOTHIC.eot');
}

@font-face
{
font-family:NewFont3;
src: url('http://home.zcubes.com/Fonts/ROCK.TTF'),
     url('http://home.zcubes.com/Fonts/ROCK.eot');
}


pointer.ztable
{
  font-family:Tahoma,Garamond,Verdana;
  font-size:10pt;
}

table.spreadsheet td 
{
	/*width:75px;*/
	
}

.cubebaricon
{
	width:25px;
	height:25px;	
}

.wrong
{
  font-family:Comic Sans;
  font-color:red;
  text-decoration:underline;
}

.bocbutton
{
  width:100px;
  height:20px;
  font-family:Verdana,Garamond;
  font-size:12pt;
  font-color:#FFF;
}

.bocheaderbutton
{
  background-color:#000;
}

.steelpanel
{
  vertical-align:top;
  background-color:#4682B4;
}

.rightpanel
{
  vertical-align:top;
  padding:5px 15px;
}

.smallrightpanel
{
  vertical-align:top;
  padding:5px 15px;
}

.titletext
{
  vertical-align:middle;
}

.shadowtext
{
}

A.nounderline
{
  text-decoration:none;
  border:0;
}

A.clickanddraginside
{
  text-decoration:none;
  border:1px;
  cursor:url(http://images.zcubes.com/zboxdev/icon/clickanddrag.cur);
}

A.clickanddrag
{
  text-decoration:none;
  border:1px;
  cursor:url(http://images.zcubes.com/zboxdev/icon/clickanddrag.cur);
}

A.clickanddraginside
{
  cursor:url(/http://images.zcubes.com/zboxdev/icon/clickanddrag.cur);
}

A:link
{
  background-color:transparent;
  font-weight:400;
  color:#000;
}

A:visited
{
  background-color:transparent;
  font-weight:400;
  font-color:#000;
  color:#000;
}

A:link:hover
{
  /*font-style:italic;*/
  color:#000;
  text-decoration:underline;
}

h1,.h1
{
  font-family:ZDefaultFont,Garamond,Verdana;
  font-size:24pt;
  font-variant:small-caps;
  font-weight:700;
  color:black;
}

h2,.h2
{
  font-family:Garamond,Verdana,Garamond;
  font-size:18pt;
  font-variant:small-caps;
  font-weight:700;
  margin:1px 0 0;
  color:black;  
}

h3,.h3
{
  font-family:Garamond,Verdana,Garamond;
  font-size:16pt;
  font-variant:small-caps;
  font-style:italic;
  margin:0;
  color:black;  
}

h4,.h4
{
  font-family:Garamond,Verdana,Garamond;
  font-size:14pt;
  font-variant:all-caps;
  font-style:italic;
	box-shadow:1px -1px 1px #000001;
	-webkit-box-shadow:1px -1px 1px #000001;
	-moz-box-shadow:1px -1px 1px #000001;
  
/*  filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',Direction=135,Strength=2);*/
  margin:0;
  color:black;  
}

h5,.h5
{
  font-family:Garamond,Verdana,Garamond;
  font-size:10pt;
  font-style:bold;
  margin:0;
  color:black;  
}
h6,.h6
{
  font-family:Garamond,Verdana,Garamond;
  font-size:6pt;
  font-style:bold;
  margin:0;
  color:black;  
}


p
{
  line-spacing:normal;
  margin:0;
}

td
{
  font-family:ZDefaultFont,Tahoma,Garamond,Verdana;
  font-size:12pt;
  outline:none;
}

body
{
  font-family:"NewFont1",Garamond,Verdana,Garamond;
  font-size:8pt;
  font-color:#0FF;
  text-align:justify;
  color:transparent;
  scrollbar-face-color:lightgray;
  scrollbar-highlight-color:silver;
  scrollbar-shadow-color:silver;
  scrollbar-3dlight-color:silver;
  scrollbar-arrow-color:darksilver;
  scrollbar-track-color:darksilver;
  scrollbar-darkshadow-color:silver;
  margin:0;
  color:black; /* added jp 07/14/2009 */
  cursor:pointer;
}

body.editing .zcube:hover
{
	-webkit-box-shadow: 0pt 2px 5px rgba(65, 151, 209, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	-moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	box-shadow: 0pt 2px 5px rgba(99, 132, 145, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	-webkit-box-shadow: 15px;
	/*
	-webkit-box-shadow: 0pt 2px 5px rgba(65, 151, 209, 0.7), 0px 0px 8px 5px rgba(0,0,0, 0.4) inset;
	-moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	box-shadow: 0pt 2px 5px rgba(245, 245, 245, 0.7),10pt 12px 15px rgba(44, 45, 45, 0.7), 0px 0px 8px 5px rgba(0, 0, 0, 0.4) inset;
	-webkit-box-shadow: 15px;
	*/
	/*border:5px wheat dashed!important*/	
}

/*body.editing .zcube:active
{
	border:10px wheat dashed!important
}

body.editing .zcube:focus
{
	border:10px red dashed!important
}*/

body.gradedbody
{
}

body.internal
{
  background-color:#F5DEB3;
}

address
{
  font-family:Garamond,Verdana,Garamond;
  font-size:8pt;
  text-align:justify;
  font-color:grey;
}

th
{
  font-family:Garamond,Verdana,Garamond;
  font-size:14pt;
  font-color:grey;
  color:#4682B4;
}

img
{
-webkit-user-select:none;
}

img.likebutton
{
  valign:bottom;
  border:0;
  width:20px;
  height:20px;  
  -webkit-user-select:none; 
}

img.zcubebuttonimagesmall
{
  /*width:30px;
  height:30px;*/
  width:35px;
  height:35px;
  vertical-align:top;
}

img.zcubebuttonimagesmaller
{
  /*width:30px;
  height:30px;*/
  width:25px;
  height:25px;
  vertical-align:top;
}

.zcubebuttonimage
{
  height:30px;
  width:30px;
}

.zcubebuttontoolbarimage
{
  height:30px;
  width:30px;
}

.zcubebuttonimage_publish
{
  height:20px;
  width:20px;
}

img1
{
}

.noshadow
{
}

.linklist
{
  color:#FC6;
  background-color:#963;
}

.link1
{
  color:#FC6;
  background-color:#963;
  align:center;
  border-bottom-style:solid;
  width:100%;
}

.sectionheader
{
  color:#FC6;
  background-color:#963;
  align:left;
  font-size:20pt;
  width:100%;
  border-bottom-style:solid;
}

.listheader
{
  color:#FC6;
  background-color:#963;
  align:left;
  font-size:14pt;
  width:100%;
  border-top-style:solid;
  border-bottom-style:solid;
}

.gradblack
{
  border:0 solid #fff;
  text-decoration:none;
  font-weight:700;
  font-color:#000;
}

.gradheader
{
}

.steelpanel3
{
  vertical-align:top;
}

.steelpanel4
{
  vertical-align:top;
  text-decoration:none;
  valign:top;
  align:left;
  font-style:bold;
  font-family:Verdana,Garamond;
  font-size:9pt;
}

.ActivateTextEffect
{
  font-family:Microsoft Sans Serif;
  font-size:10pt;
  text-align:justify;
  font-color:#000;
  background-color:#D8D8BF;
  text-decoration:underline|overline;
}

.ActivateTextEffect2
{
  vertical-align:middle;
  font-color:#000;
  text-decoration:underline|overline;
  font-family:Verdana,Garamond;
  text-align:justify;
  font-weight:700;
  font-size:11pt;
}

.ActivateTdEffect
{
  vertical-align:middle;
  text-decoration:none;
  align:left;
  font-style:bold;
  font-family:Verdana,Garamond;
  font-size:9pt;
}

.ActivateTdShade
{
  vertical-align:top;
  text-decoration:none;
  valign:top;
  align:left;
  font-style:bold;
  font-family:Verdana,Garamond;
  font-size:9pt;
}

.stee
{
  vertical-align:top;
}

.steelpanelitable
{
  vertical-align:middle;
}

.steelpaneltest
{
  valign:top align:center;
}

.textshade
{
  width:150px;
  color:#FFFAFA;
}

.ftest
{
  font-family:Verdana,Garamond;
  font-size:10pt;
  font-style:bold;
  text-align:Left;
  line-height:100%;
  text-indent:0;
  color:#D2B48C;
  word:0;
  margin:0;
}

.tablehead
{
  text-decoration:none;
  color:#A38C7D;
  valign:top;
  align:left;
  font-style:bold;
  font-family:Verdana,Garamond;
  font-size:14pt;
}

.shadedcell
{
}

.shadedcell2
{
}

.shadedcell3
{
}

.marqueefont
{
  font-family:Verdana, Garamond;
  font-size:10pt;
  font-weight:700;
  color:gray;
}

.dottedline
{
  color:#D2B48C;
  font-size:8pt;
}

.btablehead2
{
  font-family:Verdana,Garamond;
  text-align:justify;
  font-color:#0FF;
  font-weight:700;
  font-size:11pt;
}

.btablehead
{
  font-family:Garamond,Verdana;
  font-size:16pt;
  text-align:Left;
  font-variant:small-caps;
  font-weight:700;
  color:#D2B48C;
}

.topQuote
{
  font-family:Verdana,Garamond;
  font-size:8pt;
  text-align:left;
  line-height:100%;
  text-indent:0;
  text-decoration:none;
  color:#D2B48C;
  font-variant:small-caps;
  font-weight:700;
  word:0;
  margin:0;
}

.paraNew
{
  font-family:Microsoft Sans Serif;
  font-size:10pt;
  text-align:justify;
  font-color:#0FF;
}

.dropcap
{
  width:1em;
  height:1em;
  float:left;
  text-align:center;
  font-size:15pt;
  color:maroon;
  face:Times, Times New Roman, serif,Palatino;
}

.dropcapHTML
{
  valign:top;
  font-color:maroon;
}

.likemenu
{
  border:0 solid #fff;
  text-decoration:none;
  font-weight:700;
  font-color:#000;
}

.likemenustatus
{
  border:0 solid #fff;
  text-decoration:none;
  font-weight:700;
  font-color:#000;
}

.likemenustatuscard
{
  color:#FFF;
  font-weight:700;
  height:10px;
}

.aFilter
{
  background-color:#FFF;
  color:#0FF;
  width:150px;
}

.myData
{
  behavior:url(#default#userData);
}

.m0l0o
{
  border:0 solid #fff;
  text-decoration:none;
  font-weight:700;
  font-color:#000;
  font-size:12pt;
}

.m0l1o
{
  border:0 solid #fff;
  text-decoration:none;
  font-color:#000;
  font-weight:700;
  font-size:12pt;
}

.t0l0o
{
  border:0 solid #fff;
  text-decoration:none;
  font-weight:700;
  font-color:marron;
}

.t0l1o
{
  border:0 solid #fff;
  text-decoration:none;
  font-color:#000;
  font-weight:700;
}

.zCubesButtonRaised
{
  font-size:12px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-weight:400;
  height:15px;
  width:50px;
  valign:middle;
  align:center;
  unselectable:on;
  color:#4682B4;
}

.zCubesButton
{
  font-size:12px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-weight:400;
  height:15px;
  width:50px;
  valign:middle;
  align:center;
  unselectable:on;
  color:#4682B4;
}

.zCubesMenuButton
{
  font-size:12px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-weight:700;
  color:#4682B4;
  height:15px;
  width:150px;
  valign:middle;
  align:center;
  unselectable:on;
  background-color:#FFF;
  padding-left:5px;
}

/* zCubesMenuIconBar1 was deactivated from zCubesMenuIconBar due to mozilla issue. Not sure why it was triggering an issue */
.zCubesMenuIcon
{
  font-size:12px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-weight:400;
  color:#4682B4;
  height:20px;
  valign:middle;
  align:center;
  unselectable:on;
  background-color:transparent;
  display:inline;
  visibility:visible;
  cursor:pointer;
  padding-left:2px;
  padding-right:2px;
}

.zCubesMenuIconBar1
{
  font-size:12px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-weight:400;
  color:#4682B4;
  height:20px;
  valign:middle;
  align:center;
  unselectable:on;
  background-color:transparent;
  display:inline;
  visibility:visible;
  cursor:pointer;
  padding-left:2px;
  padding-right:2px;
}

.zCubesMenuIconTop
{
  width:20px;
  vertical-align:center;
  valign:top;
}

.zCubesMenuIcon
{
  width:20px;
  vertical-align:center;
  valign:top;
}

.zCubesMenuIconBorderRelative
{
  position:absolute;
  border:1px solid silver;
  background-color:#FFF;
}

.zCubesMenuIconBorder
{
  position:absolute;
  /*border:1px solid silver;*/
  background-color:#FFF;
}

.zCubesMenuIconBorderRelative
{
  position:relative;
}

.zCubesPanelDark
{
  font-size:12px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-weight:400;
  font-color:#4682B4;
  background-color:#DEEBFF;
}

.zCubesPanelPlain
{
  font-size:12px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-weight:400;
  font-color:#4682B4;
  background-color:#DEEBFF;
}

.zCubesPanel
{
  font-size:12px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-weight:400;
  font-color:#4682B4;
  background-color:#DEEBFF;
}

.zCubesPanelMenu
{
  font-size:12px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-weight:400;
  font-color:#4682B4;
  border:0;
  padding:0;
}

.zCubesPanelHelp
{
  color:#000;
}

.MenuHead
{
  font-size:12px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-weight:700;
  color:#4682B4;
  height:15px;
  valign:middle;
  align:center;
  unselectable:on;
  padding-left:5px;
  padding-right:5px;
}

.zCubesPanelStatus
{
  border:0;
  padding:0;
}

.zCubesPanel
{
  border:0;
  padding:0;
}

.zCubesPanelStatus
{
  font-size:9px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-weight:400;
  color:#4682B4;
}

.zCubesPanelDark
{
  border:0;
  color:#FFF;
  padding:0;
}

.zCubesPanelLight
{
  border:0;
  font-color:#4682B4;
  background-color:#8CB2E7;
  vertical-align:middle;
  border-bottom:#4682B4 1px solid;
  padding:0;
}

.zCubesPanelWhite
{
  border:0;
  padding:0;
}

.zCubesPanelBrowser
{
  border:0;
  padding:0;
}

.zCubesPanelFlat
{
  font-size:12px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-weight:700;
}

.zCubesButtonRaised
{
}

.zCubesMenuHeaderBar
{
  background-color:#4682B4;
  color:#FFF;
  text-align:center;
  width:150px;
}

.zStatusStyle
{
  background-color:#1E90FF;
  color:#FFF;
  text-align:center;
}

table.navbar
{
  font-size:8pt;
  border:0;
  font-weight:700;
  margin:0;
  padding:0;
}

table.menu
{
  font-size:8pt;
  font-weight:400;
  margin:0;
  padding:0;
}

td.menuNormal
{
  color:#000;
  font-weight:400;
  vertical-align:top;
  background-color:transparent;
  width:90%;
  cursor:pointer;
  padding:0;
}

a.SubMenuNormal:link
{
  color:#000;
  font-weight:400;
  vertical-align:top;
  background-color:#FFF;
  width:90%;
  padding:0;
}

div.menuNormal
{
  display:none;
  position:static;
  cursor:pointer;
}

div.menuHover
{
  border:1px solid #ADD8E6;
  background-color:#FFF;
  display:inline;
  position:absolute;
}

a.menuitem:link
{
  text-decoration:none;
  color:#000;
  background-color:#FFF;
  display:block;
  border:1px solid #ADD8E6;
  width:99%;
}

a.menuitem:visited1
{
  text-decoration:none;
  color:#000;
  background-color:#FFF;
  display:block;
  border:1px solid #ADD8E6;
}

a.menuitem:visited
{
  text-decoration:none;
  color:#4682B4;
  background-color:#FFF;
  display:block;
  border:1px solid #ADD8E6;
  width:99%;
}

a.menuitem:hover
{
  text-decoration:none;
  color:#000;
  background-color:#4682B4;
  display:block;
  border:1px solid #ADD8E6;
  width:99%;
}

a.menuitem:active
{
  text-decoration:none;
  color:#FFF;
  background-color:red;
  display:block;
  border:1px solid #ADD8E6;
  width:99%;
}

div.browserHover
{
  border:1px solid #ADD8E6;
  background-color:red;
  display:inline;
  position:absolute;
}

td.menuBrowser
{
  color:#000;
  font-weight:400;
  vertical-align:top;
}

td.subMenuBrowser
{
  text-decoration:none;
  color:#4682B4;
  background-color:#FFF;
  display:block;
  border:1px solid #ADD8E6;
  width:99%;
  padding:0;
}

a.browseritem:link
{
  text-decoration:none;
  color:#4682B4;
  background-color:#FFF;
  display:block;
}

a.browseritem:hover
{
  text-decoration:none;
  color:#000;
  background-color:#4682B4;
  display:block;
}

.ZInputWarning
{
  color:black;
  /*font-weight:400;*/
  font-family:Tahoma, Verdana,Garamond;
  cursor:pointer;
  background-color:steelblue;
  background-image:url("http://images.zcubes.com/other/ZPlatform/img/Bg.png");
  font-size:7pt;
  text-transform:uppercase;
}

/*#zstatuszpanel
{
  background-image:url("/imgtocache/Bg2.png");
}*/

.ZMAX
{
  color:black;
  /*font-weight:400;*/
  font-family:Tahoma, Verdana,Garamond;
  cursor:pointer;
  background-color:steelblue;
  background-image:url("http://images.zcubes.com/other/ZPlatform/img/Bg.png");
  font-size:7pt;
  text-transform:uppercase;
}

.ZInputSmall
{
  color:black;
  /*font-weight:400;*/
  font-family:Tahoma, Verdana,Garamond;
  cursor:pointer;
  background-color:steelblue;
  background-image:url("http://images.zcubes.com/other/ZPlatform/img/Bg.png");
  font-size:7pt;
  text-transform:uppercase;
}

.ZMAX
{
  width:300px;
}

.ZInputText
{
  background-color:#FFDAB9;
  color:#000;
  font-weight:400;
  font-family:Tahoma, Verdana,Garamond;
}

.ZTextArea
{
  width:150px;
}

.ZTextAreaNoSize
{
  background-color:#F0F8FF;
  color:#000;
}

.ZTextArea
{
  background-color:#F0F8FF;
  color:#000;
}

.ZInputButton
{
	width:100px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;	
	
	padding-left: 10px;
	padding-right: 10px;	
	-webkit-box-shadow: -2px -2px 20px rgba(81, 118, 116, 0.8);
	-moz-box-shadow:    -2px -2px 20px rgba(81, 118, 116, 0.8);
	box-shadow:         -2px -2px 20px rgba(81, 118, 116, 0.8);
	
	cursor:pointer;
}

.ZInputButton:hover
{
	-webkit-box-shadow: 2px 2px 20px rgba(81, 118, 116, 0.8);
	-moz-box-shadow:    2px 2px 20px rgba(81, 118, 116, 0.8);
	box-shadow:         2px 2px 20px rgba(81, 118, 116, 0.8);
}
.ZInputButton:active
{
	-webkit-box-shadow: -2px -2px 5px rgba(81, 118, 116, 0.8);
	-moz-box-shadow:    -2px -2px 5px rgba(81, 118, 116, 0.8);
	box-shadow:         -2px -2px 5px rgba(81, 118, 116, 0.8);
}
.ZInputText
{
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;	
	border:0px !important;
	-webkit-box-shadow: 2px 2px 5px rgba(81, 118, 116, 0.8);
	-moz-box-shadow:    2px 2px 5px rgba(81, 118, 116, 0.8);
	box-shadow:         2px 2px 5px rgba(81, 118, 116, 0.8);
}

.w100
{
	width:100px !important;	
	padding:0px!important;
	overflow:ellipsis !important;
}

.w150
{
	width:150px !important;	
	padding:0px!important;
	overflow:ellipsis !important;
}

.top
{
	vertical-align:top;	
}

/* all */
::-webkit-input-placeholder  
{ 
	color:silver; 
	font-family:Tahoma, Verdana,Garamond;
	font-size:medium ;
	font-variant:small-caps;
	font-style:italic;
	text-align:center;
}
input:-moz-placeholder 
{ 
	color:silver; 
    font-family:Tahoma, Verdana,Garamond;
	font-size:medium;
	font-variant:small-caps;
	font-style:italic;
	text-align:center;	
}


.FormHeader
{
  font-weight:700;
  font-size:10pt;
  color:#3C596B;
  text-align:center;
  width:100%;
  background-color:#4682B4;
  padding:5px 10px;
}

.marker
{
  width:1px;
 /*
  -moz-opacity: 0.01 !important;
  opacity:0.01 !important;
  */
  -moz-opacity: 0.05 !important;
  opacity:0.05 !important;
  opacity:0.5 !important;
  text-align:center;
  vertical-align:top;
  font-family:Tahoma, Verdana,Garamond;
  font-size:12pt;
  color:black !important;
  text-align: center;
  vertical-align: middle;
  background-color:whitesmoke !important;
}

#MARKER
{
	z-index:1000000000 !important;	

}

.specialtext
{
  color:#000000;
  background-color1:maroon;
  border:1px solid dimgray;
  padding:2px;
  margin-right:10px;
  text-transform:uppercase;
  font-family:Tahoma, Verdana,Garamond;
  font-size:7pt;
  
   
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}

.specialtextorange
{
  margin-right:10px;
  font-variant:all-caps;
  /*background-color:darkorange;
  color:white;*/
  font-weight:400;
  font-family:Tahoma, Verdana,Garamond;
  cursor:pointer;
  border:1px solid gray;
  height:10px;
  font-size:7pt;
  padding-left:2px;
  padding-right:2px;
  padding:2px;
  text-transform:uppercase;
  text-decoration1: underline;
  
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}

.specialtext1
{
  margin-right:10px;
  font-variant:all-caps;
  background-color1:#4682B4;
  background-color:darkorange;
  color:white;
  font-weight:400;
  font-family:Tahoma, Verdana,Garamond;
  cursor:pointer;
  border:1px solid gray;
  height:10px;
  font-size:7pt;
  filter1:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=darkgray,endColorstr=#444444);
  padding-left:2px;
  padding-right:2px;
  text-transform:uppercase;
  text-decoration: underline;
}

.specialtextorange
{
  filter1:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=red,endColorstr=orange);
}

.noticetext
{
  color:black;
  background-color1:maroon;
  font-variant:small-caps;
  border:1px solid red;
  padding-left:1px;
  padding-right:1px;
  font-weight:700;
  font-family:Tahoma, Verdana,Garamond;
  font-size:10pt;
}

.ztiptext
{
  color:dimgray;
  font-family:Tahoma, Verdana,Garamond;
  font-size:8pt;
  
  padding:10px;
  
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
  
  
}

.additionalnoticetext
{
  color:#FFF;
  background-color:transparent;
  position:absolute;
}

.standardnoticetext
{
  color:#000;
  background-color:orange;
}

.dragtext
{
  color:#FFF;
  background-color:#4682B4;
  font-variant:small-caps;
  border:2px solid #4682B4;
  padding-left:10px;
  padding-right:10px;
  font-weight:700;
  cursor:url(http://images.zcubes.com/zboxdev/icon/DragAndDrop.cur);
}

.liketab
{
  color:#FFF;
  background-color:#4682B4;
  font-variant:small-caps;
  border:2px solid silver;
  padding-left:10px;
  padding-right:10px;
  font-weight:700;
  cursor:pointer;
}

.ztipcrumbs
{
  color:silver;
  text-align:center;
  vertical-align:middle;
  font-family:Trebuchet MS;
  font-size:8pt;
}

body.publishInternal
{
  background-color:#FFF;
}

body.publish
{
  background-color:#FFF;
}

body.publish
{
  background-color:transparent;
}

A.PublishLinks:link:hover
{
  font-weight:700;
  font-style:normal;
  background-color:#FFDAB9;
  text-decoration:underline|overline;
}

A.ZacReader:visited
{
  font-weight:400;
  color:#4682B4;
  background-color:transparent;
  text-decoration:none;
}

A.ZacReader:link:hover
{
  font-weight:700;
  font-style:normal;
  font-size:12px;
  background-color:transparent;
  text-decoration:underline|overline;
}

A.LinkB:link
{
  background-color:transparent;
  text-decoration:none;
  color:black;
}

A.LinkB:visited
{
  font-weight:400;
  background-color:transparent;
  text-decoration:none;
}

A.LinkB:link:hover
{
  font-weight:700;
  font-style:italic;
  text-decoration:underline;
}

.DefaulttPage
{
  width:500px;
  visibility:hidden;
  font-size:28px;
  font-family:Garamond;
  font-color:#369;
}

.zebra
{
  font-weight:700;
  background-color:#FFDAB9;
  text-decoration:underline;
}

.zdropB
{
  font-family:verdana;
  font-size:12px;
  font-weight:400;
  font-style:italic;
  text-decoration:underline;
}

.font-family
{
  color:Red;
  font-family:Verdana;
  font-size:12px;
  font-color:#000;
  font-weight:700;
  font-style:normal;
  text-decoration:none;
  letter-spacing:normal;
  text-transform:none;
  word:normal;
}

.BoldMessage
{
  font-weight:Bold;
  font-family:Verdana,Garamond;
  font-size:18pt;
  color:#4682B4;
}

.LoadingMessage
{
  font-weight:Bold;
  font-family:Verdana,Garamond;
  font-size:14pt;
  color:#4682B4;
}

.RowHover
{
  font-weight:400;
  font-style:normal;
  text-decoration:none;
  background-color:#FFDAB9;
}

.RowUnHover
{
  font-weight:400;
  font-style:normal;
  background-color:transparent;
  text-decoration:none;
}

.MessageA
{
  font-family:Verdana, Garamond;
  font-size:10pt;
  color:#red;
}

.disclaimer
{
  font-family:Verdana,Garamond;
  font-size:8pt;
  color:#000;
  align:center;
}

.ZDisplayP
{
  font-family:Verdana,Garamond;
  font-size:12pt;
  align:left;
}

.ZDisplayReg
{
  font-family:Verdana,Garamond;
  font-weight:700;
  font-size:10pt;
  align:left;
}

.ZDisplayMessage
{
  align:left;
  font-size:12px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-weight:700;
  color:#4682B4;
}

td.MenuTD
{
  align:right;
  width:45px;
  font-weight:700;
  font-family:Arial,Tahoma, Verdana;
  font-size:11px;
  vertical-align:top;
  background-color:transparent;
  padding:0;
}

td.MenuTDHover
{
  align:right;
  width:45px;
  font-weight:700;
  font-size:11px;
  font-family:Arial,Tahoma, Verdana;
  vertical-align:top;
  background-color:#4682B4;
  text-decoration:underline|overline;
  cursor:pointer;
  padding:0;
}

A:hover
{
  font-weight:400;
  color:blue;
}

A:active
{
  font-weight:400;
  color:red;
}

.tdhead
{
  font-family:Garamond,Verdana;
  font-size:12px;
  font-style:normal;
  text-decoration:none;
  letter-spacing:normal;
  text-transform:none;
  background-color:#FFF;
  border:thin solid #000;
  word:normal;
}

.tdnamehead
{
  font-family:Garamond,Verdana;
  font-size:12px;
  font-style:normal;
  text-decoration:none;
  letter-spacing:normal;
  text-transform:none;
  border:thin solid #000;
  background-color:#DAD9D4;
  word:normal;
}

.zbars
{
  border-top:thin solid #87CEEB;
  border-bottom:thin solid #1E90FF;
  background-color:#FFF;
}

.iconswithborder
{
  background-color:transparent;
  width:25px;
  height:25px;
}

.iconswithbordergray
{
  background-color:transparent;
  width:20px;
  height:20px;
}

.time
{
  behavior:url(#default#time2);
}

.img
{
  width:60px;
  height:60px;
  border:thin solid #000;
}

.Zwizard
{
  font-size:12px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-color:#4682B4;
  font-weight:700;
  cursor:pointer;
  padding:4px;
}

.maintab
{
  color:#000;
  background-color:#FFDAB9;
  font-variant:small-caps;
  border:2px solid silver;
  padding-left:10px;
  padding-right:10px;
  font-weight:700;
  font-size:10pt;
  cursor:pointer;
}

.rollupstyle
{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing:border-box;
  -o-moz-box-sizing:border-box;
  
  align:center!important;
  background-color:transparent;
}

.footerstyle
{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing:border-box;
  -o-moz-box-sizing:border-box;
  
  align:center!important;
  background-color:transparent;
}

.zheaderstyle
{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing:border-box;
  -o-moz-box-sizing:border-box;
  
  align:center!important;
  background-color:transparent;
}

.coverbox12
{
  overflow:hidden;
}

.ZWizardImage
{
  width:40px;
  height:40px;
}

.focus 
{
 -moz-outline-style: none; 
}

.ZEditBox
{
  font-family:ZDefaultFont, Bradley Hand ITC, Tahoma, Verdana, Arial;
  font-size:18pt;
  vertical-align:top;
  cursor:text;
}

.ZEditBoxCode
{
  font-family:Tahoma, Verdana, Arial;
  font-size:10pt;
  height:100%;
  background-color:yellow;
}

.KillDiv
{
  background-color:silver;
  z-index:1000;
}

.IconText
{
  font-family:Tahoma, Verdana, Bradley Hand ITC, Arial;
  font-size:8pt;
  color:#000;
  color:dimgray;  
  width:30px;
  valign:middle;
  align:center;
  text-align:center;
  cursor:pointer;
}

.IconTextUC
{
  font-family:Tahoma, Verdana, Bradley Hand ITC, Arial;
  font-size:8pt;
  color:#000;
  color:dimgray;
  width:30px;
  valign:middle;
  align:center;
  text-align:center;
  cursor:pointer;
    /*text-transform:uppercase;*/ 
}


.IconTextReverseTop
{
  font-family:Tahoma, Verdana, Bradley Hand ITC, Arial;
  font-size:8pt;
  color:dimgray;
  width:30px;
  valign:middle;
  align:center;
  text-align:center;
}


.IconTextReverse
{
  font-family:Tahoma, Verdana, Bradley Hand ITC, Arial;
  font-size:8pt;
  color:dimgray;
  width:30px;
  valign:middle;
  align:center;
  text-align:center;
}

.zCubesMenuIconTop
{
  text-align:center;
  vertical-align:top;
  height:50px;
  width:50px;
}

.zCubesMenuIconTop
{
  width:50px;
  text-align:center;
  cursor:default; 
}

.IconTextReverseTop
{
  width:50px;
  text-align:center;
  cursor:default; 
}

.IconTextReverseTopInPages
{
  font-family:Tahoma, Verdana, Bradley Hand ITC, Arial;
  font-size:10pt;
  color:#708090;
  width:30px;
  valign:middle;
  align:center;
  text-align:center;
  width:50px;
  text-align:center;
  cursor:pointer; 
  text-decoration:underline;
}


.zCubesMenuIconTopInPages
{
  width:20px;
  vertical-align:center;
  valign:top;
  text-align:center;
  cursor:pointer;	
}

.ZInputWarning
{
  background-color:skyblue;
  color:black;
  /*font-weight:400;*/
  font-family:Tahoma, Verdana,Garamond;
  cursor:pointer;
  border:0;
  height:20px;
  font-size:7pt;
  padding-left:2px;
  padding-right:2px;
  background-image:url("http://images.zcubes.com/other/ZPlatform/img/Bg.png");
  
  
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
	-webkit-box-shadow: 3px 3px 3px rgba(81, 118, 116, 1);
	-moz-box-shadow:    3px 3px 3px rgba(81, 118, 116, 1);
	box-shadow:         3px 3px 3px rgba(81, 118, 116, 1);
  
}

.ZInput,.ZInputZ
{
	/*background-color:skyblue;*/
	font-size:7pt;
	text-transform:uppercase;


	background: #f2f5f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
	
	color:black;
	/*font-weight:400;*/
	font-family:Tahoma, Verdana,Garamond;
	cursor:pointer;
	border:0;
	height:20px;
	font-size:10pt;
	padding-left:10px;
	padding-right:10px;
	padding:5px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-top-radius: 10px;
	
	-webkit-box-shadow: 3px 3px 3px rgba(81, 118, 116, 1);
	-moz-box-shadow:    3px 3px 3px rgba(81, 118, 116, 1);
	box-shadow:         3px 3px 3px rgba(81, 118, 116, 1);
	
	text-align:center;
	vertical-align:middle;		
	
  /*height:20px;
  border-color:#FFF;*/
}
.ZInput:hover,.ZInputZ:hover
{
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */


color:white;
}

.ZInputZShort
{

  color:black;
  /*font-weight:400;*/
  font-family:Tahoma, Verdana,Garamond;
  cursor:pointer;
  border:0;
  height:20px;
  font-size:7pt;
  padding-left:2px;
  padding-right:2px;
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */

  
  
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
	-webkit-box-shadow: 3px 3px 3px rgba(81, 118, 116, 1);
	-moz-box-shadow:    3px 3px 3px rgba(81, 118, 116, 1);
	box-shadow:         3px 3px 3px rgba(81, 118, 116, 1);
  
}

.ZInputZ1
{
background: #e4f5fc; /* Old browsers */
background: -moz-linear-gradient(top,  #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f5fc), color-stop(50%,#bfe8f9), color-stop(51%,#9fd8ef), color-stop(100%,#2ab0ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 ); /* IE6-9 */

  color:black;
  /*font-weight:400;*/
  font-family:Tahoma, Verdana,Garamond;
  cursor:pointer;
  border:0;
  height:20px;
  font-size:7pt;
  padding-left:2px;
  padding-right:2px;
  
  
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
	-webkit-box-shadow: 3px 3px 3px rgba(81, 118, 116, 1);
	-moz-box-shadow:    3px 3px 3px rgba(81, 118, 116, 1);
	box-shadow:         3px 3px 3px rgba(81, 118, 116, 1);
  
}

.ZInputWarning:active
{
	-webkit-box-shadow: -3px -3px 3px rgba(81, 118, 116, 1);
	-moz-box-shadow:    -3px -3px 3px rgba(81, 118, 116, 1);
	box-shadow:         -3px -3px 3px rgba(81, 118, 116, 1);
}

.ZInput:active
{
	-webkit-box-shadow: -3px -3px 10px rgba(81, 118, 116, 1);
	-moz-box-shadow:    -3px -3px 10px rgba(81, 118, 116, 1);
	box-shadow:         -3px -3px 10px rgba(81, 118, 116, 1);
}

.ZInputZShort:active
{
	-webkit-box-shadow: -3px -3px 3px rgba(81, 118, 116, 1);
	-moz-box-shadow:    -3px -3px 3px rgba(81, 118, 116, 1);
	box-shadow:         -3px -3px 3px rgba(81, 118, 116, 1);
}

.ZInputZ:active
{
	-webkit-box-shadow: -3px -3px 3px rgba(81, 118, 116, 1);
	-moz-box-shadow:    -3px -3px 3px rgba(81, 118, 116, 1);
	box-shadow:         -3px -3px 3px rgba(81, 118, 116, 1);
}


.ZInput1:hover
{
	-webkit-box-shadow: 4px 4px 3px rgba(81, 118, 116, 1);
	-moz-box-shadow:    4px 4px 3px rgba(81, 118, 116, 1);
	box-shadow:         4px 4px 3px rgba(81, 118, 116, 1);
}


.ZInputWarning
{
  background-color:red;
}


.ZInputZShort
{
  height:15px;
}

.ZComment
{
}

.ZHeaderInputGroups
{
  font-family:Tahoma, Verdana, Bradley Hand ITC, Arial;
  font-size:7pt;
  color:#000;
  valign:middle;
  align:center;
  text-align:center;
  font-weight1:bold;
  background-color:orange;
  text-transform:uppercase;
  padding-top:5px;
  padding-bottom:5px;
  margin-top:5px;
  margin-bottom:5px;
}

.ZAccountClass
{
  color:silver;
  font-family:Tahoma, Verdana,Garamond;
  font-weight:700;
}

.ForLegend
{
  color:silver;
  font-family:Tahoma, Verdana,Garamond;
  font-weight:700;
}

.Postcard
{
  font-family:Gigi;
  font-size:15pt;
}

.Diary
{
  font-family:Papyrus;
  font-size:10pt;
}

.Scarp
{
  font-family:Rage Italic;
  font-size:10pt;
}

.Love
{
  font-family:Curls MT;
  font-size:10pt;
}

.General
{
  font-family:Bradley Hand ITC;
  font-size:10pt;
}

.ImageShadowText
{
  font-family:Tahoma, Verdana, Arial;
  font-size:15pt;
  color:#FFF;
}

.CubeHeaderText
{
  font-family:Arial Narrow;
  font-size:15pt;
}

.zdropA
{
  font-family:verdana;
  font-size:12px;
  background-color:#FFDAB9;
  color:#000;
  font-weight:400;
  position:relative;
}

.ZAccountText
{
  background-color:#FFDAB9;
  color:#000;
}

.SlideHeader
{
	color:black;
	font-size:45pt;
	font-family:Arial;
	/*box-shadow:1px -1px 1px #000001;
	-webkit-box-shadow:1px -1px 1px #000001;
	-moz-box-shadow:1px -1px 1px #000001;*/
	text-shadow: 2px 2px 4px silver;
  	font-family:"NewFont1" Verdana,Garamond;
}

.SlideSubHeader
{
	color:#darkgray;
	font-size:18pt;
	font-family:Arial;
	/*box-shadow:1px -1px 1px #000001;
	-webkit-box-shadow:1px -1px 1px #000001;
	-moz-box-shadow:1px -1px 1px #000001;
	*/
	vertical-align:middle;
	text-shadow: 2px 2px 4px silver;
	  font-family:ZDefaultFont,Verdana,Garamond;
}

.SlideContent
{
	color:black;
	font-size:18pt;
	font-family:Arial;
	
	/*
	box-shadow:1px -1px 1px #000001;
	-webkit-box-shadow:1px -1px 1px #000001;
	-moz-box-shadow:1px -1px 1px #000001;
	*/
	vertical-align:top;
	width:250px;
	text-shadow: 1px 1px 2px silver;
	font-family:"NewFont3" Verdana,Garamond;

}

.SlideContent > LI
{
  color:black;
}



.BulletStyle1
{
  font-size:100%;
  vertical-align:middle;
}

.BulletStyle2
{
  font-size:80%;
  vertical-align:middle;
}

.BulletStyle3
{
  font-size:60%;
  vertical-align:middle;
}

.BulletStyle4
{
  font-size:50%;
  vertical-align:middle;
}

.BulletStyle5
{
  font-size:40%;
  vertical-align:middle;
}

.BulletStyle6
{
  font-size:30%;
  vertical-align:middle;
}

.bordertable
{
  border:0 solid #000;
  font-family:Garamond, Tahoma, Verdana, Arial;
  font-size:16pt;
  color:#FFF;
  background-color:#1a7edf;
  font-color:#FFF;
  valign:top;
  text-align:right;
  padding-left:15px;
  background-image:url(http://images.zcubes.com/zboxdev/icon/header/blue-orange_2000x50.png);
}

.CubeContent
{
  font-family:Tahoma, Garamond,Verdana, Arial;
  font-size:10px pt;
}

table.SpreadSheet
{
  font-family:Arial, Tahoma, Verdana;
  font-size:10pt;
  color:inherit;
}

table.SpreadSheet td
{
  font-family:Arial, Tahoma, Verdana;
  font-size:10pt;
  color:inherit;
  /*height:20px;
  width:100px;*/
}

table.SpreadSheet td.twinkle_on
{
  background-color:#FFE4B5!important;
  color:red!important;
}

.ssac_t
{
  border:1px #000 solid!important;
}

.sshl_t
{
  background-color:silver!important;
  z-index:50000000000000;
}

.ssbo_t
{
  font-weight:700;
}

.ssbo_f
{
  font-weight:none;
}

.ssit_t
{
  font-style:italic;
}

.ssun_t
{
  text-decoration:underline;
}

.ssun_f
{
  text-decoration:none;
}

.ssal_l_t
{
  text-align:left;
}

.ssal_r_t
{
  text-align:right;
}

.ssal_c_t
{
  text-align:center;
}

.ssal_j_t
{
  text-align:justify;
}

.bsl
{
  border-left:2px solid #000!important;
}

.bst
{
  border-top:2px solid #000!important;
}

.bsb
{
  border-bottom:2px solid #000!important;
}

.bsr
{
  border-right:2px solid #000!important;
}

.ball
{
  border:2px solid #000;
  border-color:#000;
  border-width:3px;
}

.bNone
{
  border:0;
}

.imgborder
{
  left:10px;
}

.divgraph
{
  top:140px;
  width:150px;
  position:absolute;
  background-color:#FF0;
}

.highlightSelection,.HighLightSelection
{
  background-color:silver!important;
}

.tdcontent
{
  zoom:20%;
}

.hide
{
  visibility:hidden;
  display:none;
}

.blank
{
  visibility:hidden;
  display:block;
}

.show
{
  visibility:visible;
  display:block;
}

.SelectTD1
{
  border:2px solid #000!important;
  contentEditable:true;
  background:rgba(255, 255, 0, 0.08);
}

.HighLightBorder
{
  border:2px solid #000;
}

.selectionbar
{
  height:15px;
  width:150px;
  font-weight:400;
  font-family:Tahoma, Verdana,Garamond;
  cursor:pointer;

background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

  font-size:7pt;
  text-transform:uppercase;
}

.ChangeBGColor
{
  background-color:#FF0!important;
}

.zcontent
{
  font-family:ZDefaultFont,Trebuchet MS, Times New Roman,Tahoma,Verdana,Garamond;
  font-size:14pt;
   -webkit-user-select:auto;
}

.userselect
{
-webkit-user-select:auto;		

}

table
{
  -webkit-user-select:none;	
}

div
{
  -webkit-user-select:auto;	
}

.smallimage
{
  width:10px;
  height:10px;
}

.zhimg
{
  width:20px;
  height:20px;
}

.zh1 
{
  text-decoration:underline;
  display:block;
  font-weight:bold; 
}

.zh2
{
  width:20px;
  height:20px;
}

.zhandles
{
  font-size:0;
  z-index:1001;
  width:10px;
  cursor:pointer;
  position:absolute;
  height:10px;
  /*
  border-left:#000 1px solid;
  border-right:#000 1px solid;
  border-top:#000 1px solid;
  border-bottom:#000 1px solid;
  */
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.51);
}



.bookmark
{
  background-image:url(http://images.zcubes.com/zboxdev/icon/edits/Link.gif);
  width:20px;
}

.selectedcells
{
  background-color:#FFE4B5!important;
  color:#000!important;
}

.cutcopiedcells
{
	background-color:lightsteelblue!important;

}

.heading
{
  font-family:Trebuchet MS;
  color:#545454;
  font-size:18pt;
}

#MyDatagrid
{
  color:#000;
  font-size:9pt;
  height:18px;
  vertical-align:top;
  font-family:Trebuchet MS,Verdana;
  font-weight:400;
  width:99%;
  border:1px;
  border-color:#FED9BF;
  border-style:solid;
}

#MyDatagrid a
{
  text-decoration:underline;
  color:#000;
}

#MyDatagrid a:hover
{
  text-decoration:none;
  color:#000;
}

.gridheading
{
  font-size:10pt;
  color:#000;
  background-color:#D9E7F3;
  font-weight:700;
}

.EmailAlignment
{
  font-size:10pt;
  color:gray;
  font-family:Trebuchet MS,Verdana;
  font-weight:400;
}

.DecorationForPopUp
{
  cursor:pointer;
}

.ZwizardImage
{
  cursor:pointer;
}

.ZButton
{
  cursor:pointer;
}

.guideposts
{
  cursor:pointer;
}

.gamidecorations
{
  cursor:pointer;
}

.gami
{
  cursor:pointer;
  
}

.img1
{
  cursor:pointer;
}

.zcubeclick
{
  cursor:pointer;
}

.tablemenustyle
{
  border:0 solid #fff;
  text-decoration:none;
  font-weight:700;
  font-color:#000;
}

.menustyle
{
  border:0 solid #fff;
  text-decoration:none;
  font-weight:700;
  font-color:#000;
}

.t0l2o
{
  border:0 solid #fff;
  text-decoration:none;
  font-color:#000;
  font-weight:700;
}

.m0l2o
{
  border:0 solid #fff;
  text-decoration:none;
  font-color:#000;
  font-weight:700;
}

.t0l2i
{
  font-size:12px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-color:#000;
  font-weight:700;
  padding:4px;
}

.t0l1i
{
  font-size:12px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-color:#000;
  font-weight:700;
  padding:4px;
}

.t0l0i
{
  font-size:12px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-color:#000;
  font-weight:700;
  padding:4px;
}

.m0l2i
{
  font-size:12px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-color:#000;
  font-weight:700;
  padding:4px;
}

.m0l1i
{
  font-size:12px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-color:#000;
  font-weight:700;
  padding:4px;
}

.m0l0i
{
  font-size:12px;
  font-family:Tahoma, Verdana, Arial;
  text-decoration:none;
  font-color:#000;
  font-weight:700;
  padding:4px;
}

td.browserHover
{
  color:#000;
  font-weight:400;
  vertical-align:top;
  background-color:#B0C4DE;
  padding:0;
}

td.menuHover
{
  color:#000;
  font-weight:400;
  vertical-align:top;
  background-color:#B0C4DE;
  padding:0;
}

div.subMenuBrowser
{
  display:none;
  position:static;
}

div.menuBrowser
{
  display:none;
  position:static;
}

A.PublishLinks:visited
{
  font-weight:700;
  background-color:transparent;
  text-decoration:none;
}

A.PublishLinks:link
{
  font-weight:700;
  background-color:transparent;
  text-decoration:none;
}

.zebraout
{
  font-weight:700;
  background-color:transparent;
  text-decoration:underline;
}

.PublishLinks
{
  font-weight:700;
  background-color:transparent;
  text-decoration:underline;
}

fieldset
{
  /*font-family:Verdana,Garamond;
  font-color:#0FF;
  font-size:8pt;*/
}

legend
{
  /*font-family:Verdana,Garamond;
  font-color:#0FF;
  font-size:8pt;
  */
}

o\: *
{
  behavior:url(#default#VML);
}

v\: *
{
  behavior:url(#default#VML);
}

span
{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing: border-box;  
  -webkit-box-sizing:border-box;
  -o-box-sizing: border-box;
  

-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
		
  -moz-outline-style: none; 
  outline:none;
 
}

.gamizbox
{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing: border-box;  
  -webkit-box-sizing:border-box;
  -o-box-sizing: border-box;
  

-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
		
  -moz-outline-style: none; 
  outline:none;
   -webkit-user-select:none;
 
}

div
{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing: border-box;  
  -webkit-box-sizing:border-box;
  -o-box-sizing: border-box;
  

-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
		
  -moz-outline-style: none; 
  outline:none;
 
}

.nocurves,.nocurveswhole
{
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
}

.nocurveswhole>*
{
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
}

.zsshadowedtrue
{
   box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);
   -moz-box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);
   -webkit-box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80); 	
}
.zsshadowedfalse
{

}

.coverbox1
{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing: border-box;  
  -webkit-box-sizing:border-box;
  -o-box-sizing: border-box;
  
  /*-moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;*/
}

.contentbox1
{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing: border-box;  
  -webkit-box-sizing:border-box;
  -o-box-sizing: border-box;
  
  /*-moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;*/
}

.gamizbox1
{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing: border-box;  
  -webkit-box-sizing:border-box;
  -o-box-sizing: border-box;
  
  /*-moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;*/
}

#MyGridDiv.a hover
{
  height:248px;
  vertical-align:top;
  color:#545454;
  border-color:#FED9BF;
}

#MyGridDiv.a
{
  height:248px;
  vertical-align:top;
  color:#545454;
  border-color:#FED9BF;
}

#MyGridDiv.a visited
{
  height:248px;
  vertical-align:top;
  color:#545454;
  border-color:#FED9BF;
}

#MyGridDiv
{
  height:248px;
  vertical-align:top;
  color:#545454;
  border-color:#FED9BF;
}

@media print {
  .pagebreak
  {
    page-break-after:always;
    height:0;
    background-color:transparent;
  }
}

@media screen {
  .pagebreak
  {
    page-break-after:always;
    width:100%;
    height:1px;
    font-size:0;
    background-color:#000;
  }
}


//pivot table

.bookmark
{
	background-image:url('http://images.zcubes.com/zboxdev/icon/edits/Link.gif');
	width:20px;
}


.selectedcells
{
	background-color:moccasin !important; 
	color:black !important; 
}

.calciimg
{
/*
  width:22px;
  height:22px;
*/  
  width:18px;
  height:18px;
  cursor:pointer;
}

.SubTopMenuIcon
{
/*
  width:22px;
  height:22px;
*/  
  width:18px;
  height:18px;
  cursor:pointer;
}

.highlightSelection
{
	background-Color:silver !important;
}


.cvv
{
	color:red;
	background-Color:yellow !important;
	font-weight:bold;
	text-decoration:none;

}

.cvv
{
	color:red;
	background-Color:yellow !important;
	font-weight:normal;
}

.cvn
{
	color:orange;
	background-Color:yellow !important;
	text-decoration:none;
	font-weight:bold;
}

.rn
{
	color:blue;
	background-Color:yellow
	font-weight:bold;
	text-decoration:none;
}

.dvv
{
	color:steelblue;
	background-Color:silver !important;
	font-weight:bold;
	text-decoration:none;
}

.rowvalues
{
	color:blue;

	background-color:yellow  !important;
	font-weight:normal;
}

.rv
{
	color:blue;

	background-color:yellow  !important;
	font-weight:normal;
}

.dn
{
	color=brown;
	background-Color:silver !important;
	font-weight:bold;
}

.dv
{
	color:brown;
	background-Color:silver !important;
	font-weight:normal;

}

.gt
{
	color:green;
	background-color:peachpuff !important;
	font-weight:bold;
}

.st
{
	color:green;
	background-color:lightsteelblue !important;
	font-weight:normal;	
}

.pn
{
	color:red;
	font-weight:bold;
	font-size:10pt;
}

.hvv
{
	background-Color:orange !important;
	font-weight:bold;
}
.lvv
{
}

.defaultodd
{
	background-color:moccasin;
}
.defaulteven
{
	background-color:white;
}

/* TABBED CUBES IMPLEMENTATION */
.ztabpanel
{	
	background-color:transparent;
	color:black;
	cursor:pointer;
}
.ztabinactive
{
	font-family:Tahoma, Verdana, Arial;
	border:solid 1px silver;
	padding:1px;
	padding-left:5px;
	padding-right:5px;
	height:10px;
	background-color:white;
	color:black;
	font-size:10px;
}
.ztabactive
{
	font-family:Tahoma, Verdana, Arial;
	border:solid 1px silver;
	padding:1px;
	padding-left:5px;
	padding-right:5px;
	height:10px;	
	background-color:silver;	
	color:black;
	font-size:10px;	
}

.ztabinactivex
{
	font-family:Tahoma, Verdana, Arial;
	/*height:10px;*/
	background-color:transparent;
	color:black;
	font-size:10px;
}

.ztabactivex
{
	font-family:Tahoma, Verdana, Arial;
	/*height:10px;*/
	background-color:transparent;	
	color:black;
	font-size:10px;	
}
.ztabadd
{
	
}

.ztactive
{
	/*background-image:url(http://images.zcubes.com/ztabs/active.gif);
	background-repeat:repeat-x;
	background-position:right;
	*/
	text-align:center;
	font-size:14pt;
	height1:14px;
	color:black;

	background: rgb(228,245,252); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(228,245,252,1) 0%, rgba(191,232,249,1) 50%, rgba(159,216,239,1) 51%, rgba(42,176,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,245,252,1)), color-stop(50%,rgba(191,232,249,1)), color-stop(51%,rgba(159,216,239,1)), color-stop(100%,rgba(42,176,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 ); /* IE6-9 */
	
	border-radius: 25% 25% 0% 0%;

	padding-left:10px;
	padding-right:10px;	
}

.ztinactive
{
	/*background-image:url(http://images.zcubes.com/ztabs/inactive.gif);
	background-repeat:repeat-x;
	background-position:right;
	*/
	text-align:center;
	font-size:14pt;
	height1:14px;
	color:rgb(86, 81, 81);
	
	background: rgb(242,246,248); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
	
	border-radius: 25% 25% 0% 0%;
	padding-left:10px;
	padding-right:10px;	
}
.ztadd
{
	background-image:url(http://images.zcubes.com/ztabs/add.gif);
	background-repeat:repeat-x;
	background-position:right;
	text-align:center;
	font-size:14px;
	height1:14px;
	color:White;
}
.ztaddright
{
	background-image:url(http://images.zcubes.com/ztabs/addright.gif);
	background-position:left;
	background-repeat:no-repeat;
	height1:14px;
}

.ztclosebutton
{
	position:relative;
	left: 5px;
}
.ztabnew
{
	background-color:red;
}


/* New Cover Implementations */
.CubeWrapper
{
	border:0px;
	padding:0px;
	overflow:hidden;
	width:100%;
	height:100%;
}

.CW_br
{
	width:0px;
	height:0px;
}

.CW_bl
{
	width:0px;
	height:0px;
}

.CW_tr
{
	width:0px;
	height:0px;
}

.CW_tl
{
	width:0px;
	height:0px;
}
.CW_bm
{
	/*width:100%;*/
	height:0px;
}
.CW_tm
{
	/*width:100%;*/
	height:0px;
}
.CW_mr
{
	width:0px;
	/*height:100%;*/
}
.CW_ml
{
	width:0px;
	/*height:100%;*/
}
.CW_mm
{
	width:250px;
	height:250px;
}

/* float implementation. move to setup also*/
.fl
{
	float: left;
} 
.fr
{
	float: right;
} 
.ifl
{
	float: left; 
	vertical-align: text-top;
} 
.ifr
{
	float: right; 
	vertical-align: text-top;
} 
div.wc
{
	width:99.5%; 
	float:left;
}


/* NEW PLATFORM CSS */
@charset "utf-8";
body{
	margin:0;
	width:100%;
	height:100%;
	min-width:1162px;
	min-height:65px;
	font-family:"Tahoma", Arial;
	font-size:10pt;
}
html{
	margin:0;
	width:100%;
	height:100%;
	min-width:1162px;
	/*min-height:1000px;*/
	font-family:"Tahoma", Arial;
	font-size:10pt;
}
#Container {
	 width:100%;
	 height:100%;
 
}

#Header{
	width:100%;
	height:7%;
	/*height:57px;
	height:57px;*/
	position:relative;
	z-index:3;
	
	
}
#ztopbannerzpanel,.ztopbannerzpanel
{
	background-color: #DFEEF9;
	background-image: url("http://images.zcubes.com/zp/BlueAbstract/BlueAbstractTop.jpg");
	/*background-repeat: no-repeat;
	background-position: left bottom;*/
	height: 60px;
	/*height: 55%;*/
	min-height:33px;
	color:#595858;
	position:relative;
	
	padding-bottom:20px;
	padding-left:30px;	
	padding-right:30px;	

	
	-webkit-border-bottom-right-radius: 75px;
	-webkit-border-bottom-left-radius: 75px;
	-moz-border-radius-bottomright: 75px;
	-moz-border-radius-bottomleft: 75px;
	border-bottom-right-radius: 75px;
	border-bottom-left-radius: 75px;
	
		-webkit-box-shadow: -7px 1px 26px rgba(81, 118, 116, 1);
-moz-box-shadow:    -7px 1px 26px rgba(81, 118, 116, 1);
box-shadow:         -7px 1px 26px rgba(81, 118, 116, 1);

}

#zbottomzpanel
{
	/*background-color: #DFEEF9;
	background-image: url("http://images.zcubes.com/zp/BlueAbstract/BlueAbstractBottom.jpg");
	*/
	background-color: #DFE0E0;
	/*background-repeat: no-repeat;
	background-position: left bottom;*/
	color:#595858;
	
	padding-top:10px;
	padding-left:70px;	
	padding-right:70px;	
	padding-bottom:20px;	
	margin-top:40px;
	margin-left:40px;	/* Change resizelayout in zcuybes.aspx if this is changed */
	margin-right:40px;	/* Change resizelayout in zcuybes.aspx if this is changed */
	
	-webkit-border-top-left-radius: 75px;
	-webkit-border-top-right-radius: 75px;
	-moz-border-radius-topleft: 75px;
	-moz-border-radius-topright: 75px;
	border-top-left-radius: 75px;
	border-top-right-radius: 75px;
	
	-webkit-box-shadow: -7px 1px 26px rgba(81, 118, 116, 1);
	-moz-box-shadow:    -7px 1px 26px rgba(81, 118, 116, 1);
	box-shadow:         -7px 1px 26px rgba(81, 118, 116, 1);

	transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg); /* Safari and Chrome */
	-moz-transform: rotateX(0deg); /* Firefox */	
	
	opacity:1.0;

}

#zbottomzpanel div
{
	/*-webkit-border-top-left-radius: 25px;
	-webkit-border-top-right-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-topright: 25px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-webkit-border-bottom-right-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	-moz-border-radius-bottomright: 25px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	
	-webkit-box-shadow: -7px 1px 26px rgba(81, 118, 116, 1);
	-moz-box-shadow:    -7px 1px 26px rgba(81, 118, 116, 1);
	box-shadow:         -7px 1px 26px rgba(81, 118, 116, 1);
	*/
	background-color:transparent !important; 
}

#zrightzpanel div
{
	/*-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	
	-webkit-box-shadow: -7px 1px 26px rgba(81, 118, 116, 1);
	-moz-box-shadow:    -7px 1px 26px rgba(81, 118, 116, 1);
	box-shadow:         -7px 1px 26px rgba(81, 118, 116, 1);
	*/
	background-color:transparent !important; 
}

#zstatuszpanel
{
	background-color: #DFEEF9;
	color:#595858;

	padding-left:70px;	
	padding-right:70px;	
	/*margin-left:40px;	
	margin-right:40px;	
	*/
	
	-webkit-border-top-left-radius: 75px;
	-webkit-border-top-right-radius: 75px;
	-moz-border-radius-topleft: 75px;
	-moz-border-radius-topright: 75px;
	border-top-left-radius: 75px;
	border-top-right-radius: 75px;
	
	-webkit-box-shadow: -7px 1px 26px rgba(81, 118, 116, 1);
	-moz-box-shadow:    -7px 1px 26px rgba(81, 118, 116, 1);
	box-shadow:         -7px 1px 26px rgba(81, 118, 116, 1);
	
	-webkit-transform: translateZ(0px);
}

#ZEditBarStandard
{
	bottom:110px !important;
	position: absolute;
	left: 0px;
	z-index:100000000000;
}

#ZSmallHelpIcon/*,#ZSmallConsoleIcon*/,#ZEditBarIcon1
{
	-webkit-transition: all  2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}


#zcubeszpanel
{
/*
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
*/

}


#zspacezpanel
{
/*
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
*/	

}


#zsystemzpanel
{
	/*right:10px !important;*/
/*	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
*/	
}


#zrightzpanel
{
/*
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
*/
/*
	-webkit-transition: left 2s ease-in-out;
	-moz-transition: left 2s ease-in-out;
	-o-transition: left 2s ease-in-out;
	-ms-transition: left 2s ease-in-out;
	transition: left 2s ease-in-out;
*/	
	opacity:0.75;
}


#zrightzpanel:hover,#zbottomzpanel:hover,#zleftzpanel:hover
{

	-webkit-box-shadow: 7px 1px 2px rgba(81, 118, 116, 1);
	-moz-box-shadow:    7px 1px 2px rgba(81, 118, 116, 1);
	box-shadow:         7px 1px 2px rgba(81, 118, 116, 1);
}

#zrightzpanel:hover,#zleftzpanel:hover
{
	opacity:0.95;
}

#zbottomzpanel:hover
{
	opacity:1.0;
}


#zrightzpanel:active,#zbottomzpanel:active,#zleftzpanel:active
{
	-webkit-box-shadow: -7px 1px 26px rgba(81, 118, 116, 1);
	-moz-box-shadow:    -7px 1px 26px rgba(81, 118, 116, 1);
	box-shadow:         -7px 1px 26px rgba(81, 118, 116, 1);
}
#zrightzpanel:active,#zleftzpanel:active
{	opacity:0.55;
}


#zbottomzpanel
{
	/*-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
	*/
	/*
	-webkit-transition: top 2s ease-in-out;
	-moz-transition: top 2s ease-in-out;
	-o-transition: top 2s ease-in-out;
	-ms-transition: top 2s ease-in-out;
	transition: top 2s ease-in-out;
*/
/*
	-webkit-transition: height 2s ease-in-out;
	-moz-transition: height 2s ease-in-out;
	-o-transition: height 2s ease-in-out;
	-ms-transition: height 2s ease-in-out;
	transition: height 2s ease-in-out;
	
	-webkit-transition: -webkit-transform 2s ease-in-out;
	-moz-transition: -webkit-transform 2s ease-in-out;
	-o-transition: -webkit-transform 2s ease-in-out;
	-ms-transition: -webkit-transform 2s ease-in-out;
	transition:  -webkit-transform 2s ease-in-out;*/
/*  -webkit-transition-property: top, height;
  -webkit-transition-duration: 2s, 4s;
  -webkit-transition-timing-function:ease-in-out,ease-in-out;
  */
/*
	// had some issues with painttext editor and command editor. avoiding this effect.
	-webkit-transition: top  2s ease-in-out;
	-moz-transition: top 2s ease-in-out;
	-o-transition: top 2s ease-in-out;
	-ms-transition: top 2s ease-in-out;
	transition: top 2s ease-in-out;
  */

}


#zleftzpanel
{
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;

	opacity:0.75;
}

#zleftzpanel:hover
{
	opacity:0.95;
}

#zcombozpanel
{
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.zleftzpanel
{
	background-color1: #DFEEF9;	
	background-image: url("http://images.zcubes.com/zp/BlueAbstract/BlueAbstractLeft.jpg");
	/*background-repeat: no-repeat;
	background-position: left bottom;*/
	color:#595858;
	
	padding-top:70px;
	padding-right:20px;	
	padding-bottom:70px;	
	margin-top:10px;
	margin-left:10px;	
	margin-right:10px;	
	margin-bottom1:10px;
	
	-webkit-border-top-right-radius: 75px;
	-webkit-border-bottom-right-radius: 75px;
	-moz-border-radius-topright: 75px;
	-moz-border-radius-bottomright: 75px;
	border-top-right-radius: 75px;
	border-bottom-right-radius: 75px;
	
	-webkit-box-shadow: -7px 1px 26px rgba(81, 118, 116, 1);
	-moz-box-shadow:    -7px 1px 26px rgba(81, 118, 116, 1);
	box-shadow:         -7px 1px 26px rgba(81, 118, 116, 1);

}
.zrightzpanel
{
	/*
	background-color:#DFEEF9;
	background-image: url("http://images.zcubes.com/zp/BlueAbstract/BlueAbstractRight.jpg");
	*/
	background-color:silver;
	/*background-repeat: no-repeat;
	background-position: left bottom;*/
	color:#595858;
	
	
	
	padding-top:70px;
	padding-left:20px;	
	padding-bottom:70px;	
	margin-top:10px;
	margin-left:10px;	
	margin-right:10px;	
	margin-bottom1:10px;
	
	-webkit-border-top-left-radius: 75px;
	-webkit-border-bottom-left-radius: 75px;
	-moz-border-radius-topleft: 75px;
	-moz-border-radius-bottomleft: 75px;
	border-top-left-radius: 75px;
	border-bottom-left-radius: 75px;
	
	-webkit-box-shadow: -7px 1px 26px rgba(81, 118, 116, 1);
	-moz-box-shadow:    -7px 1px 26px rgba(81, 118, 116, 1);
	box-shadow:         -7px 1px 26px rgba(81, 118, 116, 1);

}

#zsystemzpanel iframe
{
	background-color: rgba(217, 216, 216, 0.82);

	padding-top:10px;
	padding-left:50px;	
	padding-right:50px;	
	padding-bottom:20px;	
	margin-top:40px;
	margin-left:40px;	/* Change resizelayout in zcuybes.aspx if this is changed */
	margin-right:40px;	/* Change resizelayout in zcuybes.aspx if this is changed */

	-webkit-border-top-left-radius: 75px;
	-webkit-border-top-right-radius: 75px;
	-moz-border-radius-topleft: 75px;
	-moz-border-radius-topright: 75px;
	border-top-left-radius: 75px;
	border-top-right-radius: 75px;

	/*-webkit-box-shadow: -7px 1px 26px rgba(81, 118, 116, 1);
	-moz-box-shadow:    -7px 1px 26px rgba(81, 118, 116, 1);
	box-shadow:         -7px 1px 26px rgba(81, 118, 116, 1);
	*/

	-webkit-box-shadow: 0px 7px 273px rgba(81, 118, 116, 1);
	-moz-box-shadow:    0px 7px 273px rgba(81, 118, 116, 1);
	box-shadow:         0px 7px 273px rgba(81, 118, 116, 1);

	-webkit-border-bottom-left-radius: 75px;
	-webkit-border-bottom-right-radius: 75px;
	-moz-border-radius-bottomleft: 75px;
	-moz-border-radius-bottomright: 75px;
	border-bottom-left-radius: 75px;
	border-bottom-right-radius: 75px;

	height:600px !important;
	//width:600px !important;

}

#iframe
{
	position:absolute;
	top:200px;
	left:-291px;
	height:600px !important;
}

#zsystemzpanel  iframe
{
	top:40px !important;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;

	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;

	-webkit-box-shadow: -7px 1px 26px rgba(81, 118, 116, 1);
	-moz-box-shadow:    -7px 1px 26px rgba(81, 118, 116, 1);
	box-shadow:         -7px 1px 26px rgba(81, 118, 116, 1);

	/*	-moz-box-shadow: inset 0 0 5px 5px #888;
	-webkit-box-shadow: inset 0 0 5px 5px#888;
	box-shadow: inset 0 0 5px 5px #888;
	*/





}

#zsystemzpanel div
{
	
	/*padding-top:40px;
	
	-webkit-border-top-left-radius: 25px;
	-webkit-border-top-right-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-topright: 25px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-webkit-border-bottom-right-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	-moz-border-radius-bottomright: 25px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	
	-webkit-box-shadow: -7px 1px 26px rgba(81, 118, 116, 1);
	-moz-box-shadow:    -7px 1px 26px rgba(81, 118, 116, 1);
	box-shadow:         -7px 1px 26px rgba(81, 118, 116, 1);*/
	background-color:transparent !important;
	
}

#zcolorzpanel
{
	padding-top:10px;
	padding-left:10px;	
	padding-right:10px;	
	padding-bottom:10px;	
	
	
		margin-top:40px;
	margin-left:40px;	/* Change resizelayout in zcuybes.aspx if this is changed */
	margin-right:40px;	/* Change resizelayout in zcuybes.aspx if this is changed */
/*
	-webkit-border-top-left-radius: 75px;
	-webkit-border-top-right-radius: 75px;
	-moz-border-radius-topleft: 75px;
	-moz-border-radius-topright: 75px;
	border-top-left-radius: 75px;
	border-top-right-radius: 75px;
*/	
	/*-webkit-box-shadow: -7px 1px 26px rgba(81, 118, 116, 1);
	-moz-box-shadow:    -7px 1px 26px rgba(81, 118, 116, 1);
	box-shadow:         -7px 1px 26px rgba(81, 118, 116, 1);
	*/

	-webkit-box-shadow: 0px 7px 273px rgba(81, 118, 116, 1);
	-moz-box-shadow:    0px 7px 273px rgba(81, 118, 116, 1);
	box-shadow:         0px 7px 273px rgba(81, 118, 116, 1);
	
}

#zspacezpanel
{
	/*padding-top:10px;
	padding-left:10px;	
	padding-right:10px;	
	padding-bottom:10px;	
	*/
	
	/*margin-top1:40px;*/
	/*margin-left1:40px;*/	/* Change resizelayout in zcuybes.aspx if this is changed */
	/*margin-right1:40px;*/	/* Change resizelayout in zcuybes.aspx if this is changed */

	/*-webkit-border-top-left-radius: 75px;
	-webkit-border-top-right-radius: 75px;
	-moz-border-radius-topleft: 75px;
	-moz-border-radius-topright: 75px;
	border-top-left-radius: 75px;
	border-top-right-radius: 75px;
	
		
	-webkit-box-shadow: 0px 7px 273px rgba(81, 118, 116, 1);
	-moz-box-shadow:    0px 7px 273px rgba(81, 118, 116, 1);
	box-shadow:         0px 7px 273px rgba(81, 118, 116, 1);
*/
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	
	/*
	box-shadow: 1px 1px 37px rgba(146, 140, 140, 1);
	border: 1px solid #BFBFBF;
	*/
	width: 465px !important;
	height: 480px !important;
}
.roundiconcenter
{
	padding:2px !important;
}
#zcubezpanel
{
	padding-top:10px;
	padding-left:10px;	
	padding-right:10px;	
	padding-bottom:10px;	
	
	/*
	box-shadow: 1px 1px 37px rgba(146, 140, 140, 1);
	border: 1px solid #BFBFBF;
	*/
	width: 430px !important;
	height: 480px !important;

	
	margin-top1:40px;
	margin-left1:40px;	/* Change resizelayout in zcuybes.aspx if this is changed */
	margin-right1:40px;	/* Change resizelayout in zcuybes.aspx if this is changed */

	/*-webkit-border-top-left-radius: 75px;
	-webkit-border-top-right-radius: 75px;
	-moz-border-radius-topleft: 75px;
	-moz-border-radius-topright: 75px;
	border-top-left-radius: 75px;
	border-top-right-radius: 75px;
	
	-webkit-box-shadow: 0px 7px 273px rgba(81, 118, 116, 1);
	-moz-box-shadow:    0px 7px 273px rgba(81, 118, 116, 1);
	box-shadow:         0px 7px 273px rgba(81, 118, 116, 1);*/

/*
	-webkit-box-shadow: -7px 1px 26px rgba(81, 118, 116, 1);
	-moz-box-shadow:    -7px 1px 26px rgba(81, 118, 116, 1);
	box-shadow:         -7px 1px 26px rgba(81, 118, 116, 1);

	0px 7px 73px rgba(0, 0, 0, 0.80);
*/
}

 .TopMenu a{
	/*font-family:Tahoma, Arial;*/
	font-size:10pt;
	color:#595858;
	position:relative;
	/*width:70px;*/
	top:-3px;
	left:0px;
	padding-right:22px;
	height: 24px;
	text-decoration: none;	

}
.TopMenu img{
position:relative;
top: 1px;

}
.leftbg{
background-image: url("http://images.zcubes.com/other/ZPlatform/img/ml.png");
	background-repeat: no-repeat;
	width:8px;
	height:24px;
	float:left;
	
	position:relative;
	/*top:-27px;*/
	left:-3px;

}
.rbg{
background-image: url("http://images.zcubes.com/other/ZPlatform/img/rbg1.png");
	background-repeat: no-repeat;
	width:8px;
	height:24px;
	float:right;
	
	position:relative;
	top:-26px;
	left:5px;

}
 .TopMenu a:hover{
	font-family:Tahoma, Arial;
	font-size:10pt;
	color:Black;
	position:relative;
	/*top:-6px;*/
	text-decoration: none;
}
.Logo{
	 position:absolute;
	 padding-top:2px;
	 padding-left:3px;
 }

.TopMenu{
	background-image: url("http://images.zcubes.com/other/ZPlatform/img/menubg.png");
	background-repeat:repeat-x;
	background-position: left top;
	height: 24px;
	/*width:80%;*/
	width:950px;
	float:right;
	position:relative;
	top:-24px;
	left:-11%;
	
}
.WidgetHeads
{
background-image: url("http://images.zcubes.com/other/ZPlatform/img/menubg.png");
	background-repeat:repeat-x;
	background-position: left top;
	height: 24px;
}

.Seperator{
	color:#A3B3BD;
	font-size:13pt;
	position:relative;
	top:-4px;
	padding-left:10px;
	padding-right:10px;
}

#SubMenus a{
font-family:"Tahoma", Arial;
	color:#707070;
	font-size:9pt;
	text-decoration:none;
	/*font-weight:bold;*/
}

#SubMenus{
font-family:"Tahoma", Arial;
	color:#707070;
	font-size:9pt;
	text-decoration:none;
	/*font-weight:bold;*/
}
#Content{
	position:relative;
	z-index:0;
	width:100%;
	height:93%;
	overflow: auto;	/*background-image:url("http://images.zcubes.com/other/ZPlatform/img/bg.jpg");
	background-repeat:repeat-x;
	background-color:#C5D8E6;*/
}
.Bg{
	/*position:relative;
	z-index:-1;*/
	/* width:451px;
	 height:418px;*/
	 background-attachment:fixed;
	 width:100%;
	 height:100%;
	/* background-image:url("http://images.zcubes.com/other/ZPlatform/img/gradientbg.jpg");*/
	 background-image:url("http://images.zcubes.com/other/ZPlatform/img/Bg.png");
	 background-repeat:no-repeat;
	 background-color:#C5D8E6;
	 background-position:left top;
 	-webkit-transition: background-color 2s ease-in-out;
 	-webkit-transition: background-image 2s ease-in-out; 	
}

.bgeffect1
{
 	-webkit-transition: background-color 2s ease-in-out;
 	-webkit-transition: background-image 2s ease-in-out; 	
	-webkit-transition:2500ms 0ms; 	
 	-webkit-transition: all 2s ease-in-out;
}
.bgcurtain
{
background-color: #658EBF;
background-repeat: repeat;
background-color: #6191BF;
background-image: -webkit-gradient(linear, left top, left bottom, from(#75A6D6), to(#CDE6F9));
background-image: -webkit-linear-gradient(top, #75A6D6, #CDE6F9);
background-image: -moz-linear-gradient(top, #75A6D6, #CDE6F9);
background-image: -ms-linear-gradient(top, #75A6D6, #CDE6F9);
background-image: -o-linear-gradient(top, #75A6D6, #CDE6F9);
background-image: linear-gradient(top, #75A6D6, #CDE6F9);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FAFAFA', EndColorStr='#B3D9FF');
background-image: -moz-radial-gradient(center 45deg,circle cover,#FAFAFA, #B3D9FF);
background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%,800, from(#FAFAFA), to(#B3D9FF));	
}

.bgcurtain
{
 	-webkit-transition: visibility 2s ease-in-out;
 	-webkit-transition: background-color 2s ease-in-out;
 	-webkit-transition: background-image 2s ease-in-out; 	
	-webkit-transition:2500ms 0ms; 	
 	-webkit-transition: all 2s ease-in-out;
}

.zbstyle1{
	 background-attachment:fixed;
	 width:100%;
	 height:100%;
	 background-image:url("http://images.zcubes.com/other/ZPlatform/img/Bg.png");
	 background-repeat:no-repeat;
	 background-color:#C5D8E6;
	 background-position:left top;
}

.shadows{
position:relative;
z-index:1;
padding:1px;
}
.shadowbox{
text-align:left;
padding:10px;
background-color:White;
border:1px solid #A7C6D9;
}
#ModeTab{
position:relative;
z-index:1001;
}
#Modes {
	position:absolute;
	top:58px;
	/*left:70px;*/
	left:8%;
	z-index:1;
	display: none;
	background-color:transparent;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#ModeTab{
position:relative;
z-index:1001;
}
#New {
	position:absolute;
	top:58px;
	/*left:130px;*/
	left:12%;
	width:70px;
	z-index:1;
	display: none;
	background-color:transparent;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#Edit {
position:absolute;
	top:58px;
	/*left:250px;*/
	left:21%;
	width:70px;
	z-index:3;
	display: none;
	background-color:transparent;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#Draw {
	position:absolute;
	top:58px;
	/*left:330px;*/
	left:28%;
	width:70px;
	z-index:3;
	display: none;
	background-color:transparent;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	
}
#SubMenus a img{
border:1px solid White;

}
#SubMenus a{
border:1px solid White;

}
#SubMenus a:hover{
font-size:bold;
}
#SubMenus a:hover img{
	border:1px dotted #C0C0C0;
}
#Format {
	position:absolute;
	top:58px;
	/*left:460px;*/
	left:39%;
	width:70px;
	z-index:3;
	display: none;
	background-color:transparent;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#Save {
	position:absolute;
	top:58px;
/*	left:560px;*/
left:46%;
	width:70px;
	z-index:3;
	display: none;
	background-color:transparent;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;

}

#ZCenter {
	position:absolute;
	top:58px;
/*	left:570px;*/
left:51%;
	width:70px;
	z-index:3;
	display: none;
	background-color:transparent;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#Gallery {
position:absolute;
	top:58px;
/*	left:570px;*/
left:61%;
	width:70px;
	z-index:3;
	display: none;
	background-color:transparent;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#Tools {
position:absolute;
	top:58px;
/*	left:570px;*/
left:69%;
	width:70px;
	z-index:3;
	display: none;
	background-color:transparent;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#Help {
position:absolute;
	top:58px;
/*	left:570px;*/
left:71%;
	width:70px;
	z-index:3;
	display: none;
	background-color:transparent;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	/*position:absolute;
	top:56px;
	left:638px;
	z-index:4;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	display: none;
	background-color:#F8F8F8;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EAEAEA;
	border-right-color: #EAEAEA;
	border-bottom-color: #EAEAEA;
	border-left-color: #EAEAEA;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;*/

}




#Panel1{
position:relative; left:2%; top:15%; position:fixed; z-index:5;

}

#Panel2{
position:relative; left:70%; top:15%; position:fixed; z-index:5;

}
input 
{
	border:1px solid #99AFBF;
	font-family:ZDefaultFont,Tahoma, Arial;
	font-size:10pt;
	font-weight:bold;
}
input[type=text] 
{
    border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 15px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
}

input[type=button]
{ 	
	color:white;
background: rgb(181,189,200); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */

	
	-moz-box-shadow:0px 0px 4px 5px rgba(119, 119, 119, 0.95);
	-webkit-box-shadow:0px 0px 4px 5px rgba(119, 119, 119, 0.95);
	box-shadow:0px 0px 4px 5px rgba(119, 119, 119, 0.95);
	
	border-radius:15%;

}
input[type=button]:hover 
{
	color:white;
	/*border:3px solid #99AFBF;*/
	font-family:ZDefaultFont,Tahoma, Arial;
	font-size:10pt;
	background: rgb(149,149,149); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,149,149,1)), color-stop(46%,rgba(13,13,13,1)), color-stop(50%,rgba(1,1,1,1)), color-stop(53%,rgba(10,10,10,1)), color-stop(76%,rgba(78,78,78,1)), color-stop(87%,rgba(56,56,56,1)), color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */


}
input[type=button]:active
{
	color:white;
	/*border:5px solid #99AFBF;*/
	font-family:ZDefaultFont,Tahoma, Arial;
	font-size:10pt;
background: rgb(174,188,191); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(174,188,191,1) 0%, rgba(110,119,116,1) 50%, rgba(10,14,10,1) 51%, rgba(10,8,9,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,188,191,1)), color-stop(50%,rgba(110,119,116,1)), color-stop(51%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */

}


.InputSearch
{
position:relative;top:-4px;
}
.Search{
float:right; position:relative;top:5px;z-index:5; left:5px; padding-right:10%;
}
.SearchImg{
position:relative;left:-22px;top:-2px;
}
.BannerImg{
position:relative;top:-1px; float:right; left:80px; z-index:2;z-index:0;
}

.nl{
	background-image: url("http://images.zcubes.com/other/ZPlatform/img/nl.png");
	background-repeat: no-repeat;
	background-position: right top;
	height:59px;
	width:6px;
}
.nc{
	background-image: url("http://images.zcubes.com/other/ZPlatform/img/nc.png");
	background-repeat: repeat-x;
	background-position: left top;
height:59px;
}
.nr{
	background-image: url("http://images.zcubes.com/other/ZPlatform/img/nr.png");
	background-repeat: no-repeat;
	background-position: left top;
	width:6px;
	height:59px;
}
#SubPanels{
height:60px;

}
#SubPanelsContainer{
	position:absolute;
	display:inline;
	visibility:visible;
	top:1px;
	left1:150px;
	width1:700px;
	z-index:1; 
}

/* END NEW PLATFORM HTML */

.smalltext
{
    FONT-FAMILY: Tahoma Verdana; 
    FONT-SIZE: 7pt;
    text-transform:uppercase;
	color:black;    
}

.zbup > img
{
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.zbup
{
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.zbdown > img1
{
    /*-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
*/
    /*border: 5px solid white;
    position:relative;*/
    box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);    
}    


.zbdown
{
    /*-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
*/
    /*border: 5px solid white;
    position:relative;*/
    box-shadow: 7px 7px 73px rgba(0, 0, 0, 0.90);
    -moz-box-shadow: 7px 7px 73px rgba(0, 0, 0, 0.90);
    -webkit-box-shadow: 7px 7px 73px rgba(0, 0, 0, 0.90);    
 
    -webkit-transition: all  0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;

}    


.zbdown>img
{
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
    
}

.zcubesmenudrop
{
	/*background-image: url("http://a3.appcache.ingrid.ws/zcommunity/img/hbg.jpg");*//*Adjust for background of full drop div */
	background-color:transparent;
	/*background-color:lightblue;	*/
/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
*/
/*
   box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);    
*/
/*	-moz-box-shadow: 5px 5px black;
	-webkit-box-shadow: 5px 5px black;
	box-shadow: 5px 5px black;
*/
/*
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;	
*/	
	/*padding:50px;*/
	
}

.zcubesmenudroppalette
{
	/*background-image: url("http://a3.appcache.ingrid.ws/zcommunity/img/hbg.jpg");*//*Adjust for background of full drop div */
	background-color:transparent;
	/*background-color:lightblue;	*/
   box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);    

/*	-moz-box-shadow: 5px 5px black;
	-webkit-box-shadow: 5px 5px black;
	box-shadow: 5px 5px black;
*/

	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;	
	padding:200px;
	position:absolute;
	transform: 	rotateX(100deg) translateZ(196px);
	-webkit-transform: 	rotateX(100deg) translateZ(196px); /* Safari and Chrome */
	-moz-transform: rotateX(100deg) translateZ(196px); /* Firefox */	
	
background: #d8e0de; /* Old browsers */
background: -moz-linear-gradient(top,  #d8e0de 0%, #aebfbc 22%, #99afab 33%, #8ea6a2 50%, #829d98 67%, #4e5c5a 82%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8e0de), color-stop(22%,#aebfbc), color-stop(33%,#99afab), color-stop(50%,#8ea6a2), color-stop(67%,#829d98), color-stop(82%,#4e5c5a), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d8e0de 0%,#aebfbc 22%,#99afab 33%,#8ea6a2 50%,#829d98 67%,#4e5c5a 82%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d8e0de 0%,#aebfbc 22%,#99afab 33%,#8ea6a2 50%,#829d98 67%,#4e5c5a 82%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d8e0de 0%,#aebfbc 22%,#99afab 33%,#8ea6a2 50%,#829d98 67%,#4e5c5a 82%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d8e0de 0%,#aebfbc 22%,#99afab 33%,#8ea6a2 50%,#829d98 67%,#4e5c5a 82%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e0de', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

z-index: -1000;
opacity: 0.2;

	
}

#zCubesPanelMenuStandardBoard > table,.zCubesPanelMenuStandardBoardLike
{
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;	
	/*-webkit-border-top-left-radius: 25px;
	-webkit-border-top-right-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-topright: 25px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	*/
	
	padding-left: 10px;
	padding-right: 10px;	
	-webkit-box-shadow: -2px -2px 20px rgba(81, 118, 116, 0.8);
	-moz-box-shadow:    -2px -2px 20px rgba(81, 118, 116, 0.8);
	box-shadow:         -2px -2px 20px rgba(81, 118, 116, 0.8);


}


#zCubesPanelDiv,#v16196
{
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;	
	/*-webkit-border-top-left-radius: 25px;
	-webkit-border-top-right-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-topright: 25px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	*/
	/*left:375px !important;	*/
	left:150px !important;		/* Changed because of paint in smaller screens issue */
	padding-left: 10px;
	padding-right: 10px;	
	/*
	-webkit-box-shadow: -2px -2px 20px rgba(81, 118, 116, 0.8);
	-moz-box-shadow:    -2px -2px 20px rgba(81, 118, 116, 0.8);
	box-shadow:         -2px -2px 20px rgba(81, 118, 116, 0.8);
	*/
	text-align:center;
	vertical-align:middle;


}

.zCubesPanelMenuActionButtons
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	/*-webkit-border-top-left-radius: 25px;
	-webkit-border-top-right-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-topright: 25px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	*/
	
	padding: 5px;

	/*-webkit-box-shadow: 2px 2px 3px rgba(0, 118, 116, 0.8);
	-moz-box-shadow:    2px 2px 3px rgba(0, 118, 116, 0.8);
	box-shadow:         2px 2px 3px rgba(0, 118, 116, 0.8);
	*/
	vertical-align:middle;
}

#ShowMainToolBarImage img 
{
	visibility:hidden;
	display:none;
}
.zcubedropbutton
{
	/*background-image: url("http://images.zcubes.com/zp/BlueAbstract/BlueAbstractRight.jpg");*/
	background-image: url("http://images.zcubes.com/zp/BlueAbstract/BlueAbstractRight.jpg");
	/*
	background: rgb(184,225,252); 
	background: -moz-linear-gradient(top,  rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(37%,rgba(144,188,234,1)), color-stop(50%,rgba(144,191,240,1)), color-stop(51%,rgba(107,168,229,1)), color-stop(83%,rgba(162,218,245,1)), color-stop(100%,rgba(189,243,253,1))); 
	background: -webkit-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); 
	background: -o-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%);
	background: -ms-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); 
	background: linear-gradient(to bottom,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); */
	*/
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	
	border-radius: 50%;
	padding: 10px;
	
   box-shadow: 0px 7px 3px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 0px 7px 3px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 7px 3px rgba(0, 0, 0, 0.80);    

}

.zcubedropbutton .zbdown
{
	background-image: url("http://images.zcubes.com/zp/BlueAbstract/BlueAbstractRight.jpg");
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

.zcubedropbutton:hover
{
	background-image:url(http://images.zcubes.com/reflect/ripple.png);
	background-color:white;	
}

.zdropmenutable
{
  background-color1:transparent;
}

.reflect/*,#zCubesPanelDiv td,#v16196 td*/
{
	/*  -webkit-box-reflect:below 5px -webkit-gradient(linear, left top, left bottom, from(black), color-stop(0.75, transparent),to(white));*/
	-webkit-box-reflect:below 5px url(http://images.zcubes.com/reflect/mask1.png);/*-webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(50%,rgba(191,232,249,1)), color-stop(100%,white));*/
}

.reflectnone
{
/*  -webkit-box-reflect:below 5px -webkit-gradient(linear, left top, left bottom, from(black), color-stop(0.75, transparent),to(white));*/
	-webkit-box-reflect:none !important;
}

.zhideedit
{
  background-color:transparent;
  border:thin;
  text-decoration:underline; 
}

.zhideedit:active,.zhideedit:hover
{
  text-decoration:none; 
}

.zshowedit
{
  background-color:white;
  border:thick;
  text-decoration:none;
}

.zclipartbox
{
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-moz-outline-style: none; 
	outline:none;
   /*box-shadow: 0px 7px 17px rgba(0, 0, 0, 0.80);
   -moz-box-shadow: 0px 7px 17px rgba(0, 0, 0, 0.80);
   -webkit-box-shadow: 0px 7px 17px rgba(0, 0, 0, 0.80); 	
   */
}

/* jp 06182012 */
/*
::-webkit-scrollbar {
    width: 13px;
    height: 13px;
}

::-webkit-scrollbar-corner {
    background-image: url(http://images.zcubes.com/scrollz/corner.png);
    background-repeat: no-repeat;
}

::-webkit-scrollbar-corner:window-inactive {
    background-image: url(http://images.zcubes.com/scrollz/corner-inactive.png);
}

::-webkit-resizer {
    background-image: url(http://images.zcubes.com/scrollz/resizer.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

::-webkit-resizer:window-inactive {
    background-image: url(http://images.zcubes.com/scrollz/resizer-inactive.png);
}

::-webkit-scrollbar-track-piece:disabled {
    display: none !important;
}

::-webkit-scrollbar-button:disabled {
    display: none !important;
}

::-webkit-scrollbar-track:disabled {
    margin: 6px;
}

*/
/* Horizontal Scrollbar Styles */
/*
::-webkit-scrollbar:horizontal {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-button.png) 0 2 0 2;
    border-color: transparent;
    border-width: 0 2px;
    background-image: url(http://images.zcubes.com/scrollz/horizontal-button-background.png);
    background-repeat: repeat-x;
}

::-webkit-scrollbar:horizontal:corner-present {
    border-right-width: 0;
}

::-webkit-scrollbar-track:horizontal:disabled:corner-present {
    margin-right: 5px;
}

::-webkit-scrollbar:horizontal:window-inactive {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-button-inactive.png) 0 2 0 2;
    background-image: url(http://images.zcubes.com/scrollz/horizontal-button-background-inactive.png);
}

::-webkit-scrollbar-thumb:horizontal {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-thumb.png) 0 13 0 13;
    border-color: transparent;
    border-width: 0 13px;
    min-width: 20px;
}

::-webkit-scrollbar-thumb:horizontal:hover {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-thumb-hover.png) 0 13 0 13;
}

::-webkit-scrollbar-thumb:horizontal:active {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-thumb-active.png) 0 13 0 13;
}

::-webkit-scrollbar-thumb:horizontal:window-inactive {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-thumb-inactive.png) 0 13 0 13;
}

::-webkit-scrollbar-track-piece:horizontal:start:no-button,
.double-end::-webkit-scrollbar-track-piece:horizontal:start,
.none::-webkit-scrollbar-track-piece:horizontal:start {
    margin-left: 6px;
}

::-webkit-scrollbar-track-piece:horizontal:end:no-button,
.double-start::-webkit-scrollbar-track-piece:horizontal:end,
.none::-webkit-scrollbar-track-piece:horizontal:end {
    margin-right: 6px;
}

::-webkit-scrollbar-track-piece:horizontal:end:no-button:corner-present,
.double-start::-webkit-scrollbar-track-piece:horizontal:end:corner-present,
.none::-webkit-scrollbar-track-piece:horizontal:end:corner-present {
    margin-right: 5px;
}

:not(.none):not(.double-end)::-webkit-scrollbar-track-piece:horizontal:start:single-button,
:not(.none):not(.double-end)::-webkit-scrollbar-track-piece:horizontal:start:double-button,
.single::-webkit-scrollbar-track-piece:horizontal:start,
.double-start::-webkit-scrollbar-track-piece:horizontal:start,
.double-both::-webkit-scrollbar-track-piece:horizontal:start {
    margin-left: -6px;
}

:not(.none):not(.double-start)::-webkit-scrollbar-track-piece:horizontal:end:single-button,
:not(.none):not(.double-start)::-webkit-scrollbar-track-piece:horizontal:end:double-button,
.single::-webkit-scrollbar-track-piece:horizontal:end,
.double-end::-webkit-scrollbar-track-piece:horizontal:end,
.double-both::-webkit-scrollbar-track-piece:horizontal:end {
    margin-right: -6px;
}

::-webkit-scrollbar-track:horizontal:disabled {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-track-disabled.png) 0 13 0 13;
    border-color: transparent;
    border-width: 0 13px;
}

::-webkit-scrollbar-track-piece:horizontal:decrement {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-track.png) 0 13 0 13;
    border-color: transparent;
    border-width: 0 0 0 13px;
}

::-webkit-scrollbar-track-piece:horizontal:decrement:hover {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-track-hover.png) 0 13 0 13;
}

::-webkit-scrollbar-track-piece:horizontal:decrement:active {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-track-active.png) 0 13 0 13;
}

::-webkit-scrollbar-track-piece:horizontal:increment {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-track.png) 0 13 0 13;
    border-color: transparent;
    border-width: 0 13px 0 0;
}

::-webkit-scrollbar-track-piece:horizontal:increment:hover {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-track-hover.png) 0 13 0 13;
}

::-webkit-scrollbar-track-piece:horizontal:increment:active {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-track-active.png) 0 13 0 13;
}

::-webkit-scrollbar-button:horizontal {
    width: 20px;
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-button.png) 0 2 0 2;
    border-color: transparent;
    border-width: 0 2px;
}

::-webkit-scrollbar-button:horizontal:decrement {
    background-image: url(http://images.zcubes.com/scrollz/horizontal-decrement-arrow.png), url(http://images.zcubes.com/scrollz/horizontal-button-background.png);
    background-repeat: no-repeat, repeat-x;
    background-position: 2px 3px, 0 0;
}

::-webkit-scrollbar-button:horizontal:decrement:hover {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-button-hover.png) 0 2 0 2;
    background-image: url(http://images.zcubes.com/scrollz/horizontal-decrement-arrow.png), url(http://images.zcubes.com/scrollz/horizontal-button-background-hover.png);
}

::-webkit-scrollbar-button:horizontal:decrement:active {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-button-active.png) 0 2 0 2;
    background-image: url(http://images.zcubes.com/scrollz/horizontal-decrement-arrow.png), url(http://images.zcubes.com/scrollz/horizontal-button-background-active.png);
}

::-webkit-scrollbar-button:horizontal:decrement:window-inactive {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-button-inactive.png) 0 2 0 2;
    background-image: url(http://images.zcubes.com/scrollz/horizontal-decrement-arrow.png), url(http://images.zcubes.com/scrollz/horizontal-button-background-inactive.png);
}

::-webkit-scrollbar-button:horizontal:increment {
    background-image: url(http://images.zcubes.com/scrollz/horizontal-increment-arrow.png), url(http://images.zcubes.com/scrollz/horizontal-button-background.png);
    background-repeat: no-repeat, repeat-x;
    background-position: 7px 3px, 0 0;
}

::-webkit-scrollbar-button:horizontal:increment:hover {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-button-hover.png) 0 2 0 2;
    background-image: url(http://images.zcubes.com/scrollz/horizontal-increment-arrow.png), url(http://images.zcubes.com/scrollz/horizontal-button-background-hover.png);
}

::-webkit-scrollbar-button:horizontal:increment:active {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-button-active.png) 0 2 0 2;
    background-image: url(http://images.zcubes.com/scrollz/horizontal-increment-arrow.png), url(http://images.zcubes.com/scrollz/horizontal-button-background-active.png);
}

::-webkit-scrollbar-button:horizontal:increment:window-inactive {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/horizontal-button-inactive.png) 0 2 0 2;
    background-image: url(http://images.zcubes.com/scrollz/horizontal-increment-arrow.png), url(http://images.zcubes.com/scrollz/horizontal-button-background-inactive.png);
}

:not(.single)::-webkit-scrollbar-button:double-button:horizontal:start:decrement,
.double-start::-webkit-scrollbar-button:horizontal:start:decrement,
.double-both::-webkit-scrollbar-button:horizontal:start:decrement {
    width: 14px;
    border-right-width: 0;
    background-position: 2px 3px, 0 0;
}

:not(.single)::-webkit-scrollbar-button:double-button:horizontal:start:increment,
.double-start::-webkit-scrollbar-button:horizontal:start:increment,
.double-both::-webkit-scrollbar-button:horizontal:start:increment {
    background-position: 3px 3px, 0 0;
}

:not(.single)::-webkit-scrollbar-button:double-button:horizontal:end:decrement,
.double-end::-webkit-scrollbar-button:horizontal:end:decrement,
.double-both::-webkit-scrollbar-button:horizontal:end:decrement {
    background-position: 7px 3px, 0 0;
}

:not(.single)::-webkit-scrollbar-button:double-button:horizontal:end:increment,
.double-end::-webkit-scrollbar-button:horizontal:end:increment,
.double-both::-webkit-scrollbar-button:horizontal:end:increment {
    width: 14px;
    border-left-width: 0;
    background-position: 3px 3px, 0 0;
}

::-webkit-scrollbar-button:horizontal:end:increment:corner-present {
    border-right-width: 0;
    width: 19px;
}

:not(.single)::-webkit-scrollbar-button:double-button:horizontal:end:increment:corner-present,
.double-end::-webkit-scrollbar-button:horizontal:end:increment:corner-present,
.double-both::-webkit-scrollbar-button:horizontal:end:increment:corner-present {
    width: 13px;
}

*/
/* Vertical Scrollbar Styles */
/*
::-webkit-scrollbar:vertical {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-button.png) 2 0 2 0;
    border-color: transparent;
    border-width: 2px 0;
    background-image: url(http://images.zcubes.com/scrollz/vertical-button-background.png);
    background-repeat: repeat-y;
}

::-webkit-scrollbar:vertical:corner-present {
    border-bottom-width: 0;
}

::-webkit-scrollbar-track:vertical:disabled:corner-present {
    margin-bottom: 5px;
}

::-webkit-scrollbar:vertical:window-inactive {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-button-inactive.png) 2 0 2 0;
    background-image: url(http://images.zcubes.com/scrollz/vertical-button-background-inactive.png);
}

::-webkit-scrollbar-thumb:vertical {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-thumb.png) 13 0 13 0;
    border-color: transparent;
    border-width: 13px 0;
    min-height: 20px;
}

::-webkit-scrollbar-thumb:vertical:hover {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-thumb-hover.png) 13 0 13 0;
}

::-webkit-scrollbar-thumb:vertical:active {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-thumb-active.png) 13 0 13 0;
}

::-webkit-scrollbar-thumb:vertical:window-inactive {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-thumb-inactive.png) 13 0 13 0;
}

::-webkit-scrollbar-track-piece:vertical:start:no-button,
.double-end::-webkit-scrollbar-track-piece:vertical:start,
.none::-webkit-scrollbar-track-piece:vertical:start {
    margin-top: 6px;
}

::-webkit-scrollbar-track-piece:vertical:end:no-button,
.double-start::-webkit-scrollbar-track-piece:vertical:end,
.none::-webkit-scrollbar-track-piece:vertical:end {
    margin-bottom: 6px;
}

::-webkit-scrollbar-track-piece:vertical:end:no-button:corner-present,
.double-start::-webkit-scrollbar-track-piece:vertical:end:corner-present,
.none::-webkit-scrollbar-track-piece:vertical:end:corner-present {
    margin-bottom: 5px;
}

:not(.none):not(.double-end)::-webkit-scrollbar-track-piece:vertical:start:single-button,
:not(.none):not(.double-end)::-webkit-scrollbar-track-piece:vertical:start:double-button,
.single::-webkit-scrollbar-track-piece:vertical:start,
.double-start::-webkit-scrollbar-track-piece:vertical:start,
.double-both::-webkit-scrollbar-track-piece:vertical:start {
    margin-top: -6px;
}

:not(.none):not(.double-start)::-webkit-scrollbar-track-piece:vertical:end:single-button,
:not(.none):not(.double-start)::-webkit-scrollbar-track-piece:vertical:end:double-button,
.single::-webkit-scrollbar-track-piece:vertical:end,
.double-end::-webkit-scrollbar-track-piece:vertical:end,
.double-both::-webkit-scrollbar-track-piece:vertical:end {
    margin-bottom: -6px;
}

::-webkit-scrollbar-track:vertical:disabled {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-track-disabled.png) 13 0 13 0;
    border-color: transparent;
    border-width: 13px 0;
}

::-webkit-scrollbar-track-piece:vertical:decrement {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-track.png) 13 0 13 0;
    border-color: transparent;
    border-width: 13px 0 0 0;
}

::-webkit-scrollbar-track-piece:vertical:decrement:hover {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-track-hover.png) 13 0 13 0;
}

::-webkit-scrollbar-track-piece:vertical:decrement:active {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-track-active.png) 13 0 13 0;
}

::-webkit-scrollbar-track-piece:vertical:increment {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-track.png) 13 0 13 0;
    border-color: transparent;
    border-width: 0 0 13px 0;
}

::-webkit-scrollbar-track-piece:vertical:increment:hover {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-track-hover.png) 13 0 13 0;
}

::-webkit-scrollbar-track-piece:vertical:increment:active {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-track-active.png) 13 0 13 0;
}

::-webkit-scrollbar-button:vertical {
    height: 20px;
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-button.png) 2 0 2 0;
    border-color: transparent;
    border-width: 2px 0;
}

::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(http://images.zcubes.com/scrollz/vertical-decrement-arrow.png), url(http://images.zcubes.com/scrollz/vertical-button-background.png);
    background-repeat: no-repeat, repeat-y;
    background-position: 3px 3px, 0 0;
}

::-webkit-scrollbar-button:vertical:decrement:hover {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-button-hover.png) 2 0 2 0;
    background-image: url(http://images.zcubes.com/scrollz/vertical-decrement-arrow.png), url(http://images.zcubes.com/scrollz/vertical-button-background-hover.png);
}

::-webkit-scrollbar-button:vertical:decrement:active {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-button-active.png) 2 0 2 0;
    background-image: url(http://images.zcubes.com/scrollz/vertical-decrement-arrow.png), url(http://images.zcubes.com/scrollz/vertical-button-background-active.png);
}

::-webkit-scrollbar-button:vertical:decrement:window-inactive {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-button-inactive.png) 2 0 2 0;
    background-image: url(http://images.zcubes.com/scrollz/vertical-decrement-arrow.png), url(http://images.zcubes.com/scrollz/vertical-button-background-inactive.png);
}

::-webkit-scrollbar-button:vertical:increment {
    background-image: url(http://images.zcubes.com/scrollz/vertical-increment-arrow.png), url(http://images.zcubes.com/scrollz/vertical-button-background.png);
    background-repeat: no-repeat, repeat-y;
    background-position: 3px 8px, 0 0;
}

::-webkit-scrollbar-button:vertical:increment:hover {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-button-hover.png) 2 0 2 0;
    background-image: url(http://images.zcubes.com/scrollz/vertical-increment-arrow.png), url(http://images.zcubes.com/scrollz/vertical-button-background-hover.png);
}

::-webkit-scrollbar-button:vertical:increment:active {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-button-active.png) 2 0 2 0;
    background-image: url(http://images.zcubes.com/scrollz/vertical-increment-arrow.png), url(http://images.zcubes.com/scrollz/vertical-button-background-active.png);
}

::-webkit-scrollbar-button:vertical:increment:window-inactive {
    -webkit-border-image: url(http://images.zcubes.com/scrollz/vertical-button-inactive.png) 2 0 2 0;
    background-image: url(http://images.zcubes.com/scrollz/vertical-increment-arrow.png), url(http://images.zcubes.com/scrollz/vertical-button-background-inactive.png);
}

:not(.single)::-webkit-scrollbar-button:double-button:vertical:start:decrement,
.double-start::-webkit-scrollbar-button:vertical:start:decrement,
.double-both::-webkit-scrollbar-button:vertical:start:decrement {
    height: 14px;
    border-bottom-width: 0;
    background-position: 3px 3px, 0 0;
}

:not(.single)::-webkit-scrollbar-button:double-button:vertical:start:increment,
.double-start::-webkit-scrollbar-button:vertical:start:increment,
.double-both::-webkit-scrollbar-button:vertical:start:increment {
    background-position: 3px 4px, 0 0;
}

:not(.single)::-webkit-scrollbar-button:double-button:vertical:end:decrement,
.double-end::-webkit-scrollbar-button:vertical:end:decrement,
.double-both::-webkit-scrollbar-button:vertical:end:decrement {
    background-position: 3px 8px, 0 0;
}

:not(.single)::-webkit-scrollbar-button:double-button:vertical:end:increment,
.double-end::-webkit-scrollbar-button:vertical:end:increment,
.double-both::-webkit-scrollbar-button:vertical:end:increment {
    height: 14px;
    border-top-width: 0;
    background-position: 3px 4px, 0 0;
}

::-webkit-scrollbar-button:vertical:end:increment:corner-present {
    border-bottom-width: 0;
    height: 19px;
}

:not(.single)::-webkit-scrollbar-button:double-button:vertical:end:increment:corner-present,
.double-end::-webkit-scrollbar-button:vertical:end:increment:corner-present,
.double-both::-webkit-scrollbar-button:vertical:end:increment:corner-present {
    height: 13px;
}
*/

/* Forced Scrollbar Mode Styles */
/*
.single::-webkit-scrollbar-button:start:decrement,
.single::-webkit-scrollbar-button:end:increment {
    display: block;
}

.single::-webkit-scrollbar-button:start:increment,
.single::-webkit-scrollbar-button:end:decrement {
    display: none;
}

.double-end::-webkit-scrollbar-button:start {
    display: none;
}

.double-end::-webkit-scrollbar-button:end {
    display: block;
}

.double-start::-webkit-scrollbar-button:start {
    display: block;
}

.double-start::-webkit-scrollbar-button:end {
    display: none;
}

.double-both::-webkit-scrollbar-button {
    display: block;
}

.none::-webkit-scrollbar-button {
    display: none;
}
*/

/* end jp 06182012 */


/* anims */

    .zlightindarkroom
    {
		background-color: black;
		color: white;
		background-image: -webkit-gradient(radial,
		                    50% 500, 1,
		                    50% 500, 400,
		                    from(rgba(255, 255, 255, 0.3)),
		                    to(rgba(255, 255, 255, 0)));
		background-repeat: no-repeat;
		font-family: Garamond,Verdana, Arial;
		font-size: 12px;
	}
    .zanimspace
    {
      width: 100%;
      height: 100%;
      -webkit-perspective-origin: 50% 225px;
      -webkit-perspective: 8000; /* No units mentioned for iphone.*/
    }
    .zanimspaceperspective1
    {
      -webkit-perspective-origin: 50% 225px;
      -webkit-perspective: 800; /* No units mentioned for iphone.*/
    }

    .zanimtransition{
      width: 100%;
      height: 100%;
      -webkit-transition: -webkit-transform 2s;
      -webkit-transform-style: preserve-3d;
    }
    
    .zanimobjectcontainer{
      position: relative;
      top: 160px;
      margin: 0 auto;
      height: 200px;
      width: 200px;
      -webkit-transform-style: preserve-3d;
    }
    
    .z3d
    {
      /*-webkit-transform-style: preserve-3d;*/
      overflow:visible !important;    
      -webkit-transform-style: preserve-3d !important;
    }
    .zface
    {
      position: absolute;
      height: 200px;
      width: 200px;
      border: 1px solid white;
      -webkit-border-radius: 12px;
      -webkit-box-sizing: border-box;
      text-align: center;
      font-family: Times, serif;
      font-size: 124pt;
      color: black;
      background-color: rgba(255, 255, 255, 0.6);
      -webkit-transition: -webkit-transform 2s, opacity 2s;
      -webkit-backface-visibility: hidden;
    }

	.fillforward
	{
		-webkit-animation-fill-mode: forwards !important;
	}
	.stopanimation,.paused
	{
		-webkit-animation-play-state:paused !important; 	
	}
    .backfaceyes {
      -webkit-backface-visibility: visible;
    }
    .backfaceno {
      -webkit-backface-visibility: hidden;
    }

    
    .zspinanimation
    {
      -webkit-animation: zspinanimation 8s infinite linear;
    }
    .zspinanimationx
    {
      -webkit-animation: zspinanimationx 8s infinite linear;
    }

    .zspinanimationy
    {
      -webkit-animation: zspinanimationy 8s infinite linear;
      /*-webkit-animation-fill-mode: forwards;*/
    }

    .zspinanimationz  
    {
      -webkit-animation: zspinanimationz 8s infinite linear;
    }


    .zspinanimationyoncefast
    {
      -webkit-animation: zspinanimationx 2s 1 ease-in-out;
    }
    
    .zspinanimationzonce
    {
      -webkit-animation: zspinanimationz 1s 1 ease-in-out;
    }

    .zspinanimationxonce
    {
      -webkit-animation: zspinanimationx 1s 1 ease-in-out;
    }


    @-webkit-keyframes zspinanimation
    {
      from { -webkit-transform: rotateY(0); }
      to   { -webkit-transform: rotateY(-360deg); }
    }
    @-webkit-keyframes zspinanimationx
    {
      from { -webkit-transform: rotateX(0); }
      to   { -webkit-transform: rotateX(-360deg); }
    }

    @-webkit-keyframes zspinanimationy
    {
      from { -webkit-transform: rotateY(0); }
      to   { -webkit-transform: rotateY(-360deg); }
    }

    @-webkit-keyframes zspinanimationz
    {
      from { -webkit-transform: rotateZ(0); }
      to   { -webkit-transform: rotateZ(-360deg); }
    }


    .zappearanimationonce
    {
      -webkit-animation: appear 1s 1 ease-in-out;
    }

    /* ---------- cube styles ------------- */
   /* .cube > .one {
      opacity: 0.5;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) rotateX(90deg) translateZ(100px);
    }

    .cube > .two {
      opacity: 0.5;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) translateZ(100px);
    }

    .cube > .three {
      opacity: 0.5;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) rotateY(90deg) translateZ(100px);
    }

    .cube > .four {
      opacity: 0.5;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) rotateY(180deg) translateZ(100px);
    }

    .cube > .five {
      opacity: 0.5;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) rotateY(-90deg) translateZ(100px);
    }

    .cube > .six {
      opacity: 0.5;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) rotateX(-90deg) translateZ(100px) rotate(180deg);
    }


    .cube > .seven {
      -webkit-transform: scale3d(0.8, 0.8, 0.8) rotateX(90deg) translateZ(100px) rotate(180deg);
    }

    .cube > .eight {
      -webkit-transform: scale3d(0.8, 0.8, 0.8) translateZ(100px);
    }

    .cube > .nine {
      -webkit-transform: scale3d(0.8, 0.8, 0.8) rotateY(90deg) translateZ(100px);
    }

    .cube > .ten {
      -webkit-transform: scale3d(0.8, 0.8, 0.8) rotateY(180deg) translateZ(100px);
    }

    .cube > .eleven {
      -webkit-transform: scale3d(0.8, 0.8, 0.8) rotateY(-90deg) translateZ(100px);
    }

    .cube > .twelve {
      -webkit-transform: scale3d(0.8, 0.8, 0.8) rotateX(-90deg) translateZ(100px);
    }
	*/
    /* ---------- ring styles ------------- */
	/*
    .ring > .one {
      -webkit-transform: translateZ(380px);
    }

    .ring > .two {
      -webkit-transform: rotateY(30deg) translateZ(380px);
    }

    .ring > .three {
      -webkit-transform: rotateY(60deg) translateZ(380px);
    }

    .ring > .four {
      -webkit-transform: rotateY(90deg) translateZ(380px);
    }

    .ring > .five {
      -webkit-transform: rotateY(120deg) translateZ(380px);
    }

    .ring > .six {
      -webkit-transform: rotateY(150deg) translateZ(380px);
    }

    .ring > .seven {
      -webkit-transform: rotateY(180deg) translateZ(380px);
    }

    .ring > .eight {
      -webkit-transform: rotateY(210deg) translateZ(380px);
    }

    .ring > .nine {
      -webkit-transform: rotateY(-120deg) translateZ(380px);
    }

    .ring > .ten {
      -webkit-transform: rotateY(-90deg) translateZ(380px);
    }

    .ring > .eleven {
      -webkit-transform: rotateY(300deg) translateZ(380px);
    }

    .ring > .twelve {
      -webkit-transform: rotateY(330deg) translateZ(380px);
    }
  	*/
/* end anims */

/* test anims */
    #ztcontainer {
      position: relative;
      height: 300px;
      width: 300px;
      margin: 50px 100px;
      border: 1px solid blue;
      -webkit-perspective: 500;
      overflow1:hidden;
    }

    #ztparent {
      margin: 10px;
      width: 280px;
      height: 280px;
      background-color: #844BCA;
      opacity: 0.8;
      -webkit-transform-style: preserve-3d;
      -webkit-animation: spin 10s infinite linear;
    }
    
    #ztcontainer:hover #ztparent {
      -webkit-transform-style: flat;
    }
    
    @-webkit-keyframes spin {
      from { -webkit-transform: rotateY(0); }
      to   { -webkit-transform: rotateY(360deg); }
    }
    
    #ztparent > div {
      position: absolute;
      top: 40px;
      left: 40px;
      width: 200px;
      height: 200px;
      padding: 10px;
      -webkit-box-sizing: border-box;
      font-family: monospace;
      font-size: 12pt;
    }

    #ztparent > :first-child {
      background-color: #49DC93;
      -webkit-transform: translateZ(-100px) rotateY(45deg) scaleX(3);
    }

    #ztparent > :last-child {
      background-color: #FF6;
      -webkit-transform: translateZ(50px) rotateX(20deg);
      -webkit-transform-origin: 50% top;
    }

/* end test anims */

/* multicolumn formats */

.columns1{
	column-count: 1;
	column-width: 15em;
	column-gap: 2em;   /* shown in yellow */            
	column-rule: 4px solid green;
	padding: 5px;      /* shown in blue */

	-moz-column-count: 1; 
	-moz-column-gap: 1em; 
	-moz-column-rule: 1px solid black; 
	-webkit-column-count: 1; 
	-webkit-column-gap: 1em; 
	-webkit-column-rule: 1px solid black;
}

.columns2{
	column-count: 2;
	column-width: 15em;
	column-gap: 2em;   /* shown in yellow */            
	column-rule: 4px solid green;
	padding: 5px;      /* shown in blue */

	-moz-column-count: 2; 
	-moz-column-gap: 1em; 
	-moz-column-rule: 1px solid black; 
	-webkit-column-count: 2; 
	-webkit-column-gap: 1em; 
	-webkit-column-rule: 1px solid black;
}

.columns3
{
	column-count: 3;
	column-width: 15em;
	column-gap: 2em;   /* shown in yellow */            
	column-rule: 4px solid green;
	padding: 5px;      /* shown in blue */

	-moz-column-count: 3; 
	-moz-column-gap: 1em; 
	-moz-column-rule: 1px solid black; 
	-webkit-column-count: 3; 
	-webkit-column-gap: 1em; 
	-webkit-column-rule: 1px solid black;
  
}

.columns4
{
	column-count: 4;
	column-width: 15em;
	column-gap: 2em;   /* shown in yellow */            
	column-rule: 4px solid green;
	padding: 5px;      /* shown in blue */

	-moz-column-count: 4; 
	-moz-column-gap: 1em; 
	-moz-column-rule: 1px solid black; 
	-webkit-column-count: 4; 
	-webkit-column-gap: 1em; 
	-webkit-column-rule: 1px solid black;
  
}

.columns5
{
	column-count: 5;
	column-width: 15em;
	column-gap: 2em;   /* shown in yellow */            
	column-rule: 4px solid green;
	padding: 5px;      /* shown in blue */

	-moz-column-count: 5; 
	-moz-column-gap: 1em; 
	-moz-column-rule: 1px solid black; 
	-webkit-column-count: 5; 
	-webkit-column-gap: 1em; 
	-webkit-column-rule: 1px solid black;
  
}

/* end multicolumn formats */

.testgradient
{
	/* IE10 Consumer Preview */ 
	background-image: -ms-radial-gradient(center bottom, circle farthest-corner, #AE9EFF 0%, #EECC45 50%, #543F8C 75%, #EF7FC2 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-radial-gradient(center bottom, circle farthest-corner, #AE9EFF 0%, #EECC45 50%, #543F8C 75%, #EF7FC2 100%);
	/* Opera */ 
	background-image: -o-radial-gradient(center bottom, circle farthest-corner, #AE9EFF 0%, #EECC45 50%, #543F8C 75%, #EF7FC2 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 508, color-stop(0, #AE9EFF), color-stop(0.5, #EECC45), color-stop(0.75, #543F8C), color-stop(1, #EF7FC2));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-radial-gradient(center bottom, circle farthest-corner, #AE9EFF 0%, #EECC45 50%, #543F8C 75%, #EF7FC2 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: radial-gradient(circle farthest-corner at center bottom, #AE9EFF 0%, #EECC45 50%, #543F8C 75%, #EF7FC2 100%);
}

.erased /* to be synched with bg */
{
	background-color:#C5D8E6;
	/*background-image:url('http://images.zcubes.com/zp/BlueAbstract/BlueAbstractMiddle.jpg');*/
	background-attachment: fixed;
	background-repeat:repeat;	
}

.zmenuitemtop
{
	display:block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	/*-webkit-border-top-left-radius: 25px;
	-webkit-border-top-right-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-topright: 25px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	*/
	padding-left: 10px;
	padding-right: 10px;	
	-webkit-box-shadow: -2px -2px 5px rgba(81, 118, 116, 0.8);
	-moz-box-shadow:    -2px -2px 5px rgba(81, 118, 116, 0.8);
	box-shadow:         -2px -2px 5px rgba(81, 118, 116, 0.8);
	
	text-align:center;
	vertical-align:middle;
}

.recede 
{ 
	transform:scale(0.1); 	
	-webkit-transform:scale(0.1); 
	-moz-transform:scale(0.1); 

}

/* Crawl effect */
@-webkit-keyframes zanimcrawl{
	0%   { top: 430px; }
	100% { top: -2600px; }
}
@-moz-keyframes zanimcrawl{
	0%   { top: 430px; }
	100% { top: -2600px; }
}

@-ms-keyframes zanimcrawl {
	0%   { top: 430px; }
	100% { top: -2600px; }
}

/* Recede effect */
@-webkit-keyframes zanimrecede{
	0%  { 	transform:scale(5); 	
			-webkit-transform:scale(5); 
			-moz-transform:scale(5); 
		 }
	100% { 	transform:scale(0.01); 	
			-webkit-transform:scale(0.01); 
			-moz-transform:scale(0.01); 
		 }
}

@-moz-keyframes zanimrecede{
	0%  { 	transform:scale(5); 	
			-webkit-transform:scale(5); 
			-moz-transform:scale(5); 
		 }
	100% { 	transform:scale(0.01); 	
			-webkit-transform:scale(0.01); 
			-moz-transform:scale(0.01); 
		 }
}

@-ms-keyframes zanimrecede{
	0%  { 	transform:scale(5); 	
			-webkit-transform:scale(5); 
			-moz-transform:scale(5); 
		 }
	100% { 	transform:scale(0.01); 	
			-webkit-transform:scale(0.01); 
			-moz-transform:scale(0.01); 
		 }
}

/* Unzoom effect */
@-webkit-keyframes zanimunzoom{
	0%  { 	transform:scale(1.5); 	
			-webkit-transform:scale(1.5); 
			-moz-transform:scale(1.5); 
		 }
	100% { 	transform:scale(1); 	
			-webkit-transform:scale(1); 
			-moz-transform:scale(1); 
		 }
}

@-moz-keyframes zanimunzoom{
	0%  { 	transform:scale(1.5); 	
			-webkit-transform:scale(1.5); 
			-moz-transform:scale(1.5); 
		 }
	100% { 	transform:scale(1); 	
			-webkit-transform:scale(1); 
			-moz-transform:scale(1); 
		 }
}

@-ms-keyframes zanimunzoom{
	0%  { 	transform:scale(1.5); 	
			-webkit-transform:scale(1.5); 
			-moz-transform:scale(1.5); 
		 }
	100% { 	transform:scale(1); 	
			-webkit-transform:scale(1); 
			-moz-transform:scale(1); 
		 }
}
/* Unzoomsmall effect */
@-webkit-keyframes zanimunzoomsmall{
	0%  { 	transform:scale(1.5); 	
			-webkit-transform:scale(1.5); 
			-moz-transform:scale(1.5); 
		 }
	100% { 	transform:scale(1); 	
			-webkit-transform:scale(1); 
			-moz-transform:scale(1); 
		 }
}

@-moz-keyframes zanimunzoomsmall{
	0%  { 	transform:scale(1.5); 	
			-webkit-transform:scale(1.5); 
			-moz-transform:scale(1.5); 
		 }
	100% { 	transform:scale(1); 	
			-webkit-transform:scale(1); 
			-moz-transform:scale(1); 
		 }
}

@-ms-keyframes zanimunzoomsmall{
	0%  { 	transform:scale(1.5); 	
			-webkit-transform:scale(1.5); 
			-moz-transform:scale(1.5); 
		 }
	100% { 	transform:scale(1); 	
			-webkit-transform:scale(1); 
			-moz-transform:scale(1); 
		 }
}

/* Unzoomsmaller effect */
@-webkit-keyframes zanimunzoomsmaller{
	0%  { 	transform:scale(1.1); 	
			-webkit-transform:scale(1.1); 
			-moz-transform:scale(1.1); 
		 }
	100% { 	transform:scale(1); 	
			-webkit-transform:scale(1); 
			-moz-transform:scale(1); 
		 }
}

@-moz-keyframes zanimunzoomsmaller{
	0%  { 	transform:scale(1.1); 	
			-webkit-transform:scale(1.1); 
			-moz-transform:scale(1.1); 
		 }
	100% { 	transform:scale(1); 	
			-webkit-transform:scale(1); 
			-moz-transform:scale(1); 
		 }
}

@-ms-keyframes zanimunzoomsmaller{
	0%  { 	transform:scale(1.1); 	
			-webkit-transform:scale(1.1); 
			-moz-transform:scale(1.1); 
		 }
	100% { 	transform:scale(1); 	
			-webkit-transform:scale(1); 
			-moz-transform:scale(1); 
		 }
}

/* Spiral effect */
@-webkit-keyframes zanimspiral{
	0%  { 	transform:scale(5) rotateZ(0deg); 	
			-webkit-transform:scale(5) rotateZ(0deg); 
			-moz-transform:scale(5) rotateZ(0deg); 
		 }
	100% { 	transform:scale(0.01) rotateZ(360deg); 	
			-webkit-transform:scale(0.01) rotateZ(360deg); 
			-moz-transform:scale(0.01) rotateZ(360deg); 
		 }
}

@-moz-keyframes zanimspiral{
	0%  { 	transform:scale(5) rotateZ(0deg); 	
			-webkit-transform:scale(5) rotateZ(0deg); 
			-moz-transform:scale(5) rotateZ(0deg); 
		 }
	100% { 	transform:scale(0.01) rotateZ(360deg); 	
			-webkit-transform:scale(0.01) rotateZ(360deg); 
			-moz-transform:scale(0.01) rotateZ(360deg); 
		 }
}

@-ms-keyframes zanimspiral{
	0%  { 	transform:scale(5) rotateZ(0deg); 	
			-webkit-transform:scale(5) rotateZ(0deg); 
			-moz-transform:scale(5) rotateZ(0deg); 
		 }
	100% { 	transform:scale(0.01) rotateZ(360deg); 	
			-webkit-transform:scale(0.01) rotateZ(360deg); 
			-moz-transform:scale(0.01) rotateZ(360deg); 
		 }
}

/* Spiral Zoom effect */
@-webkit-keyframes zanimspiralunzoom{
	0%  { 	transform:scale(5) rotateZ(0deg); 	
			-webkit-transform:scale(5) rotateZ(0deg); 
			-moz-transform:scale(5) rotateZ(0deg); 
		 }
	100% { 	transform:scale(1) rotateZ(360deg); 	
			-webkit-transform:scale(1) rotateZ(360deg); 
			-moz-transform:scale(1) rotateZ(360deg); 
		 }
}

@-moz-keyframes zanimspiralunzoom{
	0%  { 	transform:scale(5) rotateZ(0deg); 	
			-webkit-transform:scale(5) rotateZ(0deg); 
			-moz-transform:scale(5) rotateZ(0deg); 
		 }
	100% { 	transform:scale(1) rotateZ(360deg); 	
			-webkit-transform:scale(1) rotateZ(360deg); 
			-moz-transform:scale(1) rotateZ(360deg); 
		 }
}

@-ms-keyframes zanimspiralunzoom{
	0%  { 	transform:scale(5) rotateZ(0deg); 	
			-webkit-transform:scale(5) rotateZ(0deg); 
			-moz-transform:scale(5) rotateZ(0deg); 
		 }
	100% { 	transform:scale(1) rotateZ(360deg); 	
			-webkit-transform:scale(1) rotateZ(360deg); 
			-moz-transform:scale(1) rotateZ(360deg); 
		 }
}


/* Death Spiral effect */
@-webkit-keyframes zanimdeathspiral{
	0%  { 	transform:scale(1) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateX(0px) translateY(0px); 	
			-webkit-transform:scale(1) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateX(0px) translateY(0px); 
			-moz-transform:scale(1) rotateZ(1deg)  rotateY(0deg) rotateX(0deg) translateX(0px) translateY(0px); 
		 }
	100% { 	transform:scale(0.01) rotateZ(360deg)  rotateY(360deg) rotateX(360deg) translateX(-1000px) translateY(-1000px); 	
			-webkit-transform:scale(0.01) rotateZ(360deg)  rotateY(360deg) rotateX(360deg) translateX(-1000px) translateY(-1000px); 
			-moz-transform:scale(0.01) rotateZ(360deg)  rotateY(360deg) rotateX(360deg) translateX(-1000px) translateY(-1000px); 
		 }
}

@-moz-keyframes zanimdeathspiral{
	0%  { 	transform:scale(1) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateX(0px) translateY(0px); 	
			-webkit-transform:scale(1) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateX(0px) translateY(0px); 
			-moz-transform:scale(1) rotateZ(1deg)  rotateY(0deg) rotateX(0deg) translateX(0px) translateY(0px); 
		 }
	100% { 	transform:scale(0.01) rotateZ(360deg)  rotateY(360deg) rotateX(360deg) translateX(-1000px) translateY(-1000px); 	
			-webkit-transform:scale(0.01) rotateZ(360deg)  rotateY(360deg) rotateX(360deg) translateX(-1000px) translateY(-1000px); 
			-moz-transform:scale(0.01) rotateZ(360deg)  rotateY(360deg) rotateX(360deg) translateX(-1000px) translateY(-1000px); 
		 }
}

@-ms-keyframes zanimdeathspiral{
	0%  { 	transform:scale(1) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateX(0px) translateY(0px); 	
			-webkit-transform:scale(1) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateX(0px) translateY(0px); 
			-moz-transform:scale(1) rotateZ(1deg)  rotateY(0deg) rotateX(0deg) translateX(0px) translateY(0px); 
		 }
	100% { 	transform:scale(0.01) rotateZ(360deg)  rotateY(360deg) rotateX(360deg) translateX(-1000px) translateY(-1000px); 	
			-webkit-transform:scale(0.01) rotateZ(360deg)  rotateY(360deg) rotateX(360deg) translateX(-1000px) translateY(-1000px); 
			-moz-transform:scale(0.01) rotateZ(360deg)  rotateY(360deg) rotateX(360deg) translateX(-1000px) translateY(-1000px); 
		 }
}

/* Create effect */
/*
@-webkit-keyframes zanimzcreateeffect{
	0% { 	transform:scale(0.1) rotateZ(-180deg)  translateX(-100px) translateY(-100px); 
			-webkit-transform:scale(0.1) rotateZ(-180deg)   translateX(-100px) translateY(-100px); 
			-moz-transform:scale(0.1) rotateZ(-180deg)  translateX(-100px) translateY(-100px); 
			opacity:0; 	
			-moz-opacity:0; 	
		 }
	100%  { 	transform:scale(1) rotateZ(0deg) translateX(0px) translateY(0px); 	
			-webkit-transform:scale(1) rotateZ(0deg) translateX(0px) translateY(0px); 
			-moz-transform:scale(1) rotateZ(0deg)  translateX(0px) translateY(0px); 
			opacity:1.0; 	
			-moz-opacity:1.0; 	
		 }

}

@-moz-keyframes zanimzcreateeffect{
	0% { 	transform:scale(0.1) rotateZ(-180deg)  translateX(-100px) translateY(-100px); 
			-webkit-transform:scale(0.1) rotateZ(-180deg)   translateX(-100px) translateY(-100px); 
			-moz-transform:scale(0.1) rotateZ(-180deg)  translateX(-100px) translateY(-100px); 
			opacity:0; 	
			-moz-opacity:0; 	
		 }
	100%  { 	transform:scale(1) rotateZ(0deg) translateX(0px) translateY(0px); 	
			-webkit-transform:scale(1) rotateZ(0deg) translateX(0px) translateY(0px); 
			-moz-transform:scale(1) rotateZ(0deg)  translateX(0px) translateY(0px); 
			opacity:1.0; 	
			-moz-opacity:1.0; 	
		 }
}

@-ms-keyframes zanimzcreateeffect{
	0% { 	transform:scale(0.1) rotateZ(-180deg)  translateX(-100px) translateY(-100px); 
			-webkit-transform:scale(0.1) rotateZ(-180deg)   translateX(-100px) translateY(-100px); 
			-moz-transform:scale(0.1) rotateZ(-180deg)  translateX(-100px) translateY(-100px); 
			opacity:0; 	
			-moz-opacity:0; 	
		 }
	100%  { 	transform:scale(1) rotateZ(0deg) translateX(0px) translateY(0px); 	
			-webkit-transform:scale(1) rotateZ(0deg) translateX(0px) translateY(0px); 
			-moz-transform:scale(1) rotateZ(0deg)  translateX(0px) translateY(0px); 
			opacity:1.0; 	
			-moz-opacity:1.0; 	
		 }
}
*/
@-webkit-keyframes zanimzcreateeffect{
	0% { 	transform:scale(0.1) rotateZ(-90deg) ; 
			-webkit-transform:scale(0.1) rotateZ(-90deg); 
			-moz-transform:scale(0.1) rotateZ(-90deg); 
			opacity:0; 	
			-moz-opacity:0; 	
		 }
	100%  { 	transform:scale(1) rotateZ(0deg); 	
			-webkit-transform:scale(1) rotateZ(0deg); 
			-moz-transform:scale(1) rotateZ(0deg); 
			opacity:1.0; 	
			-moz-opacity:1.0; 	
		 }

/*	
	0% { 	transform:scale(0.1) rotateZ(-180deg)  translateX(-100px) translateY(-100px); 
			-webkit-transform:scale(0.1) rotateZ(-180deg)   translateX(-100px) translateY(-100px); 
			-moz-transform:scale(0.1) rotateZ(-180deg)  translateX(-100px) translateY(-100px); 
			opacity:0; 	
			-moz-opacity:0; 	
		 }
	100%  { 	transform:scale(1) rotateZ(0deg) translateX(0px) translateY(0px); 	
			-webkit-transform:scale(1) rotateZ(0deg) translateX(0px) translateY(0px); 
			-moz-transform:scale(1) rotateZ(0deg)  translateX(0px) translateY(0px); 
			opacity:1.0; 	
			-moz-opacity:1.0; 	
		 }
		 */
}

@-moz-keyframes zanimzcreateeffect{
0% { 	transform:scale(0.1) rotateZ(-90deg) ; 
			-webkit-transform:scale(0.1) rotateZ(-90deg); 
			-moz-transform:scale(0.1) rotateZ(-90deg); 
			opacity:0; 	
			-moz-opacity:0; 	
		 }
	100%  { 	transform:scale(1) rotateZ(0deg); 	
			-webkit-transform:scale(1) rotateZ(0deg); 
			-moz-transform:scale(1) rotateZ(0deg); 
			opacity:1.0; 	
			-moz-opacity:1.0; 	
		 }
}

@-ms-keyframes zanimzcreateeffect{
0% { 	transform:scale(0.1) rotateZ(-90deg) ; 
			-webkit-transform:scale(0.1) rotateZ(-90deg); 
			-moz-transform:scale(0.1) rotateZ(-90deg); 
			opacity:0; 	
			-moz-opacity:0; 	
		 }
	100%  { 	transform:scale(1) rotateZ(0deg); 	
			-webkit-transform:scale(1) rotateZ(0deg); 
			-moz-transform:scale(1) rotateZ(0deg); 
			opacity:1.0; 	
			-moz-opacity:1.0; 	
		 }
}


/* Create effect */
@-webkit-keyframes zanimzcreateeffecty{
	0% { 	transform:scale(1) rotateY(-90deg); 
			-webkit-transform:scale(1) rotateY(-90deg); 
			-moz-transform:scale(1) rotateY(-90deg); 
			opacity:0; 	
			-moz-opacity:0; 	
		 }
	100%  { 	transform:scale(1) rotateY(0deg) translateX(0px) translateY(0px); 	
			-webkit-transform:scale(1) rotateY(0deg) translateX(0px) translateY(0px); 
			-moz-transform:scale(1) rotateY(0deg)  translateX(0px) translateY(0px); 
			opacity:1.0; 	
			-moz-opacity:1.0; 	
		 }

/*	
	0% { 	transform:scale(0.1) rotateZ(360deg)  rotateY(360deg) rotateX(360deg) translateX(-100px) translateY(-100px); 
			-webkit-transform:scale(0.1) rotateZ(360deg)  rotateY(360deg) rotateX(360deg) translateX(-100px) translateY(-100px); 
			-moz-transform:scale(0.1) rotateZ(360deg)  rotateY(360deg) rotateX(360deg) translateX(-100px) translateY(-100px); 
			opacity:0; 	
			-moz-opacity:0; 	
		 }
	100%  { 	transform:scale(1) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateX(0px) translateY(0px); 	
			-webkit-transform:scale(1) rotateZ(0deg) rotateY(0deg) rotateX(0deg) translateX(0px) translateY(0px); 
			-moz-transform:scale(1) rotateZ(1deg)  rotateY(0deg) rotateX(0deg) translateX(0px) translateY(0px); 
			opacity:1.0; 	
			-moz-opacity:1.0; 	
		 }
*/		 
}

@-moz-keyframes zanimzcreateeffecty{
	0% { 	transform:scale(1) rotateY(-90deg); 
			-webkit-transform:scale(1) rotateY(-90deg); 
			-moz-transform:scale(1) rotateY(-90deg); 
			opacity:0; 	
			-moz-opacity:0; 	
		 }
	100%  { 	transform:scale(1) rotateY(0deg) translateX(0px) translateY(0px); 	
			-webkit-transform:scale(1) rotateY(0deg) translateX(0px) translateY(0px); 
			-moz-transform:scale(1) rotateY(0deg)  translateX(0px) translateY(0px); 
			opacity:1.0; 	
			-moz-opacity:1.0; 	
		 }
}

@-ms-keyframes zanimzcreateeffecty{
	0% { 	transform:scale(1) rotateY(-90deg); 
			-webkit-transform:scale(1) rotateY(-90deg); 
			-moz-transform:scale(1) rotateY(-90deg); 
			opacity:0; 	
			-moz-opacity:0; 	
		 }
	100%  { 	transform:scale(1) rotateY(0deg) translateX(0px) translateY(0px); 	
			-webkit-transform:scale(1) rotateY(0deg) translateX(0px) translateY(0px); 
			-moz-transform:scale(1) rotateY(0deg)  translateX(0px) translateY(0px); 
			opacity:1.0; 	
			-moz-opacity:1.0; 	
		 }
}



.zcrawlintro { width:500px; margin:150px auto 0; color:rgb(13,66,144); font-size:40px; text-align:left; opacity:0; -webkit-transition:opacity 0.3s linear; }
.zcrawl
{ padding-top:0px; position:absolute; z-index:10; top:430px; font-size:60px;  -webkit-transition1:top 76s linear; -moz-transition1:top 76s linear; 
overflow:visible !important;
}
.zcrawl.gocrawl
{ 
	/*top:-2600px;*/
     -webkit-animation: zanimcrawl  76s  infinite;
     -moz-animation:    zanimcrawl  76s  infinite;
     -ms-animation:     zanimcrawl  76s  infinite;
}

.zdeathspiral.godie
{ 
	/*top:-2600px;*/
     -webkit-animation: zanimdeathspiral 2s  infinite;
     -moz-animation:    zanimdeathspiral 2s  infinite;
     -ms-animation:     zanimdeathspiral 2s  infinite;
}

.zcreateeffect.godo
{ 
	/*top:-2600px;*/
     
	-webkit-animation: zanimzcreateeffect 1s  ease-in-out;
     -moz-animation:    zanimzcreateeffect 1s  ease-in-out;
     -ms-animation:     zanimzcreateeffect 1s  ease-in-out;
}

.zcreateeffecty.godo
{ 
	/*top:-2600px;*/
     -webkit-animation: zanimzcreateeffecty 1s  ease-in-out;
     -moz-animation:    zanimzcreateeffecty 1s  ease-in-out;
     -ms-animation:     zanimzcreateeffecty 1s  ease-in-out;
}

.zrecede,.zspiral,zunzoom,zspiralunzoom 
{ 
	display:block; margin: 0 auto;
	overflow:visible !important;
	-webkit-transform:scale(2.5) rotate(0); -moz-transform:scale(2.5) rotate(0); transform:scale(2.5) rotate(0);
	-webkit-transform-origin:center; -moz-transform-origin:center; transform-origin:center;
	-webkit-transition:-webkit-transform 7s ease-out;
	-moz-transition:-moz-transform 7s ease-out;
	transition:transform 4s ease-out;
}
.zrecede.gorecede{ 
	/*top:-2600px;*/
     -webkit-animation: zanimrecede 20s  infinite;
     -moz-animation:    zanimrecede 20s  infinite;
     -ms-animation:     zanimrecede 20s  infinite;
}

.zspiral.gospiral{ 
	/*top:-2600px;*/
     -webkit-animation: zanimspiral 20s  infinite;
     -moz-animation:    zanimspiral 20s  infinite;
     -ms-animation:     zanimspiral 20s  infinite;
}


.zunzoom.gounzoom{ 
	/*top:-2600px;*/
     -webkit-animation: zanimunzoom 20s  infinite;
     -moz-animation:    zanimunzoom 20s  infinite;
     -ms-animation:     zanimunzoom 20s  infinite;
}


.zspiralunzoom.gospiralunzoom{ 
	/*top:-2600px;*/
     -webkit-animation: zanimspiralunzoom 20s  infinite;
     -moz-animation:    zanimspiralunzoom  20s  infinite;
     -ms-animation:     zanimspiralunzoom  20s  infinite;
}


.zunzoompalette.gounzoom{ 
	/*top:-2600px;*/
     -webkit-animation: zanimunzoom 2s  1 linear;
     -moz-animation:    zanimunzoom 2s  1 linear;
     -ms-animation:     zanimunzoom 2s  1 linear;
}
.zcrawlperspective
{  position:absolute; z-index:1; top:0; left:50%; margin-left:-400px; width:800px; height:700px; overflow: visible;
	-webkit-transform: perspective(300) rotateX(45deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: visible;
    -moz-perspective:300px;
    -moz-transform: rotateX(45deg);
    -moz-transform-style: preserve-3d;

}

.zrecedeperspective,.zspiralperspective
{  position:absolute; z-index:1; top:0; left1:50%; margin-left1:-400px; width1:800px; height1:700px; overflow: visible;
	-webkit-transform1: perspective(300) rotateX(45deg);
    -webkit-transform-style: preserve-3d;
    -moz-perspective1:300px;
    -moz-transform1: rotateX(45deg);
    -moz-transform-style: preserve-3d;
}
/* End Crawl Effect*/

/* Heartbeat effect*/
/*@keyframes heartbeat 
{
	0%  { 	transform:scale(1);}
	25%  { 	transform:scale(2);}
	50%  { 	transform:scale(1.5);}
	100% { 	transform:scale(1);}
}*/
/*@keyframes heartbeat*/
@-webkit-keyframes heartbeat
{
	0%  { 	
			transform:scale(1);
			-webkit-transform:scale(1);
			-moz-transform:scale(1);
			-o-transform:scale(1);
			-ms-transform:scale(1);
		}
	25%  {  transform:scale(2);
			-webkit-transform:scale(2);
			-moz-transform:scale(2);
			-o-transform:scale(2);
			-ms-transform:scale(2);
		}
	50%  {  transform:scale(1.5);
			-webkit-transform:scale(1.5);
			-moz-transform:scale(1.5);
			-o-transform:scale(1.5);
			-ms-transform:scale(1.5);
		}
	100%  {  transform:scale(1);
			-webkit-transform:scale(1);
			-moz-transform:scale(1);
			-o-transform:scale(1);
			-ms-transform:scale(1);
		}
}
.zheartbeat
{ 
	animation-name: heartbeat;
	animation-duration: 3s;
    animation-iteration-count: infinite; 
    animation-timing-function:ease-inout; 
    -webkit-animation: heartbeat 2s  infinite;
    
}




/* Callouts */
.speech-bubble,.speech-bubble-above
  {
   width: 200px;
   padding: 10px;
   background: yellow;
   /*background-image:url('http://images.zcubes.com/zp/BlueAbstract/BlueAbstractMiddle.jpg');*/
   color: #fff;
   font: normal 12px "Segoe UI", Arial, Sans-serif;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
  }
  .speech-bubble:after
  {
   content: "";
   border: solid 10px transparent; /* set all borders to 10 pixels width */
   border-top-color: lightblue; /* the callout */
   border-bottom: 0; /* we do not need the bottom border in this case */
   width: 0;
   height: 0;
   overflow: hidden;
   display: block;
   position: relative;
   bottom: -20px; /* border-width of the :after element + padding of the root element */
   margin: auto;
  }
  .speech-bubble-above:before
  {
   content: "^";
   border: solid -10px transparent; /* set all borders to 10 pixels width */
   border-top-color: lightblue; /* the callout */
   border-top: 0; /* we do not need the bottom border in this case */
   width: 0;
   height: 0;
   overflow: hidden;
   display: block;
   position: relative;
   bottom: 20px; /* border-width of the :after element + padding of the root element */
   margin: auto;
  }

  
/* End Callouts */  

.iecontentold
{
	visibility:hidden;
	display:none;
}

.cube4gen
{
	visibility:hidden;
	display:none;
	/*visibility:visible;
	display:inline;*/
}

/*drops and fades*/
/* Hides a leaf towards the very end of the animation */
@-webkit-keyframes fade
{
    /* Show a leaf while into or below 95 percent of the animation and hide it, otherwise */
    0%   { opacity: 1; }
    95%  { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes appear
{
    0%   { opacity: 0; }
    25%  { opacity: 0.2; }
    100% { opacity: 1; }
}

@-webkit-keyframes appearfromdim
{

    0%   { opacity: 0.1; -webkit-transform:scale(0.1)}
    25%  { opacity: 0.6; -webkit-transform:scale(0.3)}
    100% { opacity: 1; -webkit-transform:scale(1)}
/*  0%   { -webkit-transform:scale(0.1)}
    25%  { -webkit-transform:scale(0.3)}
    100% { -webkit-transform:scale(1)}
*/
}

@-webkit-keyframes appearfromnothing
{

    0%   { opacity: 0.5;}
    25%  { opacity: 0.6;}
    100% { opacity: 1;}
/*  0%   { -webkit-transform:scale(0.1)}
    25%  { -webkit-transform:scale(0.3)}
    100% { -webkit-transform:scale(1)}
*/
}


@-webkit-keyframes drop
{
    0%   { -webkit-transform: translate(0px, -50px); }
    100% { -webkit-transform: translate(0px, 800px); }
}

@-webkit-keyframes clockwisespin
{
    0%   { -webkit-transform: rotate(-50deg); }
    100% { -webkit-transform: rotate(50deg); }
}


/* Flips and rotates it from 50 to -50 degrees*/
@-webkit-keyframes counterclockwisespinandflip 
{
    0%   { -webkit-transform: scale(-1, 1) rotate(50deg); }
    100% { -webkit-transform: scale(-1, 1) rotate(-50deg); }
}

/* end drop and fades*/

.zblurin
{
  -webkit-animation: fade 8s ease-in-out linear;
}




/* Other standard controls */
/*
input [type='range'] {
    -webkit-appearance: none !important;
    background:red;
    height:7px;}
input [type='range']::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background:blue;
    height:10px;
    width:10px;
}   
*/
input[type=range]
{
	-webkit-appearance:none; 
	-moz-apperance:none; 
	width:100%; 
	height:4px;
	-webkit-border-radius:10px; 
	-moz-border-radius:10px; 
	-ms-border-radius:10px; 
	-o-border-radius:10px; 
	border-radius:10px;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(0.49, #dddddd), color-stop(0.51, #d1d1d1), color-stop(1, #a1a1a1));	
}
input::-webkit-slider-thumb
{
	-webkit-appearance:none; 
	-moz-apperance:none; 
	width:10px; 
	height:20px;
	-webkit-border-radius:10px; 
	-moz-border-radius:10px; 
	-ms-border-radius:10px; 
	-o-border-radius:10px; 
	border-radius:10px;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(0.49, #dddddd), color-stop(0.51, #d1d1d1), color-stop(1, #a1a1a1));
}
/* End Other standard controls */

.zmenuitemtop span
{
	display:block ! important;
}
 
/*
*
{
    -webkit-user-select:none; 
}*/

#fontdivforslide
{
	background-color: #DFEEF9;
	background-image: url("http://images.zcubes.com/zp/BlueAbstract/BlueAbstractBottom.jpg");
	height:300px;
}	
#fontdivforslide span
{
	display:block;
}	

.error
{
	background-color: red;
	color: yellow;
	margin:5px;	
}
.warning
{
	background-color: red;
	color: white;
	margin:5px;
}
.ok
{
	background-color: green;
	color: white;
	margin:5px;	
}
.comments
{
	background-color: lightsilver;
	color: gray;
	margin:5px;
}
.editarea
{
	background-color: white;
	color: black;
	margin:5px;
}

.semnote
{
	/*color: white;*/
	margin:5px;
	padding:10px;
}
.semnotelink
{
	background-color: blue;
	/*color: white;*/
	margin:5px;
	border:thin black; 
	text-decoration: none;
	padding:10px;
	/*position:static;*/
	-webkit-transition: all  0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	/*-webkit-transform: rotateX(360deg)  scale(1);*/ /*rotateY(-45deg)  scale1(1.45) skew(-300deg)*/
	-webkit-transform: scale(1);
	 -webkit-box-shadow: -7px 7px 26px rgba(160, 160, 160, 1);
	 -moz-box-shadow: -7px 7px 26px rgba(160, 160, 160, 1);
	box-shadow: -7px 7px 26px rgba(160, 160, 160, 1);
	
	-webkit-border-bottom-right-radius: 75px;
      -webkit-border-bottom-left-radius: 75px;
      -moz-border-radius-bottomright: 75px;
      -moz-border-radius-bottomleft: 75px;
      border-bottom-right-radius: 75px;
      border-bottom-left-radius: 75px;
 	 -webkit-border-top-right-radius: 75px;
      -webkit-border-top-left-radius: 75px;
      -moz-border-radius-topright: 75px;
      -moz-border-radius-topleft: 75px;
      border-top-right-radius: 75px;
      border-top-left-radius: 75px;         
      -webkit-box-shadow: -7px 1px 26px rgba(160, 160, 160, 1);
      -moz-box-shadow: -7px 1px 26px rgba(160, 160, 160, 1);
      box-shadow: -7px 1px 26px rgba(160, 160, 160, 1);
      /*padding-left:30px;*/
      background-image: linear-gradient(right , rgb(173,219,255) 8%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(right , rgb(173,219,255) 8%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(right , rgb(173,219,255) 8%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(right , rgb(173,219,255) 8%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(right , rgb(173,219,255) 8%, rgb(255,255,255) 100%);
	
	background-image: -webkit-gradient(
			linear,
			right top,
			left top,
			color-stop(0.08, rgb(173,219,255)),
			color-stop(1, rgb(255,255,255))
			);
   }
.semnotelink:hover
        {
		-webkit-transition: all  2s ease-out;
		-moz-transition: all 2s ease-out;
		-o-transition: all 2s ease-out;
		-ms-transition: all 2s ease-out;
		transition: all 2s ease-out;
		text-decoration:blink; 
			
		position:relative;
		padding:30px;
		/*-webkit-transform: rotateX(60deg)  scale(1.1); */
		-webkit-transform: scale(1.1); 		
        }
        

.semnotecover
{
	background-color: lightblue;
	color: black;
	margin:10px;
	padding:30px;
}
.semnoteattr
{
	background-color: wheat;
	color: black;
	margin:5px;
}

.semnoteinner
{
	/*background-color: lightskyblue;*/
	color: black;
	margin:5px;
}

.cancel
{
	background-color: silver;
	color: white;
}
.note
{
	background-color: wheat;
	color: black;
	font-size: medium; 
	margins:px;	
}
.noteheader
{
	background-color: skyblue;
	color: white;
	font-size: medium; 
	margins:px;	
}

.frameimage
{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	z-index:100;	
}


#progress p
{
	display: block;
	width: 240px;
	padding: 2px 5px;
	margin: 2px 0;
	border: 1px inset #446;
	border-radius: 5px;
	background: #eee url("http://images.zcubes.com/cc/progress.png") 100% 0 repeat-y;
}

#progress p.success
{
	background: #0c0 none 0 0 no-repeat;
}

#progress p.failed
{
	background: #c00 none 0 0 no-repeat;
}


/* Graphs*/
.graphbox
{
   box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);
   -moz-box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);
   -webkit-box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80); 	
	
}

.graphxaxisletters
{
   box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);
   -moz-box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);
   -webkit-box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80); 	
	
}
.graphyaxisletters
{
   box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);
   -moz-box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);
   -webkit-box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80); 	
	
}

.graphaxis
{
   box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);
   -moz-box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);
   -webkit-box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80); 	
	
}
.graphbars1
{
 	/*-webkit-transition: background-color 2s ease-in-out;
 	-webkit-transition: background-image 2s ease-in-out; 	
	-webkit-transition:2500ms 0ms; */	
 	-webkit-transition: all 2s ease-in-out;
	-webkit-animation: zspinanimationy 8s ease-in-out linear;	
   box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);
   -moz-box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80);
   -webkit-box-shadow: 0px 7px 73px rgba(0, 0, 0, 0.80); 	

}
/* End Graphs */

/* Icons effect */
.ziicons
{
	width:45px;
	height:45px;	
}

.ziiconsmall
{
	width:25px;
	height:25px;	
}


.ziiconseffect
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	
	box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.80);
	-moz-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.80);
	-webkit-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.80);    

}

.ziiconsbackground
{
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */


background: rgb(174,188,191); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(174,188,191,1) 0%, rgba(110,119,116,1) 50%, rgba(10,14,10,1) 51%, rgba(10,8,9,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,188,191,1)), color-stop(50%,rgba(110,119,116,1)), color-stop(51%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */

}
.ziiconseffect:hover
{
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.80);
	-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.80);
	-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.80);    
}

.ziiconseffect:active
{
	box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.80);
	-moz-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.80);
	-webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.80);    
}

.ziicontext
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	font-weight: bold;
    text-transform:uppercase;
	text-wrap:unrestricted;/* normal|none|unrestricted|suppress;    */
	width:50px;
	max-width:50px !important;
	overflow:hidden;
	padding:15px;
	color:white;
	text-shadow: 1px 1px 1px black;
}

.ziiconspanel
{
	display:inline-block ; 
}

.zbadge {
    background: radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background-color: red;
    border: 2px solid white;
    border-radius: 12px; /* one half of ( (border * 2) + height + padding ) */
    box-shadow: 1px 1px 1px black;
    color: white;
    font: bold 15px/13px Helvetica, Verdana, Tahoma;
    height: 16px; 
    min-width: 14px;
    padding: 4px 3px 0 3px;
    text-align: center;
}
.zbadge {
    float: left;
    left1: 25px;
    margin: 6px;
    position: relative;
    top1: 25px; 
}

/* End Icons effect */

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('http://fonts.zcubes.com/fonts/websymbols-regular-webfont.eot');
    src: url('http://fonts.zcubes.com/fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://fonts.zcubes.com/fonts/websymbols-regular-webfont.woff') format('woff'),
         url('http://fonts.zcubes.com/fonts/websymbols-regular-webfont.ttf') format('truetype'),
         url('http://fonts.zcubes.com/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'WebSymbolsLocal';
    src: url('../fonts/websymbols-regular-webfont.eot');
    src: url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/websymbols-regular-webfont.woff') format('woff'),
         url('../fonts/websymbols-regular-webfont.ttf') format('truetype'),
         url('../fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.zsymbols
{
	font-family: 'WebSymbolsLocal';
}

.zcircular,.zcircularsmall
{
	border-radius:50%;
	width: 180px;
	height: 180px;
	border: 10px solid rgba(255, 255, 255, 0.5);
	box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.6);
}

.zcircularsmall
{
	width: 45px;
	height: 45px;
}

/* Page turn effect */
/* Do translate before activating effect: Page turn */
@-webkit-keyframes zpageeffect{
	0%  { 	transform:rotateY(0deg) translateX(50%); 	
			-webkit-transform:rotateY(0deg) translateX(50%); 	
			-moz-transform:rotateY(0deg) translateX(50%); 	
		 }
	100% { 	transform:rotateY(-180deg) translateX(50%); 	
			-webkit-transform:rotateY(-180deg) translateX(50%); 	
			-moz-transform:rotateY(-180deg) translateX(50%); 	
		 }
}

@-moz-keyframes zpageeffect{
	0%  { 	transform:rotateY(0deg) translateX(50%); 	
			-webkit-transform:rotateY(0deg) translateX(50%); 	
			-moz-transform:rotateY(0deg) translateX(50%); 	
		 }
	100% { 	transform:rotateY(-180deg) translateX(50%); 	
			-webkit-transform:rotateY(-180deg) translateX(50%); 	
			-moz-transform:rotateY(-180deg) translateX(50%); 	
		 }
}

@-ms-keyframes zpageeffect{
	0%  { 	transform:rotateY(0deg) translateX(50%); 	
			-webkit-transform:rotateY(0deg) translateX(50%); 	
			-moz-transform:rotateY(0deg) translateX(50%); 	
		 }
	100% { 	transform:rotateY(-180deg) translateX(50%); 	
			-webkit-transform:rotateY(-180deg) translateX(50%); 	
			-moz-transform:rotateY(-180deg) translateX(50%); 	
		 }
}
/* Do translate before activating effect: Page turn back*/
@-webkit-keyframes zpageeffectback{
	0% { 	transform:rotateY(-180deg) translateX(50%); 	
			-webkit-transform:rotateY(-180deg) translateX(50%); 	
			-moz-transform:rotateY(-180deg) translateX(50%); 	
		 }
	100%  { 	transform:rotateY(0deg) translateX(50%); 	
			-webkit-transform:rotateY(0deg) translateX(50%); 	
			-moz-transform:rotateY(0deg) translateX(50%); 	
		 }
}

@-moz-keyframes zpageeffectback{
	0% { 	transform:rotateY(-180deg) translateX(50%); 	
			-webkit-transform:rotateY(-180deg) translateX(50%); 	
			-moz-transform:rotateY(-180deg) translateX(50%); 	
		 }
	100%  { 	transform:rotateY(0deg) translateX(50%); 	
			-webkit-transform:rotateY(0deg) translateX(50%); 	
			-moz-transform:rotateY(0deg) translateX(50%); 	
		 }
}

@-ms-keyframes zpageeffectback{
	0% { 	transform:rotateY(-180deg) translateX(50%); 	
			-webkit-transform:rotateY(-180deg) translateX(50%); 	
			-moz-transform:rotateY(-180deg) translateX(50%); 	
		 }
	100%  { 	transform:rotateY(0deg) translateX(50%); 	
			-webkit-transform:rotateY(0deg) translateX(50%); 	
			-moz-transform:rotateY(0deg) translateX(50%); 	
		 }
}

.zpageeffect
{
	transform:translateX(50%);	
	-webkit-transform:translateX(50%); 	
	-moz-transform:translateX(50%); 	
}


.zpageeffect.doturn
{ 
     -webkit-animation: zpageeffect 2s  1 ease-in-out;
     -moz-animation:    zpageeffect 2s  1 ease-in-out;
     -ms-animation:     zpageeffect 2s  1 ease-in-out;
     -webkit-animation-fill-mode: forwards;
     /*transform:translate(50%); 	
	-webkit-transform:translate(50%); 	
	-moz-transform:translate(50%); 	
	*/
}

.zpageeffect.doturnback
{ 
     -webkit-animation: zpageeffectback 2s  1 ease-in-out;
     -moz-animation:    zpageeffectback 2s  1 ease-in-out;
     -ms-animation:     zpageeffectback 2s  1 ease-in-out;
     -webkit-animation-fill-mode: forwards;
     /*transform:translate(50%); 	
	-webkit-transform:translate(50%); 	
	-moz-transform:translate(50%); 	
	*/
}


.zhalftx
{ 
	transform:translate(50%); 	
	-webkit-transform:translate(50%); 	
	-moz-transform:translate(50%); 	
}

.zpalette
{
	border-radius:50%;
	border: 30px solid silver;
	border: 30px solid rgba(255, 255, 255, 0.5);
	box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.6);
	/*-webkit-transform:rotateX(-25deg); scaleX(2) scaleY(2);*/
	padding:20px;
	margin:10px;
    -webkit-transform-style: preserve-3d;	
    overflow:scroll;
    
    
	box-shadow:5px 5px 1px #000001;
	-webkit-box-shadow:5px 5px 1px #000001;
	-moz-box-shadow:5px 5px 1px #000001;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000001,Strength=5,Direction=135);
   
 background: rgb(228,245,252); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(228,245,252,1) 0%, rgba(191,232,249,1) 50%, rgba(159,216,239,1) 51%, rgba(42,176,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,245,252,1)), color-stop(50%,rgba(191,232,249,1)), color-stop(51%,rgba(159,216,239,1)), color-stop(100%,rgba(42,176,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 ); /* IE6-9 */

}

.zpalette>div
{
	-webkit-transform1:scaleX(0.55) scaleY(0.55);
    -webkit-transform-style: preserve-3d;	
    padding:10px;
}

/*.zpalette>div>span,.zpalette>div>div,*/
.zpalette>div>img/*,.zcubebuttonimagesmall/*,.zpalette>div>.zbup,.zpalette>div>span:not(.smalltext)*/,.tablepos img.zbup,.tablepos img.zbdown
{
	width:50px;
	height:50px;
	
	border-radius:50%;
	padding:10px;
	border: 2px solid rgba(0, 0, 0, 0.5);	
	text-align: center;
	vertical-align: middle;
	
	/*-webkit-transform: rotateY(10deg) scaleX(1) scaleY(1);	*/
	box-shadow:5px 5px 1px #000001;
	-webkit-box-shadow:5px 5px 1px #000001;
	-moz-box-shadow:5px 5px 1px #000001;
	
/*	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000001,Strength=5,Direction=135);*/

background: rgb(228,245,252); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(228,245,252,1) 0%, rgba(191,232,249,1) 50%, rgba(159,216,239,1) 51%, rgba(42,176,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,245,252,1)), color-stop(50%,rgba(191,232,249,1)), color-stop(51%,rgba(159,216,239,1)), color-stop(100%,rgba(42,176,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 ); /* IE6-9 */

}

.tablepos img.zbup,.tablepos img.zbdown
{
	width:30px;
	height:30px;
	padding:5px;
}
/*

.zpalette>div>img:hover,.zpalette>div>img:active
{
	-webkit-transition: all  2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
	width:50px;
	border-radius:50%;
	border: 4px solid rgba(255, 255, 255, 0.5);	
	-webkit-transform:rotateY(80deg) scaleX(1.5) scaleY(1.5);	
}
.zpalette>div>img:active
{
      -webkit-animation: zspinanimationz 1s 1 ease-in-out;	
}
*/

.zpalette
{
/*	-webkit-transform: rotateX(34deg) rotateY(34deg) rotateZ(23deg);*/
	overflow:visible !important;
	overflow-x:visible !important;
	overflow-y:visible !important;
}
#zcombozpanelcontent
{
	overflow:visible;
}
#EnableFillPatternCheckBoxImage_ListBox,#EnableStrokePatternCheckBoxImage_ListBox
{
	overflow:visible !important;
	overflow-x:visible !important;
	overflow-y:visible !important;
}

.tablepos img.zbup,
{
	border-radius:50%;
	border: 0px solid rgba(255, 255, 255, 0.5);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.6);
	padding:10px;
}
.tablepos img.zbdown
{
	border-radius:50%;
	border: 2px solid rgba(255, 255, 255, 0.5);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.6);
	padding:10px;
}

.tablepossmall img.zbup,.tablepossmall img.zbdown
{
	padding:5px;
}

.tablepos img.zbup:hover,.tablepos img.zbdown:hover
{
border-radius:5%;
}

.tablepos img.zbup:active,.tablepos img.zbdown:active
{
border-radius:25%;
}

.showoverflow
{
	overflow:visible !important;	
}
.hideoveflow
{
	overflow:hidden !important;	
}

.resizeanim
{
	-webkit-transition: all  2s ease-in-out;

}

:not(#bordermenusub)>.calciimg:hover,.SubTopMenuIcon:hover/*,.zcubebuttonimagesmall:hover */
{
     /*-webkit-animation: zanimunzoom  3s  reverse;*/
	 -webkit-animation: zanimunzoom 1s reverse 1 ease-in-out;
     -moz-animation:    zanimunzoom 3s  reverse;
     -ms-animation:     zanimunzoom 3s  reverse;
     -o-animation:     zanimunzoom 3s  reverse;

 	 -webkit-animation-fill-mode: forwards;
 	 -moz-animation-fill-mode: forwards;
 	 -ms-animation-fill-mode: forwards;
 	 -o-animation-fill-mode: forwards;

}

/* Border Ghosting effect */

@-webkit-keyframes borderghost
{
  from { -webkit-transform: rotateY(0); }
  to   { -webkit-transform: rotateY(-360deg); }
}
@-webkit-keyframes borderghost
{      
	from   { 	
			-webkit-transform: scaleX(1) rotateY(20deg); 
		 }
	to { 			
			-webkit-transform: scaleX(2) rotateY(45deg); 
		}
}

@-moz-keyframes borderghost
{
	0%  { 	
			border:2px silver dotted !important;

		 }
	100% { 			
			border:1px white dotted !important;
		 }
}

@-ms-keyframes borderghost
{
	0%  { 	
			border:2px silver dotted !important;

		 }
	100% { 			
			border:1px white dotted !important;
		 }
}


.tab.active
{
	border:2px silver dotted !important;
	/*
    -moz-transform: scaleX(1.5) scaleY(1.5);
    -o-transform: scaleX(1.5) scaleY(1.5);
    -webkit-transform: scaleX(1.5) scaleY(1.5);
    transform: scaleX(1.5) scaleY(1.5);
    */
	/*	-webkit-animation-fill-mode: forwards;	
     -webkit-animation: zanimunzoomsmall 3s  reverse;
     -moz-animation:    zanimunzoomsmall 3s  reverse;
     -ms-animation:     zanimunzoomsmall 3s  reverse;
     */
}

.selectedcells,.sshl_t /* .sshl_t  for testing. need to remove*/
{
	border:2px silver dashed;/* !important;*/
    /*-moz-transform: scaleX(1.5) scaleY(1.5);
    -o-transform: scaleX(1.5) scaleY(1.5);
    -webkit-transform: scaleX(1.5) scaleY(1.5);
    transform: scaleX(1.5) scaleY(1.5);
	-webkit-animation-fill-mode: forwards;	
	 -webkit-animation: borderghost 1s  1 ease-in;
     -moz-animation:    borderghost 1s  1 ease-in;
     -ms-animation:     borderghost 1s  1 ease-in;
*/
	     
}


.hidetextcolor
{
background-color:transparent !important;
	
}

.animatediconholder>img
{
	-webkit-animation: zanimunzoomsmaller 0.5s linear 0s infinite alternate;	
	border-radius:0 !important;
}

#zcombozpanelcontent>img:hover
{
    -moz-transform: scaleX(1.3);
    -o-transform: scaleX(1.3);
    -webkit-transform: scaleX(1.3);
    transform: scaleX(1.3);
}
#zcombozpanelcontent svg:hover
{
    -moz-transform: scaleX(1.75);
    -o-transform: scaleX(1.75);
    -webkit-transform: scaleX(1.75);
    transform: scaleX(1.75);
}

#zcombozpanelcontent svg:active
{
    -moz-transform: scaleX(5.0) rotateZ(45deg);
    -o-transform: scaleX(5.0) rotateZ(45deg);
    -webkit-transform: scaleX(5.0) rotateZ(45deg);
    transform: scaleX(5.0) rotateZ(45deg);
}

#zcombozpanelcontent
{
	z-index:100000000;	
	/*padding-top:50px;*/ /* to make icon select on buttons to work over svg objects.use only if transform applied.*/

}
.zmiddlezpanel
{
	z-index:1000;	
	/*border:1px solid red;*/

}

/*.bgcurtain
{
	-moz-box-shadow: inset 0 0 5px 5px #888;
-webkit-box-shadow: inset 0 0 5px 5px#888;
box-shadow: inset 0 0 5px 5px #888;
}*/


.popupcombopanelgradient
{
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */	
}

.errorpanelgradient
{
background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* IE10+ */
background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */	
	
}

.calcierrorcolor
{
	color:red;
}

.defaulttemplatescheme
{
background: rgb(183,222,237); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(183,222,237,1)), color-stop(50%,rgba(113,206,239,1)), color-stop(51%,rgba(33,180,226,1)), color-stop(100%,rgba(183,222,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=1 ); /* IE6-9 */
}
.defaulttemplateschemeinside
{
background: #e1ffff; /* Old browsers */
background: -moz-linear-gradient(top,  #e1ffff 0%, #fdffff 0%, #e1ffff 7%, #e1ffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ffff), color-stop(0%,#fdffff), color-stop(7%,#e1ffff), color-stop(12%,#e1ffff), color-stop(30%,#e6f8fd), color-stop(54%,#c8eefb), color-stop(75%,#bee4f8), color-stop(100%,#b1d8f5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e1ffff 0%,#fdffff 0%,#e1ffff 7%,#e1ffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e1ffff 0%,#fdffff 0%,#e1ffff 7%,#e1ffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e1ffff 0%,#fdffff 0%,#e1ffff 7%,#e1ffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e1ffff 0%,#fdffff 0%,#e1ffff 7%,#e1ffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=0 ); /* IE6-9 */
}
.templatescheme,.templatescheme1
{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.templatescheme2
{
background: #cedbe9; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #cedbe9 0%, #aac5de 17%, #6199c7 50%, #3a84c3 51%, #419ad6 59%, #4bb8f0 71%, #3a8bc2 84%, #26558b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cedbe9), color-stop(17%,#aac5de), color-stop(50%,#6199c7), color-stop(51%,#3a84c3), color-stop(59%,#419ad6), color-stop(71%,#4bb8f0), color-stop(84%,#3a8bc2), color-stop(100%,#26558b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%); /* IE10+ */
background: linear-gradient(135deg,  #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/*svg
{
	cursor:!important; 
}
*/

#paintpanelsettings
{
	position:absolute;
	top:0px;
}

.ztrayeffect:active
{
  /*-webkit-animation: counterclockwisespinandflip 4s ease-out-in linear;*/
  -webkit-animation: zanimunzoomsmall 3s  ease-out linear;
}
.ztrayeffect:hover
{
  /*-webkit-animation: counterclockwisespinandflip 4s ease-in-out linear;*/
  -webkit-animation: zanimunzoomsmall 3s  ease-out-in linear;
}

.padded
{
	padding:5px;
}


#ZSmallConsoleIcon1
{
	/* Deactivated since opera has issues with this */
	/*-webkit-transition: all  0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	*/
}


.buttoneffect
{
/*	-webkit-box-shadow: -2px -2px 20px rgba(81, 118, 116, 0.8);
	-moz-box-shadow:    -2px -2px 20px rgba(81, 118, 116, 0.8);
	box-shadow:         -2px -2px 20px rgba(81, 118, 116, 0.8);
*/	
}
.buttoneffect:hover
{
    -moz-transform: scaleX(1.1) scaleY(1.1);
    -o-transform: scaleX(1.1) scaleY(1.1);
    -webkit-transform: scaleX(1.1) scaleY(1.1);
    transform: scaleX(1.1) scaleY(1.1);
}
.buttoneffect:active
{
    -moz-transform: scaleX(0.9) scaleY(0.9);
    -o-transform: scaleX(0.9) scaleY(0.9);
    -webkit-transform: scaleX(0.9) scaleY(0.9);
    transform: scaleX(0.9) scaleY(0.9);
}


/*3d test*/
  #experiment {
      -webkit-perspective: 800;
      -webkit-perspective-origin: 50% 200px;
    }

 #cube {
      position: relative;
      margin: 0 auto;
    /*  height: 400px;
    /  width: 400px;*/
    /*  -webkit-transition: -webkit-transform 2s linear;*/
      -webkit-transform-style: preserve-3d;
    }
    
  .experiment {
      -webkit-perspective: 800;
      -webkit-perspective-origin: 50% 200px;
    }

 .cube {
      position: relative;
      margin: 0 auto;
      height: 400px;
      width: 400px;
    /*  -webkit-transition: -webkit-transform 2s linear;*/
      -webkit-transform-style: preserve-3d;
    }
    
    .face {
      position: absolute;
      height: 400px;
      width: 400px;
       -webkit-backface-visibility: hidden;
      padding: 20px;
    /*  background-color: rgba(50, 50, 50, 0.7);*/
    }    

   #cube .one  {
      -webkit-transform: rotateX(90deg) translateZ(200px);
    }

    #cube .two {
      -webkit-transform: translateZ(200px);
    }

    #cube .three {
      -webkit-transform: rotateY(90deg) translateZ(200px);
    }

    #cube .four {
      -webkit-transform: rotateY(180deg) translateZ(200px);
    }

    #cube .five {
      -webkit-transform: rotateY(-90deg) translateZ(200px);
    }

    #cube .six {
      -webkit-transform: rotateX(-90deg) translateZ(200px) rotate(180deg);
    }
   
   .cube .one  {
      -webkit-transform: rotateX(90deg) translateZ(200px);
    }

    .cube .two {
      -webkit-transform: translateZ(200px);
    }

    .cube .three {
      -webkit-transform: rotateY(90deg) translateZ(200px);
    }

    .cube .four {
      -webkit-transform: rotateY(180deg) translateZ(200px);
    }

    .cube .five {
      -webkit-transform: rotateY(-90deg) translateZ(200px);
    }

    .cube .six {
      -webkit-transform: rotateX(-90deg) translateZ(200px) rotate(180deg);
    }
 

.slideelements,div.SlideHeader1,div.SlideContent
{
	/* background: rgba(250, 250, 250, 0.71); */
	/*border: 1px solid rgba(147, 184, 189, 0.8);*/
	/* -webkit-box-shadow: 0pt 2px 5px rgba(65, 151, 209, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset; */
	-moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	/* box-shadow: 0pt 2px 5px rgba(99, 132, 145, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset; */
	-webkit-box-shadow: 15px;
	-moz-border-radius: 35px;
	/*height: 300px;*/
	/*width: 500px;*/
	padding: 15px 10px 10px 15px;
	margin: 15px;
	-moz-box-shadow: 0 0 0 4px #e2e2e2, 2px 1px 4px 4px rgba(10,10,0,.5);
	/*-webkit-box-shadow: 0 0 0 4px #549CBE, 2px 1px 4px 4px rgba(100, 137, 201, .5);
	box-shadow: 0 0 0 4px #EAF1FA, 2px 1px 6px 4px rgba(148, 198, 230, .5);*/
	/* background-repeat: repeat; */
	/* background-image: -webkit-linear-gradient(top, #DEF, white); */
	background-image: -moz-radial-gradient(center 45deg,circle cover, #FAFAFA, #3DA2FF);
	/* background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%,800, from(#FAFAFA), to(#3DA2FF)); */
	/* background-color: #E7F3FF; */
	/* border-radius: 50% ; */

	/* background: rgb(30,87,153); */ /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */
background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */

	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); */ /* Chrome,Safari4+ */

	/* background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); */ /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */

	/* background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); */ /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */

}

/*
Add a "gradient" class to all your elements that have a gradient, and add the following override to your HTML to complete the IE9 support:

<!--[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }
  </style>
<![endif]-->
*/

/*
svg>*
{
cursor: url(http://images.zcubes.com/zboxdev/cursorsnew/brush.cur), pointer;
}
*/
#zcubemenucontrols
{
	width:auto !important;	

}

*::selection, *::-moz-selection 
{
	text-shadow: none;
	background-color: rgba(65,131,196,0.1);
	border:3px silver double;
}

.SlideHeader::selection, .SlideHeader::-moz-selection ,.SlideContent li::selection, .SlideContent li::-moz-selection 
{
	text-shadow: none;
	background-color: rgba(65,131,196,0.9);
	color:yellow;
	border:3px silver double;
}

#zquickcalciinfo
{
	font-size: 14pt;
	color: steelblue;
	overflow:ellipsis;
	text-align:left;
	height:40px;
}
#zquickcalciinfo:hover
{
	overflow:visible;
}

.ColRowAddressDisplaySpan
{
	color:steelblue;
	font-size:16pt;	
	font-weight:bold;
}

#zquickcalciinfo .ColRowAddressDisplaySpan
{
	font-size:16pt;	
}

.CurrentColRowAddressDisplaySpan
{
	font-color:red;
	font-weight:bold;
	font-size:18pt;
}

#calcicurrent 
{
	font-size: 14pt;
	color: silver;
	overflow:ellipsis;
	text-align:left;
	width:125px;
}
#calcimouse
{
	visibility:hidden;
	display:none;
} 
#testcalcidiv textarea
{
	font-size: 14pt;
	color: darksilver;
	text-align:left;
	width:275px;

	background: #f2f9fe; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f2f9fe 0%, #d6f0fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f2f9fe), color-stop(100%,#d6f0fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #f2f9fe 0%,#d6f0fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #f2f9fe 0%,#d6f0fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #f2f9fe 0%,#d6f0fd 100%); /* IE10+ */
background: linear-gradient(135deg,  #f2f9fe 0%,#d6f0fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.showonhover
{
  -moz-opacity: 0.01;
  opacity:0.01;
}

.showonhover:hover,.showonhover:active
{
  -moz-opacity: 1.0;
  opacity:1.0 ;
}

.lowtohighonhover
{
  -moz-opacity: 0.3 ;
  opacity:0.3 ;
}
.lowtohighonhover:hover,.lowtohighonhover:active
{
  -moz-opacity: 0.9 ;
  opacity:0.9 ;
}

.nouserselect
{
	 -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;	
}

/*.resizercontrols,*/
.resizercontrols>div,.zhandles1/*,#bg_SelectionMarkers ellipse*/
{
	border:silver ridge thin ;	
	background: #b2e1ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #b2e1ff 0%, #66b6fc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b2e1ff 0%,#66b6fc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b2e1ff 0%,#66b6fc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b2e1ff 0%,#66b6fc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b2e1ff 0%,#66b6fc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* IE6-9 */
}

.positionresize
{
	top:30px !important;
	right:90px  !important;
}

.positioncontorls:hover
{
    -moz-transform:  scaleX(3) scaleY(3);
    -o-transform:  scaleX(3) scaleY(3);
    -webkit-transform:  scaleX(3) scaleY(3);
    transform:  scaleX(3) scaleY(3);
}

.elementcontrols:hover
{
	
	transform:scale(3) translate(-50%); 	
	-webkit-transform:scale(3) translate(-50%); 
	-moz-transform:scale(3) translate(-50%); 
	transform:scale(2) translate(-50%); 	
	-webkit-transform:scale(2) translate(-50%); 
	-moz-transform:scale(2) translate(-50%);/
	
}
/*
.elementcontrols
{
	border:radius:50%;
    -moz-transform:  scaleX(1) scaleY(1);
    -o-transform:  scaleX(1) scaleY(1);
    -webkit-transform:  scaleX(1) scaleY(1);
    transform:  scaleX(1) scaleY(1);
	
}
.elementcontrols:hover, positioncontorls
{
    -moz-transform:  scaleX(3) scaleY(3);
    -o-transform:  scaleX(3) scaleY(3);
    -webkit-transform:  scaleX(3) scaleY(3);
    transform:  scaleX(3) scaleY(3);
}*/

.resizercontrols:hover,.resizercontrols:active,.zhandles:hover
/*,.zhandles:active,#bg_SelectionMarkers ellipse:hover,#bg_SelectionMarkers ellipse:active*/
/*.resizercontrols>div:hover,.resizercontrols>div:active,*/
{
    -moz-transform:  scaleX(2.5) scaleY(2.5);
    -o-transform:  scaleX(2.5) scaleY(2.5);
    -webkit-transform:  scaleX(2.5) scaleY(2.5);
    transform:  scaleX(2.5) scaleY(2.5);
}
#rotationcontrols:hover .resizercontrols,#rotationcontrols:hover .resizercontrols1,
#rotationcontrols:active .resizercontrols,#rotationcontrols:active .resizercontrols1
{
    -moz-transform:  scaleX(2.5) scaleY(2.5);
    -o-transform:  scaleX(2.5) scaleY(2.5);
    -webkit-transform:  scaleX(2.5) scaleY(2.5);
    transform:  scaleX(2.5) scaleY(2.5);
}

#rotationcontrols .resizercontrols1,#rotationcontrols .resizercontrols
{
	border-style: outset !important;
}

#rotationcontrols .resizercontrols1:hover,#rotationcontrols .resizercontrols:hover
{
	border-style: dotted !important;
}

#rotationcontrols .resizercontrols1:active,#rotationcontrols .resizercontrols:active
{
	border-style: dashed !important;
}

.SlideContent>ul
{
	position:relative;
	left:0%;
	top:0%;	
	right:0%;
	bottom:0%;	
}


.svghandles
{
	/*border:silver ridge thin ;	*/
	background: #transparent; 
	-moz-transform: scaleX(2) scaleY(2);
	-o-transform: scaleX(2) scaleY(2);
	-webkit-transform: scaleX(2) scaleY(2);
	transform: scaleX(2) scaleY(2);
}

.svghandles:hover,.svghandles:active
{
    -moz-transform:  scaleX(3) scaleY(3);
    -o-transform:  scaleX(3) scaleY(3);
    -webkit-transform:  scaleX(3) scaleY(3);
    transform:  scaleX(3) scaleY(3);
}
#bg_SelectionMarkers ellipse ,.CompassClass
{
	fill:steelblue !important;
	opacity:0.3;
	-moz-opacity: 0.3;
}

#bg_SelectionMarkers svg:hover,#bg_SelectionMarkers svg:active
{
	-moz-transform:  scaleX(2) scaleY(2);
    -o-transform:  scaleX(2) scaleY(2);
    -webkit-transform:  scaleX(2) scaleY(2);
    transform:  scaleX(2) scaleY(2);
}

/*#bg_SelectionMarkers ellipse:hover,#bg_SelectionMarkers ellipse:active,.CompassClassHover*/
#bg_SelectionMarkers:hover ellipse,#bg_SelectionMarkers:active ellipse,.CompassClassHover:hover,.CompassClassHover:active,#bg_SelectionMarkers:hover .CompassClassHover,#bg_SelectionMarkers:active .CompassClassHover

{
	fill:skyblue !important;
	rx:45px !important;
	ry:45px !important;
	-moz-opacity: 1.0;
	opacity: 1.0;
    /*-moz-transform:  scaleX(3) scaleY(3);
    -o-transform:  scaleX(3) scaleY(3);
    -webkit-transform:  scaleX(3) scaleY(3);
    transform:  scaleX(3) scaleY(3);*/
}


/*#bg_SelectionMarkers:hover svg,#bg_SelectionMarkers:active svg
{
	-moz-opacity: 1.0 !important;
	opacity: 1.0 !important;
}*/

#bg_SelectionMarkers div:hover,#bg_SelectionMarkers div:active
{
	/*border-width:10px !important;*/
	padding: 10px;
}

#bg_SelectionMarkers svg
{
	position:fixed !important;
	/*top:100px !important;
	left:50px !important;*/
	/*right:100px	!important;
	bottom:100px	!important;	*/
	bottom: 100px !important;
	right: 50px !important;	
}

.CompassClass,.CompassClassHover
{
	/*position:absolute !important;*/
	/*top:100px !important;
	left:50px !important;*/
	/*right:100px	!important;
	bottom:100px	!important;	*/
	bottom: 100px !important;
	right: 50px !important;	

}

.shadow{
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
}

.ischecked{
	/*-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;*/
	opacity:1.0;
	-moz-opacity: 1.0;
}

.isnotchecked{
	/*-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;*/
	opacity:0.3;
	-moz-opacity: 0.3;
}

.ischecked:after
{
	/*content:"TEST&radic;";*/
	content:url(http://images.zcubes.com/zp/ZControlIcons/ZCheckbox.png);
	position:relative;
	left:-10px;
	top:-10px;	
	zoom: 0.5;
}

.isnotchecked:after
{
	content:url(http://images.zcubes.com/zp/BrowserbarIcons/Close-Browser.png);
	position:relative;
	left:-10px;
	top:-10px;	
	width:10px;
	height:10px;	
	zoom: 0.5;
}

.isnotchecked:hover{
	/*-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;*/
	opacity:0.5;
	-moz-opacity: 0.5;
}

.halotype,.halotype1
{
	position: absolute;
	border: 100px rgba(212, 237, 247, 0.4) solid;
	border: 100px rgba(255, 255, 255, 0.4) solid;
	border-radius: 50%;
	top: -200px;
	left: -200px;
	width: 400px;
	height: 400px;
	background-color: transparent;
	background-color: rgb(8, 150, 206);
	background-color: rgba(192, 192, 192, 0.56);
	z-index: -1;
	-moz-box-shadow: 10px 10px 50px #888;
	-webkit-box-shadow: 10px 10px 50px #888;
	box-shadow: 10px 10px 50px #888;
    -webkit-animation: visibility 1s 1 ease-in-out;
	opacity: 0.5;    
}			
.halotype2 
{
	position: absolute;
	border: 300px rgba(212, 237, 247, 0.4) double;
	border: 300px rgba(0, 0, 0, 0.62) double;
	border-radius: 50%;
	top: -300px;
	left: -300px;
	width: 600px;
	height: 600px;
	background-color: transparent;
	background-color: rgb(8, 150, 206);
	background-color: rgba(192, 192, 192, 1);
	z-index: -1;
	-moz-box-shadow: 10px 10px 50px #888;
	-webkit-box-shadow: 10px 10px 50px #888;
	box-shadow: 10px 10px 50px #888;
	opacity: 0.5;
}
.subhalo
{
	width: 90px;
	height: 90px;
	border: 25px silver solid;
	background: black;
	top: -36px;
	left: -36px;
}

.strokehalo
{
	top: -356px;
	left: -151px;
	width: 300px;
	height: 300px;
	border: 210px silver double;
	background: black;
}
.fillhalo
{
	top: -263px;
	left: -161px;
	width: 550px;
	height: 550px;
	border-width: 150px;
	background: silver;
}

.radcontainer.filllist.zpaletteopen
{
	top: -290px !important;
	left: 500px !important;
}
.filllist .DirectEditControls
{
	top: -40px;
	left: 23px;
	width: 150px;	
	background:transparent !important;
}
.radcontainer:hover .halotype,.radcontainer:hover .halotype1,.radcontainer:hover .halotype2
{
	/*border-color: rgba(212, 237, 247, 0.9);*/
	border-color: rgba(117, 166, 214, 0.9);
	border-color: rgba(0, 0, 0, 1);
}			

#paintpanelsettings .calciimg /*,#zstatuszpanelScreencontent .calciimg,#ZoomyControlWrapper .calciimg */
{
	width:40px !important;
	height:40px !important;	
}

#paintpanelsettings > input[type=checkbox]
{
	visibility:hidden !important;
	display:none !important;	
}

.radcontainer{ 
	position:relative; 
	left:125px; 
	top: 150px; 
	width:100px; 
	height:100px; 
	text-align:center;
}

.radcontainer .item {
	background-color:none;
	width:75%;
	height:30px;
	padding:10px;
	color:#234;
}

.radcontainer .item:active,.radcontainer .item .active  
{ 
	background-color:#511; 
	color:white;
	padding: 10px; 
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
}
#radial_container { 
	position:relative; 
	left:425px; 
	top: 75px; 
	width:100px; 
	height:100px; 
	text-align:center;
}
.radial_div_item {
	background-color:none;
	height:30px;
	padding:10px;
	color:#234;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	cursor:pointer;
}
.radial_div_item.active { 
	background-color:#511; color:white;
	padding: 10px; 
	-moz-border-radius:40px;
	z-index:100;
}
.my_class { 
	font-size:1.5em; 
	color:#abc;
	background-color:#def;
	-moz-border-radius:30px;
	width:30px;
	height:30px;
	-webkit-border-radius:30px;
}

/*

.radcontainer svg
{
	border:1px transparent ridge; 
	padding:1px;

	border-radius:50%;
	
	background-color:transparent;
	z-index:1000;

}
	
.radcontainer svg:hover
{
	border:1px gray ridge; 
	padding:1px;

	border-radius:50%;
	
	background-color:white;
	z-index:1000000;
	position:absolute;

}

.radcontainer svg:active
{
	border:1px red ridge; 
	padding:1px;

	border-radius:50%;
	background-color:silver;
	z-index:1000000;
	position:absolute;	
}
*/
.radcontainer>img:hover
{
	/*-webkit-transform: scaleX(1.5) scaleY(1.5);
	-moz-transform: scaleX(1.5) scaleY(1.5);
	transform: scaleX(1.5) scaleY(1.5);}
	*/
	border:10px gray ridge; 
	border-radius:50%;
	padding:10px;
	top:-20px !important;
	left:-20px  !important;
	background-color:white;
	/*zoom:3;*/
	z-index:1000;

}

.radcontainer>img:active
{
	/*-webkit-transform: scaleX(0.8) scaleY(0.8);
	-moz-transform: scaleX(0.8) scaleY(0.8);
	transform: scaleX(0.8) scaleY(0.8);}
	*/
	border:10px red ridge; 
	border-radius:50%;
	background-color:silver;
	z-index:1000;
	/*top:0px;
	left:0px;*/
}

/*.listlinespanel svg
{
	border:1px transparent ridge !important; 
	padding:1px !important; 
	border-radius:1% !important; ;
	background-color:transparent;
}

.listlinespanel svg:hover 
{
	border:1px transparent ridge !important; 
	padding:1px !important; 
	border-radius:1% !important; ;
	background-color:transparent;
	z-index:10000000;
	box-shadow:1px -1px 1px #000001;
	-webkit-box-shadow:1px -1px 1px #000001;
	-moz-box-shadow:1px -1px 1px #000001;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000001,Strength=1,Direction=135);
	
}
*/
.iconcarrier1>img
{
	width:40px;
	height:40px;
}

/*#radcontainerdisplay .topbuttonheadericon img,#radcontainerdisplay .zCubesMenuIconTop img
{
	width:35px !important;
	height:35px !important;
}
*/
#radcontainerdisplay .IconTexttopbar ,#radcontainerdisplay .zCubesMenuIconTop .IconTextReverseTop,.divholder .IconTextUC .captions
{
	visibility:hidden;
	display:none;
}

#radcontainerdisplay .zCubesMenuIconTop:hover .IconTextReverseTop,.divholder .IconTextUC:hover .captions
{
	visibility:visible;
	display:inline;
	left:100px;
	top:10px;
	position:absolute;
	font-size:24px;
	-moz-transform:  ;
    -o-transform:  ;
    -webkit-transform:  ;
    transform:  ;
	font-family:NewFont1;    
}
#radcontainerdisplay .topbuttonheadericon:hover .IconTexttopbar
{
	visibility:visible;
	display:inline;
	left:100px;
	top:10px;
	position:absolute;
	font-size:24px;
	-moz-transform:  translateX(100px);
    -o-transform:  translateX(100px);
    -webkit-transform:  translateX(100px);
    transform:  translateX(100px);
	
/*
	-moz-transform:  auto;
    -o-transform:  auto;
    -webkit-transform:  auto;
    transform:  auto;
*/    
	font-family:NewFont1;    
	bottom:0px !important;
	left:100px !important;	
	position:fixed;
}
.divholder .IconTextUC:hover .captions
{
	top:-90px;
}

.divholder,.divholder *
{
	overflow:visible !important;
}

#radcontainerdisplay 
{
	
/*background-color:silver;*/
	/*z-index: 1000000000000;*/
}

#radcontainerdisplay1,.radcontainer1 
{
	position:absolute !important;
}
			

#radcontainerdisplay1 svg 
{
	position:absolute !important;
	top:0px !important;
	left:0px !important;
	
	
}
/*
#ZEditBarStandard >table
{
	opacity:0.1;	

}

#ZEditBarStandard >table:hover
{
	opacity:0.9;	
}*/
/*
#bg_SelectionMarkers,#bg_MARKER
{
  -moz-opacity: 0.2;
  opacity:0.2;
  z-index:10000000000;
}

#bg_SelectionMarkers:hover,#bg_MARKER:hover
{
  -moz-opacity: 1;
  opacity:1;
}

*/

#zCubesPanelDiv>div,#v16196>div,.divholder
{
position: absolute;
top: -75px;
top: -130px;
left: 0px;
}

.divholder img.topbutton,.divholder .tablepalette img
{
	width:40px;	
	height:40px;	
}

.smallbutton,#paintpanelsettings .calciimg.smallbutton 
{
	width: 25px !important;
	height: 25px !important;
}


#ZEditBarStandard:hover
{
	border:10px red ridge; 
	border-radius:50%;
	background-color:silver;
}	

#ZEditorIconPaletteTable
{
/*	left:211px !important;	
	right:200px !important;
	top:-50px !important;
	right: 238px !important;
	top: -95px !important;	*/
	right: 200px !important;
	top: -50px !important;
}
#ZEditorIconPaletteTable .halotype
{
	border: 100px rgba(212, 237, 247, 0.4) solid;
	top: -211px;
	left: -180px;
	width: 400px;
	height: 400px;
}

#ZEditorIconPaletteTable:hover .halotype
{
  -moz-opacity: 0.9;
  opacity: 0.9;
}

.resizercontrols
{
	-moz-opacity: 0.3;
	opacity: 0.3;
	border: 10px ridge silver;
	border: 2px groove rgb(251, 247, 251);
}

.resizercontrols:hover
{
  -moz-opacity: 1;
  opacity: 1;
  border: 10px ridge red;
}

*:hover .resizercontrols
{
  -moz-opacity: 1;
  opacity: 1;

}

.extrude
{
	position:relative;
	transform: translateZ(100px);
	-webkit-transform: translateZ(100px);
	-o-transform: translateZ(100px);
	-ms-transform: translateZ(100px);
	-moz-transform: translateZ(100px);
}

.absoluteposition
{
	position:absolute !important;	
}

.tabletray,.tabletray:active,.tabletrayonmouseout
{
   -webkit-transform-style: preserve-3d;
   -o-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transform: scaleX(0.2) scaleY(0.2);
   -o-transform: scaleX(0.2) scaleY(0.2);
   -ms-transform: scaleX(0.2) scaleY(0.2);
   -moz-transform: scaleX(0.2) scaleY(0.2);
   transform: scaleX(0.2) scaleY(0.2);

	transition: transform 0.3s ease-in-out;
	-moz-transition: -moz-transform 0.3s ease-in-out;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	-o-transition: -o-transform 0.3s ease-in-out;
}

.tabletray:hover,.tabletrayonclick
{
   -webkit-transform-style: preserve-3d;
   -o-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   transform-style: preserve-3d;


	/* Avoid translate if we need to do expand in place? */
   -webkit-transform: scaleX(1.5) scaleY(1.5) translateX(100px) translateY(-100px);
   -o-transform: scaleX(2) scaleY(2) translateX(100px) translateY(-100px);
   -ms-transform: scaleX(2) scaleY(2) translateX(100px) translateY(-100px);
   -moz-transform: scaleX(2) scaleY(2) translateX(100px) translateY(-100px);
   transform: scaleX(2) scaleY(2) translateX(100px) translateY(-100px);


   -webkit-transform: scaleX(1.5) scaleY(1.5) ;
   -o-transform: scaleX(1.5) scaleY(1.5) ;
   -ms-transform: scaleX(1.5) scaleY(1.5) ;
   -moz-transform: scaleX(1.5) scaleY(1.5);
   transform: scaleX(1.5) scaleY(1.5) ;
}

.tabletray *:not(.subs)>img:hover
{
	-webkit-transform: scaleX(1.5) scaleY(1.5);
	-moz-transform: scaleX(1.5) scaleY(1.5);
	transform: scaleX(1.5) scaleY(1.5);
	border:2px gray ridge; 
	border-radius:50%;
	padding:2px;
	top:-20px !important;
	left:-20px  !important;
	background-color:white;
	/*zoom:3;*/
	z-index:1000;

}


/*
.tabletray
{
     -webkit-transform-style: preserve-3d;
}

table.tabletray *
{
     -webkit-transform-style: preserve-3d;
     position:absolute;
     overflow:visible;
}
table.tabletray
{
	-webkit-transform: rotateX(85deg);
	
	position: absolute;
}

.tabletray td
{
	-webkit-transform-style: preserve-3d;
}

.tabletray td>img
{
	-webkit-transform:rotateX(270deg) scaleX(1) scaleY(1);
}

.tabletray td:hover img
{
	-webkit-transform:rotateX(270deg) scaleX(3) scaleY(3);
}

*/

#DefinedTableNames
{
	display:none;
	visibility:hidden;
}

#fontdivforslide
{
/*	position:fixed !important;
	top:0px !important;
	//left:10px !important; we want this to come on right.
	height:80% !important;	
	width:200px !important;
	bottom:100px!important;
	overflow1: hidden !important;
*/	

	right:300px  !important;
	bottom:100px !important;
	width:300px !important;	
}

#fontdivforslide:hover
{
	/*position:fixed !important;
	top:0px !important;
	//left:10px !important; we want this to come on right.
	height:80% !important;	
	width:200px !important;
	bottom:100px!important;
	overflow1: auto !important;*/
}


#fontdivforslide>span
{
	/*-webkit-transform:rotateY(65deg) scaleX(0.3) scaleY(0.3);
	position:absolute;*/
}
#fontdivforslide>span:hover
{
	/*-webkit-transform:rotateY(0deg) translateX(10px) scaleX(3) scaleY(3);
	position:absolute;*/
}

.savepanelonmenu
{
	position:absolute;
	top:-50px;
	left:0px;
	top:-43px;
	left:-170px;
	-moz-opacity: 0.8 !important;
	opacity:0.8 !important;
}

.savepanelonmenu:hover
{
	-moz-opacity: 1.0 !important;
	opacity:1.0 !important;
}

.radcontainerdisplay .savepanelonmenu
{
	visibility:hidden;
	display:none;
}

.radcontainerdisplay:hover .savepanelonmenu
{
	visibility:visible;
	display:inline;
}

.DirectEditControls
{
	top: -400px;
	left: -300px;
	position: absolute;
	text-align:center !important;
}	

.radcontainer .DirectEditControls, #bg_TextInputDiv_Container1,#svgsel1_deactivated
{
	-webkit-box-shadow: 0pt 2px 5px rgba(65, 151, 209, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	-moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	box-shadow: 0pt 2px 5px rgba(99, 132, 145, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	-webkit-box-shadow: 15px;
	-moz-border-radius: 35px;
	/*height: 300px;*/
	/*width: 500px;*/
	padding: 15px 10px 10px 15px;
	margin: 15px;
	-moz-box-shadow: 0 0 0 4px #e2e2e2, 2px 1px 4px 4px rgba(10,10,0,.5);
	/*-webkit-box-shadow: 0 0 0 4px #549CBE, 2px 1px 4px 4px rgba(100, 137, 201, .5);
	box-shadow: 0 0 0 4px #EAF1FA, 2px 1px 6px 4px rgba(148, 198, 230, .5);*/
	border-radius: 10% ;
	background: rgb(246,248,249); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
	
	
}
.DirectEditControls input
{
	width:100%;
	background: rgb(242,249,254); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(242,249,254,1) 0%, rgba(214,240,253,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,249,254,1)), color-stop(100%,rgba(214,240,253,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */

}

.listlinespanel .DirectEditControls
{
	top: -50px;
	position: absolute;
	left: -150px;
	top: -227px;
}
.DirectEditControls>*
{
	display:block !important;
}

body.zoomyon #zmiddlezpanel,body.zoomyon #bg,body.zoomyon bgcurtain
{
	background:transparent !important;
}
body.zoomyon #bg
{
	transform-style:preserve-3d;	
	-webkit-transform-style:preserve-3d;
	/*width:0px !important;	
	height:0px !important;	*/
}

.paintinactive .topbutton
{
	opacity:0.01;
}

.radcontainer .DirectEditControls #StatusStrokeURL
{
	position: relative;
	left: 0px !important;
	top: 0px !important;
	width: 400px !important;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline;
}
.radcontainer .DirectEditControls #StatusFillURL
{
	position: relative;
	left: 0px !important;
	top: 0px !important;
	width: 400px !important;
	text-overflow: ellipsis;
	overflow: hidden;
	display: none;
}

#ZoomyControlWrapper
{
  -moz-opacity: 0.4 !important;
  opacity:0.4 !important;
}

#ZoomyControlWrapper:hover
{
  -moz-opacity: 1 !important;
  opacity:1 !important;
}

.selectedsvgremoved
{
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.26) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.26)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.26) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.26) 0%,rgba(255,255,255,0) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.26) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(255,255,255,0.26) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/*
.selectedsvg::after
{
	content:close-quote;
}
*/
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.26)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.26) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.26) 0%,rgba(255,255,255,0) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.26) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(255,255,255,0.26) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/*
.selectedsvg::after
{
	content:close-quote;
}
*/
.svgselectionmarker:hover
{
	outline:10px red ridge; 
	border:10px red inset; 	
}

.wasformula:hover
{
	/*background:red;	*/
}

#bg_SelectionMarkers,#bg_SelectionMarkers svg
{
	z-index:10000000000000;	

}

.selectedvo:hover,.selectedvo:active
{
	border:10px red dotted !important;
}

/*#RESIZEMOUSEMARKER8.hover 
{
    -moz-transform:  scaleX(2) scaleY(2);
    -o-transform:  scaleX(2) scaleY(2);
    -webkit-transform:  scaleX(2) scaleY(2);
    transform:  scaleX(2) scaleY(2);
	
}

*/

.none
{
/* never put anything here in this class*/
}

.bubble
{
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius:50%;	
	padding-left: 10px;
	padding-right: 10px;	
	-webkit-box-shadow: -2px -2px 20px rgba(81, 118, 116, 0.8);
	-moz-box-shadow:    -2px -2px 20px rgba(81, 118, 116, 0.8);
	box-shadow:         -2px -2px 20px rgba(81, 118, 116, 0.8);
}

#stopzoomy
{
	display:block;
	visibility:hidden;	
}	


body.zoomyon #stopzoomy
{
	visibility:visible;	
}

body.zoomyon #bg,body.zoomyon .bgcurtain
{
	/* To prevent 3D preserve issues. If bg was reduced to 10x10, we need to adjust many things so that they scale and translate in zoomy well. */
	background:transparent !important;	
}

#zbottomzpanel.not(.fullwindow)
{
z-index:500000001 !important;
}

#zSaveBox
{
	position: absolute;
	top: -100px;
	width: 600px;
	left: 250px;
}

#zSaveOptionsBox
{
	position: absolute;
	left: 250px;
}

.hidden
{
	visibility:hidden;
	display:none;
}

#zSaveBox #ExperienceNameEditor
{
	width:100% !important;
}

#consoleiframe
{
	background-color: white; 
	-webkit-box-shadow: -1px 5px 10px rgba(0, 0, 0, 0.4); 
	-moz-box-shadow: -1px 5px 10px rgba(0, 0, 0, 0.4); 
	box-shadow: -1px 5px 10px rgba(0, 0, 0, 0.4); 
	border-bottom-left-radius: 35px;/* !important; */
	border-top-right-radius: 35px;/* !important; */
	border-radius: 0px; 
	padding1: 1em 1.5em;
	overflow:scoll;
}

.absolutemosthighest
{
	z-index:10000000000000!important /* 1 higher than absolutemosthighest*/
}
.fullwindow
{
	position:absolute;
	left:0px !important;
	top:0px !important;
	width:100% !important;
	height:100% !important;
	margin:0px !important;
	padding:0px !important;	
	border-radius:0px !important;
	/*	z-index:10000000000001!important no need for this, since it may hide controls. Just window size is all this needs. use milehigh for highest z index.*//* 1 higher than absolutemosthighest*/
}
.onfullwindow
{
	top:0px !important;
	right:0px !important;
	left:auto !important;
	position:fixed !important;
	z-index:10000000000002!important /* 2 higher than absolutemosthighest*/
	opacity: 1.0 !important;
}
.fullwindow iframe
{
	border-radius:0px !important;
}

.fullwindow .zcover
{
	width:100% !important;
	height:100% !important;
}

.zCubesPanelBrowser
{
	height:45px !important;	
}

.keephidden > *
{
	visibility:hidden;
	display:none;	
}

.showhidden > *
{
	visibility:visible;
	display:inline;	
}

.keephidden:before
{ 
	/*content:"More <img src='http://images.zcubes.com/iconset/ZCubes/multi-touch1.png'/>";*/
	content:url(http://images.zcubes.com/zcubes/icons/calci/35%20X%2035/comment.png);
	/*background-color:yellow;
	color:red;
	font-weight:bold;*/
}
.showhidden:after
{ 
	content:url(http://images.zcubes.com/zcubes/icons/calci/35%20X%2035/deletecomment.png);
	/*background-color:yellow;
	color:red;
	font-weight:bold;*/
}

.morehiddentext:after
{ 
	/*content:"More <img src='http://images.zcubes.com/iconset/ZCubes/multi-touch1.png'/>";*/
	content:"More";
	background-color:yellow;
	color:red;
	font-weight:bold;
}
.lesshiddentext:before
{ 
	/*content:"More <img src='http://images.zcubes.com/iconset/ZCubes/multi-touch1.png'/>";*/
	content:"Less";
	background-color:yellow;
	color:red;
	font-weight:bold;
}
.errormessages
{
	border-radius:15px;
	color:darkgray;	
	font-style:italic;
	
}
.zworkspacezpanel
{
	
	position: fixed !important;
	/*left:0px !important;*/
	left:0px !important;
	width:100px;	
	height:100% !important;		
	z-index:-100000;
	visibility:visible !important;
	display:inline !important;	
	/*visibility:visible;
	display:inline;	
	*/
	z-index: 1002!important;	
	
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	
	
	box-shadow: 2px 0px silver;
}
.absolutehighest
{
	z-index: 2147483600!important;	 /* absolute top banner. Not 2147483647 since we want room for some higher classes */
}
.milehighest
{
	z-index: 2147483647!important;	 /* absolute top banner plus more!*/
	-webkit-transform:translateZ(100px);
}

.defaultbackground
{
/*
/*	background: #e1ffff !important; /* Old browsers */
/*	background: -moz-radial-gradient(center, ellipse cover,  #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%) !important; /* FF3.6+ */
/*	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e1ffff), color-stop(7%,#e1ffff), color-stop(12%,#e1ffff), color-stop(12%,#fdffff), color-stop(30%,#e6f8fd), color-stop(54%,#c8eefb), color-stop(75%,#bee4f8), color-stop(100%,#b1d8f5)) !important; /* Chrome,Safari4+ */
/*	background: -webkit-radial-gradient(center, ellipse cover,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%) !important; /* Chrome10+,Safari5.1+ */
/*	background: -o-radial-gradient(center, ellipse cover,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%) !important; /* Opera 12+ */
/*	background: -ms-radial-gradient(center, ellipse cover,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%) !important; /* IE10+ */
/*	background: radial-gradient(ellipse at center,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%) !important; /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
	
	
    /*background-repeat: repeat;*/
  /* background: #B8D6F0 !important;	
    background: -moz-linear-gradient(top, rgba(184, 214, 240, 1) 0%, rgba(255, 255, 255, 1) 100%) !important;	
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184, 214, 240, 1)), color-stop(100%,rgba(255, 255, 255, 1))) !important;	
    background: -webkit-linear-gradient(top, rgba(184, 214, 240, 1) 0%,rgba(255, 255, 255, 1) 100%) !important;	
    background: -o-linear-gradient(top, rgba(184, 214, 240, 1) 0%,rgba(255, 255, 255, 1) 100%) !important;	
    background: -ms-linear-gradient(top, rgba(184, 214, 240, 1) 0%,rgba(255, 255, 255, 1) 100%) !important;	
    background: linear-gradient(to bottom, rgba(184, 214, 240, 1) 0%,rgba(255, 255, 255, 1) 100%) !important;	
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDE6F9', endColorstr='#ffffff',GradientType=0 ) !important;	
*/
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}

#ZoomyControlWrapper,#zstatuszpanel,#zsystemzpanel,#zspacezpanel,#zcubeszpanel
{
	transform: translateZ(100000000px);
	-webkit-transform: translateZ(100000000px); /* Safari and Chrome */
	-moz-transform: translateZ(100000000px); /* Firefox */	
	-o-transform: translateZ(100000000px); /* Opera */
	-ms-transform: translateZ(100000000px); /* ms */
}

/*	-webkit-transform: translateZ(100px);
	-moz-transform: translateZ(100px);
	-o-transform: translateZ(100px);
	-ms-transform: translateZ(100px);
	transform: translateZ(100px);
*/	

/*

#zmiddlezpanelcover
{
	/* like body * /
	cursor: pointer; 
	background-color: transparent; 
	visibility: visible; 
	display: inline; 
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
    -transform-style: preserve-3d !important;
    -webkit-transform-style: preserve-3d !important;
    -moz-transform-style: preserve-3d !important;
    -o-transform-style: preserve-3d !important;
    -ms-transform-style: preserve-3d !important;

}
*/

#zmiddlezpanelzoomy
{
	overflow:hidden;
    -transform-style: preserve-3d !important;
    -webkit-transform-style: preserve-3d !important;
    -moz-transform-style: preserve-3d !important;
    -o-transform-style: preserve-3d !important;
    -ms-transform-style: preserve-3d !important;
}

#MOUSEMARKER:hover
{
	width:100% !important;
	height:100% !important;
}

.invisiblenotforce
{
	visibility:hidden;
	display:none;
}
.smalltextspan
{
	font-size:small;
}
.zhandlecopy,.zhandlegeneric
{
	cursor:copy;
	height:10px;
	/*background-color:lightblue !important; 	*/
	background: rgb(180,227,145); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(180,227,145,1) 0%, rgba(97,196,25,1) 50%, rgba(180,227,145,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,227,145,1)), color-stop(50%,rgba(97,196,25,1)), color-stop(100%,rgba(180,227,145,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */
	width: 7px;
	height: 7px;	
}
.zhandledrag
{
	position:absolute;
	cursor:move;
	/*background-color:lightcyan !important; 	*/
	background: rgb(206,219,233); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(206,219,233,1) 0%, rgba(170,197,222,1) 17%, rgba(97,153,199,1) 50%, rgba(58,132,195,1) 51%, rgba(65,154,214,1) 59%, rgba(75,184,240,1) 71%, rgba(58,139,194,1) 84%, rgba(38,85,139,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,219,233,1)), color-stop(17%,rgba(170,197,222,1)), color-stop(50%,rgba(97,153,199,1)), color-stop(51%,rgba(58,132,195,1)), color-stop(59%,rgba(65,154,214,1)), color-stop(71%,rgba(75,184,240,1)), color-stop(84%,rgba(58,139,194,1)), color-stop(100%,rgba(38,85,139,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=0 ); /* IE6-9 */
	width: 7px;
	height: 7px;	
}
.zhandleresize
{
	cursor:resize;
	/*background-color:lightcoral !important; 	*/
	background: rgb(255,183,107); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,183,107,1) 0%, rgba(255,167,61,1) 50%, rgba(255,124,0,1) 51%, rgba(255,127,4,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,183,107,1)), color-stop(50%,rgba(255,167,61,1)), color-stop(51%,rgba(255,124,0,1)), color-stop(100%,rgba(255,127,4,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
	width: 7px;
	height: 7px;	
}
/*.zhandledrag,.zhandlecopy
{
	background:"";
	border: "3px solid red";
	background-color:red !important	;
	width:10px;
	height:10px;
	position:absolute;
}
.zhandledrag:active, // caused some issues like the activation not going away.
*/

.zhandlecopy:hover,.zhandledrag:hover,.zhandleresize:hover,.zhandlecopy:active,.zhandleresize:active,.zhandlegeneric:hover
{
	width:30px !important;	
	z-index: 500005 !important;
}

.zhandlecopy:hover:before,.zhandlegeneric:hover:before 
{
	content: "COPY/FILL";
	font-size:4pt;
	color: black;
	text-align: center;
	font-family: monospace;
	float: none;   
}

.zhandledrag:hover:before {
   content: "MOVE";
   font-size:4pt;
	color: black;
	text-align: center;
	font-family: monospace;
	float: none;   
}
.zhandleresize:hover:before {
   content: "RESIZE";
   font-size:4pt;
	color: black;
	text-align: center;
	font-family: monospace;
	float: none;   
}

/*.editcanvas:active canvas
{
	border:thin gray groove;
}
*/
.zhandlegeneric
{
	border:1px solid black;
}

.fndoc .fnheader
{
	font-size:14pt;
	color:steelblue;
	font-weight:bold;
}
.fndoc .fnparametersheader
{
	font-size:12pt;
	color:silver;
}
.fndoc tr:first-child .fnparameters
{
	font-size:12pt;
	color:silver;
}
.fndoc .fnother
{
	font-size:12pt;
	color:black;
	background:silver;
}

#zCubesPanelDiv.bottompanelactive, #v16196.bottompanelactive, #radcontainerwrapper.publishpanelactive
{
	visibility:hidden !important;
	display:none !important;	
}

.expandonhover .showonhover
{
	visibility:hidden;
	display:none;	
	border:0px;
}

.expandonhover:hover .showonhover
{
	visibility:visible;
	display:inline;	
}

#tempcanvas
{
	visibility: hidden;
	display: none;
}

input.color
{
	border:0px;
	font-size:6pt;
	width:40px;	
}

.enlargeonhover
{
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.enlargeonhover:hover,.enlargeonhover:active
{
    -moz-transform: scaleX(5);
    -o-transform: scaleX(5);
    -webkit-transform: scaleX(5);
    transform: scaleX(5);
}


.zCubesMenuIconTopSmall
{
	width:25px;	
	height:25px;
}

.totallyinvisible
{
	visibility: hidden;
	display: none;
}
.smalltitle
{
	color:silver;
	font-size:8pt;
	font-family:arial narrow;
	text-transform:uppercase;
}
.blacktext
{
	color:black;
}
.blacktextwithshadow
{
	color:black;
	text-shadow: 2px 2px 4px silver;
}

#ImageFillSVGInput,.DirectEditControls2
{
	opacity: 0.2 !important
}

#ImageFillSVGInput:hover,.DirectEditControls2:hover
{
	opacity: 0.8 !important
}

.totallytransparent
{
	opacity:0;
	moz-opacity:0;
}
/* Special Cube Types */
/* Possibly notes */
.note 
{
	/*padding: 0.5in;
	border: 0.5in solid #FAFAFA;
	*/
	border: 0.5in solid transparent;
}
.note p
{
	text-indent:50px;
	padding-top:10px;
	padding-bottom:10px;	
	font-size:14pt;
}
.note h1
{
	font-size:22pt;
}
.note h2
{
	font-size:20pt;
}
.note h3
{
	font-size:26pt;
}
.note span
{
	background-color:transparent;
}

#GlobalSpace_Text,.GlobalTextClass
{
	border: none; 
	-webkit-box-shadow:none; 
	-moz-box-shadow:none; 
	box-shadow: none;
	padding: none;
	margin: none;
	font-size:19px;
	padding:0px;
	position:absolute;
	z-index:40000;
	BACKGROUND-COLOR:  rgba(255,255,0,0.5);
	display:none;
	width:10px;
	height:10px;
	border: 0px solid silver;
	box-shadow: 0px 0px 10px silver;
}
.GlobalTextClass
{
	display: block; 
	left: 0px; 
	top: 0px; 
	width: 68px; 
	height: 26px;
	cursor:cell;
}

/* Crawl effect */
@-webkit-keyframes zpaletteopenaction{
	0%   { -webkit-transform1:rotateX(90deg) scaleX(0.1);opacity:0.0; }
	100% { -webkit-transform1:rotateX(0deg) scaleX(1)opacity:1.0; }
}
@-moz-keyframes zpaletteopenaction{
	0%   { -moz-transform1:rotateX(90deg) scaleX(0.1);opacity:0.0; }
	100% { -moz-transform1:rotateX(0deg) scaleX(1);opacity:1.0; }
}

@-ms-keyframes zpaletteopenaction{
	0%   { -ms-transform1:rotateX(90deg) scaleX(0.1);opacity:0.0;}
	100% { -ms-transform1:rotateX(0deg) scaleX(1);opacity:1.0; }
}


.zpaletteopen
{ 
     -webkit-animation: zpaletteopenaction 1s  1 ease-in-out;
     -moz-animation:    zpaletteopenaction 1s  1 ease-in-out;
     -ms-animation:     zpaletteopenaction 1s  1 ease-in-out;
     -webkit-animation-fill-mode: forwards;
     /*transform:translate(50%); 	
	-webkit-transform:translate(50%); 	
	-moz-transform:translate(50%); 	
	*/
}

svg path.dragon {
     stroke: #f00;
     stroke-width: 2;
}
/*
.zcube a:visited:before {
   content:  "\2713 ";
}
*/

#PaintBoardHolder
{
	-webkit-transform: translateZ(100000000px);	
}

#zCubesPanelDiv,#v16196
{
	transform: translateZ(100000000px);
	-webkit-transform: translateZ(100000000px); /* Safari and Chrome */
	-moz-transform: translateZ(100000000px);/* Firefox */	
	-ms-transform: translateZ(100000000px);/* Firefox */	
	-o-transform: translateZ(100000000px);/* Firefox */	
}

.slightlyrounded
{
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	-ms-border-radius: 10%;
	-o-border-radius: 10%;
	border-radius: 10%;	
}
.moderatelyrounded
{
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	-ms-border-radius: 20%;
	-o-border-radius: 20%;
	border-radius: 20%;	
}
.rounded
{
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;	
}

#PaintControl
{
	visibility:hidden !important;	
	display:none !important;	
}

.wrapperwithoverflow
{
	overflow:visible;
}

.nevervisibleelement
{
	visibility:hidden !important;	
	display:none !important;	
}

.bgcurtain 
{
	width:1px !important;
	height:1px !important;	

}

#RESIZEMOUSEMARKER8
{
	visibility:hidden !important;	
	display:none !important;	
}

#CurrentDrawEditMode
{
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
	/*-webkit-transition: all  2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;*/
    -webkit-animation: zanimunzoomsmall 8s infinite linear;	
}

table.spreadsheet td
{
	cursor:cell;	
}

table.spreadsheet td.SelectTD1 div.tab
{
	cursor:text;	
}


.othertopbutton
{
padding: 5px;
text-decoration: none;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
-webkit-box-shadow: 2px 3px 5px #666666;
-moz-box-shadow: 2px 3px 5px #666666;
border: solid #f5f5f5 5px;
background: -webkit-linear-gradient(90deg, #f2f2f2, #fff);
-moz-background-origin: border;
background-origin: border-box;
border: 4px solid transparent;
border-radius: 75px;
box-shadow:inset 0 0 5px #e0e0e0, 0 0 12px #e0e0e0, inset -999px 0 0 #D9E8FD; 
display: inline-block;
border-radius: 75px;
-webkit-box-shadow: 0 1px 0 #CFDAE2, 0 1px 1px rgba(167, 195, 214, 1);
-moz-box-shadow:0 1px 0 #CFDAE2, 0 1px 1px rgba(167, 195, 214, 1);
box-shadow: 0 1px 0 #CFDAE2, 0 1px 1px rgba(167, 195, 214, 1);

/*-webkit-transition: -webkit-box-shadow .1s ease-in-out;
-moz-transition: -moz-box-shadow .1s ease-in-out;
-o-transition: -o-box-shadow .1s ease-in-out;
transition: box-shadow .1s ease-in-out;*/
/*margin-left: 11px;*/
}

.othertopbutton
{
padding: 5px;
text-decoration: none;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
-webkit-box-shadow: 2px 3px 5px #666666;
-moz-box-shadow: 2px 3px 5px #666666;

background: -webkit-linear-gradient(90deg, #f2f2f2, #fff);
-moz-background-origin: border;
background-origin: border-box;
border: solid #f5f5f5 5px;
border: 4px solid transparent;
box-shadow:inset 0 0 5px #e0e0e0, 0 0 12px #e0e0e0, inset -999px 0 0 #D9E8FD; 
display: inline-block;
border-radius: 75px;
-webkit-box-shadow: 0 6px 0 #CFDAE2, 0 10px 6px rgba(167, 195, 214, 1);
-moz-box-shadow:0 6px 0 #CFDAE2, 0 10px 6px rgba(167, 195, 214, 1);
box-shadow: 0 6px 0 #CFDAE2, 0 10px 6px rgba(167, 195, 214, 1);
/*-webkit-transition: -webkit-box-shadow .1s ease-in-out;
-moz-transition: -moz-box-shadow .1s ease-in-out;
-o-transition: -o-box-shadow .1s ease-in-out;
transition: box-shadow .1s ease-in-out;*/
/*margin-left: 11px;*/
}
.othertopbutton:hover
{
-webkit-box-shadow: 0 6px 0 #ABD3EC, 0 10px 6px rgba(142, 188, 218, 1);
-moz-box-shadow: 0 6px 0 #abd3ec, 0 10px 6px rgba(142,188,218,1);
box-shadow: 0 6px 0 #D8ECFD, 0 10px 6px rgba(167, 195, 214, 1);
/*-webkit-transition: -webkit-box-shadow .1s ease-in-out;
-moz-transition: -moz-box-shadow .1s ease-in-out;
-o-transition: -o-box-shadow .1s ease-in-out;
transition: box-shadow .1s ease-in-out;*/
/*margin-left: 11px;*/
}
.othertopbutton:active
{
-webkit-box-shadow: 0 8px 0 #82bad8, 0 10px 4px rgba(142,188,218,.8);
-moz-box-shadow: 0 8px 0 #82bad8, 0 10px 4px rgba(142,188,218,.8);
box-shadow: 0 8px 0 #82bad8, 0 10px 4px rgba(142,188,218,.8);
-webkit-transform: translateY(.13em);
-moz-transform: translateY(.13em);
transform: translateY(.13em);
}
.keeptransparent
{
	background:transparent !important;	
}
.noborder
{
	border:0px !important;	

}
.vectorfloateditor
{
	height:400px !important;
	color:red !important; /* TEMPORARY */
}

#OtherRotationControls .topbutton
{
	width:30px;
	height:30px;	

}

.smallbutton10
{
	width:10px !important;
	height:10px !important;	
}

.slightabove30
{
	top: -20px;
	position: relative;
}
.lightopacity
{
	opacity:0.3;	

}
.rotationcontrolheader
{
	background:silver;
	background: #cedce7; /* Old browsers */
	background: -moz-linear-gradient(top,  #cedce7 0%, #596a72 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cedce7 0%,#596a72 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cedce7 0%,#596a72 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cedce7 0%,#596a72 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cedce7 0%,#596a72 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
	font-size:10px;
	color:white;	
}
.largerrotationcontrol
{
	background: #4c4c4c; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


#testcalcidivHolder
{
	top:-150px;	
}

#showcumulativedisplay
{
	top: -100px;
	text-align: left;
	padding-left: 5px;
}

.templates
{
	visibility:hidden;
	display:none;	

}

.overflowauto
{
	overflow:auto !important;
}

.drawingon>*
{
	/*cursor: url(http://images.zcubes.com/zboxdev/cursorsnew/brush.cur), pointer !important;*/
	cursor: url(http://images.zcubes.com/zboxdev/cursorsnew/brush.cur) !important;
}

#paintgdccontrols > *
{
	position:relative !important;
	left:auto !important;
	top:auto !important;	
}

.smallnicebutton
{
	border-radius: 50% !important;
	padding: 3px !important;
	padding: 6px;
	-webkit-border-radius: 50px/50px 50px 50px 50px;
	-moz-border-radius: 50px/50px 50px 50px 50px;
	border-radius: 50px/50px 50px 50px 50px;
	background-color: #d9eeff;
	-webkit-box-shadow: 0 2px 8px rgba(190,190,190,.39);
	-moz-box-shadow: 0 2px 8px rgba(190,190,190,.39);
	box-shadow: 0 2px 8px rgba(190,190,190,.39);
	border: solid 1px #bebebe;
	background-image: -webkit-linear-gradient(bottom, #e6e6e6, #fff);
	background-image: -moz-linear-gradient(bottom, #e6e6e6, #fff);
	background-image: -o-linear-gradient(bottom, #e6e6e6, #fff);
	background-image: -ms-linear-gradient(bottom, #e6e6e6, #fff);
	background-image: linear-gradient(to top, #e6e6e6, #fff);
	cursor: pointer;
}

.smallnicebutton:active
{
	-webkit-transform: translate(0, 1px);
	-moz-transform: translate(0, 1px);
	-ms-transform: translate(0, 1px);
	background-color: #eef4f8;
	-webkit-box-shadow: 0 0 17px 23px rgba(255,255,255,.57), inset 0 2px rgba(73,110,149,.75);
	-moz-box-shadow: 0 0 17px 23px rgba(255,255,255,.57), inset 0 2px rgba(73,110,149,.75);
	box-shadow: 0 0 17px 23px rgba(255,255,255,.57), inset 0 2px rgba(73,110,149,.75);
	border: solid 1px #7db1e5;
	background-image: -webkit-linear-gradient(top, #76c5f6, #97d6fe 66%);
	background-image: -moz-linear-gradient(top, #76c5f6, #97d6fe 66%);
	background-image: -o-linear-gradient(top, #76c5f6, #97d6fe 66%);
	background-image: -ms-linear-gradient(top, #76c5f6, #97d6fe 66%);
	background-image: linear-gradient(to bottom, #76c5f6, #97d6fe 66%);
	color: #FFFFFF;
	cursor: pointer;
}

svg
{
	/*preserveAspectRatio:none;*/
}

.vectorfloateditor 
{
	overflow:visible;	
}
.vectorfloateditor fieldset div
{
	color:transparent;
	color:whitesmoke;	
	overflow: visible !important;
	top: 23px !important;
	left: -10px !important;
}
.vectorfloateditor fieldset>div
{
	border:thin whitesmoke groove; 
}
.vectorfloateditor fieldset div  *
{
	/*color:transparent;*/
}

.highlightedhelp
{
	background-color:yellow;	
}

#calcizhelpdiv
{
	zIndex:20000000;
	position:absolute;
	overflow:auto;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:transparent;
}

#zobjectsettings
{
	visibility:hidden;
	display:none;
	position:absolute;
	left:-10000px;
	top:-10000px;
}

body.editing .fullwindow.zcube
{
	/* This is for more pleasant interaction with top and bottom controls. */
	padding-top: 55px !important;
	padding-bottom: 55px !important;
}

.raisedsubmenuicon
{
	border: 0px solid silver;
	border-radius: 50%;
	background: white;
}

/*! Hint.css - v1.3.0 - 2013-08-05
* http://kushagragour.in/lab/hint/
* Copyright (c) 2013 Kushagra Gour; Licensed MIT */
.hint,[data-hint]{position:relative;/*display:inline-block*/}.hint:before,.hint:after,[data-hint]:before,[data-hint]:after{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease}.hint:hover:before,.hint:hover:after,.hint:focus:before,.hint:focus:after,[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after{visibility:visible;opacity:1}.hint:before,[data-hint]:before{content:'';position:absolute;background:transparent;border:7px solid transparent;z-index:1000001}.hint:after,[data-hint]:after{content:attr(data-hint);background:#383838;color:#fff;text-shadow:0 -1px 0 #000;border-radius: 6px;margin-top: -33px;padding:8px 10px;font-size:15px;line-height:12px;white-space:nowrap;box-shadow:4px 4px 8px rgba(0,0,0,.3)}.hint--top:before{border-top-color:#383838}.hint--bottom:before{border-bottom-color:#383838}.hint--left:before{border-left-color:#383838}.hint--right:before{border-right-color:#383838}.hint--top:before{margin-bottom:-12px}.hint--top:after{margin-left:-18px}.hint--top:before,.hint--top:after{bottom:100%;left:50%}.hint--top:hover:after,.hint--top:hover:before,.hint--top:focus:after,.hint--top:focus:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom:before{margin-top:-12px}.hint--bottom:after{margin-left:-18px}.hint--bottom:before,.hint--bottom:after{top:100%;left:50%}.hint--bottom:hover:after,.hint--bottom:hover:before,.hint--bottom:focus:after,.hint--bottom:focus:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--right:before{margin-left:-12px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:before,.hint--right:after{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before,.hint--right:focus:after,.hint--right:focus:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{margin-right:-12px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:before,.hint--left:after{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before,.hint--left:focus:after,.hint--left:focus:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #193b4d}.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:after,.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:after,.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--bounce:before,.hint--bounce:after{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(0.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(0.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(0.71,1.7,.77,1.24)}
/* End Hint.css */
.Publish-Panel1
{
    padding:20px;
    width: 750px;
    background: transparent;
    position:absolute;
    top:200px;
    left:0px;
}

#ClosePublish
{
    padding:20px;
    width: 750px;
    position:absolute;
    top:200px;
    left:0px;
}
 
.Publish-Panel1 a.feedback-tab {
    background:transparent 
    border-width: 1px 1px 1px 0;
    display:block;
    height:99px;
    left:51px;
    bottom:21px;
    position:relative;
    float:right;
    text-indent:-9999px;
    width:30px;
    outline:none;
}

.NavigationList
{
	display:inline;
}

#calcicurrentaddress
{
	font-size: 15pt;
	color: darkgray;
	font-weight: bolder;
	text-shadow: 1px 1px black;
}

#calcicurrentaddress
{
	font-size: 15pt;
	color: darkgray;
	font-weight: bolder;
	text-shadow: 1px 1px black;
}
#zquickcalciinfo
{
	text-shadow: 1px 1px black;
}

.verticaltext1
{
	width: 10px;
	font-size: 15pt;
	padding: 9px;
	background: #646464;
	word-break: break-all;
	color: white;
}

.verticaltext2
{
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-size: 15pt;
	-ms-transform-origin: left top 0;
	-moz-transform-origin: left top 0;
	-webkit-transform-origin: left top 0;
	transform-origin: left top 0;
	background: #646464;
	color: white;
	padding: 10px;
	text-transform: 1px 1px 0px rgba(0, 0, 0, 0.5);
	float: left;
	width: auto;
}

.flowerstyle:hover .flowerchild > *
{
	-ms-transform: scale(2);
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
	transform: scale(2);
}

.sshl_t
{
     -webkit-animation: appearfromdim 0.3s 1 ease-in-out;
}

#GlobalSpace_Controls,#GlobalSpace_Text1
{
     -webkit-animation: appearfromnothing 0.3s 1 ease-in-out;
}


.colortd,basiccolortable td
{
	width:20px;
	height:20px;	
	border-radius: 50%;
	border: 0px;	
}

.tabbedcube :not(zcube) .zcube
{
	width:100% !important;
	height:100% !important;
}

.selectedcube
{
}
.movingcube
{
}
.resizingcube
{
}
.tabbedcube .selectedcube
{
	border-color:transparent !important;
}

.tabbedcube.selectedcube
{
	border-color:transparent !important;
	border-width:10px !important;	
}
table.tabsegment
{
	height:40px;
}

/*
http://stackoverflow.com/questions/609273/convert-an-image-to-grayscale-in-html-css
.saturate(@value:0) 
{
    @percent: percentage(@value);
    filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='saturate'%20values='@value'/></filter></svg>#grayscale"); 
    filter: grayscale(@percent); 
    -webkit-filter: grayscale(@percent); 
    -moz-filter: grayscale(@percent);
    -ms-filter: grayscale(@percent);
    -o-filter: grayscale(@percent);
}
img.desaturate 
{
    transition: all 0.2s linear;
    .saturate(0);
    &:hover {
        .saturate(1);
    }
}
*/

.tabbedcube .zcube.zsshadowedtrue 
{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.fullwindow.tabbedcube>.ztabpanelcontainer
{
	left: 150px;
	width: 50% !important;
	height: 51px;
	overflow-x: auto !important;
}

.tabediting:focus
{
	background-color: rgb(247, 249, 214);
	color: black;
}

.extranoticediv
{
	background:red;	

}

.valuestore
{
	visibility:hidden;
	display:none;
}

.overflowvisible,.overflowvisibletemp
{
	overflow:visible !important;
}
.refhandles
{
	position:absolute;
	BACKGROUND-COLOR: skyblue;
	background: rgb(228,245,252); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(228,245,252,1) 0%, rgba(191,232,249,1) 50%, rgba(159,216,239,1) 51%, rgba(42,176,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,245,252,1)), color-stop(50%,rgba(191,232,249,1)), color-stop(51%,rgba(159,216,239,1)), color-stop(100%,rgba(42,176,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 ); /* IE6-9 */
	
}

/* Slides */
.SlideRestHolderRow
{
	visibility:hidden;
	display:none;	
}
.slideelement>div,.slidelayoutelement>divspan
{
	position:relative;
}
/* End: Slides */
.spikerange input,.spikerange img
{
	transform:translateX(-75px);	
}

#GlobalSpace_Handle:focus, #GlobalSpace_Handle:active, #GlobalSpace_Handle:hover 
{
	/*zoom: 40;*/
}

/* Calci Specific */
body.editing table.spreadsheet:before
{
	/*content: attr(id);*/
	content: attr(rcid);	
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 8pt;
	color: silver;
	box-shadow: 1px 1px 10px silver;
	border: 0px thin silver;
	border-radius: 10%;
}

.isprite
{
	height: 12px !important; /*?*/
	width: 12px !important; /*?*/
	padding: 15px !important; /*?*/
	background-image: url(http://a2.appcache.ingrid.ws/zcommunity/img/Login/Sprites.png);
}
.panelclose
{
	height: 12px !important;
	width: 12px !important;
	padding: 15px !important;
	background-position: -87px -6px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background-color: #808080;
	border: 1px solid rgba(255,255,255,.2);
	cursor: pointer;
	
}
/*
body.editing table.spreadsheet>caption:before
{
	content: attr(rcid);	
	position: relative;
	top: 10px;
	left: 10px;
	font-size: 8pt;
	color: rgba(212, 212, 212, 0.52);
	box-shadow: 1px 1px 10px silver;
	border:0px thin silver;
	border-radius:10%;
}

body.editing table.spreadsheet>thead:before
{
	content: attr(rcid);	
	position: relative;
	top: 10px;
	left: 10px;
	font-size: 8pt;
	color: rgba(212, 212, 212, 0.52);
	box-shadow: 1px 1px 10px silver;
	border:0px thin silver;
	border-radius:10%;
}
*/
body.editing table.spreadsheet
{
	border-left: 20px double rgba(192, 192, 192, 0.09);
	border-top: 20px double rgba(192, 192, 192, 0.09);	
	/* anyway bottom was not showing the border if on all sides */
}

body.editing .spreadsheet tr:first-child td:before 
{
	content: attr(c);
	position: absolute;
	top: -8px;
	font-size: 8pt;
	font-weight: lighter;
	color:silver;
}

/*body.editing .spreadsheet tr td:first-child:before */
body.editing .spreadsheet tr:before 
{
	content: attr(r);
	position: relative;
	/* top: -8px; */
	font-size: 8pt;
	font-weight: normal;
	color: silver;
	left: -10px;
}

.editdivclass
{
	width:100%;
	height:100%;
	background-Color:rgba(255, 255, 0, 0.19);;
	color:black;
	align:left;
	font-Weight:normal;
	text-Align:left;
	white-space:pre;
	padding:0.5;
}

.captionedit
{
	color: black;
	background-color: rgba(145, 145, 145, 0.13);
}

/*End Calci Specific */

.DirectEditControls input
{
	color:black;
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
}

/* Body not editing situations */
body:not(.editing) #DropDown
{
	height: 50px !important;
	width: 50px !important;
	background: rgba(255, 255, 255, 0.58) !important;
	border-radius: 50% !important;
	z-index:1001;
	box-shadow: 1px 1px 10px black;
	margin: 20px;
	cursor: pointer;	
	position: fixed;
	top: 0px;
	-webkit-transition: display 2s;  /* For Safari 3.1 to 6.0 */
	transition: display  2s;	
}

body:not(.editing) #DropDown:after
{
	content: "Click \ato Edit!";
	/*border: solid 10px silver; /* set all borders to 10 pixels width */
	width: 100;
	height: 20;
	overflow: hidden;
	display: block;
	position: relative;
	bottom: -10px; /* border-width of the :after element + padding of the root element */
	margin: auto;
	font-family:Garamond;
	color:silver;
}
body:not(.editing) #DropDown:active
{
	box-shadow: -1px -1px 10px black;
}

/* End: Body not editing situations */