/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PSEUDO FIELDSET

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.pseudo-fieldset-container {
	position:relative;
	}

.pseudo-fieldset-top {
	background:url(pseudo-fieldset-top.png) no-repeat;
	width:629px;
	height:6px;	
	font-size:.1em;
	}

.pseudo-fieldset-content {
	border-left:1px solid #9C9C8C;
	border-right:1px solid #9C9C8C;
	width:597px;
	padding:20px 15px 15px 15px;
	}

.pseudo-fieldset-bottom {
	background:url(pseudo-fieldset-bottom.png) no-repeat;
	width:629px;
	height:6px;	
	font-size:.1em;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	 NEWS ENTIRES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.news-entry p {
	margin:0;
	}

.news-excerpt p {
	margin:0 0 0 20px;
	}

.news-date-time {
	margin:5px 0;
	}

.news-links {
	margin:4px 0 0 20px;
	}
	
.news-link-full-story {
	padding:0 10px 0 0;
	}

.news-link-discuss {

	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	 HEADINGS GRAY 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.heading-gray-container {
	position:relative;
	background:#D3D5DC url(bg-heading-gray.png);
	_height:0; /* only IE reads properties starting with "_" */
	}

/* This rule controls padding on all gray headers */
.heading-gray-content {
	padding:2px 10px;
	}

.heading-gray-top-left,
.heading-gray-top-right,
.heading-gray-bottom-right,
.heading-gray-bottom-left {
	width:5px;
	height:5px;
	font-size:.1em;
	background:url(bg-heading-gray-corners.png) no-repeat;
	}

.heading-gray-top-left {
	background-position:0 0;
	}

.heading-gray-top-right {
	float:right;
	background-position:0 -5px;
	}

.heading-gray-bottom-right {
	float:right;
	background-position:0 -10px;
	}

.heading-gray-bottom-left {
	background-position:0 -15px;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LIGHT GRAY BACKGROUND (2 or 4 ROUNDED CORNERS)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.bg-rounded-gray-container {
	position:relative;
	background:#EDEDED;
	_height:0; /* only IE reads properties starting with "_" */
	margin-bottomX:1px;
	padding-bottomX:1px;
	}

.bg-rounded-gray-container-indent{
	margin:0 4px;
	}

/* This rule controls padding on all these boxes throughout site */
.bg-rounded-gray-content {
	padding:12px 20px;
	}
	
/* This rule controls padding on all these boxes on the home page */
#home .bg-rounded-gray-content {
	padding:12px 12px;
	}

.bg-rounded-gray-top-left,
.bg-rounded-gray-top-right,
.bg-rounded-gray-bottom-right,
.bg-rounded-gray-bottom-left {
	width:7px;
	height:7px;
	font-size:.1em;
	background-image:url(bg-rounded-gray-corners.png);
	background-repeat:no-repeat;
	}

.bg-rounded-gray-top-left {
	float:left;
	background-position:0 0;
	}

.bg-rounded-gray-top-right {
	float:right;
	background-position:0 -7px;
	}

.bg-rounded-gray-bottom-right {
	position:absolute;
	bottom:0px;
	_bottom:-1px; /* IE sometimes adds a 1px margin so we move this corner graphic down */
	right:0;
	_right:-1px;
	background-position:0 -14px;
	}

.bg-rounded-gray-bottom-left {
	position:absolute;
	bottom:0px;
	_bottom:-1px; /* IE sometimes adds a 1px margin so we move this corner graphic down */
	left:0;
	background-position:0 -21px;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FEEDBACK FORM BASED ON "bg-rounded-gray-container" ABOVE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.bg-rounded-gray-container.feedback-form{
	background:#FFF9CB;
	margin:10px;
	width:425px;
	}

.close-feedback img {
	background-color:#FFF9CB; /* hides link underline in FF */
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	THREE COLUMN SECTION 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.three-column-container {
	margin:0 0 10px 0;
	padding:0 8px;
	}

.three-column-height{
	height:170px;
	}

.three-column-left,
.three-column-right,
.three-column-middle {
	width:195px;
	text-align:center;
	}

.three-column-left {
	float:left;
	}

.three-column-right {
	float:right;
	}

.three-column-middle {
	margin:0px 200px 0px 210px;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TWO COLUMN SECTION 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.two-column-container {
	margin:0 0 10px 0;
	padding:0;
	}

.two-column-left,
.two-column-right {
	width:305px;
	}

.two-column-left {
	float:left;
	}

.two-column-right {
	float:right;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TechCENTER MODULES, ICONS, TITLES & FORMS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.tech-center-categories .bg-rounded-gray-container {
	margin-bottom:10px;
	}


img.tech-center-category-icon {
	position:absolute;
	top:5px;
	right:10px;
}

.tech-center-browse-title-crumb {
	color:#999999;
	}

.sort-by {
	margin:15px 0;
	}

.sort-by .bg-rounded-gray-content p{
	text-align:right;
	margin:0;
	padding:0px;
	}
	
.sort-by select{

	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TechCENTER RESULTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.tech-center-result-container {

	}

.tech-center-result-title {
	
	}

.tech-center-result-title p {
	margin:0 0 4px 0;
	}
	
.tech-center-result-excerpt {
	
	}

.tech-center-result-excerpt p {
	margin:0 0 6px 10px;
	}
	
.tech-center-result-categories {
	
	}

.tech-center-result-categories p{
	
	} 
	
.tech-center-result-metadata {
	
	}

.tech-center-result-metadata p{
	padding:7px 0 0 10px;
	margin:0;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	RATING STARS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.rating-stars {
	height:13px;
	width:300px;
	}
	
.tech-center-result-container .rating-stars p{
	margin:0 0 0 10px;
	}
	
.rating-stars img {
	diaply:block;
	float:left;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ARTICLE & VIDEO HEADER & TOC

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.video-player-container {
	text-align:center;
	margin:20px 0;
	}

.article-header {
	padding-bottom:30px;
	}

.article-header .written-by p,
.video-header .video-title p{
	margin:0 0 3px 0;
	font-weight:bold;
	}

.article-header .updated-on p,
.video-header .updated-on p{
	margin:0 0 10px 0;
	font-weight:bold;
	}

.article-header .rating-stars,
.video-header .rating-stars {
	margin-left:20px;
	margin-bottom:7px;
	_margin-bottom:0px; /* only IE6 reads this rule */
	}

.article-header .rating-stars p,
.video-header .rating-stars p{
	margin-bottom:6px;
	}
	
.article-header .rating-stars a img,
.video-header .rating-stars a img {
	float:left;
	text-decoration:none;
	}
	
.article-header .download-link p,
.video-header .download-link p{
	margin-left:20px;
	margin-bottom:7px;
	}

.article-header .download-link a img,
.video-header .download-link a img {
	padding-top:0;
	background-color:#EDEDED; /* hides link underline in FF */
	}
	
.article-header .feedback-link,
.video-header .feedback-link {
	margin-left:20px;
	}

.article-header .feedback-link a img,
.video-header .feedback-link a img {
	padding-top:1px;
	background-color:#EDEDED; /* hides link underline in FF */
	}
	
.related-video {
	float:right;
	width:250px;
	font-weight:bold;
	}

/* TOC and TRY IIS */
.article-header-right-column {
	width:75%;
	position:absolute;
	top:10px;
	right:10px;
	text-align:right;
	}

.try-iis-container {
	width:283px;
	height:98px;
	background:url(bg-try-iis-on-white.jpg) no-repeat;
	position:relative;
	float:right;
	text-align:left !important;
	clear:both;
	}

.article-header .toc{
	float:right;
	margin:10px 2px 10px 0;
	}
	
.try-iis-text a:link,
.try-iis-text a:visited{
	display:block;
	width:160px;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	padding:10px 105px 40px 15px;
	text-decoration:none;
	line-height:1.2em;
	}

.try-iis-text a:hover{
	color:#C0F98D;
	}

.powered-by-virtual-labs {
	position:absolute;
	bottom:11px;
	left:40px;
	font-size:9px;
	color:#fff;
	}

.powered-by-virtual-labs a:link,
.powered-by-virtual-labs a:visited{
	color:#fff;
	}

.module-powered-by {
	color:#999999;
	}
	

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BLOGS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.blog-date-time {
	
	}

.blog-comment-date-time-author {
	
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PAGINATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.pagination-current-restuls {
	text-align:center;
	width:130px;
	padding:2px 0 0 5px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	}

.pagination-next,
.pagination-previous {
	overflow:hidden;
	font-weight:normal;
	font-size:.8em;
	font-family:Tahoma, "Arial Narrow", sans-serif;
	line-height:1.3em;/* hide the overflow */
	width:375px;
	height:1.3em;
	}

/* When we're using the right column modules we 
use less width on the previous and next titles */
.with-modules .pagination-next,
.with-modules .pagination-previous {
	width:230px;
	}

.pagination-next {
	position:absolute;
	right:10px;
	top:18px;
	text-align:right;
	}

.pagination-previous {
	position:absolute;
	left:10px;
	top:18px;
	}
	

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ARROW LISTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.content-inner ul.list-arrow {
	margin:10px 0 0 15px;
	padding:0;
	}
	
.content-inner ul.list-arrow li {
	list-style:url(bg-module-list.png);
	margin:0;
	padding:0 0 .5em 1px;
	line-height:110%;
	}

	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FORMS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



fieldset {
	padding:0 15px 15px 15px;
	margin:0 0 5px 0;
	}

legend {
	color:#000000;
	margin:0 0 10px 0;
	_margin:0 0 15px 0;
	font-weight:bold;
	padding:0 10px;
	}
	
input {
	padding:3px;
	color:#666666;
	font-weight:bold;
	}

.form-focus {
	background-color:#FFFEDE;
	border-style:inset;
	color:#000;
	width:inherit;
	}
	
.form-blur {
	width:inherit;
	}

option {
	padding:1px 4px 0 4px;
	}

.search-query-items select {
	margin:0 13px 0 0;
	width:13em;
	font-size:.9em;
	}

input.checkbox-middle {
	vertical-align:middle;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BUTTONS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


input.button-search,
input.button-feedback,
input.button-cancel,
input.button-refresh,
input.button-email,
input.button-reply,
input.button-quote,
input.button-favorites,
input.button-contact {
	background-color:#F3F3EE;
	background-repeat:no-repeat;
	background-position:0 0;
	padding:0 2px 2px 20px;
	_padding:2px 2px 1px 15px;
	color:#0030D9;
	cursor:pointer;
	}

input.button-search {
	background-image:url(bg-button-search.png);
	}
	
input.button-feedback {
	background-image:url(bg-button-feedback.png);
	}

input.button-cancel {
	background-image:url(bg-button-cancel.png);
	}

input.button-refresh {
	background-image:url(bg-button-refresh.png);
	}

input.button-email {
	background-image:url(bg-button-email.png);
	}

input.button-reply {
	background-image:url(bg-button-reply.png);
	}

input.button-quote {
	background-image:url(bg-button-quote.png);
	}

input.button-favorites {
	background-image:url(bg-button-favorites.png);
	}

input.button-contact {
	background-image:url(bg-button-contact.png);
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	GENERIC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.gray-text-label {
	color:#999999;
	font-weight:bold;
	}

.gray-text {
	color:#333333;
	font-weight:bold;
	}

.clear {
	clear:both;
	}

.float-left {
	float:left;
	}

.float-right {
	float:right;
	}

.image-inline-left {
	float:left;
	margin:0 15px 15px 0;
	}

.image-inline-right {
	float:right;
	margin:0 0 15px 15px;
	}

.image-inline-middle {
	vertical-align:middle;
	}

.photo-border {
	border:1px solid #000;
	}

.inline {
	display:inline;
	}

.align-center {
	text-align:center;
	}
	
.align-left {
	text-align:left;
	}

.align-right {
	text-align:right;
	}

.code {
	background:#FFF8DA;
	border:1px solid #CC6600;
	padding:10px;
	overflow:scroll;
	width:97%;
	}

.close-feedback {
	float:right;
	}