@charset "UTF-8";

/* Paragraph Headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight: normal; }
h1 {
	font-size: 11px;
	text-align: left;
	color: #999999;
}
p { margin:0.375em 0; }

/* Layout Rules
----------------------------------------------- */
#wrap {
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#codesample #wrap { width: auto; }



/* PAGINATION */
.pagination {
	float: left;
	margin-bottom: 10px;
	padding: 0;
	width: 600px;
}
.pagination ul {
	margin: 0;
	padding: 0;
}
.pagination li {
	float: left;
	list-style: none;
	padding: 5px;
}
.pagination li, .pagination a {
}
.pagination .previous {
	font-weight: bold;
	margin-left: 25px;
}
.pagination .next {
	font-weight: normal;
}
.pagination .readout {
	font-weight: bold;
}
.pagination .current {
	
}
/* QUICK JUMP */
#quickjump {
	float: right;
	margin-bottom: 10px;
	padding: 0;
}
/* CONTACT */
#contact {
	/*float: left;
*/
	margin-bottom: 10px;
	padding: 5px 0;
}
#contact span, #contact a {
}
.textColor {
  color: #B3B3B3 !important;
  background-color: inherit;
}


/* Gallery and Playback Controls
----------------------------------------------- */


#gallerySelect {
	width: 225px;
	margin-top: 50px;
}
#galleries {
	margin: 20px auto 20px 2px;
}
#galleries label { padding-bottom: 1px; }


#galleryLinks{
	display: inline;
	margin: 0px 0px 0px 0px;
	color: #666;
	text-decoration: none;
}


#galleryLinks a {

	text-decoration: none;
	margin: 0px 0px 0px 2px;
    font-size: 10px;
	text-align: left;
	color: #666;}


#previews {
	border-top: solid 1px #666;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
	border-left: solid 1px #666;
	padding: 0px 4px 4px 4px;
	margin-bottom: 5px;
	width: 250px;
	float: left;
	margin-right: 8px;
}
#thumbnails {
	clear: both;
	margin: 0px auto;
}
#thumbnails div {
	position: relative;
	width: 75px;
	height: 75px;
	float: left;
	margin: 4px;
	padding: 0;
	float: left;
	display:inline;
}
#thumbnails img {
	width: 75px;
	height: 75px;
	position: absolute;
	border-top: solid 1px #666;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
	border-left: solid 1px #666;
}
#picture {
	padding: 0px;
	width: 475px;
	float: left;
}
#mainImageOutline {
	margin: 0px auto 5px auto;
	padding: 0;
	border-top: solid 1px #666;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
	border-left: solid 1px #666;
	padding: 8px 6px 8px 6px;
	overflow: hidden;
	width: 0px;
	height: 0px;
}
#mainImage {
	width: 100%;
	height: 100%;
}

#picture img {
	border: 1px solid #545454;
}
.selectedThumbnail {
	border: solid 2px #ccc !important;
}
.inFocus {
	border: solid 2px #ccc !important;
	width: 475px;
}

/* Spry Validation Widgets Demo*/
#MovieList{
  height: 600px;
  overflow: auto;
}

/* Table Rules
----------------------------------------------- */
td.rank { }

#products { 
	border-collapse:collapse;
	empty-cells:show;
	width:100%;
	margin: 0;
}
#products caption {
	color: #fff;
	text-transform:uppercase;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.1em;
	background-color: #FD2800;
	padding: 0.375em;
	border-top: solid 1px #999;
	border-bottom: solid 1px #3a3a3a;
}
#products th {
	background: url('../demos/images/bg_grad_gray2.gif') repeat-x;
	padding: 6px 0.25em;
	color: #333333;	
	font-weight: bold;
	margin: 0;
	cursor: pointer;
}

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

#products td, #products th { 
	margin: 0; 
	padding: 0.25em 0.375em 0.45em 0.375em;
	text-align: left;
}
#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 tr.selected { color:#fc0; }
#products tbody { margin-top: 0; }
.even { background-color: #151515; }

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

.rowSelected { color: #fc0; }