/* CSS Document */
.hardwareContainBox{font-size:0.8em;}
.hardwareTitles{ font-size:1.3em; text-decoration:underline; font-family: Geneva, Arial, Helvetica, sans-serif; height:35px; clear:right; text-align:center; text-transform:uppercase; margin-top: 7px;}

/* Added div classes for style functionality 06/03/13 */
.hardwareRow{width:100%; overflow:hidden; border-style:solid; border-width:1px; border-color: #333 #111 #111 #333;}
.hardwareRowHead{width:100%; border-style: solid; border-width:1px; border-color:#333 #111 #111 #333;}
.componentListTable{margin-top:10px; padding-top: 0; margin-bottom:0; padding-bottom:0;	border: none;}

.hardwareModelHead{ height:25px; float:left; width:165px; margin-left:18px;}
.hardwareModel{ height:25px; float:left; width:165px; padding-top:10px; margin-left:18px;}

.hardware1stRelHead{height:25px; float:left; width:70px;}
.hardware1stRel{height:25px; float:left; width:70px; padding-top:10px;}
.componentListWrapper{margin-left:30px;} /* wraps around table list contents */
.hardwareLastRelHead{height:25px; float:left; width:70px;}
.hardwareLastRel{height:25px; float:left; width:70px; padding-top:10px;}
.tblHeader{background-color:#2C2C2C !important;}

.hardwareMinScoreHead{height:25px; float:left; width:40px;}
.hardwareMinScore{height:35px; float:left; width:40px;}
.hardwareMaxScoreHead{height:25px; float:left; width:40px;}
.hardwareMaxScore{height:35px; float:left; width:40px;}
.hardwareScoreHead{ height:25px; float:left; padding-left:5px; width:70px; text-align:center }
.hardwareCompareHead{ height:25px; float:left; padding-left:10px; width:100px; text-align:center}
.hardwareDerivHead{ height:25px; float:left;margin-left:25px; width:547px;}
.hardwareTitleMobile{display: none;}
.hardwareDeriv{ padding-top:12px; padding-bottom: 10px;margin-left:25px; float:left; width: 490px; clear:left;}
.hardwareItemIconsHead{float: left;padding: 0.5%;}
.hardwareItemIcons{	float:left; padding-top: 10px; text-align: center;}
.hardwareItemIcons a {width: 33% !important; float: left;}
.hardwareScore{ text-align:center;height:35px; float:left; width:70px; padding-top:5px; padding-left:5px; }
.hardwareCompare{ text-align:center;height:30px; float:left; width:100px; padding-left:10px; padding-top:5px;}
.hardwareReleaseHead{height:25px; float:left; width:95px; text-align:center}
.hardwareRelease{height:30px; float:left; width:95px; padding-top:10px; text-align:center;}
	.gamPicBig {width:208px; height:309px; overflow: hidden; padding:3px;float:left; background-color: #000; }

.hardwareSubTitle{margin-left:760px; padding-left:45px; height:25px; font-family: Geneva, Arial, Helvetica, sans-serif}

.guestEditHelpBox{width: 20px; float:left}
div.guestEditHelp{display:none;	font-weight:lighter;font-family:Arial, Helvetica, sans-serif;text-align:left;color:#FFFFFF; font-size:12px; line-height: 150%;}
a.help:hover div.guestEditHelp {display: block;	position: absolute;	margin-top: 5px; margin-left:-122px;//margin-left:-124px;//margin-top: 25px; z-index:800;width: 160px; border:1px solid #000000; background-color: #333333; padding:4px; -moz-box-shadow: inset 0px 0px 2px 2px #222;-webkit-box-shadow: inset 0px 0px 2px 2px #222; box-shadow: inset 0px 0px 2px 2px #222;}

.hwTechHelpBox{width: 20px; float:left}
div.hwTechHelp{display:none; font-weight:lighter;font-family:Arial, Helvetica, sans-serif;text-align:left;color:#FFFFFF; font-size:12px; line-height: 150%;}
div.help:hover div.hwTechHelp {display: block;	position: absolute;	margin-top: 5px; margin-left:-122px;//margin-left:-124px;//margin-top: 25px; z-index:800;width: 160px; border:1px solid #000000; background-color: #333333; padding:4px; -moz-box-shadow: inset 0px 0px 2px 2px #222;-webkit-box-shadow: inset 0px 0px 2px 2px #222; box-shadow: inset 0px 0px 2px 2px #222;}
div.help:hover a{font-weight:normal; font-size:0.9em}

.hardwareWrapperSpecs{ float:left; clear:left; width:600px}
.hardwareDetails{width:324px; padding:4px; float:left; color:#ffffff;border:1px solid #828282;background-color: #333333;border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px; text-align:center}
.hardwareLinks{margin-left:1px; margin-right:1px; padding:4px; color:#ffffff; width:251px; min-height:312px;text-align:left; float:left; font-size:0.8em; border:1px solid #828282;background-color: #333333; border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px;}
.hValueCalcRow { clear:left; padding:0px; height:33px; width:710px; border:1px solid #222; font-size:0.9em; font-family: Geneva, Arial, Helvetica, sans-serif}


.hValueCalcRowSubButton{font-size:0.9em; height:30px }
.hValueCalcCellBegin{width:13%; float:left; border-right:1px solid #222;padding:3px; padding-left:8px; padding-top:4px; height:27px;}

.hValueCalcCell{ width:24%; float:left; border-right:1px solid #222;padding:3px; padding-left:8px; padding-top:4px; height:27px; background-color:#252525;}

.hValueCalcCellEnd{width:113px; float:left; padding:3px; padding-left:8px; padding-top:4px; height:27px;background-color:#252525;}
.hValueCalcCell select{font-size:0.8em; min-width:165px; //width:185px; height:19px}
.hValueCalcCellEnd select{font-size:0.8em; height:19px; margin-right:2px}
.hValueCalcForm input{font-size:0.8em; //margin-top:-1px}
.hValueCalcCellBegin select{font-size:0.8em; width:80px; height:19px}
.hValueCalcTitle{ width:100%; height:25px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:1.2em; padding-top:5px}
.hValueCalcTitleSub{margin:auto; width:auto;}
.hValueCalcHelp{float:left; width:20px; height:20px; margin-left:5px}
a.hValueCalcHelpImg{cursor:help;clear:right;outline: none;text-decoration:none;}
div.hValueCalcHelpBox{display:none;border:none;font-weight:lighter;font-family:Arial, Helvetica, sans-serif;font-size:0.8em;color:#FFF;}
a.hValueCalcHelpImg:hover div.hValueCalcHelpBox {display:block; position:absolute; margin-left:-40px; margin-top:5px;//margin-left: -40px;//margin-top:25px; z-index:800; width:170px;border:1px solid #666; background-color:#333; -moz-box-shadow:inset 0px 0px 2px 2px #222;-webkit-box-shadow:inset 0px 0px 2px 2px #222; box-shadow:inset 0px 0px 2px 2px #222; padding:4px;}
.hValueCalcForm:first-child .hValueCalcRow{ color:purple !important;}
.hValueResultsRow { clear:left; padding:0px; height:33px; width:600px; border:1px solid #222; background-color:#252525; font-size:1.2em; font-family: Geneva, Arial, Helvetica, sans-serif}
.hValueResultsTitle{text-align:center; width:auto; padding-top:4px; height:27px; border-top:1px solid #333;}
.hValueResultsHeading{ font-size:0.8em; float:left; padding-left:4px}
.hValueResultsHeadingHelpBox{width: 20px; float:left; margin-left:2px}
.hValueResultsNum{float:left; width:60px; text-align:center; border-right:1px solid #222; padding-top:4px; height:27px;}
.hValueResultsNumTitle{float:left; width:60px; border-right:1px solid #222; padding-top:4px; height:27px;}
.hValueResultsMake{float:left; width:60px; border-right:1px solid #222;padding:3px; padding-left:8px; padding-top:4px; height:27px;}
.hValueResultsDeriv{float:left; width:220px; border-right:1px solid #222;padding:3px; padding-left:8px; padding-top:4px; height:27px;}
.hValueResultsCost{float:left; width:110px; border-right:1px solid #222;padding:3px; padding-left:8px; padding-top:4px; height:27px;}
.hValueResultsCPB{float:left; width:85px;padding:3px; padding-left:8px; padding-top:4px; height:27px;}
.hardwareDiscussToolsBox{float:left; width:600px}
/*Hardware Submit*/
.hwSubmitForm{ float:left; width:900px; margin-left:auto; margin-right:auto; font-size:0.8em; margin-top:10px; margin-bottom:20px; background-color:#454545; border:1px solid #000000; padding:5px; border-radius:4px;moz-border-radius: 4px;}
.hwTypeArea{ width:859px; margin-left:auto; margin-right:auto; font-size:0.8em; margin-top:10px; margin-bottom:20px}
.hwSubmitRow{height:30px}
.hwSubmitTitle{ float:left; width:130px}
.hwSubmitData{ float:left; margin-left:5px; width:600px}
.hwSubmitBench{float:left; width:190px}
.specificationsWiderTitleBox{width:110px; padding-left:5px}
/*styles for hardware best of pages*/
.modListTbl_wrapper{font-size:0.8em; font-family:Helvetica;}
table thead tr th,table tbody tr td{padding-left:5px;} /* 25/03/13-removed !important added specificity */
#bestof{background: #F2F2F2 url('../images/body.png') repeat-x 0px 0px; padding:3px; } #modListTbl_length {margin-left:5px}
.whiteContainer{background-color:#F1F1F1; color: #2B2B2B; cursor: default; text-shadow: white 0 1px 0;  margin-bottom:0.5em; padding: 5px 0 1em 0px; background: white; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.3)  0 1px 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.3)  0 1px 3px; } .reviewInner tr {background:#FFF !important;}
.even:hover, .odd:hover {background-image: -webkit-linear-gradient(bottom, #F8F8F8, #F1F1F1) !important; background-image: -o-linear-gradient(bottom, #F8F8F8, #F1F1F1) !important; background-image: linear-gradient(bottom, #F8F8F8, #F1F1F1) !important; background-repeat: repeat-x; padding:5px 0px; }
.hValueResultsRow:nth-child(2){
	background-color:#2C2C2C;
}
.highlight-red{color:red;}
.highlight-orange{color:orange;}
.scoreStarWrapper{
	position:relative;
	text-align:center;
}/*
.scoreStarOverlapper{
position: absolute;
bottom: 0;
background-color: #252525;
opacity: 0.3;
height: 45px;
width: 100%;
}*/
.scoreStarText{
	color: #FFF;
position: absolute;
width: 100%;
top: 42%;
font-size: 14px;
cursor: default;
font-family: sans-serif;
font-weight: bold;
}
.scoreStar{
	font-size: 54px;
}
.scoreStar:before{
	color: rgba(0,0,0,0);
	-webkit-background-clip: text;
}
#resolutionPerformance td {
	text-align: center;
	padding: 6px 3px;
}
/** old orange gradient **/
/*.scoreStar1:before{
	background-image: -webkit-linear-gradient(#FF9949 80%, #E96600 80%);
	background-image: -o-linear-gradient(#FF9949 80%, #E96600 80%);
	background-image: linear-gradient(#FF9949 80%, #E96600 80%);
}*/
.scoreStar0:before{
	background-color: #1B6EFF;
}
.scoreStar1:before{
	background-image: -webkit-linear-gradient(#1B6EFF 80%, #0047DD 80%);
	background-image: -o-linear-gradient(#1B6EFF 80%, #0047DD 80%);
	background-image: linear-gradient(#1B6EFF 80%, #0047DD 80%);
}
.scoreStar2:before{
	background-image: -webkit-linear-gradient(#1B6EFF 72%, #0047DD 72%);
	background-image: -o-linear-gradient(#1B6EFF 72%, #0047DD 72%);
	background-image: linear-gradient(#1B6EFF 72%, #0047DD 72%);
}
.scoreStar3:before{
	background-image: -webkit-linear-gradient(#1B6EFF 67%, #0047DD 67%);
	background-image: -o-linear-gradient(#1B6EFF 67%, #0047DD 67%);
	background-image: linear-gradient(#1B6EFF 67%, #0047DD 67%);
}
.scoreStar4:before{
	background-image: -webkit-linear-gradient(#1B6EFF 60%, #0047DD 60%);
	background-image: -o-linear-gradient(#1B6EFF 60%, #0047DD 60%);
	background-image: linear-gradient(#1B6EFF 60%, #0047DD 60%);
}
.scoreStar5:before{
	background-image: -webkit-linear-gradient(#1B6EFF 50%, #0047DD 50%);
	background-image: -o-linear-gradient(#1B6EFF 50%, #0047DD 50%);
	background-image: linear-gradient(#1B6EFF 50%, #0047DD 50%);
}
.scoreStar6:before{
	background-image: -webkit-linear-gradient(#1B6EFF 42%, #0047DD 42%);
	background-image: -o-linear-gradient(#1B6EFF 42%, #0047DD 42%);
	background-image: linear-gradient(#1B6EFF 42%, #0047DD 42%);
}
.scoreStar7:before{
	background-image: -webkit-linear-gradient(#1B6EFF 33%, #0047DD 33%);
	background-image: -o-linear-gradient(#1B6EFF 33%, #0047DD 33%);
	background-image: linear-gradient(#1B6EFF 33%, #0047DD 33%);
}
.scoreStar8:before{
	background-image: -webkit-linear-gradient(#1B6EFF 23%, #0047DD 23%);
	background-image: -o-linear-gradient(#1B6EFF 23%, #0047DD 23%);
	background-image: linear-gradient(#1B6EFF 23%, #0047DD 23%);
}
.scoreStar9:before{
	background-image: -webkit-linear-gradient(#1B6EFF 15%, #0047DD 15%);
	background-image: -o-linear-gradient(#1B6EFF 15%, #0047DD 15%);
	background-image: linear-gradient(#1B6EFF 15%, #0047DD 15%);
}
.scoreStar10:before{
	background-color: #0047DD;
}
.scoreStar0Red:before{
	background-color: #EB0000;
}
.scoreStar1Red:before{
	background-image: -webkit-linear-gradient(#EB0000 80%, #B30000 80%);
	background-image: -o-linear-gradient(#EB0000 80%, #B30000 80%);
	background-image: linear-gradient(#EB0000 80%, #B30000 80%);
}
.scoreStar2Red:before{
	background-image: -webkit-linear-gradient(#EB0000 72%, #B30000 72%);
	background-image: -o-linear-gradient(#EB0000 72%, #B30000 72%);
	background-image: linear-gradient(#EB0000 72%, #B30000 72%);
}
.scoreStar3Red:before{
	background-image: -webkit-linear-gradient(#EB0000 67%, #B30000 67%);
	background-image: -o-linear-gradient(#EB0000 67%, #B30000 67%);
	background-image: linear-gradient(#EB0000 67%, #B30000 67%);
}
.scoreStar4Red:before{
	background-image: -webkit-linear-gradient(#EB0000 60%, #B30000 60%);
	background-image: -o-linear-gradient(#EB0000 60%, #B30000 60%);
	background-image: linear-gradient(#EB0000 60%, #B30000 60%);
}
.scoreStar5Red:before{
	background-image: -webkit-linear-gradient(#EB0000 50%, #B30000 50%);
	background-image: -o-linear-gradient(#EB0000 50%, #B30000 50%);
	background-image: linear-gradient(#EB0000 50%, #B30000 50%);
}
.scoreStar6Red:before{
	background-image: -webkit-linear-gradient(#EB0000 42%, #B30000 42%);
	background-image: -o-linear-gradient(#EB0000 42%, #B30000 42%);
	background-image: linear-gradient(#EB0000 42%, #B30000 42%);
}
.scoreStar7Red:before{
	background-image: -webkit-linear-gradient(#EB0000 33%, #B30000 33%);
	background-image: -o-linear-gradient(#EB0000 33%, #B30000 33%);
	background-image: linear-gradient(#EB0000 33%, #B30000 33%);
}
.scoreStar8Red:before{
	background-image: -webkit-linear-gradient(#EB0000 23%, #B30000 23%);
	background-image: -o-linear-gradient(#EB0000 23%, #B30000 23%);
	background-image: linear-gradient(#EB0000 23%, #B30000 23%);
}
.scoreStar9Red:before{
	background-image: -webkit-linear-gradient(#EB0000 15%, #B30000 15%);
	background-image: -o-linear-gradient(#EB0000 15%, #B30000 15%);
	background-image: linear-gradient(#EB0000 15%, #B30000 15%);
}
.scoreStar10Red:before{
	background-color: #B30000;
}
.resSectionHeader{
background-color: #0C0C0C;
font-weight: normal;
font-size: 17px;
cursor: default;
padding: 5px 0;
}
.resSectionSubheader{
cursor: default;
background-color: #2E2E2E;
}
.resSectionCell {
background-color: #141414;
border-right: 1px solid #1B1B1B;
border-left: 1px solid #1B1B1B;
text-align: center;
cursor: default;
}
.resolutionPerformanceTable {
	width: 100%;
	border-collapse: collapse;
	margin: 9px 0;
float: left;
}