/* FindMeByIP Testing CSS written by Dave Smith (@get_dave)
* (c) 2005-2010 DeepBlueSky Digital (www.deepbluesky.com)
*
* This code is not freely distributable and can not be used without the 
* permission of DeepBlueSky Digital
*
*--------------------------------------------------------------------------*/ 


/* ####################################### */
/* ############ BASIC STYLES ############# */
/* ####################################### */

.content-section {
	border-bottom: 1px dashed #704A42;
	margin: 0 0 2.8571428571428571428571428571429em 0;
	padding: 0 0 2.8571428571428571428571428571429em 0;
}

.section-desc .unit-inner {
	padding-right: 10%;
}




.feature-support-tests {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
	overflow: hidden;
}

.feature-support-tests li {
	position: relative;
	float: left;
	width: 39%;
/*	width: 22.233%;*/
	padding: 0.35714285714285714285714285714286em 5%;	
	margin: 0 1% 0.71428571428571428571428571428571em 0;
	
	background-color:#4C332F;
	background-image: url(/r/i/icons/silk_set_ie6/cross.png);
	background-position: 10px 50%;
	background-repeat: no-repeat;
	
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}

.feature-support-tests li.new:after {
	content: " ";
	background: url(/r/i/icons/silk_set_ie6/new.png) no-repeat 0 0;
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -8px;
}

.hasjs-results,
.feature-support-tests {
	border-bottom: 1px dotted #704A42;
	border-bottom: 1px dotted #704A42;
	margin: 0 0 1.4285714285714285714285714285714em 0;
	padding: 0 0 0.71428571428571428571428571428571em 0;
}

.feature-support-tests:last-child {
	border: 0;
	margin: 0;
	padding: 0;
}








/* ####################################### */
/* ########### SELECTOR TESTS ############ */
/* ####################################### */


.selector-tests li {
	background-image: none;
	padding-left: 0;
	padding-right: 0;
	width: 49%;
}

.selector-tests span {
	padding-left: 36px;
}


/* ELEMENTS FOR TICKING
------------------------------------------------*/

.selector-tests span,
.selector-tests input.txs {			
	background-position: 10px 50%;
	background-repeat: no-repeat;
	background-image: url(/r/i/icons/silk_set_ie6/cross.png);
	padding: 0 10px;
	padding-left: 36px;
	
}

.selector-tests span {
	display: inline-block;	
}


.selector-tests input.txs {
	border: 0;
	background-color: transparent;
}

.selector-tests code,
.selector-tests input.txs {
	color: #F2F1DD;
	font-family: "Droid Sans" ,Arial,Helvetica Neue,Helvetica,sans-serif;
}



/* SELECTOR TESTS
------------------------------------------------*/

/* BEGINS WITH */
.selector-tests li[class^="begins-css3"] span {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

/* ENDS WITH */
.selector-tests li[class$="test-ends"] span {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

/* MATCHES */
.selector-tests li[class*="test-matches"] span {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}		

/* ROOT */
:root .selector-tests li.css3-test-root span {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

/* NTH CHILD */
.selector-tests li:nth-child(5) span {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

/* NTH LAST CHILD */
.selector-tests li.css3-test-nth-last-child span:nth-last-child(1)  {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

/* NTH OF TYPE */
.selector-tests li.css3-test-nth-of-type span:nth-of-type(1) {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

/* NTH LAST OF TYPE */
.selector-tests li.css3-test-nth-last-of-type span:nth-last-of-type(1) {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}


/* LAST CHILD */
.selector-tests li.css3-test-last-child span:last-child {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

/* FIRST OF TYPE */
.selector-tests li.css3-test-first-of-type span:first-of-type {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

/* LAST OF TYPE */
.selector-tests li.css3-test-last-of-type span:last-of-type {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

/* ONLY CHILD */
.selector-tests li.css3-test-only-child span:only-child {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

/* ONLY CHILD OF TYPE */
.selector-tests li.css3-test-only-of-type span:only-of-type {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

/* EMPTY (IE: has no children including TEXT nodes) */
.selector-tests li.css3-test-empty em:empty {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
	/*special case*/
	height: 16px;
	width: 16px;
	margin-right: -20px;
	display: block;
	position: absolute;
	left: 10px;
	top: 7px;
	background-color: #4C332F;			
}

/* TARGET */
:target li.css3-test-target span {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);			
}

/* NEGATION (NOT) */
.selector-tests li.css3-test-not :not(code) {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);			
}

/* GENERAL SIBLING  */
.selector-tests li.css3-test-general-sibling span ~ span {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);			
}		

/* INPUT ENABLED */
.selector-tests li.css3-test-enabled input:enabled {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

/* INPUT DISABLED */
.selector-tests li.css3-test-disabled input:disabled {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
	color: #fff !important;
}


/* INPUT CHECKED */

.selector-tests li.css3-test-checked span {
	padding-right: 24px;
}

.selector-tests li.css3-test-checked input {
	position: absolute;
	left: -9999px;
}		

.selector-tests li.css3-test-checked input:checked {
	left: 11px;	/* position over cross */		
	top: 10px; 
	border-color: #ffffff;
	
}



/* ####################################### */
/* ############# FORMS TESTS ############# */
/* ####################################### */

.web-forms-2-tests code {
	font-family: "Droid Sans" ,Arial,Helvetica Neue,Helvetica,sans-serif;
}

.input-search 			li.input-search ,
.input-url 				li.input-url ,
.input-datetime 		li.input-datetime ,
.input-month 			li.input-month ,
.input-time 			li.input-time ,
.input-number 			li.input-number ,
.input-color 			li.input-color ,
.input-tel 				li.input-tel ,
.input-email 			li.input-email ,
.input-date 			li.input-date ,
.input-week 			li.input-week ,
.input-datetime-local 	li.input-datetime-local ,
.input-range 			li.input-range
{	
	background-image: url(/r/i/icons/silk_set_ie6/tick.png); 
}



/* ####################################### */
/* ########### HTML5 CSS TESTS ########### */
/* ####################################### */

.fontface li.fontface {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.canvas li.canvas {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.canvastext li.canvastext {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.audio li.audio {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.video li.video {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.rgba li.rgba {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.hsla li.hsla {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.borderimage li.borderimage {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.backgroundsize li.backgroundsize {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.borderradius li.borderradius {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.boxshadow li.boxshadow {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.multiplebgs li.multiplebgs {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.opacity li.opacity {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.cssanimations li.cssanimations {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.csscolumns li.csscolumns {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.cssgradients li.cssgradients {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.cssreflections li.cssreflections {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.csstransforms li.csstransforms {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.csstransforms3d li.csstransforms3d {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.csstransitions li.csstransitions {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

.geolocation li.geolocation {
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}

/*Additional Hacked in*/
.localstorage 			li.localstorage,
.sessionstorage 		li.sessionstorage,
.crosswindowmessaging 	li.crosswindowmessaging,
.offlineapplications 	li.offlineapplications,
.webworkers  			li.webworkers,
.websqldatabase  		li.websqldatabase,
.queryselector 			li.queryselector,
.draganddrop 			li.draganddrop,
.hashchange 			li.hashchange,
.historymanagement 		li.historymanagement,
.postmessage 			li.postmessage,
.indexddb 				li.indexddb,
.websockets 			li.websockets,
.smil 					li.smil,
.svg 					li.svg,
.svgclippaths 			li.svgclippaths,
.crosswindowmessaging 	li.crosswindowmessaging,
.inlinesvg 				li.inlinesvg,
.webgl 					li.webgl,
.touch 					li.touch,
.flexbox 				li.flexbox,
.textshadow				li.textshadow
{
	background-image: url(/r/i/icons/silk_set_ie6/tick.png);
}


/**
 *	Audio / Video 
 */

.audio-ogg li.audio-ogg { background-image: url(/r/i/icons/silk_set_ie6/tick.png); }
.audio-mp3 li.audio-mp3 { background-image: url(/r/i/icons/silk_set_ie6/tick.png); }
.audio-wav li.audio-wav { background-image: url(/r/i/icons/silk_set_ie6/tick.png); }
.audio-m4a li.audio-m4a { background-image: url(/r/i/icons/silk_set_ie6/tick.png); }

.video-ogg 	li.video-ogg { 	background-image: url(/r/i/icons/silk_set_ie6/tick.png); }
.video-h264 li.video-h264 { background-image: url(/r/i/icons/silk_set_ie6/tick.png); }
.video-webm li.video-webm { background-image: url(/r/i/icons/silk_set_ie6/tick.png); }


/**
 *	Form Attributes
 */

.input-autocomplete		li.input-autocomplete	{ background-image: url(/r/i/icons/silk_set_ie6/tick.png); }
.input-autofocus		li.input-autofocus		{ background-image: url(/r/i/icons/silk_set_ie6/tick.png); }
.input-list				li.input-list			{ background-image: url(/r/i/icons/silk_set_ie6/tick.png); }
.input-placeholder		li.input-placeholder	{ background-image: url(/r/i/icons/silk_set_ie6/tick.png); }
.input-max				li.input-max			{ background-image: url(/r/i/icons/silk_set_ie6/tick.png); }
.input-min				li.input-min			{ background-image: url(/r/i/icons/silk_set_ie6/tick.png); }
.input-multiple			li.input-multiple		{ background-image: url(/r/i/icons/silk_set_ie6/tick.png); }
.input-pattern			li.input-pattern		{ background-image: url(/r/i/icons/silk_set_ie6/tick.png); }
.input-required			li.input-required		{ background-image: url(/r/i/icons/silk_set_ie6/tick.png); }
.input-step				li.input-step			{ background-image: url(/r/i/icons/silk_set_ie6/tick.png); }