body{
	font-family: 'trebuchet MS';
	font-size:12pt;
	margin:0px;
	background-color:#ebe5d5;
}

input{
	font-family: 'trebuchet MS';
	height: 20px;
	padding-left:4px;
}

.rowOdd {
	background-color:#ffffff;
}

.rowEven {
	background-color:#f0f0f6;
}

.button {
	-moz-box-shadow:inset 0px 1px 2px -5px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 2px -5px #cae3fc;
	box-shadow:inset 0px 1px 2px -5px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2389B2), color-stop(1, #1B6B8B) );
	background:-moz-linear-gradient( center top, #2389B2 5%, #1B6B8B 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2389B2', endColorstr='#1B6B8B');
	background-color:#2389B2;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	text-indent:0;
	border:1px solid #196684;
	display:inline-block;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:10pt;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:26px;
	width:120px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #287ace;
	cursor:pointer;
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1B6B8B), color-stop(1, #2389B2) );
	background:-moz-linear-gradient( center top, #1B6B8B 5%, #2389B2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B6B8B', endColorstr='#2389B2');
	background-color:#1B6B8B;
}.button:active {
	position:relative;
	top:1px;
}

#headerpage{
	margin-left:auto;
	margin-right:auto;
	background: -webkit-linear-gradient(#ffffff, #f5f5f5); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffffff, #f5f5f5); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ffffff, #f5f5f5); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffffff, #f5f5f5); /* Standard syntax */
	height:100px;
	width:1150px;
	position:relative;
}

#motopage{
	margin-left:auto;
	margin-right:auto;
	background-color:#d9d1dd;
	height:204px;
	width:1150px;
}

#loginpage{
	margin-left:auto;
	margin-right:auto;
	background: -webkit-linear-gradient(#85754e, #baaf8f); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#85754e, #baaf8f); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#85754e, #baaf8f); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#85754e, #baaf8f); /* Standard syntax */
	height:80px;
	width:1150px;
}

#bodypage{
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	width:1150px;
}

ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-right:0px;
  text-align: center;
}
 
ul.img-list li {
  display: inline-block;
  height: 120px;
  margin: 0 1em 1em 0;
  position: relative;
  width: 170px;
}

span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 120px;
  left: 0;
  position: absolute;
  top: 0;
  width: 170px;
  font-size:8pt;
}
 
span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 120px;
  left: 0;
  position: absolute;
  top: 0;
  width: 120px;
  opacity: 0;
}
 
ul.img-list li:hover span.text-content {
  opacity: 1;
}

span.text-content {
  background: rgba(255,255,255,1);
  color: #888888;
  border: 2px solid #dddddd;
  font-weight: bold;
  cursor: pointer;
  display: table;
  height: 155px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 168px;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}

.clang {
	background-color:#eeeeee;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	height:20px;
	width:60px;
	text-decoration:none;
	text-align:center;
	position:absolute;
	right:30px;
	top:6px;
	z-index:300;
}

.clangi {
	background-color:#eeeeee;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	height:20px;
	width:60px;
	float: right;
	text-decoration:none;
	text-align:center;
	margin-right:30px;
	top:6px;
	z-index:300;
}

.testbtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:24px;
	line-height:24px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
}
.testbtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}.testbtn:active {
	position:relative;
	top:1px;
}

.importBtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #b9eb8d;
	-webkit-box-shadow:inset 0px 1px 0px 0px #b9eb8d;
	box-shadow:inset 0px 1px 0px 0px #b9eb8d;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8fbf20), color-stop(1, #709122) );
	background:-moz-linear-gradient( center top, #8fbf20 5%, #709122 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fbf20', endColorstr='#709122');
	background-color:#8fbf20;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:16px;
	line-height:16px;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
	cursor:pointer;
}
.importBtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #709122), color-stop(1, #8fbf20) );
	background:-moz-linear-gradient( center top, #709122 5%, #8fbf20 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#709122', endColorstr='#8fbf20');
	background-color:#709122;
}.importBtn:active {
	position:relative;
	top:1px;
}