/***** WIDGETS *************/

#main__content .widget-block {
	position:		relative;
	background:		#fff;
}
#main__content .widget-block.widget-dark {
	background:		#303030;
}

#main__content .widget-block p {
	text-align:		center;
}
#main__content .widget-block .button {
	display:		inline-block;
	margin:			0 auto;
}

#main__content .widget-block h4 {
	position:		relative;
	width:			100%;
	padding:		1.4em .8em .8em .8em;
	font-size:		2.2em;
	color:			#464646;
	text-align:		center;
	text-transform:	uppercase;
}
#main__content .widget-block h4::after {
	content:		'';
	display:		block;
	position:		absolute;
	bottom:			0;
	left:			50%;
	width:			4em;
	height:			1px;
	margin-left:	-2em;
	background:		#d7d7d7;
}
#main__content .widget-block.widget-dark h4 {
	color:			#fff;
}
#main__content .widget-block.widget-dark h4::after {
	background:		#3e3e3e;
}

#main__content .widget-block footer {
	text-align:		center;
	padding:		1.5em .2em;
}
#main__content .widget-block footer a.button+a.button {
	margin-left:	.8em;
}



/***** MY ACCOUNT *************/



/***** SOFTWARES *************/

#main__content .widget-software {
	text-align:		center;
	padding-bottom:	1em;
}
#main__content .widget-software .header {
	content:		'';
	position:		relative;
	display:		block;
	width:			100%;
	padding-top:	11.5em;
	background-position:	top center;
	background-repeat:		no-repeat;
	background-size:		100% 17em;
}
#main__content .widget-software-cpuz .header {
	background-image:		url(../images/widgets/widget-cpuz.jpg);
}
#main__content .widget-software-hwmonitor .header {
	background-image:		url(../images/widgets/widget-hwmonitor.jpg);
}
#main__content .widget-software-hwmonitorpro .header {
	background-image:		url(../images/widgets/widget-hwmonitorpro.jpg);
}
#main__content .widget-software-perfmonitor2 .header {
	background-image:		url(../images/widgets/widget-perfmonitor2.jpg);
}
#main__content .widget-software-pcwizard .header {
	background-image:		url(../images/widgets/widget-pcwizard.jpg);
}
#main__content .widget-software-zmark .header {
	background-image:		url(../images/widgets/widget-zmark.jpg);
}


#main__content .widget-software .header a {
	display:		block;
	margin-top:		11.5em;
	width:			10em;
	height:			10em;
	margin:			0 auto;
	z-index:		2;
}
#main__content .widget-software .header a img {
	display:		block;
	width:			100%;
	height:			100%;
}

#main__content .widget-software h4 {
	font-size:		2.2em;
	padding:		.6em .5em .2em .5em;
	color:			#464646;
}
#main__content .widget-software h4::after {
	display:	none;
}
#main__content .widget-software h6 {
	position:		relative;
	font-size:		1.5em;
	font-weight:	normal;
	color:			#888;
	padding:		.2em .8em .8em .8em;
	margin-bottom:	.4em;
}
#main__content .widget-software h6::after {
	content:		'';
	display:		block;
	position:		absolute;
	bottom:			0;
	left:			50%;
	width:			5em;
	height:			1px;
	margin-left:	-2.5em;
	background:		#d7d7d7;
}
#main__content .widget-software p {
	height:			4.5em;
	font-size:		1.2em;
	padding:		.5em 1.3em;
	color:			#888;
	line-height:	1.1em;
}
#main__content .widget-software footer {
	padding:		.5em .2em;
}


/***** SOFTWARE REGISTER HWMONITOR PRO *************/
#main__content .widget-hwmonitorpro-register {
	padding:		0 1.5em;
}
#main__content .widget-hwmonitorpro-register h5 {
    font-size:      3em;
    padding:        .5em;
    color:          #333;
    text-align:     center;
}
#main__content .widget-hwmonitorpro-register h5::before {
    content:    '';
    display:    inline-block;
    width:      1.7em;
    height:     1.3em;
    margin-top: -.2em;
    background: url(../images/softwares/hwmonitor-pro.svg) no-repeat center left;
    background-size:    auto 100%;
    vertical-align:     middle;
}



/***** SOFTWARE SDK *************/
#main__content .widget-sdk-information .header {
	background-image:		url(../images/widgets/widget-sdk-information.jpg);
}
#main__content .widget-sdk-benchmark .header {
	background-image:		url(../images/widgets/widget-sdk-benchmark.jpg);
}
#main__content .widget-sdk-monitoring .header {
	background-image:		url(../images/widgets/widget-sdk-monitoring.jpg);
}
#main__content .widget-sdk-information h4::after,
#main__content .widget-sdk-benchmark h4::after,
#main__content .widget-sdk-monitoring h4::after {
	display:	none;
}
#main__content .widget-sdk-information h6,
#main__content .widget-sdk-benchmark h6,
#main__content .widget-sdk-monitoring h6 {
	color:			#de13c5;
}
#main__content .widget-sdk-information h6::after,
#main__content .widget-sdk-benchmark h6::after,
#main__content .widget-sdk-monitoring h6::after {
	background:		#3e3e3e;
}



/***** BANNERS *************/

.widget-advert-728,
#main__content .widget-advert-300,
#main__content .widget-advert-336,
#main__content .widget-advert-970,
#main__content .widget-advert-970,
#main__content .widget-advert-mobile-100,
#main__content .widget-advert-mobile-50
{
	position:		relative;
    text-align:		center;
    padding:		1em 0;
/*    background-color:	#393939; */
    background-color:	#fff;
    overflow:			hidden;
}
#main__content .widget-advert-300,
#main__content .widget-advert-336,
#main__content .widget-advert-mobile-100,
#main__content .widget-advert-mobile-50{
	padding:		0;
}
.widget-advert-728 > div,
#main__content .widget-advert-300 > div,
#main__content .widget-advert-336 > div,
#main__content .widget-advert-970 > div {
	display:		block;
	float:			left;
	width:			30em;
	height:			25em;
	background:		#fff;
}
#main__content .widget-advert-300 > div {
	float:			none;
	margin:			0 auto;
}
#main__content .widget-advert-336 > div {
	float:			none;
	width:			33.6em;
	height:			28em;
	margin:			0 auto;
}
.widget-advert-728 > div {
	width:			72.8em;
	height:			9em;
	margin:			0 auto;
}
#main__content .widget-advert-970 > div {
	width:			97em;
	height:			9em;
    background: 	transparent;
}
#main__content .widget-advert-970 > div ins {
    background: 	transparent;
}


#main__content .widget-advert-728::before, #main__content .widget-advert-728::after,
#main__header .widget-advert-728::before, #main__header .widget-advert-728::after,
#main__content .widget-advert-300::before, #main__content .widget-advert-300::after,
#main__content .widget-advert-336::before, #main__content .widget-advert-336::after,
#main__content .widget-advert-970::before, #main__content .widget-advert-970::after,
#main__content .widget-advert-mobile-100::before, #main__content .widget-advert-mobile-100::after,
#main__content .widget-advert-mobile-50::before, #main__content .widget-advert-mobile-50::after {
	content:		'- advert -';
	display:		block;
	float:			left;
	width:			9em;
	height:			1.5em;
	margin-top:		4em;
	color:			#888;
}
#main__content .widget-advert-300::before,
#main__content .widget-advert-300::after,
#main__content .widget-advert-336::before,
#main__content .widget-advert-336::after {
	float:			none;
	width:			100%;
	padding:		2em 0;
	margin-top:		0;
}
#main__content .widget-advert-970::before,
#main__content .widget-advert-970::after {
	width:			13.1em;
}

#main__content .widget-advert-728::before,
#main__content .widget-advert-728::after {
    margin-top:     0;
    padding:        1em 0;
    width:			100%;
}
#main__content .widget-advert-728 > div {
	width:			100%;
	background:		transparent;
}



/* mobile advert */
#main__content .widget-advert-mobile-100::before, #main__content .widget-advert-mobile-100::after,
#main__content .widget-advert-mobile-50::before, #main__content .widget-advert-mobile-50::after{
	width: 100%;
	font-size: 1.2em;
	padding: .3em;
	color: #888;
	text-transform: capitalize;
	margin-top: 0;
}

#main__content .widget-advert-mobile-100,
#main__content .widget-advert-mobile-50{
	margin: 1em 0;
	clear: both;
}

#main__content .widget-advert-mobile-100 img,
#main__content .widget-advert-mobile-50 img
{
	width: 100%;
	height: auto;
}

/***** HALL OF FAME *************/

#main__content .widget-stats .header {
	width:			26%;
	margin:			0 auto;
	text-align:		center;
	background-color:		#91007f;
	background-image: 		-webkit-gradient(linear, left top, left bottom, from(#c000a8), to(#91007f)); 
	background-image: 		-webkit-linear-gradient(top, #c000a8, #91007f); 
	background-image:       linear-gradient(to bottom, #c000a8, #91007f);
}
#main__content .widget-stats .header img {
	width:			30%;
	margin:			0 auto;
	padding:		1em 0;
}
#main__content .widget-stats h4 {
	font-size:		2em;
	padding-top:	.8em;
}



#main__content .listing-table {
	display:		table;
	width:			100%;
	color:			#888;
}
#main__content .widget-dark .listing-table {
	color:			#fff;
}

#main__content .listing-table .listing-row {
	display:		table-row;
	width:			100%;
}
#main__content .listing-table .listing-col {
	display:		table-cell;
	vertical-align:	middle;
	padding:		2em 0;
	border-bottom:	1px dotted #d7d7d7;
}
#main__content .widget-dark .listing-table .listing-col {
	border-bottom:	1px dotted #3e3e3e;
}
#main__content .listing-table .listing-col.col1 {
	position:		relative;
	width:			7%;
	padding:		0;
	background:		#f0f0f0;
}
#main__content .listing-table .listing-col.col1::before,
#main__content .listing-table .listing-col.col1::after {
	content:		'';
	position:		absolute;
	top:			0;
	left:			0;
	display:		block;
	width:			100%;
	height:			.3em;
	background:		#fff;
}
#main__content .listing-table .listing-col.col1::after {
	top:			auto;
	bottom:			0;
}
#main__content .widget-dark .listing-table .listing-col.col1::before,
#main__content .widget-dark .listing-table .listing-col.col1::after {
	background:		#303030;
}
#main__content .listing-table .listing-col.col1 img.icon {
	width:			70%;
	margin:			0 15%;
}


#main__content .listing-table .listing-col.col2 {
	width:			40%;
}
#main__content .listing-table .listing-col.col2 span {
	display:		block;
	font-family:	'raleway-regular', Helvetica, arial, sans-serif;
	font-size:		1.6em;
	color:			#a62394;
	padding:		0 1em;
}
#main__content .widget-dark .listing-table .listing-col span {
	color:			#de13c5;
}
#main__content .listing-table .listing-col time {
	display:		block;
	font-size:		1.1em;
	padding:		.2em 1.5em;
}

#main__content .listing-table .listing-col strong {
	display:		block;
	font-size:		1.3em;
	color:			#464646;
	padding-right:	.6em;
}
#main__content .widget-dark .listing-table .listing-col strong {
	color:			#fff;
}
#main__content .listing-table .listing-col em {
	display:		block;
	padding-right:	.8em;
	font-style:		normal;
}
#main__content .widget-dark .listing-table .listing-col em {
	color:			#777;
}


#main__content .widget-halloffame .listing-table .listing-col.col1 {
	font-family:	'raleway-regular', Helvetica, arial, sans-serif;
	font-size:		1.8em;
	color:			#fff;
	background:		#b600a0;
	border-bottom:	0;
}
#main__content .widget-halloffame .listing-table .listing-col.col1 span {
	display:		block;
	width:			100%;
	color:			inherit;
	text-align:		center;
}
#main__content .widget-halloffame .listing-row[data-itemnum="4"] .listing-col.col1,
#main__content .widget-halloffame .listing-row[data-itemnum="5"] .listing-col.col1 {
	color:			#de13c5;
	background:		#f0f0f0;
}

/***** SYSTEM OF THE WEEK *************/
#main__content .widget-systemoftheweek .content{
    position: relative;
    padding: 2em;
}
#main__content .widget-systemoftheweek .content > div{
    display: table;
    position: relative;
    width: 100%;
    margin-bottom: 3em;
}
#main__content .widget-systemoftheweek p{
    display: table-cell;
    font-size: 1.1em;
    width: 75%;
    padding-left: 2em;
    font-weight: bold;
    vertical-align: middle;
    color:#fff!important;
    text-align: left;
}

#main__content .widget-systemoftheweek div img{
    display: table-cell;
    width: 100%;
    height: auto;
    vertical-align: top;
}
#main__content .widget-systemoftheweek .content > img{
    width: 100%;
    height: auto;
}
#main__content .widget-systemoftheweek .content a {
    display:    inline-block;
    width:      100%;
}

/***** SYSTEM OF THE WEEK MOBILE *************/
/* WHICH HAVE SYSTEMOFTHEWEEK CLASS */
#main__content .widget-systemoftheweek-mobile .content > img{
	width: auto;
	margin: 0 auto;
	max-height: 390px;
}

#main__content .widget-systemoftheweek-mobile div img{
	height: 8.5em;
}
/* button, only on mobile */
#main__content .widget-systemoftheweek-mobile div a{
	display: none;
}

#main__content .mobile .widget-systemoftheweek-mobile div.content > img{
	display: none;
}

#main__content .mobile .widget-systemoftheweek-mobile div a{
	display: block;
}