/* 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 ############# */
/* ####################################### */

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

.feature-support-tests li {
	float: left;
	width: 239px;
	margin-right: 20px;			
	background-color:#4C332F;
	background-image: url(/r/i/icons/silk_set_ie6/cross.png);
	background-position: 10px 50%;
	background-repeat: no-repeat;
	margin-bottom: 0.5em;
	padding: 5px 10px 5px 36px;	
	color: #fff;
	position: relative;
}

.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;
}





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


ul.selector-tests li {
	padding: 5px 0;
	width: 285px;
	background-image: none;
}


/* 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;
	color: #fff;
}

.selector-tests code {
	font-family: Calibri,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: Calibri,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,
.indexddb 				li.indexddb,
.websockets 			li.websockets,
.smil 					li.smil,
.svg 					li.svg,
.svgclippaths 			li.svgclippaths
{
	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); }