@charset "utf-8";
/* CSS Document */

UNKNOWN {
	FONT-SIZE: small
}
A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
H1 {
	FONT-WEIGHT: normal
}
H2 {
	FONT-WEIGHT: normal
}
H3 {
	FONT-WEIGHT: normal
}
H4 {
	FONT-WEIGHT: normal
}
H5 {
	FONT-WEIGHT: normal
}
H6 {
	FONT-WEIGHT: normal
}
H1 {
	FONT-SIZE: 165%; COLOR: #fff; TEXT-ALIGN: left
}
P {
	MARGIN: 0.37em 0px
}
#wrap {
	MARGIN: 0px;  PADDING-TOP: 5px
}
#codesample #wrap {
	WIDTH: auto
}
#header {
	PADDING-LEFT: 0.5em; MARGIN-BOTTOM: 2em; TEXT-ALIGN: left
}
#LeftColumn {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 0px; WIDTH: 200px; PADDING-TOP: 0px
}
#LeftColumn {
	BORDER-RIGHT: #404040 1px solid; BORDER-LEFT: #404040 1px solid; BORDER-BOTTOM: #404040 1px solid
}
#articles {
	BORDER-RIGHT: #404040 1px solid; BORDER-LEFT: #404040 1px solid; BORDER-BOTTOM: #404040 1px solid
}
#articles {
	MARGIN-BOTTOM: 10px
}
#RightColumn {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 750px; PADDING-TOP: 0px; HEIGHT: 600px
}
#content {
	FLOAT: left; TEXT-ALIGN: left
}
#sidebar {
	FLOAT: left; TEXT-ALIGN: left
}
#content {
	WIDTH: 600px; MARGIN-RIGHT: 15px; PADDING-TOP: 5px
}
#sidebar {
	MARGIN-TOP: 0px; WIDTH: 240px
}
.SpryHiddenRegion {
	VISIBILITY: hidden
}
LABEL {
	FONT-SIZE: 85%; FONT-FAMILY: "Lucida Grande", "Trebuchet MS", sans-serif
}
SELECT {
	FONT-SIZE: 85%; FONT-FAMILY: "Lucida Grande", "Trebuchet MS", sans-serif
}
SELECT {
	BORDER-RIGHT: #b1b1bc 1px solid; BORDER-TOP: #b1b1bc 1px solid; BORDER-LEFT: #b1b1bc 1px solid; COLOR: #b1b1bc; BORDER-BOTTOM: #b1b1bc 1px solid; BACKGROUND-COLOR: #131313
}
TD.rank {
	
}
#products {
	MARGIN: 0px; WIDTH: 100%; BORDER-COLLAPSE: collapse; empty-cells: show
}
#products CAPTION {
	PADDING-RIGHT: 0.37em; BORDER-TOP: #999 1px solid; PADDING-LEFT: 0.37em; FONT-WEIGHT: bold; PADDING-BOTTOM: 0.37em; TEXT-TRANSFORM: uppercase; COLOR: #fff; PADDING-TOP: 0.37em; BORDER-BOTTOM: #3a3a3a 1px solid; LETTER-SPACING: 0.1em; BACKGROUND-COLOR: #fd2800; TEXT-ALIGN: left
}
#products TH {
	PADDING-RIGHT: 0.25em; PADDING-LEFT: 0.25em; FONT-WEIGHT: bold; BACKGROUND: url(../images/bg_grad_gray2.gif) repeat-x; PADDING-BOTTOM: 6px; MARGIN: 0px; CURSOR: pointer; COLOR: #333333; PADDING-TOP: 6px
}
#products TH.infocus {
	BACKGROUND-COLOR: #e6e6e6
}
#products TH.selected {
	COLOR: #eaeaea
}
#products TD {
	PADDING-RIGHT: 0.37em; PADDING-LEFT: 0.37em; PADDING-BOTTOM: 0.45em; MARGIN: 0px; PADDING-TOP: 0.25em; TEXT-ALIGN: left
}
#products TH {
	PADDING-RIGHT: 0.37em; PADDING-LEFT: 0.37em; PADDING-BOTTOM: 0.45em; MARGIN: 0px; PADDING-TOP: 0.25em; TEXT-ALIGN: left
}
#products TR {
	BORDER-BOTTOM: #202020 1px solid; moz-user-select: none; khtml-user-select: none
}
#products TR.infocus {
	CURSOR: pointer; BACKGROUND-COLOR: #dfdfdf
}
#products TR.notinfocus {
	BACKGROUND-COLOR: #fff
}
#products TR.selected {
	COLOR: #fc0
}
#products TBODY {
	MARGIN-TOP: 0px
}
.even {
	BACKGROUND-COLOR: #151515
}
.rowHover {
	CURSOR: pointer; COLOR: #000; BACKGROUND-COLOR: #777
}
.rowSelected {
	COLOR: #fc0
}
#gallerySelect {
	WIDTH: 180px
}
#controls {
	MARGIN: 0px auto 10px
}
#galleries {
	MARGIN: 0px auto 20px
}
#galleries LABEL {
	PADDING-BOTTOM: 2px
}
#transport {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#transport LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
#transport A {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 85%; FLOAT: left; PADDING-BOTTOM: 4px; MARGIN: 0px 1px 0px 0px; TEXT-TRANSFORM: uppercase; WIDTH: 50px; PADDING-TOP: 4px; LETTER-SPACING: 0.1em; TEXT-DECORATION: none; moz-user-select: none; khtml-user-select: none
}
#transport A:link {
	BORDER-RIGHT: #404040 1px solid; BORDER-TOP: #999 1px solid; BACKGROUND: url(../images/bg_grad_gray1.gif) #666 repeat-x; BORDER-LEFT: #404040 1px solid; COLOR: #fff; BORDER-BOTTOM: #3a3a3a 1px solid
}
#transport A:visited {
	BORDER-RIGHT: #404040 1px solid; BORDER-TOP: #999 1px solid; BACKGROUND: url(../images/bg_grad_gray1.gif) #666 repeat-x; BORDER-LEFT: #404040 1px solid; COLOR: #fff; BORDER-BOTTOM: #3a3a3a 1px solid
}
#transport A:hover {
	BORDER-RIGHT: #404040 1px solid; BORDER-TOP: #999 1px solid; BACKGROUND: url(../images/bg_grad_gray2.gif) #666 repeat-x; BORDER-LEFT: #404040 1px solid; COLOR: #000; BORDER-BOTTOM: #3a3a3a 1px solid
}
#transport A:unknown {
	moz-user-select: none; khtml-user-select: none
}
#previews {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FLOAT: left;
	BACKGROUND-IMAGE: url(../images/bg.gif);
	MARGIN-BOTTOM: 5px;
	PADDING-BOTTOM: 20px;
	WIDTH: 155px;
	MARGIN-RIGHT: 10px;
	PADDING-TOP: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
#thumbnails {
	CLEAR: both; MARGIN: 10px auto
}
#thumbnails DIV {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 8px; WIDTH: 24px; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 24px
}
#thumbnails IMG {
	BORDER-RIGHT: #404040 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #404040 1px solid; WIDTH: 24px; BORDER-BOTTOM: #333 1px solid; POSITION: absolute; HEIGHT: 24px
}
#picture {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 400px; PADDING-TOP: 0px
}
#mainImageOutline {
	PADDING-RIGHT: 1em;
	PADDING-LEFT: 1em;
	PADDING-BOTTOM: 1em;
	MARGIN: 0px auto;
	OVERFLOW: hidden;
	PADDING-TOP: 1em;
	BACKGROUND-COLOR: #eee;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #716F64;
}
#mainImage {
	WIDTH: 100%; HEIGHT: 100%
}
#picture IMG {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid
}
.selectedThumbnail {
	BORDER-RIGHT: #fc0 2px solid; BORDER-TOP: #fc0 2px solid; BORDER-LEFT: #fc0 2px solid; BORDER-BOTTOM: #fc0 2px solid
}
.inFocus {
	BORDER-RIGHT: #fc0 1px solid; BORDER-TOP: #fc0 1px solid; BORDER-LEFT: #fc0 1px solid; BORDER-BOTTOM: #fc0 1px solid
}
#RSSFeedsList {
	OVERFLOW: auto; HEIGHT: 570px
}
#RSSFeedsTitle H2 {
	BORDER-TOP: #999 1px solid; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 110%; MARGIN: 0px; TEXT-TRANSFORM: uppercase; COLOR: #fff; BORDER-BOTTOM: #3a3a3a 1px solid; LETTER-SPACING: 0.1em; HEIGHT: 20px; BACKGROUND-COLOR: #ff2700; TEXT-ALIGN: left
}
#RSSChannelTitle H2 {
	BORDER-TOP: #999 1px solid; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 110%; MARGIN: 0px; TEXT-TRANSFORM: uppercase; COLOR: #fff; BORDER-BOTTOM: #3a3a3a 1px solid; LETTER-SPACING: 0.1em; HEIGHT: 20px; BACKGROUND-COLOR: #ff2700; TEXT-ALIGN: left
}
#columnHeadings {
	PADDING-RIGHT: 0px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 110%; BACKGROUND: url(../images/bg_grad_gray1.gif) repeat-x; PADDING-BOTTOM: 0px; MARGIN: 0px; TEXT-TRANSFORM: uppercase; WIDTH: 100%; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 0px; BORDER-BOTTOM: #3a3a3a 1px solid; HEIGHT: 24px
}
#SubjectTitle {
	MARGIN: 0px; WIDTH: 500px
}
.SubjectColumn {
	MARGIN: 0px; WIDTH: 500px
}
#PubDateTitle {
	MARGIN: 0px; WIDTH: auto
}
.PubDateColumn {
	MARGIN: 0px; WIDTH: auto
}
.ListBoxItemGroup .ListBoxItem {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0.25em; PADDING-BOTTOM: 5px; PADDING-TOP: 3px
}
#SubjectTitle {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0.25em; FLOAT: left; PADDING-BOTTOM: 5px; OVERFLOW: hidden; CURSOR: pointer; PADDING-TOP: 3px; WHITE-SPACE: nowrap; moz-user-select: none; khtml-user-select: none
}
#PubDateTitle {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0.25em; FLOAT: left; PADDING-BOTTOM: 5px; OVERFLOW: hidden; CURSOR: pointer; PADDING-TOP: 3px; WHITE-SPACE: nowrap; moz-user-select: none; khtml-user-select: none
}
.SubjectColumn {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0.25em; FLOAT: left; PADDING-BOTTOM: 5px; OVERFLOW: hidden; CURSOR: pointer; PADDING-TOP: 3px; WHITE-SPACE: nowrap; moz-user-select: none; khtml-user-select: none
}
.PubDateColumn {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0.25em; FLOAT: left; PADDING-BOTTOM: 5px; OVERFLOW: hidden; CURSOR: pointer; PADDING-TOP: 3px; WHITE-SPACE: nowrap; moz-user-select: none; khtml-user-select: none
}
#RSSItemsList {
	CLEAR: both; OVERFLOW: auto; WIDTH: 100%; HEIGHT: 195px
}
#RSSItemContent {
	OVERFLOW: hidden; WIDTH: 100%; WHITE-SPACE: nowrap
}
.RSSItemListRow {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 100%; BORDER-BOTTOM: #202020 1px solid; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #000
}
.ListBoxItemTitle {
	PADDING-RIGHT: 0px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 0.25em; FONT-WEIGHT: bold; BACKGROUND: url(../images/bg_grad_gray1.gif) repeat-x; PADDING-BOTTOM: 5px; MARGIN: 0px; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 3px; BORDER-BOTTOM: #3a3a3a 1px solid
}
.ListBoxItem {
	CLEAR: both; OVERFLOW: hidden; CURSOR: pointer; BORDER-BOTTOM: #202020 1px solid; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #000; moz-user-select: none; khtml-user-select: none
}
.EvenRow {
	BACKGROUND-COLOR: #151515
}
.ListBoxItemHover {
	COLOR: #000; BACKGROUND-COLOR: #777
}
.SelectedListBoxItem {
	COLOR: #fc0
}
.RSSItemListFeedback {
	BORDER-RIGHT: #202020 1px solid; BORDER-TOP: #202020 1px solid; MARGIN: 75px auto auto; BORDER-LEFT: #202020 1px solid; BORDER-BOTTOM: #202020 1px solid; HEIGHT: 32px; BACKGROUND-COLOR: #151515
}
.RSSItemListFeedback TD {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
TD.RSSItemListLoading {
	BACKGROUND-POSITION: left center; PADDING-LEFT: 36px; BACKGROUND-IMAGE: url(../images/throbber.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 32px
}
IFRAME {
	BORDER-RIGHT: #404040 1px solid; BORDER-TOP: #404040 1px solid; BACKGROUND: #3a3a3a; BORDER-LEFT: #404040 1px solid; WIDTH: 100%; BORDER-BOTTOM: #404040 1px solid; HEIGHT: 365px
}
#boxshot {
	BORDER-RIGHT: #3a3a3a 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #3a3a3a 1px solid; BORDER-BOTTOM: #3a3a3a 1px solid; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
.clear {
	CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 0px
}
.ClearAll {
	CLEAR: both; FONT-SIZE: 0px; LINE-HEIGHT: 0; HEIGHT: 0px
}
CODE {
	COLOR: #000
}
PRE {
	FONT-SIZE: small; COLOR: #000
}
.highlightedcode {
	BACKGROUND-COLOR: #ff9
}
.sample {
	BORDER-RIGHT: #666 2px solid; PADDING-RIGHT: 20px; BORDER-TOP: #666 2px solid; MARGIN-TOP: 20px; PADDING-LEFT: 20px; BACKGROUND: #eee; PADDING-BOTTOM: 20px; OVERFLOW: scroll; BORDER-LEFT: #666 2px solid; PADDING-TOP: 20px; BORDER-BOTTOM: #666 2px solid
}
.Accordion {
	BORDER-RIGHT: #404040 1px solid; OVERFLOW: hidden; BORDER-LEFT: #404040 1px solid; BORDER-BOTTOM: #404040 1px solid
}
.AccordionPanelTab {
	BORDER-TOP: #999 1px solid; BACKGROUND: url(../images/bg_grad_gray1.gif) #080808 repeat-x; CURSOR: pointer; COLOR: #ccc; BORDER-BOTTOM: #3a3a3a 1px solid; moz-user-select: none; khtml-user-select: none
}
.AccordionPanelTab H3 {
	PADDING-RIGHT: 2px; PADDING-LEFT: 36px; FONT-SIZE: 110%; BACKGROUND: url(../images/blt_panel_exp.gif) no-repeat left 50%; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-TOP: 2px
}
.AccordionPanelContent {
	FONT-SIZE: 90%; OVERFLOW: auto; LINE-HEIGHT: 140%; HEIGHT: 200px
}
.AccordionPanelContent UL {
	PADDING-RIGHT: 1.37em; PADDING-LEFT: 1.37em; PADDING-BOTTOM: 1.37em; MARGIN: 0px; PADDING-TOP: 1.37em
}
.AccordionPanelTabHover {
	COLOR: #fff
}
.AccordionPanelClosed .AccordionPanelTab H3 {
	BACKGROUND: url(../images/blt_panel_clps.gif) no-repeat left 50%
}
.AccordionPanelContent DIV {
	MARGIN: 5px 8px
}
.screen {
	BORDER-RIGHT: #3a3a3a 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #999 1px solid; DISPLAY: block; PADDING-LEFT: 1em; FLOAT: left; PADDING-BOTTOM: 0.5em; MARGIN: 5px 5px 5px 0px; BORDER-LEFT: #3a3a3a 1px solid; PADDING-TOP: 1em; BORDER-BOTTOM: #3a3a3a 1px solid; BACKGROUND-COLOR: #bbb; TEXT-DECORATION: none
}
.screen:hover {
	BORDER-RIGHT: #404040 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #404040 1px solid; COLOR: #000; BORDER-BOTTOM: #3a3a3a 1px solid; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
.imgcaption {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; MARGIN: 0em 0px 1em; COLOR: #333333; BORDER-TOP-STYLE: none; LINE-HEIGHT: 1.1em; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
.demo A {
	PADDING-LEFT: 16px; FONT-WEIGHT: normal; FONT-SIZE: small; MARGIN-LEFT: 24px; TEXT-DECORATION: none
}
.return A {
	PADDING-LEFT: 16px; FONT-WEIGHT: normal; FONT-SIZE: small; MARGIN-LEFT: 24px; TEXT-DECORATION: none
}
.demo A {
	PADDING-LEFT: 16px; FONT-WEIGHT: normal; FONT-SIZE: small; MARGIN-LEFT: 24px; TEXT-DECORATION: none
}
.source A {
	PADDING-LEFT: 16px; FONT-WEIGHT: normal; FONT-SIZE: small; MARGIN-LEFT: 24px; TEXT-DECORATION: none
}
.return A:link {
	BACKGROUND: url(../images/btn_return_link.gif) no-repeat left 50%; COLOR: #fff
}
.return A:visited {
	BACKGROUND: url(../images/btn_return_link.gif) no-repeat left 50%; COLOR: #fff
}
.return A:hover {
	BACKGROUND: url(../images/btn_return_hover.gif) no-repeat left 50%; COLOR: #fc0; BORDER-BOTTOM: #fc0 1px dotted
}
.return A:active {
	BACKGROUND: url(../images/btn_return_link.gif) no-repeat left 50%; COLOR: #fff; BORDER-BOTTOM: #fff 1px dotted
}
.demo A:link {
	BACKGROUND: url(../images/btn_demo_link.gif) no-repeat left 50%; COLOR: #fff
}
.demo A:visited {
	BACKGROUND: url(../images/btn_demo_link.gif) no-repeat left 50%; COLOR: #fff
}
.demo A:hover {
	BACKGROUND: url(../images/btn_demo_hover.gif) no-repeat left 50%; COLOR: #fc0; BORDER-BOTTOM: #fc0 1px dotted
}
.demo A:active {
	BACKGROUND: url(../images/btn_demo_link.gif) no-repeat left 50%; COLOR: #fff; BORDER-BOTTOM: #fff 1px dotted
}
.source A:link {
	BACKGROUND: url(../images/btn_source_link.gif) no-repeat left 50%; COLOR: #fff
}
.source A:visited {
	BACKGROUND: url(../images/btn_source_link.gif) no-repeat left 50%; COLOR: #fff
}
.source A:hover {
	BACKGROUND: url(../images/btn_source_hover.gif) no-repeat left 50%; COLOR: #fc0; BORDER-BOTTOM: #fc0 1px dotted
}
.source A:active {
	BACKGROUND: url(../images/btn_source_link.gif) no-repeat left 50%; COLOR: #fff; BORDER-BOTTOM: #fff 1px dotted
}