@charset "UTF-8";
body {
color:#CCC;
font-family:"Lucida Grande", "Trebuchet MS", sans-serif;
voice-family:inherit;
background-color:#000;
background-image:url(../images_screen/bg_rule_red.gif);
background-repeat:repeat-x;
font-size:0.9em;
margin:0;
padding:0;
}

html>body {
font-size:small;
position:absolute;
}

a img {
border-style:none;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:500;
	font-size:1.1em;
	color:#9933CC;
}

h1 {
font-size:165%;
text-align:left;
color:#fff;
}

p {
	margin:0.375em 0;
}

#wrap {
padding-top:20px;
margin:0 20px;
}

#codesample #wrap {
width:auto;
}

#header {
margin-bottom:2em;
text-align:left;
padding-left:0.5em;
}

#LeftColumn {
width:200px;
float:left;
margin:0 10px 0 0;
padding:0;
}

#LeftColumn,#articles {
border-left:solid 1px #404040;
border-right:solid 1px #404040;
border-bottom:solid 1px #404040;
}

#articles {
margin-bottom:10px;
}

#RightColumn {
height:600px;
float:left;
width:750px;
margin:0;
padding:0;
}

#content,#sidebar {
float:red;
text-align:left;
}

#content {
	width:806px;
	margin-right:15px;
	position:absolute;
	left:135px;
	top:110px;
	height:437px;
}

#sidebar {
width:240px;
margin-top:0;
}

.SpryHiddenRegion {
visibility:hidden;
}

label,select {
font-size:85%;
font-family:"Lucida Grande", "Trebuchet MS", sans-serif;
}

select {
color:#B1B1BC;
background-color:#131313;
border:1px solid #b1b1bc;
}

#products {
border-collapse:collapse;
empty-cells:show;
width:100%;
margin:0;
}

#products caption {
color:#fff;
text-transform:uppercase;
text-align:left;
font-weight:700;
letter-spacing:0.1em;
background-color:#FD2800;
border-top:solid 1px #999;
border-bottom:solid 1px #3a3a3a;
padding:0.375em;
}

#products th {
background:url('../demos/images/bg_grad_gray2.gif') repeat-x;
color:#333;
font-weight:700;
cursor:pointer;
margin:0;
padding:6px 0.25em;
}

#products th.infocus {
background-color:#E6E6E6;
}

#products th.selected {
color:#EAEAEA;
}

#products td,#products th {
text-align:left;
margin:0;
padding:0.25em 0.375em 0.45em;
}

#products tr {
border-bottom:solid 1px #202020;
-moz-user-select:none;
-khtml-user-select:none;
}

#products tr.infocus {
background-color:#dfdfdf;
cursor:pointer;
}

#products tr.notinfocus {
background-color:#fff;
}

#products tbody {
margin-top:0;
}

.rowHover {
color:#000;
background-color:#777;
cursor:pointer;
}

.productinfo {
width:700px;
margin-left:250px;
}

.category {
float:right;
margin-top:18px;
}

.boximage {
float:left;
background-color:#FFF;
margin-right:10px;
}

.boximage_black {
float:left;
background-color:#000;
margin-right:10px;
margin-top:5px;
}

#gallerySelect {
width:180px;
}

#controls {
margin:0 auto 10px;
}

#galleries {
margin:0 auto 20px;
}

#galleries label {
padding-bottom:2px;
}

#galleryLinks a {
color:#FFF;
text-decoration:none;
}

#transport {
list-style:none;
margin:0;
padding:0;
}

#transport li {
float:left;
text-align:center;
margin:0;
padding:0;
}

#transport a {
text-decoration:none;
text-transform:uppercase;
font-size:85%;
font-weight:700;
letter-spacing:0.1em;
width:64px;
float:left;
display:block;
-moz-user-select:none;
-khtml-user-select:none;
margin:0 1px 0 0;
padding:4px 8px;
}

#transport a:hover {
background:#666 url('../demos/images/bg_grad_gray2.gif') repeat-x;
color:#000;
border-top:solid 1px #999;
border-right:solid 1px #404040;
border-bottom:solid 1px #3a3a3a;
border-left:solid 1px #404040;
}

#transport a:focus {
-moz-user-select:none;
-khtml-user-select:none;
}

#transport .playBtn .pauseLabel,#transport .pauseBtn .playLabel {
display:none;
}

#previews {
border-top:solid 1px #404040;
border-right:solid 1px #404040;
border-bottom:solid 1px #3a3a3a;
border-left:solid 1px #404040;
margin-bottom:5px;
background-image:url('../demos/images/bg.gif');
width:250px;
float:left;
margin-right:10px;
padding:10px 10px 20px;
}

#thumbnails {
clear:both;
margin:10px auto;
}

#thumbnails div {
position:relative;
width:24px;
height:24px;
float:left;
display:inline;
margin:8px;
padding:0;
}

#thumbnails img {
width:24px;
height:24px;
position:absolute;
border-top:solid 1px #999;
border-right:solid 1px #404040;
border-bottom:solid 1px #333;
border-left:solid 1px #404040;
}

#picture {
width:500px;
float:left;
padding:0;
}

#mainImageOutline {
background-color:#eee;
border-top:solid 1px #999;
border-right:solid 1px #404040;
border-bottom:solid 1px #333;
border-left:solid 1px #404040;
overflow:hidden;
width:0;
height:0;
margin:0 auto;
padding:1em;
}

#mainImage {
width:100%;
height:100%;
}

#picture img {
border:1px solid #999;
}

.selectedThumbnail {
border:solid 2px #fc0 !important;
}

.inFocus {
border:solid 1px #fc0 !important;
}

#MovieList {
height:600px;
overflow:auto;
}

#RSSFeedsList {
height:570px;
overflow:auto;
}

#MovieTitle h2,#RSSFeedsTitle h2,#RSSChannelTitle h2 {
color:#fff;
font-size:110%;
text-transform:uppercase;
text-align:left;
font-weight:700;
letter-spacing:0.1em;
background-color:#ff2700;
border-top:solid 1px #999;
border-bottom:solid 1px #3a3a3a;
height:20px;
padding-left:3px;
margin:0;
}

#columnHeadings {
background:url('../demos/images/bg_grad_gray1.gif') repeat-x;
color:#fff;
font-weight:700;
font-size:110%;
width:100%;
height:24px;
text-transform:uppercase;
border-top:solid 1px #999;
border-bottom:solid 1px #3a3a3a;
cursor:pointer;
margin:0;
padding:0;
}

#SubjectTitle,.SubjectColumn {
width:500px;
margin:0;
}

#PubDateTitle,.PubDateColumn {
width:auto;
margin:0;
}

.ListBoxItemGroup .ListBoxItem {
padding:3px 0 5px 0.25em;
}

#SubjectTitle,#PubDateTitle,.SubjectColumn,.PubDateColumn {
float:left;
cursor:pointer;
white-space:nowrap;
overflow:hidden;
-moz-user-select:none;
-khtml-user-select:none;
padding:3px 0 5px 0.25em;
}

#RSSItemsList {
width:100%;
height:195px;
overflow:auto;
clear:both;
}

#RSSItemContent {
width:100%;
white-space:nowrap;
overflow:hidden;
}

.RSSItemListRow {
float:left;
border-bottom:solid 1px #202020;
background-color:#000;
width:100%;
white-space:nowrap;
overflow:hidden;
}

.ListBoxItemTitle {
background:url('../demos/images/bg_grad_gray1.gif') repeat-x;
border-top:solid 1px #999;
border-bottom:solid 1px #3a3a3a;
color:#fff;
font-weight:700;
cursor:pointer;
margin:0;
padding:3px 0 5px 0.25em;
}

.ListBoxCategTitle {
background:url('../demos/images/bg_grad_gray1.gif') repeat-x;
border-top:solid 1px #999;
border-bottom:solid 1px #3a3a3a;
color:#fff;
font-weight:700;
margin:0;
padding:3px 0 5px 0.25em;
}

.ListBoxItem {
border-bottom:solid 1px #202020;
cursor:pointer;
clear:both;
background-color:#000;
white-space:nowrap;
overflow:hidden;
-moz-user-select:none;
-khtml-user-select:none;
}

.ListBoxItemHover {
background-color:#777;
color:#000;
}

.RSSItemListFeedback {
height:32px;
background-color:#151515;
border:solid 1px #202020;
margin:75px auto auto;
}

td.RSSItemListLoading {
height:32px;
background-image:url(../demos/images/throbber.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:36px;
}

iframe {
border:none;
background:#3a3a3a;
width:100%;
height:365px;
border-top:solid 1px #404040;
border-left:solid 1px #404040;
border-right:solid 1px #404040;
border-bottom:solid 1px #404040;
}

#boxshot {
background-color:#fff;
border-top:solid 1px #999;
border-bottom:solid 1px #3a3a3a;
border-left:solid 1px #3a3a3a;
border-right:solid 1px #3a3a3a;
text-align:center;
}

.clear {
visibility:hidden;
display:block;
clear:both;
height:0;
margin:0;
padding:0;
}

.ClearAll {
clear:both;
height:0;
font-size:0;
line-height:0;
}

code {
color:#000;
}

pre {
font-size:small;
color:#000;
}

.highlightedcode {
background-color:#ff9;
}

.sample {
background:#eee;
border:2px solid #666;
margin-top:20px;
overflow:scroll;
padding:20px;
}

.Accordion {
border-left:solid 1px #404040;
border-right:solid 1px #404040;
border-bottom:solid 1px #404040;
overflow:hidden;
}

.AccordionPanelTab {
color:red;
border-top:solid 1px #999;
border-bottom:solid 1px #3a3a3a;
cursor:pointer;
-moz-user-select:none;
-khtml-user-select:none;
background:#080808 url('../demos/images/bg_grad_gray1.gif') repeat-x;
}

.AccordionPanelTab h3 {
font-size:110%;
background:url('../demos/images/blt_panel_exp.gif') no-repeat left 50%;
margin:0;
padding:2px 2px 4px 36px;
}

.AccordionPanelContent {
overflow:auto;
height:200px;
font-size:90%;
line-height:140%;
}

.AccordionPanelContent ul {
margin:0;
padding:1.375em;
}

.AccordionPanelTabHover {
color:#fff;
}

.AccordionPanelClosed .AccordionPanelTab h3 {
background:url('../demos/images/blt_panel_clps.gif') no-repeat left 50%;
}

.AccordionPanelContent div {
margin:5px 8px;
}

.screen {
background-color:#bbb;
border-top:solid 1px #999;
border-bottom:solid 1px #3a3a3a;
border-left:solid 1px #3a3a3a;
border-right:solid 1px #3a3a3a;
float:left;
display:block;
text-decoration:none;
margin:5px 5px 5px 0;
padding:1em 1em 0.5em;
}

.screen:hover {
background-color:#fff;
color:#000;
border-top:solid 1px #999;
border-right:solid 1px #404040;
border-bottom:solid 1px #3a3a3a;
border-left:solid 1px #404040;
text-decoration:none;
}

.imgcaption {
font-size:90%;
font-weight:700;
line-height:1.1em;
color:#333;
border:none;
text-decoration:none;
margin:0 0 1em;
}

.demo a,.return a,.demo a,.source a {
text-decoration:none;
font-size:small;
font-weight:400;
margin-left:24px;
padding-left:16px;
}

.return a:hover {
color:#fc0;
border-bottom:dotted 1px #fc0;
background:url('../demos/images/btn_return_hover.gif') no-repeat left 50%;
}

.return a:active {
color:#fff;
border-bottom:dotted 1px #fff;
background:url('../demos/images/btn_return_link.gif') no-repeat left 50%;
}

.demo a:hover {
color:#fc0;
border-bottom:dotted 1px #fc0;
background:url('../demos/images/btn_demo_hover.gif') no-repeat left 50%;
}

.demo a:active {
color:#fff;
border-bottom:dotted 1px #fff;
background:url('../demos/images/btn_demo_link.gif') no-repeat left 50%;
}

.source a:hover {
color:#fc0;
border-bottom:dotted 1px #fc0;
background:url('../demos/images/btn_source_hover.gif') no-repeat left 50%;
}

.source a:active {
color:#fff;
border-bottom:dotted 1px #fff;
background:url('../demos/images/btn_source_link.gif') no-repeat left 50%;
}

#Bottom {
left:21px;
}

#content #tablecuisine {
background-color:#FFC;
border:medium outset #F60;
color:red;
margin:10px;
padding:10px;
}

#content .interligne2 ul {
line-height:4em;
}

#products tr.selected,.rowSelected,.SelectedListBoxItem {
color:#fc0;
}

.even,.EvenRow {
background-color:#151515;
}

#transport a:link,#transport a:visited {
background:#666 url('../demos/images/bg_grad_gray1.gif') repeat-x;
color:#fff;
border-top:solid 1px #999;
border-right:solid 1px #404040;
border-bottom:solid 1px #3a3a3a;
border-left:solid 1px #404040;
}

.RSSItemListFeedback td,#content img {
padding:10px;
}

.return a:link,.return a:visited {
color:#fff;
background:url('../demos/images/btn_return_link.gif') no-repeat left 50%;
}

.demo a:link,.demo a:visited {
color:#fff;
background:url('../demos/images/btn_demo_link.gif') no-repeat left 50%;
}

.source a:link,.source a:visited {
color:#fff;
background:url('../demos/images/btn_source_link.gif') no-repeat left 50%;
}

#content a,.interligne2 {
	line-height:2em;
	padding: 4px;
}
dl {
	padding: 4px;
}
#content large {
	line-height: 1.2em;
	color: #FFFF66;
}
#question {
	font-style: italic;
	color: #FC3;
}
.question {
	font-style: italic;
	color: #FC0;
	margin: 16px, 0px14px,0px;
}