
@import http://fonts.googleapis.com/css?family=Raleway;
/*----------------------------------------------
CSS Settings For HTML Div ExactCenter
------------------------------------------------*/
body {
    margin: 0;
    color: #003057;
    background-color: #ECECEC;
    font: 1em/1 'Open Sans', sans-serif;
}
#header {
	background: url("volvo.png") center center no-repeat #f6f6f6;
	height: 51px;
	position: absolute;
	top:0;
	width:100%;
}
#menu {width: 480px; float:left;}
#header a {color: #5b7f95;padding: 19px 15px;}
ul {list-style: none; padding: 0}
ul li {display: inline-block;}
#header a:hover {border-bottom: 1px solid #5b7f95;}
#container {
	width: 720px;
	margin: 0 auto;
}
#logout {
float:right;
width: 150px;
margin-top:15px;
}
span#name {
    font-weight: bold;
    margin: 0 10px;
}
#main {margin-top: 80px;}
.container{
	position:relative;
	min-height:100px;
	border:8px solid white;
	padding: 43px 10px 10px 10px;
}
.container label {
	margin-top: 7px;
	display: inherit;
	font-weight:bold;}
.container label:first-of-type {margin-top: 0;}
.container input, .container select { margin-left: 80px;}
.container > form {margin:0px 10px}
a {
text-decoration:none;
color:#6495ed
}
i {
color:#6495ed
}
#pagination {text-align:center;}
#pagination ul li {padding: 0 2px;}
/* Editor*/
#sortby {position:absolute; top:0; right:0;margin:10px;}
#sortby select { margin-left: 30px;}
#dictionaryTable input[type=text] {
	width: 520px;
	margin:0;
	padding: 5px 145px 5px 14px;
	font-size:16px;
	font-family:raleway;
}
.inspacer {position:relative; height:37px;}
#links{position:absolute; top:0; right:6px;}
#links ul {margin: 5px;}
#table {width: 500px; }
#table :odd {background-color: #EEF7EE;}
#table input {width: 290px;}
table tr {height:3px; font-size: 0; margin:0; padding:0;}
table td {height:3px;}
table {width: 260px; height: 53px; background: #00FF63;}
#dictionaryTable #hid, #libraryTable #hid{display: none;}
#dictionaryTable table{margin-right:5px; margin-bottom: 5px;}
/*Library*/
#libraryTable .translation { min-height: 46px;margin: 0 auto;
  position: relative;}
#libraryTable .row {min-height:34px}
#libraryTable .rightspacer {position: absolute; right:0; top:0; width:370px;}
#libraryTable .inspacer {position: absolute; left:0; top:0; width:310px;}
#libraryTable #spacer {margin: 8px 0 15px 0;}
#libraryTable input[type=text] {
	margin:0;
	font-size:16px;
	font-family:raleway;
}
#libraryTable .inspacer input[type=text] {
	width: 251px;
	padding: 5px 50px 5px 5px;
}
#libraryTable .rightspacer input[type=text] {
	width: 241px;
	padding: 5px 98px 5px 5px;
}
#libraryTable #links {right:0;top: 3px;}
.pos {
	margin: -17px 0 0 22px;
	width: 348px;
}
.pos select {
	margin: 0;
	font-size:16px;
	font-family:raleway;
	width: 357px;
	padding: 5px 98px 5px 5px;
}
#lcdleft {float:left;}
#lcdright {float:right;}
/* Login Page*/
#login {
    width: 300px;
    height: 160px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	border:8px solid white;
	padding:10px 40px 25px;
}
#login input[type=text], #login input[type=password] {
width:99.5%;
padding:10px;
margin: 8px 0px 0px -8px;
border:1px solid #ccc;
padding-left:5px;
font-size:16px;
font-family:raleway;
}
input[type=submit] {
	width:315px;
	background-color:#FFBC00;
	color:#fff;
	border:2px solid #FFCB00;
	padding:10px;
	font-size:20px;
	cursor:pointer;
	border-radius:5px;
	margin: 10px 0px 0px -8px;
}
