.topic_img { 
	float: right;
}

#footer_div {
	width: 100%;
	background-color: white;
	text-align: center;
	margin-bottom: 45px;
	border: 1px solid gray;
	border-radius: 15px 15px;
}

#footer_div p {
	font-size: 90%;
}

#add_comment_box {
	border: 1px solid gray;
	margin: 0px 5px 20px 0px;
	border-radius: 25px 25px;
	padding: 10px;
}

h4 {
	clear: both;
}

#merch_img {
	max-height: 45px;
}

.sideblock {
border: 1px solid black;
-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.45);
box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.45);
padding: 5px;
font-size: 0.8em;
margin: 5px;
}

.front-page-article {
border-bottom: 1px solid black;
padding: 3px;
margin-right: 5px;
width: 99%;
max-width: 600px;
}

.front-article-info-box {
width: 95%;
border: 1px solid black;
padding: 2px;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}

.top-bar {
	background-color: #ffcc00;
	text-align: center;
	padding: 3px;
}

li
{
margin: 4px 10px;
list-style-type: square;
}

li.thumbs_up
{
	list-style-image: url(http://www.coolcomputing.com/images/plus.png);
	margin-left: 2em;
	padding-left: 3px;
	margin-bottom: 5px;
}

li.thumbs_down
{
    list-style-image:  url(http://www.coolcomputing.com/images/minus.png);
	margin-left: 2em;
    padding-left: 3px;
    margin-bottom: 5px;
}


H1 
{
    font-family: arial;
    font-size: 14pt;
    font-style: normal;
    color: black;
    line-height: normal;
    font-weight: bold;
    text-decoration: none;
}

H2 {
    font-family: arial;
    font-size: 12pt;
    font-style: normal;
    color: black;
    line-height: normal;
    font-weight: bold;
    text-decoration: none;
}

.coupon-table
{
    font-size: 12px;
    margin: 5px;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
	margin-bottom: 25px;
}
.coupon-table th
{
    font-size: 14px;
    font-weight: normal;
    padding: 8px;
    background: #FFCC00;
    border-bottom: 1px solid #fff;
    color: black;
}
.coupon-table td
{
    padding: 8px;
    background: #F1F1F1;
    border-bottom: 2px solid #fff;
    color: #669;
    border-top: 2px solid transparent;
}
.coupon-table tr:hover td
{
    background: #e5e5e5;
    color: #339;
}

.comments
{
    position: relative;
    border: 1px solid #b8b8b8;
    margin-bottom: 2em;
}

.comments_best_jump_to_box
{
	position: relative;
    border: 1px solid #b8b8b8;
	background-color: #f8f8f8;
	padding: 2px;
	margin: -5px 0 -5px 0;
}

.comments_best
{
	position: relative;
    border: 1px solid #b8b8b8;
	outline: 2px solid #699;
    margin-bottom: 2em;
}

.comments_text
{
    padding: 4px 12px;
}

.comment_number {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 18px;
    color: #d6d6d6;
}

.comment_number_best{
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 18px;
    color: #d6d6d6;
}

/**** Speech Bubble Icons *****/
.comment-bubble {
  position: relative;
}
a.comment-bubble {
  color: #00F;
  text-decoration: none;
}
.comment-bubble em {
  font-style: normal;
}
.comment-bubble em {
  background: #00F;
  color: #FFF;
  padding: 0 0.4em;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
  position: relative;
}
.comment-bubble .point {
  width: 0;
  height: 0;
  position: absolute;
  top: 1.1em;
  left: 0.4em;
  display: block;
  border-left: 0.45em solid #00F; 
  border-bottom: 0.45em solid #FFF; /* IE fix */
  border-bottom: 0.45em solid rgba(0,0,0,0); 
  overflow: hidden; /* IE fix */
}
a.comment-bubble:hover {
  color: #F00;
}
a.comment-bubble:hover em {
  cursor: pointer;
  background: #F00;
  color: #FF0;
}
a.comment-bubble:hover .point {
  border-left: 0.5em solid #F00; 
}

.review_country {
	font-size: 10px;	
	margin-bottom: 8px;
}


.textbox { background: transparent; background-color: White; color: #000000; font-family: Verdana,Arial,Helvetica; font-size: x-small; text-align: left; scrollbar-face-color: #CCCCCC; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #000000 }

DIV {font-family: Verdana,Arial,Helvetica}
BODY {font-family: Verdana,Arial,Helvetica}

/* search form 
-------------------------------------- */
.search-box {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	padding: 3px 5px;
	margin: 8px;	
	border-radius: 0.5em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.search-box input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.search-box .searchfield {
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 182px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.search-box .searchbutton {
	color: #fff;
	border: solid 1px #494949;
	font-size: 80%;
	height: 37px;
	width: 37px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}

.thumb{
position: relative;
z-index: 0;
}

.thumb:hover{
background-color: transparent;
z-index: 50;
}

.thumb span{
position: absolute;
background-color: #505050;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumb span img{ 
border-width: 0;
padding: 2px;
}

.thumb:hover span{ 
visibility: visible;
top: 0;
left: 25px;
}

img.expand { width: 9em; }

#mheader {
    font-family:georgia,serif;font-size:14px;
	color: #755c44; 
    letter-spacing:0;
    line-height:1.25em;
    padding:0;
    text-align:center;
	clear: both;
}

div.coupon-promotion-comments{
width: 250px;
height: 200px;
overflow: auto;
border: 1px solid #b8b8b8;
padding: 5px;
}

div.coupon-promotion-comments2{
width: 550px;
height: 200px;
overflow: auto;
border: 1px solid #b8b8b8;
padding: 5px;
}

hr { height: 0; border-style: dotted ; border-width: 1px 0 0 0; border-color: #E0E0E0; }

.user_photo{
	margin: 2px 2px;
	float: left;
	padding: 5px 5px 12px 5px;
	background: #eee;
	border: 1px solid #fff;
	-moz-box-shadow: 0px 2px 15px #333;
	z-index: -10;
}

.review_photo{
    margin: 2px 2px;
    padding: 5px;
    background: #eee;
    border: 1px solid #fff;
    -moz-box-shadow: 0px 2px 15px #333;
    z-index: -10;
	max-width: 92%;
}

/* button
---------------------------------------------- */
.button {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}

.bigrounded {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
.medium {
    font-size: 12px;
    padding: .4em 1.5em .42em;
}
.small {
    font-size: 11px;
    padding: .2em 1em .275em;
}

/* color styles
---------------------------------------------- */

/* black */
.black {
    color: #d7d7d7;
    border: solid 1px #333;
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background: -moz-linear-gradient(top,  #666,  #000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
    background: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
    background: -moz-linear-gradient(top,  #444,  #000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
    color: #666;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
    background: -moz-linear-gradient(top,  #000,  #444);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
    color: #e9e9e9;
    border: solid 1px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top,  #888,  #575757);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
    background: #616161;
    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
    background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
    color: #afafaf;
    background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
    background: -moz-linear-gradient(top,  #575757,  #888);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
    color: #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background: -moz-linear-gradient(top,  #ededed,  #fff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red1 {
    color: #faddde;
    border: solid 1px #980c10;
    background: #d81b21;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red1:hover {
    background: #b61318;
    background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
    background: -moz-linear-gradient(top,  #c9151b,  #a11115);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red1:active {
    color: #de898c;
    background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
    background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
    color: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top,  #0078a5,  #00adee);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* green */
.green1 {
    color: #e8f0de;
    border: solid 1px #538312;
    background: #64991e;
    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green1:hover {
    background: #538018;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
    background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green1:active {
    color: #a9c08c;
    background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
    background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

.coupon_product_photo {
	padding: 5px;
	border: 1px solid #AABAC0;
	background-color: #EEE;
	max-width: 130px;
}

.button-link {
    padding: 10px 15px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.button-link:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

.qa_form{
border:solid 2px #b7ddf2;
background:#ebf4fb;
margin: 5px;
padding: 3px;
}

.qa_submit {
font-size:12px;
padding:2px;
border:solid 2px #aacfe4;
margin:2px;
}

.text-box {
background-color: #F1F1F1;
border: 1px solid #CCCCCC; 
padding: 10px;
max-width: 100%;
margin: 10px 8px;
}

#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 25px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #009;
}

pre {border: solid 1px blue;
     font-size: 1.3 em;
     color: blue;
     margin: 3px;
     padding:10px;
 white-space: pre-wrap;       
 white-space: -moz-pre-wrap;  
 white-space: -pre-wrap;      
 white-space: -o-pre-wrap;    
 word-wrap: break-word;     
     background: #E0FFFF}
code {font-size:1.3em;
     color: #191970}


/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float:left;
    margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}



/*  GRID OF TWO  */
.span_2_of_2 {
    width: 100%;
}
.span_1_of_2 {
    width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .col {
        margin: 1% 0 1% 0%;
    }

	ul.grid-nav li {
display: block;
margin: 0 0 5px;
}
ul.grid-nav li a {
display: block;
}
ul.rig {
margin-left: 0;
}
ul.rig li {
width: 100% !important; /* over-ride all li styles */
margin: 0 0 20px;
}


img {
    max-width: 468px;
}

    .topic_img {
        max-width: 40px;
    }

	.top-bar {
		line-height: 25px;
	}


    .comments_popup_window_main_container {
        width: 280px;
        left: 0;
		margin-left: 0;
		max-height: 300px;
		overflow: auto;
    }

	.comments_popup_content {
		max-height: 300px;
	}

    .comments_list_items {
        font-size: 0.9em;
    }

    .add_comment_container {
        width: 250px;
        margin-left: 0;
    }

	.get_more_comments {
		width: 250px;
	}

	.popup_close_button {
		margin-right: 12px;
	}

	.p_out_of_style {
		margin-bottom: 20px;
		display: inline-block;
	}

	#add_comment_box {
		max-width: 93%;
	}

}

@media only screen and (max-width: 768px) {
    .span_2_of_2 {
        width: 100%;
    }
    .span_1_of_2 {
        width: 100%;
    }

.comments_best_jump_to_box
{
    white-space:normal;
}

}

.ClickHereButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 14px;
	text-decoration:none;
}
.ClickHereButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;
}
.ClickHereButton:active {
	position:relative;
	top:1px;
}

    ul.rig {
    list-style: none;
    font-size: 0px;
    margin-left: -2.5%; /* should match li left margin */
    }
    ul.rig li {
    display: inline-block;
    padding: 10px;
    margin: 0 0 2.5% 2.5%;
    background: #fff;
    border: 1px solid #ddd;
    font-size: 16px;
    font-size: 1rem;
    vertical-align: top;
    box-shadow: 0 0 5px #ddd;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    }
    ul.rig li img {
    max-width: 100%;
    height: auto;
    margin: 0 0 10px;
	border: 1px solid #021a40;
    }
    ul.rig li h3 {
    margin: 0 0 5px;
    }
    ul.rig li p {
    font-size: .9em;
    line-height: 1.5em;
    }
    /* class for 2 columns */
    ul.rig.columns-2 li {
    width: 47.5%; /* this value + 2.5 should = 50% */
    }
    /* class for 3 columns */
    ul.rig.columns-3 li {
    width: 30.83%; /* this value + 2.5 should = 33% */
    }
    /* class for 4 columns */
    ul.rig.columns-4 li {
    width: 22.5%; /* this value + 2.5 should = 25% */
    }
     
    @media (max-width: 480px) {
    ul.grid-nav li {
    display: block;
    margin: 0 0 5px;
    }
    ul.grid-nav li a {
    display: block;
    }
    ul.rig {
    margin-left: 0;
    }
    ul.rig li {
    width: 100% !important; /* over-ride all li styles */
    margin: 0 0 20px;
    }

img {
    max-width: 465px;
}

    }

.paginate.pag5 li { font-weight: bold; list-style: none; display: inline; }

.paginate.pag5 li a {
  display: block;
  float: left;
  color: #5ea25a;
  text-decoration: none;
  padding: 9px 12px;
  margin-right: 6px;
  border-radius: 16px;
  background: #fff;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.paginate.pag5 li a:hover {
  color: #4f664e;
  background: #c9dec8;
}
.paginate.pag5 li a:active {
  -webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  -moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
}

.paginate.pag5 li.navpage a {
  padding: 9px 13px;
  background: #c8eac6;
  color: #4f664e;
}
.paginate.pag5 li.navpage a:hover {
  color: #414e40;
  background: #a4c6a2;
}

.paginate.pag5 li.current { background: #505362; }
.paginate.pag5 li.single, .paginate.pag5 li.current {
  display: block;
  float: left;
  padding: 9px 12px;
  margin-right: 12px;
  border-radius: 16px;
  color: gray;
}


/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
html .clearfix { height: 1%; }

ul {
    margin-left: 1px;
}
ul li {
    position: relative;
    left: 1em;
    padding-right: 1em;    
}

ol{
	list-style-type: none;
	list-style-type: decimal !ie; /*IE 7- hack*/
	
	margin: 0;
	margin-left: 4em;
	padding: 0;
	
	counter-reset: li-counter;
}
ol li{
	position: relative;
	margin-bottom: 20px;
	padding-left: 0.5em;
	min-height: 3em;
	list-style-type: none;
}
ol li:before {
	position: absolute;
	top: 0;
	left: -1.33em;
	width: 1.2em;
	height: 1.2em;
	
	font-size: 2.5em;
	line-height: 1.2;
	text-align: center;
	color: #f5f5f5;

	border: 3px solid #c5c5c5;
    border-radius: 50%;
	background-color: #464646;
	content: counter(li-counter);
	counter-increment: li-counter;
}

textarea {
	max-width: 98%;
}

input {
	max-width: 95%;
}

img {
	max-width: 640px;
	overflow: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

div img {
	margin-right: 15px;
}

table {
	padding-left: 5px;
}

.articlepic {
   padding:1px;
   border:1px solid #021a40;
	display: block;
	height: auto;
}

@media (max-width:768px) {
	body {
		font-size: 1.15em; 
		line-height: 1.1em;
	}	

	ol {
		margin-top: 15px;
	}

	li {
		margin-bottom: 3px;
	}

    table, thead, tbody, tfoot, tr {
        display:block;
        border-collapse: collapse;
        vertical-align: top;
		padding: 2px 1px;
		width: 99%;
    }

    td {
        vertical-align: top;
        display: inline;
        border: 0;
    }

    tr { border: 0; }

    table td:empty { display: none; }

	img {
    	max-width: 92%;
	}

	.top-bar {
		font-size: 14px;
	}

	p {
		font-size: 1.2em;
		line-height: 1.35em;	
		margin-bottom: 3px;
	}

	.graph table{
		display: table;
	}

	.graph tr {
		display: table-row;
	}

	.graph td {
		display: table-cell;
	}

	ul.rig {
		margin-left: -35px;
		max-width: 90%;
	}

	ul.rig li p {
		font-size: 0.8em;
        line-height: 1em;
	}

	.slider-volume {
		max-width: 100%;
	}

	.button-link {
		padding: 3px;
		margin-bottom: 20px;
		margin-top: -30px;
	}

	.review-country {
		font-size: 9px;
	}

	.best-review-icon {
		width: 20px;
		z-index: -20;
	}
}

.coolcomputingcom-responsive { width: 300px; height: 250px; }
@media(min-width: 500px) { .coolcomputingcom-responsive { width: 468px; height: 60px; } }
@media(min-width: 800px) { 
	.coolcomputingcom-responsive { width: 728px; height: 90px; } 

}

@media (max-width: 360px){
    .articlepic, img {
		height: auto;
    }

	table table table h1 {
		margin-top: -15px;
	}
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}


.lightbox {
  /** Hide the lightbox */
  display: none;

  /** Apply basic lightbox styling */
  position: fixed;
  z-index: 9999;
  text-align: center;
  top: 1%;
  left: 1%;
  background: black;
  background: rgba(0,0,0,0.8);
}

.lightbox img {
  /** Pad the lightbox image */
  max-width: 90%;
  max-height: 80%;
  margin-top: 2%;
}

.lightbox:target {
  /** Show lightbox when it is target */
  display: block;

  /** Remove default browser outline style */
  outline: none;
}

.caption {
	color: white;
	font-size: 1.1em;
}