/* CSS Document */
*{ margin: 0; padding: 0; }
a img, img{ border: none; }

/*general*/
.txtL{ text-align: left; }
.txtC{ text-align: center; }
.txtR{ text-align: right; }

.txt11{ font-size: 11px; }
.txt12{ font-size: 12px; }
.txt13{ font-size: 13px; }
.txt14{ font-size: 14px; }
.txt15{ font-size: 15px; }
.txt16{ font-size: 16px; }
.txt17{ font-size: 17px; }
.txt18{ font-size: 18px; }
.txt19{ font-size: 19px; }
.txt20{ font-size: 20px; }

.floatL{ float: left; }
.floatR{ float: right; }

.divC{ margin: auto; }
.top{ vertical-align: top; }
.middle{ vertical-align: middle; }

.clear{ clear: both; }
.hidden{ display: none!important; height: 0px; }

.block{ display: block; }

.curve{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.curve7{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.tiny, .gensmall{ font-size: 10px; }
.genmedium{ font-size: 14px; }
.genlarge{ font-size: 24px; }
.genhuge{ font-size: 40px; }

.padded5{ padding: 5px; }
.padded6{ padding: 6px; }
.padded10{ padding: 10px; }
.margin5{ margin: 5px; }
.margin6{ margin: 6px; }
.margin10{ margin: 10px; }
.margin-top{ padding-top: 10px; }
.margin-top20{ padding-top: 20px; }
.padded-top{ padding-top: 10px; }
.padded-top20{ padding-top: 20px; }

.push-up{ margin-top: -10px; }
.push-up20{ margin-top: -20px; }

.pointer { cursor: pointer; }
.disabled{ opacity: 0.5; }

.divC{ margin-left: auto; margin-right: auto; }

.truncate, .ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* colours */
.white{ color: white; }
.black{ color: black; }
.red{ color: #c00; }
.green{ color: #070!important; }
.grey{ color: #aaa; }
.bold{ font-weight: bold; }

.large{ font-size: 20px; }

.bgwhite{ background: white; }
.bgblack{ background: white; }

.whitebox{ border: solid 1px #aaa; background: white; margin-bottom: 15px; }
.boxshadow{ box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }

.paper{
	background: url(../qa/images/paper.gif);
	color: rgb(45, 45, 158);
	line-height: 31px;
	font-family: cursive;
}
.paper article{
	margin-left: 90px;
	border-left: solid 1px #bbc2d5;
	padding: 0px 20px 0 10px;
}

.no_indent{ margin: 0!important; }
.no_padding{ padding: 0!important; }
.form_indent{ margin-right: 5px!important; }

.clean-table{ border-collapse: collapse; }
.clean-table th, .clean-table td{ padding: 5px; }
.clean-table-divider{ border-left: solid 1px #ccc; border-right: solid 1px #ccc; }
.clean-table-divider th, .clean-table-divider td{ border-bottom: solid 1px #ccc; border-left: solid 1px #eee; }
.clean-table-divider th{ padding: 10px; border-top: double 3px #ccc; }


/* basic comments style */
.comment-container{
	padding: 10px;
	margin-bottom: 20px;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ccc;
	background: #fff;
}

.thecomment{
	padding-top: 10px;
	color: #888;
}

.video-thumbnail img{
	width: 100%;
	height: 60px;
}

/* gritter tweak */
.gritter-item a{ font-weight: bold; color: #9F6!important; }


/* bootstrap tweaks */
.menu-right{ right: 0px!important; left: auto!important; padding: 10px!important; }

ul.ul, ol.ol{ margin-left: 30px!important; }
ul.dropdown-menu{ margin-left: 0!important; }

.btn-bronze {
  background-color: #e6e0c4;
  border-color: #e6e0c4;
  color: #300!important;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #e0d8b6;
  background-image: -moz-linear-gradient(top,#e6e0c4,#d7cda0);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#e6e0c4),to(#d7cda0));
  background-image: -webkit-linear-gradient(top,#e6e0c4,#d7cda0);
  background-image: -o-linear-gradient(top,#e6e0c4,#d7cda0);
  background-image: linear-gradient(to bottom,#e6e0c4,#d7cda0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e0c4', endColorstr='#ffd6cda0', GradientType=0);
  border-color: #d7cda0 #d7cda0 #c0b16a;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
.btn-bronze:hover,
.btn-bronze:focus {
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear;
}
.btn-bronze:hover,
.btn-bronze:focus {
  background-color: #d7cda0;
}
.btn-bronze:active,
.btn-bronze.active,
.btn-bronze.active:hover {
  background-color: #ded7b2;
  border-color: #d7cda0;
}
.btn-bronze.disabled:hover,
.btn-bronze.disabled:focus,
.btn-bronze.disabled:active,
.btn-bronze.disabled.active,
.btn-bronze[disabled] .btn-bronze:hover,
.btn-bronze[disabled] .btn-bronze:focus,
.btn-bronze[disabled] .btn-bronze:active,
.btn-bronze[disabled] .btn-bronze.active {
  background-color: #e6e0c4;
  border-color: #e6e0c4;
}


.btn-coffee {
  background-color: #e8e1c1;
  border-color: #e8e1c1;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #e2dab2;
  background-image: -moz-linear-gradient(top,#e8e1c1,#dacf9c);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8e1c1),to(#dacf9c));
  background-image: -webkit-linear-gradient(top,#e8e1c1,#dacf9c);
  background-image: -o-linear-gradient(top,#e8e1c1,#dacf9c);
  background-image: linear-gradient(to bottom,#e8e1c1,#dacf9c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e1c1', endColorstr='#ffdace9b', GradientType=0);
  border-color: #dacf9c #dacf9c #c6b464;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
.btn-coffee:hover,
.btn-coffee:focus {
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear;
}
.btn-coffee:hover,
.btn-coffee:focus {
  background-color: #dacf9c;
}
.btn-coffee:active,
.btn-coffee.active,
.btn-coffee.active:hover {
  background-color: #e1d8ae;
  border-color: #dacf9c;
}
.btn-coffee.disabled:hover,
.btn-coffee.disabled:focus,
.btn-coffee.disabled:active,
.btn-coffee.disabled.active,
.btn-coffee[disabled] .btn-coffee:hover,
.btn-coffee[disabled] .btn-coffee:focus,
.btn-coffee[disabled] .btn-coffee:active,
.btn-coffee[disabled] .btn-coffee.active {
  background-color: #e8e1c1;
  border-color: #e8e1c1;
}




.panel-coffee .panel-heading{
	background-image: url(../forums/images/template/topcell.jpg)!important;
	border-bottom: solid 1px #D5D0BF;
	font-weight: bold;
}
.panel-coffee{
	border: solid 1px #D5D0BF;
}