.prototip {
	FONT: 11px Arial, Helvetica, sans-serif; COLOR: #000
}
.prototip .default {
	WIDTH: 250px; COLOR: #808080
}
.prototip .default .toolbar {
	FONT-WEIGHT: bold; BACKGROUND: #f1f1f1
}
.prototip .default .title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.prototip .default .content {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.prototip .basic {
	WIDTH: 250px; COLOR: #808080
}
.prototip .basic .toolbar {
	FONT-WEIGHT: bold; BACKGROUND: #f1f1f1
}
.prototip .basic .title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.prototip .basic .content {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.prototip .hint {
	BACKGROUND: #fff6aa; WIDTH: 250px; COLOR: #313120
}
.prototip .hint .toolbar {
	FONT-WEIGHT: bold; BACKGROUND: #fdf1a0
}
.prototip .hint .title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.prototip .hint .content {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.prototip .protoblue {
	WIDTH: 250px; COLOR: #fff
}
.prototip .protoblue .toolbar {
	FONT-WEIGHT: bold; BACKGROUND: #0d7cd0
}
.prototip .protoblue .title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.prototip .protoblue .content {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #1e90ff; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.prototip .creamy {
	WIDTH: 250px; COLOR: #bb9c61
}
.prototip .creamy .toolbar {
	FONT-WEIGHT: bold; BACKGROUND: #f3edc2
}
.prototip .creamy .title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.prototip .creamy .content {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #f8f4ca; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.prototip .darkgrey {
	WIDTH: 250px; COLOR: #fff
}
.prototip .darkgrey .toolbar {
	FONT-WEIGHT: bold; BACKGROUND: #5f5f5f
}
.prototip .darkgrey .title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.prototip .darkgrey .content {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #808080; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.prototip .protogrey {
	BACKGROUND: #fff; WIDTH: 250px; COLOR: #fff
}
.prototip .protogrey .toolbar {
	FONT-WEIGHT: bold; BACKGROUND: #969c92
}
.prototip .protogrey .title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.prototip .protogrey .content {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; COLOR: #808080; PADDING-TOP: 5px
}
.prototip .protogrey .toolbar .close {
	WIDTH: 14px; HEIGHT: 14px
}
.prototipLoader {
	BORDER-RIGHT: #dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; LEFT: -1000px; OVERFLOW: hidden; BORDER-LEFT: #dddddd 1px solid; WIDTH: 14px; BORDER-BOTTOM: #dddddd 1px solid; POSITION: absolute; TOP: -1000px; HEIGHT: 14px
}
.prototip {
	OVERFLOW: hidden; POSITION: absolute
}
.prototip .tooltip {
	POSITION: relative
}
.prototip .toolbar {
	POSITION: relative
}
.prototip .toolbar .title {
	POSITION: relative
}
.prototip .content {
	CLEAR: both
}
.prototip .toolbar .close {
	BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 0px; FLOAT: right; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 19px; CURSOR: pointer; LINE-HEIGHT: 0; POSITION: relative; HEIGHT: 15px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
.prototip .tooltip {
	CLEAR: both; FLOAT: left
}
.prototip .borderLeftWrapper {
	LEFT: 0px; WIDTH: 300px; POSITION: absolute; TOP: 0px; HEIGHT: 20px
}
.prototip .borderRightWrapper {
	LEFT: 0px; WIDTH: 300px; POSITION: absolute; TOP: 0px; HEIGHT: 20px
}
.prototip .borderFrame {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 100%
}
.prototip .borderTop {
	OVERFLOW: hidden
}
.prototip .borderBottom {
	OVERFLOW: hidden
}
.prototip .borderRow {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: relative
}
.prototip_CornerWrapper {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 100%
}
.prototip_Corner {
	FLOAT: left; POSITION: relative
}
.prototip canvas {
	FLOAT: left; POSITION: relative
}
.prototip_CornerTr {
	FLOAT: right
}
.prototip_CornerBr {
	FLOAT: right
}
.prototip_BetweenCorners {
	CLEAR: both; LEFT: 0px; OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute; TOP: 0px
}
.prototip .borderMiddle {
	FLOAT: left; POSITION: relative
}
.prototip .borderCenter {
	FLOAT: left; POSITION: relative; HEIGHT: 100%
}
.prototip_StemWrapper {
	CLEAR: both; WIDTH: 100%; POSITION: relative; HEIGHT: auto
}
.prototip_StemBox {
	FLOAT: left; POSITION: relative
}
.prototip_Stem {
	OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute
}
.iframeShim {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; POSITION: absolute; BORDER-RIGHT-WIDTH: 0px
}
.prototip .clearfix:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
.prototip .clearfix {
	DISPLAY: inline-block
}
.prototip .clearfix {
	DISPLAY: block
}

.demos {
	CLEAR: both; MARGIN-TOP: 10px; FLOAT: left; MARGIN-LEFT: 10px; WIDTH: 740px; LIST-STYLE-TYPE: none; POSITION: relative
}
.demos .box {
	CLEAR: none; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #ebebeb; FLOAT: left; PADDING-BOTTOM: 2px; MARGIN: 0px 6px 12px 0px; WIDTH: 82px; COLOR: #505050; PADDING-TOP: 2px; LIST-STYLE-TYPE: none; POSITION: relative
}
.demos .demo {
	BORDER-RIGHT: #e1e1e1 1px solid; BORDER-TOP: #e1e1e1 1px solid; FLOAT: left; BORDER-LEFT: #e1e1e1 1px solid; CURSOR: pointer; BORDER-BOTTOM: #e1e1e1 1px solid; POSITION: relative
}
.demos .description {
	CLEAR: both; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.demoTips {
	FLOAT: left; COLOR: #7d837a; LIST-STYLE-TYPE: none
}
.demoTips LI {
	PADDING-LEFT: 20px; BACKGROUND: url(../images/demo_icon.gif) no-repeat 0px 50%; LINE-HEIGHT: 20px; HEIGHT: 20px
}
.demoTips LI DIV {
	DISPLAY: inline; CURSOR: pointer; BORDER-BOTTOM: #e1e1e1 1px solid
}