#content .bg {
	FILTER: alpha(opacity=0); opacity: 0; moz-opacity: 0
}
TABLE.layout-grid A.disabled {
	CURSOR: default; COLOR: #aaa; TEXT-DECORATION: line-through
}
TABLE.layout-grid A.disabled:hover {
	CURSOR: default; COLOR: #aaa; TEXT-DECORATION: line-through
}
DIV.notice {
	BORDER-RIGHT: #efd500 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #efd500 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; BACKGROUND: #fff1af; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 3px; BORDER-LEFT: #efd500 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #efd500 1px solid
}

#content-wrapper {
	BACKGROUND: url(/images/content_bg.png) #fff repeat-y 0px 0px
}
#content {
	BACKGROUND: url(/images/content_body_bg.png) no-repeat 0px 13px; ZOOM: 1
}
.content-top {
	FONT-SIZE: 1px; BACKGROUND: url(/images/content_top_bg.png); HEIGHT: 13px
}
.content {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 0px
}
#content .content {
	MIN-HEIGHT: 380px; BACKGROUND: url(/images/dot.png) repeat-y 203px 0px
}
#home #content .content {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
#download #content .content {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
#demos #content .content {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
#ie6 #content .content {
	OVERFLOW-Y: visible; HEIGHT: 380px
}
.content-head {
	BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 74px; BACKGROUND-COLOR: #fff
}
.content-head H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 24px; FLOAT: left; PADDING-BOTTOM: 20px; MARGIN: 0px; FONT: 29px/30px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif"; COLOR: #ff9c08; PADDING-TOP: 20px
}
.content-head H2 SPAN {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 16px
}
.content-head P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 12px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 15px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif"; PADDING-TOP: 28px
}
.themes {
	BACKGROUND: url(/images/themes_bg.png) repeat-x 0px -1px
}
.layout-grid {
	WIDTH: 90%;
	margin: 0 auto;
}
.layout-grid TD {
	VERTICAL-ALIGN: top
}
.layout-grid TD.home {
	PADDING-RIGHT: 600px; PADDING-LEFT: 24px; BACKGROUND: url(/images/home_bg.jpg) no-repeat right top; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 412px
}
.layout-grid TD.left-nav {
	WIDTH: 200px
}
.layout-grid TD.normal {
	PADDING-RIGHT: 24px; PADDING-LEFT: 24px; PADDING-BOTTOM: 20px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 20px; FONT-FAMILY: "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif"
}
.layout-grid TD.demos {
	BACKGROUND: url(../images/samples/back.jpg) no-repeat left; OVERFLOW: hidden; HEIGHT:460px;}
.layout-grid TD.download {
	BACKGROUND: url(/images/demos_bg.jpg) no-repeat; HEIGHT: 337px
}
.home H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 11px; MARGIN: 0px; FONT: 30px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif"; COLOR: #ff9c08; PADDING-TOP: 17px
}
.home P.large {
	PADDING-BOTTOM: 15px; FONT: bold 13px/16px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif"; COLOR: #000
}
.home P {
	PADDING-BOTTOM: 14px; MARGIN: 0px; FONT: 11px/14px 'Trebuchet MS', 'Arial', 'Helvetica', sans-serif; COLOR: #333
}
.teaserbox {
	LEFT: 452px; WIDTH: 450px; POSITION: absolute; TOP: 265px
}
.teaserbox UL {
	LIST-STYLE-TYPE: square
}
.teaserbox P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px; PADDING-TOP: 0px
}
.teaserbox H4 {
	LEFT: 1px; MARGIN-BOTTOM: 0px; COLOR: #fff; POSITION: relative; TOP: 1px
}
.teaserbox H4 SPAN {
	LEFT: -1px; COLOR: #000; POSITION: absolute; TOP: -1px
}
.section {
	PADDING-RIGHT: 23px; PADDING-LEFT: 22px; PADDING-BOTTOM: 8px; PADDING-TOP: 24px; BORDER-BOTTOM: #ccc 1px dashed
}
UL.side-menu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; LETTER-SPACING: 0.75pt
}
UL.side-menu LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; LETTER-SPACING: 0.75pt
}
P.side-menu-title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; LETTER-SPACING: 0.75pt
}
UL.side-menu LI A {
	FONT: 11px 'Arial', 'Helvetica', sans-serif; COLOR: #000; TEXT-DECORATION: none
}
UL.side-menu LI A:hover {
	COLOR: #e87b10
}
P.side-menu-title {
	FONT: bold 15px 'Arial', 'Helvetica', sans-serif; COLOR: #e87b10
}
UL.side-menu {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; PADDING-TOP: 5px
}
.normal H3 {
	FONT-WEIGHT: normal; MARGIN: 0px
}
.normal H4 {
	FONT-WEIGHT: normal; MARGIN: 0px
}
.normal H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 9px; PADDING-TOP: 0px
}
.normal H4 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 21px; BORDER-BOTTOM: #999 1px dashed
}
.normal .pull-quote {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 6px; TEXT-TRANSFORM: uppercase; LINE-HEIGHT: 20px; PADDING-TOP: 6px
}
.normal P {
	FONT-SIZE: 12px
}
TD.download {
	
}
.download .click-to-download {
	PADDING-RIGHT: 19px; PADDING-LEFT: 19px; BACKGROUND: url(/images/download-top.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 61px 3px 0px; WIDTH: 270px; PADDING-TOP: 0px; FONT-FAMILY: "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif"; POSITION: relative; HEIGHT: 226px
}
.download .click-to-download .bg-footer {
	BACKGROUND: url(/images/download-bottom.png) no-repeat left top; LEFT: 0px; WIDTH: 308px; BOTTOM: 0px; POSITION: absolute; HEIGHT: 102px
}

#launch-pad {
	PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(/images/launch-pad_bg.png) repeat-y center top; PADDING-BOTTOM: 11px; OVERFLOW: hidden; PADDING-TOP: 11px; HEIGHT: 127px
}
#launch-pad .launch-pad-button {
	PADDING-RIGHT: 22px; PADDING-LEFT: 23px; BACKGROUND: url(/images/launch-pad_button.png) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 6px; WIDTH: 255px; CURSOR: hand; PADDING-TOP: 21px; POSITION: relative; HEIGHT: 106px
}
#ie6 #launch-pad .launch-pad-button {
	HEIGHT: 106px
}
#launch-pad .launch-pad-button .bg {
	BACKGROUND: url(/images/launch-pad_button.png) no-repeat left bottom; LEFT: 0px; WIDTH: 310px; POSITION: absolute; TOP: 0px; HEIGHT: 127px
}
#launch-pad .launch-pad-button H3 {
	POSITION: relative
}
#launch-pad .launch-pad-button P {
	POSITION: relative
}
#launch-pad .left {
	MARGIN-LEFT: 0px
}
#launch-pad .right {
	MARGIN-RIGHT: 0px
}
#launch-pad .launch-pad-button H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; MARGIN: 0px; FONT: 18px 'Arial', 'Helvetica', sans-serif; COLOR: #ff9c08; PADDING-TOP: 0px
}
#launch-pad .launch-pad-button H3 A {
	COLOR: #ff9c08; TEXT-DECORATION: none
}
#launch-pad .launch-pad-button H3 A:hover {
	COLOR: #ff9c08; TEXT-DECORATION: none
}
#launch-pad .launch-pad-button P {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 11px/15px 'Arial', 'Helvetica', sans-serif; COLOR: #cbcbcb; PADDING-TOP: 0px
}
#footer {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; POSITION: relative; HEIGHT: 45px
}
#footer .inner {
	Z-INDEX: 2; POSITION: relative
}
#ie6 #footer .inner {
	ZOOM: 1
}
#footer .bg {
	Z-INDEX: 1; BACKGROUND: url(/images/footer_bg.png) no-repeat left top; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 65px
}
#ie6 #footer .bg {
	BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/footer_bg.png', sizingMethod='scale'); ZOOM: 1
}
#footer P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 9px 'Arial', 'Helvetica', sans-serif; TEXT-TRANSFORM: uppercase; COLOR: #5e5e5e; PADDING-TOP: 0px
}
#footer P A {
	COLOR: #bbb
}
#footer SPAN.first {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 16px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 6px
}
#footer .block {
	DISPLAY: block; FLOAT: left
}
#footer .block SPAN {
	DISPLAY: none
}
#footer SPAN.empty {
	DISPLAY: none
}
#footer .liferay {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/images/icon_liferay.gif); BORDER-BOTTOM-WIDTH: 0px; MARGIN: 3px 22px 0px 3px; WIDTH: 98px; HEIGHT: 22px; BORDER-RIGHT-WIDTH: 0px
}
#footer .adobe {
	BACKGROUND: url(/images/icon_adobe.png); MARGIN: 2px 0px 0px; WIDTH: 28px; HEIGHT: 28px
}

.arrow_secion{
	width: 800px;
	margin: 0 auto;
}

DIV.demoflow-button-left {
	Z-INDEX: 999; BACKGROUND: url(../images/samples/button_lt.jpg) no-repeat left top; LEFT:400px; WIDTH: 44px; CURSOR: pointer; POSITION: absolute; TOP: 528px; HEIGHT: 25px;}
DIV.demoflow-button-left .bg {
	BACKGROUND: #cc0000 url(/images/demos_arrows.png) no-repeat left bottom; LEFT: 0px; WIDTH: 52px; POSITION: absolute; TOP: 0px; HEIGHT: 45px
}
DIV.demoflow-button-right {
	Z-INDEX: 999; RIGHT: 400px; BACKGROUND: url(../images/samples/button_rt.jpg) no-repeat right top; WIDTH: 44px; CURSOR: pointer; POSITION: absolute; TOP: 528px; HEIGHT: 25px}
DIV.demoflow-button-right .bg {
	BACKGROUND:#000000 url(/images/demos_arrows.png) no-repeat right bottom; LEFT: 0px; WIDTH: 52px; POSITION: absolute; TOP: 0px; HEIGHT: 45px
}
.demoflow {
	LEFT: 0px; WIDTH: 950px; POSITION: relative; TOP: 22px; HEIGHT: 460px;
}
.demoflow DIV {
	FLOAT: left; WIDTH: 75px; CURSOR: hand;
}
.ie .demoflow DIV {
	ZOOM: 1
}
.demoflow DIV {
	BORDER-RIGHT: #666 0px solid; BORDER-TOP: #666 0px solid; BORDER-LEFT: #666 0px solid; BORDER-BOTTOM: #666 0px solid
}
.demoflow DIV:hover {
	BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; BORDER-BOTTOM: #666 1px solid
}
.demoflow DIV IMG {
	WIDTH: 100%; HEIGHT: 100%
}
.demoflow DIV.shadow {
	LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%; BACKGROUND-COLOR: black;
}
.ie .demoflow DIV.shadow {
	DISPLAY: none
}
#links {
	FONT-SIZE: 13px; FLOAT: left; WIDTH: 155px
}
#functional UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#functional #links UL {
	MARGIN-TOP: 10px; LINE-HEIGHT: 1.2em
}
#functional #links UL LI A {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 12px; FONT-SIZE: 95%; PADDING-BOTTOM: 3px; COLOR: #000; PADDING-TOP: 3px; BORDER-BOTTOM: #f4f4f4 1px solid; HEIGHT: 15px; TEXT-DECORATION: none
}
#functional #links UL LI A:hover {
	BORDER-LEFT-COLOR: #bbbbbb; BACKGROUND: #eaeaea; BORDER-BOTTOM-COLOR: #bbbbbb; BORDER-TOP-COLOR: #bbbbbb; BORDER-RIGHT-COLOR: #bbbbbb
}
#functional #links UL LI A:unknown {
	BORDER-LEFT-COLOR: #bbbbbb; BACKGROUND: #eaeaea; BORDER-BOTTOM-COLOR: #bbbbbb; BORDER-TOP-COLOR: #bbbbbb; BORDER-RIGHT-COLOR: #bbbbbb
}
DIV.about UL {
	MARGIN-BOTTOM: 50px; LIST-STYLE-TYPE: square
}
DIV.about UL LI H5 {
	FONT-SIZE: 16px; MARGIN-BOTTOM: 10px
}
DIV.about UL LI A:link {
	COLOR: #666; TEXT-DECORATION: none
}
DIV.about UL LI A:visited {
	COLOR: #666; TEXT-DECORATION: none
}
DIV.about UL LI A:hover {
	COLOR: #000
}
DIV.about UL LI P {
	PADDING-RIGHT: 40px; PADDING-LEFT: 20px
}