body {
background:#000000 url(cssimgs/bg_rule_red.gif) repeat-x scroll 0%;
color:#999999;
font-family:"Lucida Grande","Trebuchet MS",sans-serif;
font-size:small;
margin:0pt;
padding:0pt;
voice-family:inherit;
}
html > body {
font-size:small;
}
a img {
border-style:none;
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}
h1 {
color:#FFFFFF;
font-size:165%;
text-align:left;
}
p {
margin:0.375em 0pt;
}
#wrap {
margin:0pt 20px;
padding-top:20px;
}
#codesample #wrap {
width:auto;
}
#header {
margin-bottom:2em;
padding-left:0.5em;
text-align:left;
}
#LeftColumn {
float:left;
margin:0pt 10px 0pt 0pt;
padding:0pt;
width:200px;
}
#LeftColumn, #articles {
border-bottom:1px solid #404040;
border-left:1px solid #404040;
border-right:1px solid #404040;
}
#articles {
margin-bottom:10px;
}
#RightColumn {
float:left;
height:600px;
margin:0pt;
padding:0pt;
width:750px;
}
#content, #sidebar {
float:left;
text-align:left;
}
#content {
margin-right:15px;
padding-top:5px;
width:600px;
}
#sidebar {
margin-top:0pt;
width:240px;
}
.SpryHiddenRegion {
visibility:hidden;
}
label, select {
font-family:"Lucida Grande","Trebuchet MS",sans-serif;
font-size:85%;
}
select {
background-color:#131313;
border:1px solid #B1B1BC;
color:#B1B1BC;
}
td.rank {
}
#products {
border-collapse:collapse;
empty-cells:show;
margin:0pt;
width:100%;
}
#products caption {
background-color:#FD2800;
border-bottom:1px solid #3A3A3A;
border-top:1px solid #999999;
color:#FFFFFF;
font-weight:bold;
letter-spacing:0.1em;
padding:0.375em;
text-align:left;
text-transform:uppercase;
}
#products th {
background:transparent url(cssimgs/bg_grad_gray2.gif) repeat-x scroll 0%;
color:#333333;
cursor:pointer;
font-weight:bold;
margin:0pt;
padding:6px 0.25em;
}
#products th.infocus {
background-color:#E6E6E6;
}
#products th.selected {
color:#EAEAEA;
}
#products td, #products th {
margin:0pt;
padding:0.25em 0.375em 0.45em;
text-align:left;
}
#products tr {
-moz-user-select:none;
border-bottom:1px solid #202020;
}
#products tr.infocus {
background-color:#DFDFDF;
cursor:pointer;
}
#products tr.notinfocus {
background-color:#FFFFFF;
}
#products tr.selected {
color:#FFCC00;
}
#products tbody {
margin-top:0pt;
}
.even {
background-color:#151515;
}
.rowHover {
background-color:#777777;
color:#000000;
cursor:pointer;
}
.rowSelected {
color:#FFCC00;
}
.productinfo {
margin-left:250px;
width:700px;
}
.category {
float:right;
margin-top:18px;
}
.boximage {
background-color:white;
float:left;
}
#gallerySelect {
width:180px;
}
#controls {
margin:0pt auto 10px;
font-family:"Lucida Grande","Trebuchet MS",sans-serif;
font-size:small;
}
#galleries {
margin:0pt auto 20px;
}
#galleries label {
padding-bottom:2px;
}
#galleryLinks a {
color:white;
text-decoration:none;
}
#transport {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
#transport li {
float:left;
margin:0pt;
padding:0pt;
text-align:center;
}
#transport a {
-moz-user-select:none;
display:block;
float:left;
font-size:85%;
font-weight:bold;
letter-spacing:0.1em;
margin:0pt 1px 0pt 0pt;
padding:4px 8px;
text-decoration:none;
text-transform:uppercase;
width:47px;
}
#transport a:link {
background:#666666 url(cssimgs/bg_grad_gray1.gif) repeat-x scroll 0%;
border-color:#999999 rgb(64, 64, 64) rgb(58, 58, 58);
border-style:solid;
border-width:1px;
color:#FFFFFF;
}
#transport a:visited {
background:#666666 url(cssimgs/bg_grad_gray1.gif) repeat-x scroll 0%;
border-color:#999999 rgb(64, 64, 64) rgb(58, 58, 58);
border-style:solid;
border-width:1px;
color:#FFFFFF;
}
#transport a:hover {
background:#666666 url(cssimgs/bg_grad_gray2.gif) repeat-x scroll 0%;
border-color:#999999 rgb(64, 64, 64) rgb(58, 58, 58);
border-style:solid;
border-width:1px;
color:#000000;
}
#transport a:focus {
-moz-user-select:none;
}
#transport .playBtn .pauseLabel, #transport .pauseBtn .playLabel {
display:none;
}
#previews {
background-image:url(cssimgs/bg.gif);
border-color:#404040 rgb(64, 64, 64) rgb(58, 58, 58);
border-style:solid;
border-width:1px;
float:left;
margin-bottom:5px;
margin-right:10px;
padding:10px 10px 20px;
width:200px;
}
#thumbnails {
clear:both;
margin:10px auto;
}
#thumbnails div {
display:inline;
float:left;
height:24px;
margin:8px;
padding:0pt;
position:relative;
width:24px;
}
#thumbnails img {
border-color:#999999 rgb(64, 64, 64) rgb(51, 51, 51);
border-style:solid;
border-width:1px;
height:24px;
position:absolute;
width:24px;
}
#picture {
float:left;
padding:0px;
/*width:500px;
*/}
#mainImageOutline {
background-color:#EEEEEE;
border-color:#999999 rgb(64, 64, 64) rgb(51, 51, 51);
border-style:solid;
border-width:1px;
height:0px;
margin:0pt auto;
overflow:hidden;
padding:1em;
width:0px;
float:left;
}
#mainImage {
height:100%;
width:100%;
}
#picture img {
border:1px solid #999999;
}
.selectedThumbnail {
border:2px solid #FFCC00 !important;
}
.inFocus {
border:1px solid #FFCC00 !important;
}
#MovieList {
height:600px;
overflow:auto;
}
#RSSFeedsList {
height:570px;
overflow:auto;
}
#MovieTitle h2, #RSSFeedsTitle h2, #RSSChannelTitle h2 {
background-color:#FF2700;
border-bottom:1px solid #3A3A3A;
border-top:1px solid #999999;
color:#FFFFFF;
font-size:110%;
font-weight:bold;
height:20px;
letter-spacing:0.1em;
margin:0pt;
padding-left:3px;
text-align:left;
text-transform:uppercase;
}
#columnHeadings {
background:transparent url(cssimgs/bg_grad_gray1.gif) repeat-x scroll 0%;
border-bottom:1px solid #3A3A3A;
border-top:1px solid #999999;
color:#FFFFFF;
cursor:pointer;
font-size:110%;
font-weight:bold;
height:24px;
margin:0pt;
padding:0pt;
text-transform:uppercase;
width:100%;
}
#SubjectTitle, .SubjectColumn {
margin:0pt;
width:500px;
}
#PubDateTitle, .PubDateColumn {
margin:0pt;
width:auto;
}
.ListBoxItemGroup .ListBoxItem {
padding:3px 0pt 5px 0.25em;
}
#SubjectTitle, #PubDateTitle, .SubjectColumn, .PubDateColumn {
-moz-user-select:none;
cursor:pointer;
float:left;
overflow:hidden;
padding:3px 0pt 5px 0.25em;
white-space:nowrap;
}
#RSSItemsList {
clear:both;
height:195px;
overflow:auto;
width:100%;
}
#RSSItemContent {
overflow:hidden;
white-space:nowrap;
width:100%;
}
.RSSItemListRow {
background-color:#000000;
border-bottom:1px solid #202020;
float:left;
overflow:hidden;
white-space:nowrap;
width:100%;
}
.ListBoxItemTitle {
background:transparent url(cssimgs/bg_grad_gray1.gif) repeat-x scroll 0%;
border-bottom:1px solid #3A3A3A;
border-top:1px solid #999999;
color:#FFFFFF;
cursor:pointer;
font-weight:bold;
margin:0pt;
padding:3px 0pt 5px 0.25em;
}
.ListBoxCategTitle {
background:transparent url(cssimgs/bg_grad_gray1.gif) repeat-x scroll 0%;
border-bottom:1px solid #3A3A3A;
border-top:1px solid #999999;
color:#FFFFFF;
font-weight:bold;
margin:0pt;
padding:3px 0pt 5px 0.25em;
}
.ListBoxItem {
-moz-user-select:none;
background-color:#000000;
border-bottom:1px solid #202020;
clear:both;
cursor:pointer;
overflow:hidden;
white-space:nowrap;
}
.EvenRow {
background-color:#151515;
}
.ListBoxItemHover {
background-color:#777777;
color:#000000;
}
.SelectedListBoxItem {
color:#FFCC00;
}
.RSSItemListFeedback {
background-color:#151515;
border:1px solid #202020;
height:32px;
margin:75px auto auto;
}
.RSSItemListFeedback td {
padding:10px;
}
td.RSSItemListLoading {
background-image:url(cssimgs/throbber.gif);
background-position:left center;
background-repeat:no-repeat;
height:32px;
padding-left:36px;
}
iframe {
background:#3A3A3A none repeat scroll 0%;
border:1px solid #404040;
height:365px;
width:100%;
}
#boxshot {
background-color:#FFFFFF;
border-color:#999999 rgb(58, 58, 58) rgb(58, 58, 58);
border-style:solid;
border-width:1px;
text-align:center;
}
.clear {
clear:both;
display:block;
height:0px;
margin:0pt;
padding:0pt;
visibility:hidden;
}
.ClearAll {
clear:both;
font-size:0pt;
height:0pt;
line-height:0pt;
}
code {
color:#000000;
}
pre {
color:#000000;
font-size:small;
}
.highlightedcode {
background-color:#FFFF99;
}
.sample {
background:#EEEEEE none repeat scroll 0%;
border:2px solid #666666;
margin-top:20px;
overflow:scroll;
padding:20px;
}
.Accordion {
border-bottom:1px solid #404040;
border-left:1px solid #404040;
border-right:1px solid #404040;
overflow:hidden;
}
.AccordionPanelTab {
-moz-user-select:none;
background:#080808 url(cssimgs/bg_grad_gray1.gif) repeat-x scroll 0%;
border-bottom:1px solid #3A3A3A;
border-top:1px solid #999999;
color:#CCCCCC;
cursor:pointer;
}
.AccordionPanelTab h3 {
background:transparent url(cssimgs/blt_panel_exp.gif) no-repeat scroll left 50%;
font-size:110%;
margin:0pt;
padding:2px 2px 4px 36px;
}
.AccordionPanelContent {
font-size:90%;
height:200px;
line-height:140%;
overflow:auto;
}
.AccordionPanelContent ul {
margin:0pt;
padding:1.375em;
}
.AccordionPanelTabHover {
color:#FFFFFF;
}
.AccordionPanelClosed .AccordionPanelTab h3 {
background:transparent url(cssimgs/blt_panel_clps.gif) no-repeat scroll left 50%;
}
.AccordionPanelContent div {
margin:5px 8px;
}
.screen {
background-color:#BBBBBB;
border-color:#999999 rgb(58, 58, 58) rgb(58, 58, 58);
border-style:solid;
border-width:1px;
display:block;
float:left;
margin:5px 5px 5px 0pt;
padding:1em 1em 0.5em;
text-decoration:none;
}
.screen:hover {
background-color:#FFFFFF;
border-color:#999999 rgb(64, 64, 64) rgb(58, 58, 58);
border-style:solid;
border-width:1px;
color:#000000;
text-decoration:none;
}
.imgcaption {
border:medium none;
color:#333333;
font-size:90%;
font-weight:bold;
line-height:1.1em;
margin:0em 0pt 1em;
text-decoration:none;
}
.demo a, .return a, .demo a, .source a {
font-size:small;
font-weight:normal;
margin-left:24px;
padding-left:16px;
text-decoration:none;
}
.return a:link {
background:transparent url(cssimgs/btn_return_link.gif) no-repeat scroll left 50%;
color:#FFFFFF;
}
.return a:visited {
background:transparent url(cssimgs/btn_return_link.gif) no-repeat scroll left 50%;
color:#FFFFFF;
}
.return a:hover {
background:transparent url(cssimgs/btn_return_hover.gif) no-repeat scroll left 50%;
border-bottom:1px dotted #FFCC00;
color:#FFCC00;
}
.return a:active {
background:transparent url(cssimgs/btn_return_link.gif) no-repeat scroll left 50%;
border-bottom:1px dotted #FFFFFF;
color:#FFFFFF;
}
.demo a:link {
background:transparent url(cssimgs/btn_demo_link.gif) no-repeat scroll left 50%;
color:#FFFFFF;
}
.demo a:visited {
background:transparent url(cssimgs/btn_demo_link.gif) no-repeat scroll left 50%;
color:#FFFFFF;
}
.demo a:hover {
background:transparent url(cssimgs/btn_demo_hover.gif) no-repeat scroll left 50%;
border-bottom:1px dotted #FFCC00;
color:#FFCC00;
}
.demo a:active {
background:transparent url(cssimgs/btn_demo_link.gif) no-repeat scroll left 50%;
border-bottom:1px dotted #FFFFFF;
color:#FFFFFF;
}
.source a:link {
background:transparent url(cssimgs/btn_source_link.gif) no-repeat scroll left 50%;
color:#FFFFFF;
}
.source a:visited {
background:transparent url(cssimgs/btn_source_link.gif) no-repeat scroll left 50%;
color:#FFFFFF;
}
.source a:hover {
background:transparent url(cssimgs/btn_source_hover.gif) no-repeat scroll left 50%;
border-bottom:1px dotted #FFCC00;
color:#FFCC00;
}
.source a:active {
background:transparent url(cssimgs/btn_source_link.gif) no-repeat scroll left 50%;
border-bottom:1px dotted #FFFFFF;
color:#FFFFFF;
}
#fotocaption {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
width: 360px;
float:left;
padding-top:5px;
}