/*-----------------------------------------------------------------------------
		PAGE STYLES - LEGACY (non-media query) Browsers 
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
		Conglomerate of Media Query values for Larger Screens
-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
		ROOM FOR PAGE ADS
		min width 390px
-----------------------------------------------------------------------------*/
		UL.thumbsList > LI > A > H3 {
			font-size: 16px;
		}
		
		UL.thumbsList > LI > A > IMG {
			width: 140px;
			height: 90px;
		}
		
		LABEL.radio {
			margin: 0px 10px 10px 0px;
		}
		
		TABLE.tableDotted TD.aboveAdHolder1,
		TABLE.tableDotted TD.aboveAdHolder2 {
			border-bottom-style: dotted;
		}

		TABLE.tableDotted TD.belowAdHolder1,
		TABLE.tableDotted TD.belowAdHolder2 {
			border-top-style: dotted;
		}


/*-----------------------------------------------------------------------------
		STACKED BANNER GETS A BIT WIDER
		min width 480px
-----------------------------------------------------------------------------*/
		FORM > DIV, FORM > DIV > DIV {
			white-space: nowrap;
		}
		
		DIV.sectionGap {
			padding-top: 30px;
		}

		DIV.sectionGapSml {
			padding-top: 20px;
		}
		
		DIV.subDetailsInScene {
				padding-top: 13%;
		}

		UL.thumbsList > LI > A > P {
			display: block;
		}		

		FORM.labelVVSml LABEL {
			margin-left: 20px;
		}

		TH.wideOnly, TD.wideOnly {
			display: table-cell;
		}

		.text_labelFixedWhenWide {
			width: 170px;
			display: inline-block;
		}


/*-----------------------------------------------------------------------------
		BULLETINS AND DETAILS GO SIDE BY SIDE
		min width 650px
-----------------------------------------------------------------------------*/
		TABLE.tableDotted TD.aboveAdHolder1 {
			border-bottom-style: none;
		}

		TABLE.tableDotted TD.belowAdHolder1 {
			border-top-style: none;
		}

		DIV.hideWhenLean {
			display: block;
		}

		DIV.showWhenLean {
			display: none;
		}


/*-----------------------------------------------------------------------------
		TOP BANNER GOES HORIZONTAL
		min width 700px
-----------------------------------------------------------------------------*/
		DIV.searchNameIntro {
			padding: 15px 70px 15px 20px;
		}
		
		DIV.subDetails, DIV.subDetailsWCornerImage, 
		DIV.subDetailsWBottomCornerBGImage,
		DIV.section {
			padding: 15px 20px 15px 20px;
		}

		DIV.subDetailsWCornerImage {
			padding-right: 0px;
		}
		
		TR.genShowNHideNar {
			display: none;
		}

		TR.genShowNHideWide {
			display: table-row;
		}

		IMG.cornerImage {
			width: 35%;
			height: 35%;
		}

		IMG.cornerImageR {
			width: 40%;
			height: 40%;
		}

		IMG.cornerImageAsIs {
			width: auto;
			height: auto;
		}

		.genShowNHide {
			display:none;
		}

		.genShowNHideWide {
			display:inline;
		}


/*-----------------------------------------------------------------------------
		ROOM FOR FULL SIZE ADS
		min width 850px
-----------------------------------------------------------------------------*/
		TABLE.tableDotted TD.aboveAdHolder2 {
			border-bottom-style: none;
		}
		
		TABLE.tableDotted TD.belowAdHolder2 {
			border-top-style: none;
		}


/*-----------------------------------------------------------------------------
		TO INFINITY AND BEYOND...
		min width 1000px
-----------------------------------------------------------------------------*/
		#chartDiv_numOf, #chartDiv_rank {
			display: inline-block;
			height: 350px;
			width: 260px;
		}

		#chartDiv_numOf {
			float: left;
			margin-right: 10px;
		}
		
		DIV.showWhenNotMax {
			display: none;
		}

		DIV.infoBox2L, DIV.infoBox2R {
			display: inline-block;
			height: 300px;
			width: 42%;
		}
		
		DIV.infoBox2L {
			float: left;
			margin-right: 12px;
		}