body {
	margin:0;
	padding:10px 0 0 0;
}
* {font-family:Arial, sans-serif;font-size:12px;}
div {
	margin:0;
	padding:0;
}

div.side-bar {
	float:left;
	width:225px;
	margin:0 0 0 10px;
}

div.content-container {
	display:block;
	width:100%;
}
div.content {
	display:block;
	width:auto;
	height:auto;
	margin:0 10px 10px 245px;
}
div.content table.rounded {
	width:100%;
	overflow:hidden;
}
div#iframeBox {
	overflow:hidden;
	height:0;
	margin-bottom:10px;
}
div#iframeBox iframe {
	clear:both;
	margin:0;
	margin-top:-110px;
	width:100%;
	height:360px;
	border:none;
}
td#translationPane {
	/* height:260px; */
	border-top:1px solid #999;
	padding:0;
	margin:0;
}

form {
	margin:0;
	padding:0;
	border:none;
}

.ok {
	color:#00aa00;
}
.not-ok {
	color:#aa0000;
	font-weight:bold;
}

div.rounded {
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border:1px solid #ddd;
	padding:5px;
}

div.scroll-box {
	border:none;
	clear:both;
	margin:0;
	padding:0;
	overflow-y:scroll;
	overflow-x:hidden;
	height:100%;
	width:auto;
}
div.scroll-box * {
	font-size:12px;
	line-height:15px;
}
div.language, div.show-all {
	width:20px;
	float:left;
	clear:left;
	margin-right:-100%;
	text-transform:uppercase;
	font-weight:bold;
	color:#999;
	cursor:pointer;
}
div.language:hover {
	color:#333;
}
div.translation, div.source {
	width:auto;
	margin:0;
	padding:0 5px;
}
div.translation {
	margin-left:20px;
}
div.translation.empty {
	background:#ea9;
}
div.source input, div.translation input, input.comment {
	width:100%;
	margin:0;
	padding:0;
	border:none;
	color:#666;
	background:none;
	-webkit-appearance:none;
}
input.comment {
	width:100%;
	color:#aaa;
}
input.source:focus, input.translation:focus {
	border:0px solid #999;
	margin:0;
}
div.source input.modified, div.translation input.modified, input.comment.modified{
	font-weight:bold;
	color:#000;
}

table {border-collapse:separate;border:none;border-spacing:0;}
table.translation-list {
	width:100%;
	border-collapse:collapse;
	margin:0;
	padding:0;
}
table.translation-list * {
	font-family:"Courier New", Courier, serif;
}
table.translation-list input {
	outline:none;
}
table.translation-list tr td, table.translation-list tr th {
	vertical-align:top;
	border:1px solid #fff !important;
	padding:0;
}
table.translation-list tr:hover {
	border-color:#99bbff;
	background:#cceeff;
}
table.translation-list td.controls {
	text-align:center;
}
table.translation-list td.controls a {
	text-decoration:none;
	color:#bbddee;
}
table.translation-list tr:hover td.controls a {
	color:#06c;
}
table.translation-list tr:hover input {
	
}
table.translation-list input {
	font-family:"Courier New", Courier, serif;
	font-size:12px;
	white-space:pre;
}

td, th {
	padding:5px;
	margin:0;
	border:1px solid #999;
	border-width:1px 1px 0 0;
	border-spacing:0;
}
th {
	background:#aaa;
	color:#fff;
}
tr {
	margin:0;
	padding:0;
}



td, th {
	padding:5px;
	margin:0;
	border:1px solid #999;
	border-width:1px 1px 0 0;
	border-spacing:0;
}
th {
	background:#aaa;
	color:#fff;
}
tr {
	margin:0;
	padding:0;
}

tr.entry td {
	border-color:#ddd;
	border-right:1px solid #ddd;
}

/* tr.comment  td {
	border-color:#ddd;
	padding:0 5px;
	color:#aaa;
} */

td a {
	text-decoration:none;
	color:#06c;
}
td a:hover {
	text-decoration:underline;
}

table.rounded {
	margin-bottom:10px;
}

table.rounded tr.active {
	background:#cceeff;
}

table.rounded tr:first-child th {
	border-top:1px solid #333;
}

/* rounded corner on top left TH cell */
table.rounded tr:first-child th:first-child {
	border-radius:4px 0 0 0;
	-moz-border-radius:4px 0 0 0;
	-webkit-border-radius:4px 0 0 0;
	-o-border-radius:4px 0 0 0;
	border-left:1px solid #333;;
}
/* rounded corner on top left TH cell */
table.rounded tr:first-child th:last-child {
	border-radius:0 4px 0 0;
	-moz-border-radius:0 4px 0 0;
	-webkit-border-radius:0 4px 0 0;
	-o-border-radius:0 4px 0 0;
	border-right:1px solid #333;
}

/* left border on all left TD cells */
table.rounded tr td:first-child {
	border-left:1px solid #333;
}
table.rounded tr td:last-child {
	border-right:1px solid #333;
}
table.rounded tr td:only-child {
	border-left:1px solid #333;
	border-right:1px solid #333;
}



/* bottom border on all bottom TD cells */
table.rounded tr:last-child td {
	border-bottom:1px solid #333;
}
/* rounded corner on bottom left TD cells */
table.rounded tr:last-child td:first-child {
	border-radius:0 0 0 4px;
	-moz-border-radius:0 0 0 4px;
	-webkit-border-radius:0 0 0 4px;
	-o-border-radius:0 0 0 4px;
}
/* rounded corner on bottom right TD cells */
table.rounded tr:last-child td:last-child {
	border-radius:0 0 4px 0;
	-moz-border-radius:0 0 4px 0;
	-webkit-border-radius:0 0 4px 0;
	-o-border-radius:0 0 4px 0;
}
/* rounded corner on bottom full-width TD cells */
table.rounded tr:last-child td:only-child {
	border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	-o-border-radius:0 0 4px 4px;
}


a.x2-button, input.x2-button, button.x2-button { /* , a.search-button */
	display:inline-block;
	margin:0 5px 5px 0;
	padding:0 8px;
	border:1px solid #999 !important;
	background-color:#eee;
	background:-webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#ddd));
	background:-moz-linear-gradient(top,  #f0f0f0,  #ddd);
	color:#333;
	font-size:11px !important;
	line-height:24px;
	font-weight:bold;
	text-decoration:none;
	
	-moz-box-shadow: inset 0 1px 0 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #fff;
	-webkit-appearance:none;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
}
a.x2-button:hover, input.x2-button:hover, button.x2-button:hover {
	color:black;
	background-color:#fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background:-moz-linear-gradient(top,  #fff,  #eee);
}
a.x2-button:active, input.x2-button:active, button.x2-button:active {
	color:black;
	background-color:#bbb;
	background:-webkit-gradient(linear, left top, left bottom, from(#bbb), to(#ccc));
	background:-moz-linear-gradient(top,  #bbb,  #ccc);
	-moz-box-shadow: inset 0 1px 1px 0 #999;
	-webkit-box-shadow: inset 0 1px 1px 0 #999;
	box-shadow: inset 0 1px 1px 0 #999;
}

input.x2-button, button.x2-button {
	display:inline-block;
	margin:5px 5px 5px 0;
	padding:5px 20px;
	line-height:15px;
}

#footer {
	color:#999;
	font-size:10px;
	text-align:center;
}
#footer a {
	color:#60a2e6;
}
#footer a:hover {
	color:#8dbff2;
}
#footer-logos {
	display:block;
	margin:0 auto 0 auto;
}