/* Overal setup */
* { margin:0;padding:0; }
body { background:#000 url(images/bkg.jpg) center top repeat-x; color:#aaa; font:62.5%/1.4em 'Lucida Grande', 'Lucida Sans Unicode', tahoma, Verdana, sans-serif; }
a   { color:#ddd;text-decoration:none;outline:0; }
a:hover { color:#e9005b; }
a img { border:none;  }

h1  { font-size:3em; } 
h2  { font-size:1em; } 
h3  { font-family: Palatino, "Palatino Linotype", helvetica, arial; color:#ddd;margin: 0;text-transform:capitalized; }
h3 SPAN.slash { font:bold 1em Arial !important; text-transform: lowercase; }

ul, li { list-style: none;margin:0;padding:0; }
::-moz-selection { background:#252525;color:#666; } /*//////// FF ////////*/
::selection { background:#252525;color:#666; }  /*//////// SAFARI ////////*/
code { font-family:"Courier New", verdana; color:#999; padding:5px;margin:5px 0;display:block;border-left:4px solid #222;background: #121212; }
blockquote { color:#eee; padding:5px;font:12px Arial,Sans-serif;line-height:1.4em; }
.pullquote { padding:8px;float:right;width:200px;margin:10px 0;border-top:1px solid #101e2e; border-bottom:1px solid #101e2e; text-align:center; font:12px georgia,verdana, Helvetica, sans-serif;color:#0695c5; }
.capi { color:#333;float:left;font:3.6em Georgia,arial;line-height:0.8em;text-transform:uppercase;margin:0.07em 0.14em 0 0; }
.left { float:left;margin-top:3px;margin-right:8px; }
.right { float:right;margin-left:8px; }
.clear { clear: both; }
.clear-both { clear: both; }	


/* top navigation */
ul.topnav   { list-style:none;text-align:left;margin-top: 3px; }
.topnav li   { float:left;display:block; }
.topnav li a  { font:bold 1.2em Helvetica,Arial,sans-serif;color:#eee;text-decoration:none;display:block;padding:5px 0 5px 8px;width:90px; }	
.topnav li a:hover   { color:#e9005b !important;background:transparent url(images/px.png); }
.topnav li a span    { font:9px arial;color:#666; }
.topnav li a:hover span   { color:#999; }
.topnav li.skip { text-indent: -999em;background:url(images/skip.png) no-repeat bottom center; }
.topnav li.rss   { float:right;display:block; background:transparent url(images/rss.png) no-repeat 100% 5px; }
.topnav li.rss a:hover   { background: transparent;color:#e9005b !important; }


/* header-invisible */
#header { width:950px;margin:0 auto;padding:3px 10px; }
#header h1, #header h1 a { text-indent:-999em; }
#main-wrapper { margin:0 auto;padding:1em;width:950px; }
.main { width: 550px;margin:0;padding:0;float:left; }	


/* blurb */
#blurb { width:950px;margin:0 auto;padding:100px 10px 10px 10px; }
#blurb h2 { font:2.8em Palatino, "Palatino Linotype",arial,sans-serif;display:block;letter-spacing:-1px;color:#fff;line-height:1em;margin-top:.5em; }
#blurb p { font-size:1.1em;margin:5px;width:450px;color:#86ac4c; }
#blurb p a { color: #eee; text-decoration: none; }
#blurb p a:hover { background: #86ac4c;color: #eee; text-decoration: none; }



/* thumnail covers */
.thumb-principal { background:#222 url(images/thumb.png); display:block; width:521px; overflow:hidden; height:336px; margin:0 20px 20px 0; position:relative; }
.thumb { background:#222 url(images/thumb.png); display:block; width:250px; overflow:hidden; height:170px; margin:0 20px 20px 0; position:relative; }
.thumb-title { margin-bottom:5px;background:#111;bottom:0;right:0;display:block;position:absolute;padding:4px;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; }
.thumb-title:hover { filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; }
.thumb-title h2 { margin: 0; line-height: 1.4em; }
.thumb-title h2 a { font:normal 11px helvetica, arial; display:block;color:#eee;text-decoration: none;text-transform:capitalized; }
.thumb-title h2 a:hover { color: #fff;}	
.thumb-title h2 SPAN {background:url(images/comment.gif) no-repeat left;padding-left:12px;font-weight:bold;font-size:10px;color:#86ac4c !important;}

/* single page */
.post.single { width:530px;padding:4px;font-size:1.1em;line-height: 1.5em; }
.post.single h2, .post.single h2 a { font:20px Helvetica, Arial, sans-serif;letter-spacing:-1px;color:#eee;text-decoration:none;display: inline;}

.postedby { float:left;width:40px;height: 40px;text-align:center;margin-right:8px;background:#111;border:1px solid #141414; }	
.post-day { font:1.6em arial, sans serif;color:#eee;text-align:center; }
.post-month { font:.9em arial, sans serif;text-transform: uppercase;color:#8e6a3a; }

.post.single .postMeta { font:11px Arial;color:#666;margin: 0; }
.post.single .postMeta span.comments { float: left;background: url(images/icon_comment.png) no-repeat left center;padding-left:16px; }

.post.single .entry { float:left; clear:both;margin:0;padding:0; }
.post .entry img.wp-smiley  { border:0px none; margin:0; vertical-align:middle; }  /*//////// NICE SMILEY ////////*/
.post .entry img,.entry a img { border:6px solid #151515; }
.post.single h3 { font-size: 1.2em; color: #ddd; margin:0;display:inline; }
.post.single a { color:#666; }
.post.single a:hover { color:#eee; }
.post.single p { margin: 1.2em 0; }
.post.single p a,.post.single li a { color:#fff;background:url(images/dot.gif) repeat-x bottom left;display: inline;  }
.post.single p a:hover { color:#fff;background: #86ac4c; }
.post.single p strong { font-weight: bold; }
.post.single p em { font-style: italic; }

.post.single blockquote { margin: 0 1.5em; color: #6c6c6c; }
.post.single ul, .post.single ol { margin: 1em; }
.post.single ul li, .post.single ol li { margin:0;color:#666;line-height:1.4em;padding-left:14px;background:url(images/folder.png) no-repeat 0 50%; }
.post.single ul li strong { font-weight: bold; }
	

/* twitter */
#twitter_update_list { font:italic 13px Georgia;width: 380px;border-top: 1px dotted #151515;color:#eee;line-height:1.4em; }
#twitter #twitter_update_list a { font-size:10px;color:#0695c5;background:url(images/time.png) no-repeat 0 50%;padding:0 0 0 12px;margin:0; }
#twitter #twitter_update_list a:hover { color: #eee; }
#twitter #twitter_update_list li { padding:20px;display: block;padding-bottom: 20px;background: url(images/twbird.png) bottom right no-repeat; overflow: hidden;width: 300px; }
#twitter #twitter_update_list li span {display: block;}

/* about page - blogroll */
#linkpage { margin:0; padding:0; clear:both;}
#linkpage h2 { display:none; }
#linkpage ul { margin:4px 0; }	
#linkpage ul li { padding:4px 0px; display:inline; }
#linkpage ul li a:link, #linkpage ul li a:visited { color:#777;float:left;width:30%; padding:4px 4px;font-size:95%; margin:0px 3px; }
#linkpage ul li a:hover { color:#ccc; background:#151515; }
	

/* sidebar */
#sidebar  { margin:0;padding:0;float:right;width:395px;font-size:1.1em;line-height:1.4em; }
#sidebar h3 { margin:1em 0 0 0; font-size:1.2em;color:#0695c5; }
#sidebar .featured  { float:left;margin:0;width:390px; }
#sidebar dl { width: 180px; margin: 0 10px 25px 0; padding: 0; float: left; font-size: .9em; }	
#sidebar dt { margin: 0; padding: 5px 0; font-weight: bold; color: #333;line-height: 1.2em; }	
#sidebar dd { margin: 0; padding: 0; font-size: 90%; line-height: 1.2em; }	
#sidebar span.desc { padding: 0 0 5px 0; color: #5f5f5f; font-weight: normal; font-size: .9em; display: block; }

#sidebar .flickr {width:370px;margin:20px 0;padding:0;}
#sidebar .flickr img  { margin:10px; width:45px;height:45px;display:block;float:left; }
#sidebar .flickr a img  { border:2px solid #ddd;opacity:.20; }
#sidebar .flickr a:hover img  { border:2px solid #eee;opacity:.90; }

#sidebar .tags { margin:10px 0;width: 360px;padding:15px 0;line-height:2em;background:url(images/tags.png) no-repeat 98% 100%; }
#sidebar .tags a { text-decoration:none;color:#333;font-weight:normal; }
#sidebar .tags:hover a { color: #888; text-decoration: none; }
#sidebar .tags:hover a:hover, #sidebar .tags a:hover { color: #fff;text-decoration: none;border-bottom:1px dotted #222; }

#sidebar .categories { width: 340px; padding-top: 10px; }
#sidebar .categories li { line-height: 1.4em; padding:3px 0; color:#444; width: 32%; float: left; display: inline; }
#sidebar .categories li a { color: #aaa; text-decoration:none; padding-left:12px;background: url(images/folder.png) no-repeat 0 50%; }
#sidebar .categories li a:hover { color:#eee;text-decoration: none; }

#sidebar .bio p { line-height:1.4em;width:360px;margin:1em 0; }
#sidebar .bio ul { width: 340px; padding-top: 10px; }
#sidebar .bio ul li { line-height: 1.4em;padding:3px 0;padding-left: 14px;background: url(images/folder.png) no-repeat 0 50%; }

#sidebar .bio a { color: #666; text-decoration: none; border-bottom: 1px solid #333; }
#sidebar .bio a:hover { color: #eee; text-decoration: none; border-bottom: 1px solid #999; }
.readmore a { padding:3px; font-size:10px; color:#eee; text-decoration:none; }
.readmore a:hover { color:#fff; }	



/* comment page */
#comments { padding:0;overflow:hidden;clear:both;font-size:1.1em;color:#888; }
#comment-breaker { color:#999; display:block;margin:0;padding:12px 0; }
#comment-breaker h2 { font:1.2em arial,helvetica; }
#comment-breaker span { font-size: 20px; font-weight: bold;color:#ccc; }
ol.commentslist { float: left; line-height: 1.4em; width: 550px;margin:10px 0; }
.commentslist li { margin-bottom: 30px;}
.commentslist li p { margin: 0 0 1em 0; }
.commentslist li blockquote { margin: 0 1.2em; font-style: italic; }
.commentslist li ul, .commentslist li ol { margin: .5em 0; }
.commentslist .meta { padding: 4px 0; float: left; font-size: 10px; }
.commentslist .meta a { color: #333; font-weight:bold;text-decoration: none !important; }
.commentslist .meta a:hover { color: #666;text-decoration: none !important; }
.commentslist li.author .comment_text { color: #d2e3fe;  } /* Author stands out from others */
li.author .comment_text p { margin:5px; line-height:1.4em; }
.commentslist .comment_text { float: left; width: 500px; margin-left: 10px;overflow: auto; }
.comment_text  { margin-bottom:10px; border-bottom:1px solid #151515;  }
.comment_text small { font-family: arial;color:#333;padding:0;}
li.author .comment_text .comment-author { margin:0 4px; padding: 0; }
.commentslist .comment_text a { font-weight: bold;color:#bbb; border-bottom:1px solid #222; }
.commentslist .comment_text a:hover { color: #eee; }	
.cnts { float: right;font:1em arial; color: #222;margin-right: 10px; }
.avatar { width:25px;height:25px; margin: 0;padding: 0; }


/* form */
#commentform { font-size:10px; }
#commentform p { margin: 1em 0; }
#commentform input#author,#commentform input#email,#commentform input#url { color:#ddd;font:normal 12px arial;background:#111; border:1px solid #222; padding:6px; width:200px; }

#commentform #comment { width:370px;font:1.2em arial;background:#111; border:1px solid #222;color:#eee; padding:6px;}
#commentform #submit { background: #447815; color: #e4f6ba; padding: 4px 0; width: 6em; border: none;font:bold 12px arial; }
.comment-warning strong { color: #fb8627; font-weight: bold; }
.subscribe-to-comments { font-size: 10px; color: #333; }
.form-float { float:left;width:380px;margin:5px 0; }	



/* footer */
#footer { color:#aaa;line-height:1.4em;font-size:1em; padding:30px 10px 10px 10px;margin:0 auto;height:165px;clear:both;width:950px;text-align:right;background:transparent url(images/footer.jpg) bottom no-repeat; }
#footer a { text-decoration:none;color:#666; border-bottom:1px solid #222; }
#footer a:hover { color:#eee; }
#footer img { display: none; }

/*------------------------------------------------------------------------------------------------------------ */

/* Links
----------------------------------------------- */
a img { border-style: none; }

/* Paragraph Headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight: normal; }
h1 { font-size: 165%; text-align: lefth; color: #fff; }
p { margin:0.375em 0; }

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

#codesample #wrap { width: auto; }

#header {
	margin-bottom: 2em;
	text-align: left;
	padding-left: 0.5em;
}
#LeftColumn {
  margin:0 10px 0 0;
  padding:0;
  width: 200px;
  float: left;
}
#LeftColumn, #articles {
  border-left: solid 1px #404040;
  border-right: solid 1px #404040;
  border-bottom: solid 1px #404040;
}
#articles {	margin-bottom: 10px; }

#RightColumn {
	margin:0;
	padding:0;
	height: 600px;
	float: left;
	width: 750px;
}
#content, #sidebar {
	float: left;
	text-align: left;
}
#content {
	width: 600px;
	margin-right: 15px;
	padding-top: 5px;
}
#sidebar {
	width: 240px;
	margin-top: 0;
}
.SpryHiddenRegion {
   visibility: hidden;
}

/* Form Elements
----------------------------------------------- */
label, select { 
	font-size: 85%;
	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
}
select {
	color: #B1B1BC;
	background-color:  #131313;
	border: 1px solid #b1b1bc;
}

/* 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('images/bkg1.jpg') 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 {
	color: #000;
	background-color: #777;
	cursor: pointer;
}

.rowSelected { color: #fc0; }

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

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

.boximage {
	float: left;
	background-color: white;
}

.jsEnabled #productListing {
	display: none;
}

/* Gallery and Playback Controls
----------------------------------------------- */
#gallerySelect { width: 180px; }
#controls {	margin:0 auto 10px auto; }
#galleries {	margin:0 auto 20px auto; }
#galleries label { padding-bottom: 2px; }

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

#transport {
	margin: 0;
	padding: 0;
	list-style: none;
}
#transport li {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#transport a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 85%;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 0 1px 0 0;
	padding: 4px 8px;
	width: 64px;
	float: left;
	display: block;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#transport a:link {
	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;
}
#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;
}
#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;
	padding: 10px 10px 20px 10px;
	margin-bottom: 5px;
	background-image: url('../demos/images/bg.gif');
	width: 250px;
	float: left;
	margin-right: 10px;
}
#thumbnails {
	clear: both;
	margin: 10px auto;
}
#thumbnails div {
	position: relative;
	width: 24px;
	height: 24px;
	float: left;
	margin: 8px;
	padding: 0;
	float: left;
	display:inline;
}
#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 {
	padding: 0px;
	width: 500px;
	float: left;
}
#mainImageOutline {
	margin: 0 auto;
	padding: 0;
	background-color: #eee;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
	padding: 1em; 
	overflow: hidden; 
	width: 0px;
	height: 0px;
}
#mainImage {
	width: 100%;
	height: 100%;
}

#picture img {	border: 1px solid #999; }
.selectedThumbnail {  border: solid 2px #fc0 !important; }
.inFocus {  border: solid 1px #fc0 !important; }

.jsEnabled #gallery {
	display: none;
}

/* Spry Validation Widgets Demo*/
#MovieList{
  height: 600px;
  overflow: auto;
}
/* RSS Reader Rules
----------------------------------------------- */
#RSSFeedsList{ 
  height: 570px;
  overflow: auto;
}
#MovieTitle h2, #RSSFeedsTitle h2, #RSSChannelTitle h2 {
	color: #fff;
	font-size: 110%;
	text-transform:uppercase;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.1em;
	background-color: #ff2700;
	border-top: solid 1px #999;
	border-bottom: solid 1px #3a3a3a;
	margin: 0;
	height: 20px;
	padding-left: 3px;
}
#columnHeadings {
	background: url('../demos/images/bg_grad_gray1.gif') repeat-x;
	color: #fff;
	font-weight: bold;
	font-size: 110%;
	width: 100%;
	height: 24px;
	text-transform:uppercase;
	margin: 0;
	padding: 0;
	border-top: solid 1px #999;
	border-bottom: solid 1px #3a3a3a;
	cursor: pointer;
}
#SubjectTitle, .SubjectColumn { width: 500px; margin: 0; }
#PubDateTitle, .PubDateColumn {	width: auto; margin: 0; }
.ListBoxItemGroup .ListBoxItem { padding:3px 0 5px 0.25em; }

#SubjectTitle, #PubDateTitle, .SubjectColumn, .PubDateColumn { 
	padding:3px 0 5px 0.25em; 
	float: left;
 	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#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;
	padding: 3px 0 5px 0.25em;
	color: #fff;	
	font-weight: bold;
	margin: 0;
	cursor: pointer;
}
.ListBoxCategTitle {
	background: url('../demos/images/bg_grad_gray1.gif') repeat-x;
	border-top: solid 1px #999;
	border-bottom: solid 1px #3a3a3a;
	padding: 3px 0 5px 0.25em;
	color: #fff;	
	font-weight: bold;
	margin: 0;
}
.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;
}

.EvenRow { background-color: #151515; }
.ListBoxItemHover {	background-color: #777; color: #000; }
.SelectedListBoxItem { color: #fc0; }

.RSSItemListFeedback {
	height: 32px;
	margin: 75px auto auto auto;
	background-color: #151515;
	border: solid 1px #202020;
}
.RSSItemListFeedback td {
	padding: 10px;
}
td.RSSItemListLoading {
	height: 32px;
	background-image: url(../demos/images/throbber.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 36px;
}

/* iFrame Stuff
----------------------------------------------- */
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;
  }

/* Utility IDs, classes, and HTML selectors
----------------------------------------------- */
#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: 0px;
	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;
	padding: 20px;
	border: 2px solid #666;
	margin-top: 20px;
	overflow: scroll;
}

/* Accordion Classes
----------------------------------------------- */
.Accordion {
	border-left: solid 1px #404040;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #404040;
	overflow: hidden;
}
.AccordionPanelTab {
	color: #ccc;
	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 {
	margin: 0;
	padding: 2px 2px 4px 36px;
	font-size: 110%;
	background: url('../demos/images/blt_panel_exp.gif') no-repeat left 50%;
} 
.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; }

/* Home Page Classes
----------------------------------------------- */
.screen {
	background-color: #bbb;
	border-top: solid 1px #999;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #3a3a3a;
	border-right: solid 1px #3a3a3a;
	margin: 5px 5px 5px 0;
	padding: 1em 1em 0.5em 1em;
	float: left;
	display: block;
	text-decoration: none;
}
.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: bold;
	margin: 0em 0 1em 0;
	line-height: 1.1em;
	color: #333333;
	border: none;
	text-decoration: none;
}
/* Navigation Classes
----------------------------------------------- */
.demo a, .return a, .demo a, .source a {
	text-decoration: none; 
	font-size: small;
	font-weight: normal;
	margin-left: 24px;
	padding-left: 16px;
}

.return a:link { color: #fff; background: url('../demos/images/btn_return_link.gif') no-repeat left 50%; }
.return a:visited { color: #fff; background: url('../demos/images/btn_return_link.gif') no-repeat left 50%; }
.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:link { color: #fff; background: url('../demos/images/btn_demo_link.gif') no-repeat left 50%; }
.demo a:visited { color: #fff; background: url('../demos/images/btn_demo_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:link { color: #fff; background: url('../demos/images/btn_source_link.gif') no-repeat left 50%; }
.source a:visited { color: #fff; background: url('../demos/images/btn_source_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%;
	}