/**************************************************************
TEXT FORMATTING
**************************************************************/

body {
  background-color:white;
  font-family:arial,sans,sans-serif;
  font-size:11px;}  

a {
	color:#2B6C9B;
  -webkit-transition: color 1s;  /* For Safari 3.1 to 6.0 */
  transition: color 1s}

a:visited {
	color:#000;}

a:hover {
	color:#0090FF;}
  
h3 {
  font-size:13px;}  
  
.awaiting_review a {
	color:#08C;}
.awaiting_review {
	color:#08C;}
.awaiting_review a:hover {
	color:#C80;}
  
.reviewed a {
	color:black;}
.reviewed {
	color:black;}
.reviewed a:hover {
	color:#C80;}

.pending a {
	color:orange;}
.pending {
	color:orange;}
.pending a:hover {
	color:#C80;}


.ignore a {
	color:green;}
.ignore {
	color:green;}
.ignore a:hover {
	color:#C80;}
	
h1 {
  margin: 10px;}  
  
/*form {;
  padding:10px;}  */
  
label {
	color:black;}
  
table {
  background-color:#CCA;
  margin: 10px 0px;}

.main .table {
	float:left;
  position:relative;
	width:100%;
  overflow: hidden;}	

td{
  padding:5px 20px;}
  
thead {
  background-color:#AA8;
  font-weight: bold;}
  
.input_error {
	color:#FF7777;
	font-size:11px;
	margin:10px 0px 0px 0px;}
  
.form_view {
  text-align: right;}

.form_view form {
  clear: both;}

.form_view .alert_top {
  text-align: left;}
	
.feedback {
  padding: 5px;
  background-color: #F2F9FF;
  margin-bottom: 15px;
	overflow: hidden;
  clear: both;}	

.left {
  float:left;
  overflow:hidden;
  text-align:Left;  
  width:30%;}
.right {
  float:left;
  overflow:hidden;
  text-align:right;
  width:33%;}
.full_width {
  clear:both;
  text-align:left;
  width:auto;}
.review_left {
  float:left;
  overflow:hidden;
  text-align:Left;  
  width:420px;}
.review_right {
  float:left;
  overflow:hidden;
  text-align:right;
  width:50%;}
#alert_container {
	float:left;
	min-height:200px;
	width:800px; /*1054px;*/}
	
#inv_column {
	float:left;
	width:800px;}
#inv_column .table {
	height:245px;
	overflow:auto;}

#inv_column h3 {
	float:left;}

.search_column {
 	width: 420px;}

.bordered_form_div {
	float:left;
	padding:5px;}
	
#review_search_form select, #review2_search_form select  {
	width: 100px;}  
  
#review_search_form p, #review_search_form select, #review2_search_form p, #review2_search_form select {
	display:inline;}
  
#review_search_form select, #review2_search_form select {
  clear:right;}
	
#review_results .table {
	height:265px;
	overflow:auto;}
#review2_results .table {
	height:1470px; /*265px;*/
	overflow:auto;}
/*#review_results .table .first_column,
#review2_results .table .first_column  {  
  width:170px;}
  */
.search_column h3 {
	float:left;}

#rev_notes_outer {
	display: block;
	clear: both;}

#rev_notes {
	height:110px;
	width:98%;}

#review_affected {
	float:right;
	width:800px;}
	
#review_affected h3 {
	float:left;}

	
#review_affected .table {
	height:100%;
	overflow:auto;}

#ref_box {
	display:block;
	clear:both;
  margin-left:24px;}

#full_details {
	display:none;}  
  
#alert_description {
	overflow:hidden;}

#alert_description input[type=text], #alert_description select {
	width:100px;}
	
.table_heading {
	float:left;}

.tag_formula   {
  padding:0.1em 0.1em 0.1em 19px;}

.search_field {
  background:white url('img/mag.png') left no-repeat;
	padding:0.1em 0.1em 0.1em 19px;}
	
 
#aliases_column {
	float:left;
	width:600px;}
#aliases_column .table {
	overflow:auto;}

#aliases_column h3 {
	float:left;}

#inventory {
	float:left;
	min-height:200px;
	width:1054px;}
#inventory h3 {
	float:left;}

#anon_inv_search_form select {
	width: 100px;}  
  
#anon_inv_search_form p, #anon_inv_search_form select {
	display:inline;}
	
#anon_inv_results .table {
	height:685px; /*200px;*/
	overflow:auto;}
.search_column h3 {
	float:left;}

#alias_detail {
	float:right;
  min-height:831px;
	width:420px;}
	
#alias_detail h3 {
	float:left;}

#aliases_results .table {
	overflow:auto;}
	
#alias_detail .table {
	overflow:auto;}
	
#aliases h3 {
	float:left;}
  
/*.column_filters {
  float:left;
  margin-top:6px;}  */
  
.manually_added {
  color:#DF0101;}

.manually_added label{
  color:#DF0101;}
  
.script_added {
  color:#9FF781;}

.version_guessed {
  color:orange;}
  
.recommendation {
	/*background-color:green;*/
  color:#3FCC8A;} /*267F00 007F4A  c5f5c9 00CC70*/  /*#00A058;*/

.recommendation a:visited, .recommendation a:active, .recommendation a:link, .recommendation a:focus{
  text-decoration:underline;}
  
/*.recommendation:hover{
	color:#0094FF;}*/
  
.rating {
	color:#E27474;}

.rating:hover{
	color:red;}

	
.update_button {
	padding:5px;}

#matches_updated {
	margin:0px 5px;}

.brief_message {
	color:white;
	font-weight:bold;
	background-color:red;
	padding:5px;}
	
#recommend span, #recommend h3 {
  display: inline;
  margin-right: 2px;}

#recommend h3  {
  width:100%;
  clear: both;}
  
#recommend input {
	width: 200px;}

#recommend {
  width: 800px;}
  
#bulk_rec_left {
	float: left;
	width: 300px;}
	
#bulk_rec_left_inner {
	text-align: right;}
  
#rec_comment {
	height: 43px;
	width: 295px;}

#manual_add p, .column_filters p{
  display: inline;
  margin-right: 10px;}

#manual_add input {
	width: 150px;}
  
/*.column_filters input   {
	width: 120px;}*/
  
.column_filter_label{
  margin-right: 2px;
  color: #646464;}

.icon-erase {
  margin-right: 2px;}

#manual_add_button {
	float: right;}

#manual_add {
  float:left;
	width:800px;} 
  
.checkbox {
	display:inline;
	width: 15px;}
  
#review_show_read, #review_show_unread, #review_show_pending, #review_show_ignore,
#review2_show_read, #review2_show_unread, #review2_show_pending, #review2_show_ignore, #source_lock_check  {
	display:inline;
	width: 15px;}

.resultnav .page_num {
  display:inline;
	width: 50px;}
 
.uninstalled {
	color: grey;}

.warning {
	color: red;}

#review_just_notes , #review_just_modified, #review_just_modified_by_script, #review2_just_notes, #review2_just_modified, #review2_just_modified_by_script {
  width:auto;}
  
.restrictive_filters {
  float:left;}
  
.box .datefield {
  width:90px;}
  
.tag_container {
  float:right;
  text-align:left;
  width:600px;
  margin-left: 10px;}

.header .head-container .head-menu ul li a.menu-selected {
  background-color:#7F7970;
  color:#DDD;
  background-image:none;
  transition: color 0s;}

.header .head-container .head-menu ul li a.menu-selected:hover {
  color:black;}
  
@keyframes newitem {
  0%   {background: #BAB2A6;} /*#E9E4DB #A2998A*/
  100% {background: white;}
}

@-webkit-keyframes newitem {
  0%   {background: #BAB2A6;}
  100% {background: white;}
}

#clipboard .btn-flat {
  animation: newitem 300s ease-out;
  -webkit-animation: newitem 300s ease-out; /* Safari and Chrome */
}

@keyframes fast_flash {
  0% {
    background-image: linear-gradient(top, rgb(52, 0, 0) 4%, rgb(153, 0, 0) 85%);
    background-image: -moz-linear-gradient(top, rgb(52, 0, 0) 4%, rgb(153, 0, 0) 85%);
  }
  100% {
    background-image: linear-gradient(top, rgb(52, 52, 52) 4%, rgb(153, 153, 153) 85%);background-image: -moz-linear-gradient(top, rgb(52, 0, 0) 4%, rgb(153, 0, 0) 85%);
  }
}

@-webkit-keyframes fast_flash {
  0%   {
    background-image: linear-gradient(to top, rgb(52, 0, 0) 4%, rgb(153, 0, 0) 85%);
    /*background-image: gradient(linear, 0% 100%, 0% 0%, color-stop(0.04, rgb(52, 0, 0)), color-stop(0.85, rgb(153, 0, 0)));
    /*background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0.04, rgb(52, 0, 0)), color-stop(0.85, rgb(153, 0, 0)));*/}
  100% {
    background-image: linear-gradient(to top, rgb(52, 52, 52) 4%, rgb(153, 153, 153) 85%);
    /*background-image: gradient(linear, 0% 100%, 0% 0%, color-stop(0.04, rgb(52, 52, 52)), color-stop(0.85, rgb(153, 153, 153)));
    background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0.04, rgb(52, 52, 52)), color-stop(0.85, rgb(153, 153, 153)));*/}
}

#clipboard .pin_flash {
  /*background-image: -moz-linear-gradient(bottom, rgb(52, 0, 0) 4%, rgb(153, 0, 0) 85%);*/
  animation: fast_flash 2s ease-out;
  -webkit-animation: fast_flash 2s ease-out;
}

/*#clipboard .board-content {
  height:600px;
}*/

#breadcrumb {
  margin: 10px;
  margin-left: 25px;
}

#breadcrumb span{
  color: #343434;
  font-weight:bold;
  font-size: 16px;
}

/*#breadcrumb a{
  color: #A2998A;
}*/

.plain-content {
  margin-top:5px;
}

.reference {
  color:#ccc;
}

#clipboard .btn-flat {
  width: 140px;
}

#clipboard .btn-flat img{
  float:right;
}

#clipboard .btn-flat .alert_code{
  float:left;
}

a[href^="http://"],a[href^="https://"] {
  background: url(img/external_link.png) center right no-repeat;
  padding-right: 18px;
}

.footer {
  color:#AAAAAA;
  text-align:left;
  padding:5px 20px;
  margin:0px;
  border-top: solid white 20px;
  
  background-color:#646464;
  background-image:linear-gradient(bottom, #343434 4%, #646464 85%);
  background-image:-o-linear-gradient(bottom, #343434 4%, #646464 85%);
  background-image:-moz-linear-gradient(bottom, #343434 4%, #646464 85%);
  background-image:-webkit-linear-gradient(bottom, #343434 4%, #646464 85%);
  background-image:-ms-linear-gradient(bottom, #343434 4%, #646464 85%);
  background-image:-webkit-gradient(linear, left bottom, left top, color-stop(.04, #343434), color-stop(.85, #646464));
}

.footer ul.col {
  padding:0px;
  margin:30px 0px;
}

.footer ul.col li {
  margin-bottom:5px;
}

.product-page {
  width:100%;
  float:left;
  clear:both;
}

img.rounded {
  margin-top:5px;
  margin-bottom:15px;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  border-radius: 4px;}
  
.product-description {
  width:73%;
  float:left;
  background-color: white;
  margin-top:5px;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  border-radius: 4px;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.product-description p{
  line-height:20px;
  font-size:13px;
  margin-bottom:12px;
  color:#222222;
}

.product-heading{
  color:gray;
  font-size:24px;
  font-weight:400;
  line-height:26px;
  margin-bottom:20px;
}

.product-sidebar {
  width:22%;
  min-height:651px;
  float:right;
  background-color: rgb(227,227,227);
  margin-top:5px;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  border-radius: 4px;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  padding:15px;
  color:#646464;  
}

.header .head-container .head-menu ul li a {
  width:100px;}
  
.range_stats {
  font-weight:bold;}
  
.empty-clipboard {
  text-align:center;
  margin:40px 0px;
  text-transform:none;}
  
.rec-comment, .rec-patch, .rec-upgrade {
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 5px 5px 5px #999999;
  padding:1px 0px;
  background-color: #333333;
  width:90%;}
.rec-comment-inner, .rec-patch-inner, .rec-upgrade-inner {
  margin:10px;
  width:85%;}

.rec-comment {
  color: #F7EAD7; 
  background-color: #AAAAAA;}
  
.sw-title {
  font-weight: bold;}
  
.left-align {
  float:left;
  margin-right:15px;
  margin-bottom:15px;}
  
.blog-post-footer {
  color:rgb(153, 153, 153);
  padding:15px 0px;
  width:100%;}
  
.blog-post-footer-large {
  overflow:auto;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color:rgb(227, 227, 227);
  margin:15px 0px;
  padding:15px 15px;}
  
.blog-post-footer-large img{
  float:left;
  margin-right:15px;
  margin-bottom:15px;}
  
/*.copy-search-filter:hover {
  background:white;}*/
  
#alert_description a:link {
  color:#A2998A;}
#alert_description a:visited {
  color:#968E82;}  
#alert_description a:hover {
  color:white;}

.report-link {
  margin-left: 20px;}
  
.footer a:link {
  color:#A2998A;}
.footer a:visited {
  color:#968E82;}
.footer a:hover {
  color:white;}

.clipboard-li .pin-btn {
  float:right;}  
  
.pin-btn a {
  background: url(img/pin_title_sm.png) center center no-repeat;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding:12px;
  height:24px;
  width:24px;
  margin-left:5px;}
  
.pin-btn a:hover {
  background: url(img/pin_title_hover_sm.png) center center no-repeat;}

.filter-btn a {
  background: url(img/icon_filter.png) center center no-repeat;
  padding:6px;
  height:9px;
  width:9px;
  margin-right:5px;}
  
.filter-btn a:hover {
  background: url(img/icon_filter_hover.png) center center no-repeat;}
  
.result_container a:hover{
  color:white;}
  
.translation-error {
  color:black;
  background-color:yellow;}

.translation-annotate {
  color:black;
  background-color:#BBBBFF;}
  
.tab-nav li.active .translation-error, .tab-nav li.active .translation-annotate {
  padding:0px;
  margin:0px;}

.footer .col {
  display: inline-block;
  width:300px;
  padding-right: 20px;}
  
ul.menu {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
ul.menu > li {
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  border-radius: 4px;
}
ul.menu li {
  color:#646464;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 15px 20px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
ul.menu li:hover {
  background: #555;
  color: #fff;
}
ul.menu li ul {
  padding: 0;
  position: absolute;
  top: -105px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul.menu li ul li { 
  background: #555; 
  display: block; 
  color: #fff;
}
ul.menu li ul a li { 
  color: #aaa;
}
ul.menu li ul a li:hover { 
  background: #666; 
  color: #fff;
}
ul.menu li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
 


#contact{
	width:100%;
	float:left;
	padding-top:0px;
  display:none;
  position:fixed;
  top:0px;
  bottom:0px;
  z-index:4;
}

#contact:target{
  display:block;
}
 
#form-main{
  position:relative;
	width:100%;
	float:left;
	padding-top:0px;
  z-index:5;
}

#form-div {
	background-color:rgba(72,72,72,0.9);
	padding-left:35px;
	padding-right:35px;
	padding-top:35px;
	padding-bottom:50px;
	width: 450px;
	float: left;
	left: 50%;
	position: absolute;
  margin-top:30px;
	margin-left: -260px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.feedback-input {
	color:#3c3c3c;
	font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
	font-size: 18px;
	border-radius: 4px;
	line-height: 22px;
	background-color: #fbfbfb;
	padding: 13px 13px 13px 54px;
	margin-bottom: 10px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  border: 3px solid rgba(0,0,0,0);
}

.feedback-input:focus{
	background: #fff;
	box-shadow: 0;
	border: 3px solid rgb(63, 204, 138);
	color: #605B54;
	outline: none;
  padding: 13px 13px 13px 54px;
}

.focused{
	color:#30aed6;
	border:#30aed6 solid 3px;
}

/* Icons ---------------------------------- */
#category{
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	background-image: url(img/selector.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#category:focus{
  background-size: 30px 30px;
	background-position: 8px 5px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}

#name{
	background-image: url(img/name.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#name:focus{
	background-size: 30px 30px;
	background-position: 8px 5px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}

#email{
	background-image: url(img/email.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#email:focus{
	background-size: 30px 30px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}

#subject{
	background-image: url(img/comment.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#subject:focus{
	background-size: 30px 30px;
	background-position: 8px 5px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}

#comment{
	background-image: url(img/comment.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	background-color:white;
}

#button-blue{
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	width: 100%;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: rgb(63, 204, 138);
	color:white;
	font-size:24px;
	padding-top:22px;
	padding-bottom:22px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
}

#button-blue:hover{
	border: rgb(63, 204, 138) solid 4px;
	background-color: rgba(0,0,0,0);
	color: rgb(63, 204, 138);
}
	
.submit:hover {
	width:100%;
  color: #605B54;
}
	
.ease {
	width:100%;
	height: 74px;
	background-color: #fbfbfb;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

.submit:hover .ease{
  background-color:white;
}

@media only screen and (max-width: 580px) {
	#form-div{
		left: 3%;
		margin-right: 3%;
		width: 88%;
		margin-left: 0;
		padding-left: 3%;
		padding-right: 3%;
	}
}

#thankyou {
  width:100%;
  padding:40px 0px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size:24px;
  background-color:white;
	color:#605B54;
	display:none;
}

.overlay {
	width:100%;
	position:absolute;
  /*background-color:rgba(214,58,58,0.1);*/
	background-color:rgba(255,255,255,0.5);
	top:0px;
  bottom:0px;
  z-index:4;
}

.values {
  color:#EEE;}