@font-face {

	font-family: 'Roboto';

	src: local('Roboto'), local('Roboto-Regular'),

		url('../fonts/roboto.woff') format('woff'),

		url('../fonts/roboto.html') format('woff2');

}



* {

	margin: 0px;

	padding: 0px;

	border: 0px;

}



*:focus {

	outline: 0px;

}



a {

	text-decoration: none;

}



a:focus {

	text-decoration: none !important;

}



html, body {
  height: 100%;
  min-height: 100%;
}

body {
  font-family: 'Roboto', sans-serif;
  color: #333;
  background-color: #000;

  background-image: url('../img/background.png');
  background-size: cover;          /* umple tot ecranul */
  background-position: right center; /* focalizat pe dreapta */
  background-repeat: no-repeat;    /* fără repetiție */
  background-attachment: fixed;    /* opțional, efect parallax */
}




#header {



}



nav#mini {

	display: block;

	background: #ff1a1a;

	border-bottom: 4px solid rgba(0, 0, 0, 0.1);

}



ul#mini-nav {

	list-style: none;

	height: 35px;

	width: 850px;

	margin: 0 auto;

}



ul#mini-nav li.mini-item {

	float: right;

}



ul#mini-nav li.mini-item a {

	display: block;

	float: left;

	padding: 10px 10px 8px 10px;

	color: #F1F0F4;

	font-size: 14px;

	text-decoration: none;

	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);

	-webkit-transition: 100ms all;

	-moz-transition: 100ms all;

	-ms-transition: 100ms all;

	transition: 100ms all;

}



ul#mini-nav li.welcome {

	padding: 10px 10px 8px 10px;

	color: #F1F0F4;

	font-size: 14px;

	margin-right: 10px;

	cursor: default;

	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);

	float: left;

}



ul#mini-nav li.mini-item a:hover {

	background: rgba(0, 0, 0, 0.1);

}



ul#mini-nav li.welcome a {

	color: #F1F0F4;

	font-size: 14px;

	text-decoration: none;

	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);

	-webkit-transition: 100ms all;

	-moz-transition: 100ms all;

	-ms-transition: 100ms all;

	transition: 100ms all;

}



ul#mini-nav li.welcome a:hover {

	border-bottom: 1px dashed #F1F0F4;

}



#header #logo {

	font-size: 72px;

	text-align: center;

	margin: 50px 0px;

	color: #2D3038;

	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);

	height: 200px;

}



#body {

	width: 700px;

	margin: 0 auto;

	background: #fff;

	border: 1px solid rgba(0, 0, 0, 0.13);

	border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);

	overflow: auto;

	float: right;

}



#body #menu {

	background: #990000;

	height: 50px;

	border-bottom: 4px solid rgba(0, 0, 0, 0.1);

	border-radius: 5px 5px 0px 0px;

	-webkit-border-radius: 5px 5px 0px 0px;

	-moz-border-radius: 5px 5px 0px 0px;

}



ul#nav {

	list-style: none;

}



ul#nav li {

	float: left;

}



ul#nav li a {

	display: block;

	float: left;

	padding: 16px 15px 15px 15px;

	color: #F1F0F4;

	text-decoration: none;

	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);

	-webkit-transition: 100ms all;

	-moz-transition: 100ms all;

	-ms-transition: 100ms all;

	transition: 100ms all;

}



ul#nav li.first a {

	border-radius: 5px 0px 0px 0px;

}



ul#nav li.last a {

	border-radius: 0px 5px 0px 0px;

}



ul#nav li a:hover {

	background: rgba(0, 0, 0, 0.1);

}



ul#nav li:hover a {

	background: rgba(0, 0, 0, 0.1);

}



ul#nav li.separator {

	margin-top: 0px;

	height: 50px;

	background: rgba(0, 0, 0, 0.1);

	width: 1px;

}



.profile {

	text-align: center;

}



.profile .username {

	color: #ff1a1a;

	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);

	font-weight: bold;

}



.profile .picture {

	padding: 5px;

}



.profile .picture img {

	border: 1px solid rgba(0, 0, 0, 0.15);

	background: rgba(0, 0, 0, 0.01);

	padding: 5px;

	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);

	border-radius: 75px;

	-webkit-border-radius: 75px;

	-moz-border-radius: 75px;

}



.profile .details {

	font-size: 14px;

}



.profile .details span {

	display: block;

}



#middle-box {

	display: block;

	width: 524px;

	float: left;

	height: 100%;

	overflow: none;

	border-right: 1px solid rgba(0, 0, 0, 0.1);

	min-height: 500px;

	overflow: aut;o

}



#middle-box ul {

	margin-left: 15px;

}



#middle-box .title {

	font-variant: small-caps;

	padding: 5px 10px;

	background: #F7F7F7;

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);

}



#middle-box .body {

	font-size: 14px;

	margin: 15px;

}



#middle-box .footer {

	border-top: 1px solid rgba(0, 0, 0, 0.1);

	border-radius: 0px 0px 3px 3px;

	background: #F7F7F7;

	overflow: auto;

}



#middle-box .footer span {

	display: block;

	float: left;

	padding: 12px 15px;

	font-size: 12px;

	color: #888;

}



#right-box {

	display: block;

	width: 175px;

	float: right;

	height: 100%;

	overflow: none;

}



#right-box .title {

	font-variant: small-caps;

	padding: 5px 10px;

	background: #F7F7F7;

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);

}



#right-box .body {

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

	padding: 5px;

	font-size: 14px;

}



#right-box .body .data {

	padding: 1px 0px;

}



a {

	text-decoration: none;

	color: #005F6B;

}



a:hover {

	color: #008C9E;

}



#container {

	width: 920px;

	margin: 0 auto;

	overflow: auto;

	color: #444;

}



#left-side {

	float: left;

	width: 200px;

}



#left-side #box {

	background: #fff;

	border: 1px solid rgba(0, 0, 0, 0.13);

	border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);

	margin-bottom: 15px;

}



#left-side #box .title {

	padding: 11px 10px 9px 10px;

	display: block;

	background: #990000;

	border-radius: 5px 5px 0px 0px;

	-webkit-border-radius: 5px 5px 0px 0px;

	-moz-border-radius: 5px 5px 0px 0px;

	color: #F1F0F4;

	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);

	border-bottom: 4px solid rgba(0, 0, 0, 0.1);

	font-variant: small-caps;

}



#left-side #box .content {

	font-size: 14px;

}



#left-side #box table {

	border-spacing: 0;

	width: 100%;

}



#left-side #box table td {

	padding: 5px;

}



.button {

	display: inline-block;

	padding: 5px 15px 5px 15px;

	margin: 5px 5px;

	font-family: 'Roboto';

	background: transparent;

	border-bottom: 3px solid rgba(0, 0, 0, 0.1);

	-webkit-transition: 100ms all;

	-moz-transition: 100ms all;

	-ms-transition: 100ms all;

	transition: 100ms all;

	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);

	border: 1px solid rgba(0, 0, 0, 0.2);

	box-shadow: -1px 1px 1px 0px rgba(255, 255, 255, 0.15) inset;

	border-radius: 3px;

}



.button[disabled] {

	background: rgba(0, 0, 0, 0.3);

}



.button[disabled]:hover,

.button-blue[disabled]:hover,

.button-green[disabled]:hover,

.button-red[disabled]:hover {

	background: rgba(0, 0, 0, 0.3) !important;

}



.button[disabled]:active,

.button-blue[disabled]:active,

.button-green[disabled]:active,

.button-red[disabled]:active {

	box-shadow: -1px 1px 1px 0px rgba(255, 255, 255, 0.15) inset;

}



#middle-box .searchform input[type="submit"] {

	position: absolute;

}



.button:active {

	/*border-bottom: 3px solid rgba(0, 0, 0, 0);*/

	box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.15) inset;

}

.fa-blue {
	color: #02779E;
}

.button-blue {

	background: #02779E;

	color: #F1F0F4 !important;

}


.button-blue:hover {

	background: #ff1a1a;

}

.fa-green {
	color: #14B694;
}

.button-green {

	background: #14B694;

	color: #F1F0F4 !important;

}



.button-green:hover {

	background: #4BC599;

}

.fa-red {
	color: #A12C0A;
}

.button-red {

	background: #A12C0A;

	color: #F1F0F4 !important;

}



.button-red:hover {

	background: #C21315;

}

#left-side #box table thead td {

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

	background: #F7F7F7;

}



#left-side #box table td {

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

	border-right: 1px solid rgba(0, 0, 0, 0.1);

}



#left-side #box table td:first-child {

	text-align: center;

}



#left-side #box table td:last-child {

	border-right: 0px;

	text-align: center;

}



#left-side #box table tr:last-child td {

	border-bottom: 0px;

}



#left-side #box table tr:first-child td {

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



#middle-box table.rank-table {

	width: 100%;

	border-spacing: 0px;

	border-top: 1px solid rgba(0, 0, 0, 0.1);

	border-right: 1px solid rgba(0, 0, 0, 0.1);

	text-align: center;

}



#middle-box table.rank-table td {

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

	padding: 5px;

	border-left: 1px solid rgba(0, 0, 0, 0.1);

}



#middle-box table.rank-table thead td {

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

	background: #F7F7F7;

}



#middle-box table.rank-table td.mark {

	color: #A12C0A;

	font-weight: bold;

}



#footer {

	text-align: center;

	color: #5D656C;

	font-size: 12px;

	padding: 20px;

}



blockquote {

	margin: 5px;

	background: rgba(150, 150, 150, 0.1);

	padding: 10px;

	border-left: 3px solid #465A6D;

	color: rgba(0, 0, 0, 0.7);

	overflow: auto;

}



blockquote.new {

	border-left: 3px solid #14B694 !important;

}



.news,

.message,

.section {

	margin: 5px;

	margin-bottom: 15px;

	background: rgba(150, 150, 150, 0.1);

	padding: 10px;

	border-left: 3px solid #465A6D;

	color: rgba(0, 0, 0, 0.7);

	overflow: auto;

}



.message {

	margin: 1px 5px;

}



#messages {

	margin: 5px 0px;

}



.message .close {

	display: block;

	float: right;

	margin-right: 3px;

	margin-bottom: 2px;

	color: #982438;

	cursor: pointer;

}



.message.new {

	border-left: 3px solid #14B694 !important;

}



.message img {

	width: 25px;

	height: 25px;

	border: 1px solid rgba(0, 0, 0, 0.15);

	background: rgba(0, 0, 0, 0.01);

	padding: 3px;

	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);

	margin-right: 0px;

	border-radius: 25px;

	float: left;

}



.message .name {

	font-weight: bold;

	font-size: 14px;

	font-variant: small-caps;

	color: #ff1a1a;

	text-shadow: 1px 1px 0px #FFF;

}

.message .name-n {
	font-weight: bold;

	font-size: 14px;

	font-variant: small-caps;

	/*color: #ff1a1a;*/

	text-shadow: 1px 1px 0px #FFF;
}



.message textarea {

	resize: none;

	width: 440px !important;

}



.message .message-content {

	margin-left: 10px;

	float: left;

	width: 380px;

}



.message .replys {

	float: right;

}



.message .replys span {

	font-size: 12px;

	font-weight: normal;

}



.message span {

	font-size: 12px;

}



.section img.avatar {

	display: block;

	float: left;

	width: 100px;

	height: 100px;

	border: 1px solid rgba(0, 0, 0, 0.15);

	background: rgba(0, 0, 0, 0.01);

	padding: 5px;

	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);

	border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	margin-right: 10px;

	margin-top: 10px;

}



.section img.banner {

	display: block;

	width: 450px;

	border: 1px solid rgba(0, 0, 0, 0.15);

	background: rgba(0, 0, 0, 0.01);

	padding: 5px;

	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);

	border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	margin-bottom: 10px;

	margin-top: 10px;

}



.fileUpload {

	position: relative;

	overflow: hidden;

	margin: 10px;

}



.uploadButton {

	position: absolute;

	top: 0;

	right: 0;

	margin: 0;

	padding: 0;

	font-size: 20px;

	cursor: pointer;

	opacity: 0;

	filter: alpha(opacity=0);

}



.searchform {

	margin: 5px;

	background: rgba(150, 150, 150, 0.1);

	padding: 10px;

	border-left: 3px solid #465A6D;

	color: rgba(0, 0, 0, 0.7);

	overflow: auto;

}



.news span {

	font-size: 12px;

}



.alert {

	margin: 5px;

	background: rgba(150, 150, 150, 0.1);

	padding: 10px;

	color: rgba(0, 0, 0, 0.7);

	-webkit-transition: 100ms all;

	-moz-transition: 100ms all;

	-ms-transition: 100ms all;

	transition: 100ms all;

	cursor: default;

}



.alert-red {

	border-left: 3px solid #A12C0A;

	color: #A12C0A;

}



.alert-red:hover {

	background: #A12C0A;

	color: #F1F0F4;

}



.alert-blue {

	border-left: 3px solid #990000;

	color: #990000;

}



.alert-blue:hover {

	background: #990000;

	color: #F1F0F4;

}



.alert-green {

	border-left: 3px solid #14B694;

	color: #14B694;

}



.alert-green:hover {

	background: #14B694;

	color: #F1F0F4;

}



.alert-yellow {

	border-left: 3px solid #E58824;

	color: #E58824;

}



.alert-yellow:hover {

	background: #E58824;

	color: #F1F0F4;

}



.strength {

	padding: 2px;

	background: rgba(150, 150, 150, 0.1);

	color: rgba(0, 0, 0, 0.7);

	-webkit-transition: 100ms all;

	-moz-transition: 100ms all;

	-ms-transition: 100ms all;

	transition: 100ms all;

	cursor: default;

	width: 40px;

}



.strength-red {

	border: 1px solid #A12C0A;

	color: #A12C0A;

}



.strength-red:hover {

	background: #A12C0A;

	color: #F1F0F4;

}



.strength-blue {

	border: 1px solid #990000;

	color: #990000;

}



.strength-blue:hover {

	background: #990000;

	color: #F1F0F4;

}



.strength-green {

	border: 1px solid #14B694;

	color: #14B694;

}



.strength-green:hover {

	background: #14B694;

	color: #F1F0F4;

}



.strength-yellow {

	border: 1px solid #E58824;

	color: #E58824;

}



.strength-yellow:hover {

	background: #E58824;

	color: #F1F0F4;

}



.label {

	background: #990000;

	padding: 1px 3px;

	border-radius: 3px;

	color: #F1F0F4;

	border: 1px solid rgba(0, 0, 0, 0.1);

	font-weight: bold;

	font-size: 13px;

}



input[type="text"], input[type="password"], input[type="email"], input[type="number"]{

	padding: 7px;

	margin: 5px;

	border: 1px solid rgba(0, 0, 0, 0.2);

	background: 1px solid rgba(0, 0, 0, 0.1);

	color: #444;

	font-family: 'Roboto';

	-webkit-transition: 100ms all;

	-moz-transition: 100ms all;

	-ms-transition: 100ms all;

	transition: 100ms all;

	width: 150px;

	border-radius: 3px;

	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1);

}



input[type="text"].invalid, input[type="password"].invalid, input[type="email"].invalid, input[type="number"].invalid,

input[type="text"].invalid:focus, input[type="password"].invalid:focus, input[type="email"].invalid:focus, input[type="number"].invalid:focus {

	border: 1px solid #A12C0A;

}



select {

	padding: 2px;

	margin: 5px;

	border: 1px solid rgba(0, 0, 0, 0.2);

	background: 1px solid rgba(0, 0, 0, 0.1);

	color: #444;

	font-family: 'Roboto';

	-webkit-transition: 100ms all;

	-moz-transition: 100ms all;

	-ms-transition: 100ms all;

	transition: 100ms all;

	width: 150px;

	border-radius: 3px;

	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1);

}



option {

	border: 0px;

	padding: 5px 5px;

	margin: 0px;

}



table.bordered {

	border-spacing: 0px;

}



table.bordered td {

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

	border-left: 1px solid rgba(0, 0, 0, 0.1);

	padding: 5px;

}



table.bordered td:last-child {

	border-right: 1px solid rgba(0, 0, 0, 0.1);

}



table.bordered tr:first-child td {

	border-top: 1px solid rgba(0, 0, 0, 0.1);

}



table.three select {

	width: 100%;

}



table.table {

	width: 100%;

}



table.three td {

	width: 33.3333333333% !important;

}



table.four td {

	width: 25%;

}



table.two td {

	width: 50%;

}



table.five {

	width: 20%;

}



form span {

	margin-left: 5px;

}



table td[colspan] input[type="text"] {

	width: 80% !important;

}



.msg {

	height: 250px;

}



textarea.textbox {

	padding: 7px;

	margin: 5px;

	border: 1px solid rgba(0, 0, 0, 0.2);

	background: 1px solid rgba(0, 0, 0, 0.1);

	font-family: 'Roboto';

	-webkit-transition: 100ms all;

	-moz-transition: 100ms all;

	-ms-transition: 100ms all;

	transition: 100ms all;

	width: 300px;

	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1);

	border-radius: 3px;

	font-size: 13px;

	color: 333;

}



textarea.textbox.invalid,

textarea.textbox.invalid:focus {

	border: 1px solid #A12C0A;

}



input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus {

	border: 1px solid #02779E;

}



p {

	padding: 3px 0px;

}



hr {

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

	box-shadow: 0px 1px 0px #fff;

	margin: 5px 0px;

}



.pagination {

	display: block;

	margin: 15px 0px;

	overflow: auto;

	text-align: center;

}



.pagination a {

	display: inline-block;

	padding: 5px 10px;

	border: 1px solid #A12C0A;

	background: #F7F7F7;

	color: #A12C0A !important;

	-webkit-transition: 100ms all;

	-moz-transition: 100ms all;

	-ms-transition: 100ms all;

	transition: 100ms all;

	margin-left: 1px;

}



.pagination a.selected {

	background: #A12C0A;

	color: #F1F0F4 !important;

}



.pagination a:hover {

	background: #A12C0A;

	color: #F1F0F4 !important;

}



.button-group {

	margin: 0px 5px;

}



.button-group .button {

	margin: 5px 0px;

}



.drop-down .button {

	margin-bottom: 0px !important;

}



.drop-down a.toggle:focus ~ .data{

	display: block;

}



.drop-down .data {

	display: none;

	position: absolute;

	background: #fff;

	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);

	border-radius: 0px 0px 3px 3px;

	-webkit-border-radius: 0px 0px 3px 3px;

	margin-left: 5px;

	z-index: 999;

}



.drop-down .data a {

	display: block;

	padding: 5px 10px;

	transition: 100ms all;

	-webkit-transition: 100ms all;

}



.drop-down .data a.separator {

	height: 1px;

	padding: 0px;

	background: rgba(0, 0, 0, 0.1);

	margin: 1px 5px;

	border-radius: 1px;

	-webkit-border-radius: 0px 0px 3px 3px;

}



.drop-down .data a:hover {

	background: rgba(0, 0, 0, 0.05);

}



.drop-down .data a:last-child {

	border-radius: 0px 0px 3px 3px;

}



/*	PROFILE SECTION */

#main-profile {



}



#main-profile #profile-header {

	margin-top: -15px;

	margin-left: -15px;

	height: 150px;

	width: 524px;

	border-bottom: 4px solid rgba(0, 0, 0, 0.3);

}



#main-profile #profile-header .avatar {

	float: left;

}



#main-profile #profile-header .avatar img {

	position: absolute;

	margin-top: 80px;

	margin-left: 25px;

	width: 100px;

	height: 100px;

	border: 1px solid rgba(0, 0, 0, 0.15);

	background: rgba(0, 0, 0, 0.01);

	padding: 5px;

	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);

	border-radius: 75px;

	-webkit-border-radius: 75px;

	-moz-border-radius: 75px;

}



#main-profile #profile-header .username {

	display: block;

	float: left;

	margin-top: 120px;

	margin-left: 140px;

}



#main-profile #profile-header .username .name {

	margin-left: 5px;

	color: #F1F0F4;

	font-weight: bold;

	font-size: 20px;

	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);

}



#main-profile #profile-header .buttons {

	float: right;

	margin-top: 110px;

}



#main-profile #profile-header .buttons .drop-down {

	display: inline-block;

}



#main-profile #profile-body {

	overflow: auto;

	width: 100%;

}



#main-profile #profile-body .left-panel {

	float: left;

	width: 150px;

	border: 1px solid rgba(0, 0, 0, 0.1);

	background: transparent;

	border-radius: 5px;

	margin-top: 50px;

	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05);

	margin-left: 2px;

}



#main-profile #profile-body .left-panel .title {

	border-radius: 5px 5px 0px 0px;

}



#main-profile #profile-body .left-panel .body {

	padding: 10px;

	margin: 0px;

	text-align: center;

}



#main-profile #profile-body .right-panel {

	float: right;

	width: 324px;

	border: 1px solid rgba(0, 0, 0, 0.1);

	border-radius: 5px;

	margin-top: 15px;

	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05);

	margin-right: 2px;

}



#main-profile #profile-body .right-panel .title {

	border-radius: 5px 5px 0px 0px;

}



#main-profile #profile-body .right-panel .body {

	padding: 10px;

	margin: 0px;

}



#main-profile #profile-body #post textarea.message-box {

	width: 100%;

	height: 15px;

	resize: none;

	font-family: "Roboto";

	font-size: 13px;

	overflow: hidden;

}



#main-profile #profile-body #post textarea.message-box:focus {

	border: 0px;

	outline: 0px;

}



#main-profile #profile-body #post .post {

	float: right;

}



#main-profile #profile-body .delete {

	float: right;

	color: #CF1332;

	cursor: pointer;

}



.conversation-buttons, .conversation-buttons1 {

	overflow: auto;

}



.conversation-buttons a {

	float: right;

}



#main-profile #profile-body .time {

	font-size: 12px;

}



.achievment {

	overflow: auto;

	border: 1px solid #982438;

	border-radius: 3px;

	margin-bottom: 5px;

}



.achievment:last-child {

	margin-bottom: 0px;

}



.achievment img {

	width: 40px;

	height: 35px;

	float: left;

	padding: 2px;

	background: #982438;

	border-radius: 1px 0px 0px 1px;

}



.achievment p {

	font-size: 13px;

	padding-top: 4px;

}



#search-results {

	display: none;

	position: absolute;

	background: #fff;

	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);

	border-radius: 0px 0px 3px 3px;

	-webkit-border-radius: 0px 0px 3px 3px;

	margin-left: 8px;

	margin-top: -5px;

}



#search-results ul {

	list-style: none;

	margin-left: 0px;

}



#search-results ul li a {

	display: block;

	padding: 5px;

}



#search-results ul li a:hover {

	background: rgba(0, 0, 0, 0.05);

}



#up {

	display: none;

	position: fixed;

	font-size: 36px;

	right: 30px;

	bottom: 30px;

	background: #fff;

	border-radius: 3px;

	border: 1px solid rgba(0, 0, 0, 0.15);

	overflow: hidden;

	width: 40px;

	height: 35px;

	padding-top: 5px;

	text-align: center;

	cursor: pointer;

}



/* 	TAB SECTION	*/

#tabform {



}



#tabform .elements {

	overflow: auto;

}



#tabform .elements a {

	display: inline-block;

	float: left;

	padding: 5px;

	font-weight: 5px;

	color: #F1F0F4;

	background: #982438;

	border-left: 1px solid rgba(0, 0, 0, 0.1);

	border-top: 1px solid rgba(0, 0, 0, 0.1);

	border-right: 1px solid rgba(0, 0, 0, 0.1);

	margin-right: 5px;

	transition: 50ms all;

	-webkit-transition: 50ms all;

}



#tabform .elements a.active {

	background: #fff;

	color: #333;

	z-index: 2;

}



#tabform .tab {

	display: none;

	border: 1px solid rgba(0, 0, 0, 0.1);

	z-index: 1;

	margin-top: -1px;

	transition: 50ms all;

	-webkit-transition: 50ms all;

}



#tabform .tab.active {

	display: block;

}



#middle-box #tabform .tab {

	padding: 5px;

}



#left-side #box .title #tabform {

	display: inline-block;

	float: right;

}



#left-side #box .elements a {

	display: block;

	background: transparent;

	font-size: 14px;

	padding: 0px;

	border: 0px;

	margin-top: 2px;

}



#left-side #box .elements a.active {

	display: none;

}



#left-side #box .tab {

	border: 0px;

}



/*	TOOLTIP SECTION	*/

[data-tooltip] {

  position: relative;

  z-index: 99;

  cursor: pointer;

}



[data-tooltip]:before,

[data-tooltip]:after {

  visibility: hidden;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);

  opacity: 0;

  pointer-events: none;

}



[data-tooltip]:before {

  position: absolute;

  bottom: 150%;

  left: 50%;

  margin-bottom: 5px;

  margin-left: -80px;

  padding: 7px;

  width: 160px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  background-color: #000;

  background-color: hsla(0, 0%, 20%, 0.9);

  color: #fff;

  content: attr(data-tooltip);

  text-align: center;

  font-size: 14px;

  line-height: 1.2;

  font-weight: normal;

}



[data-tooltip]:after {

  position: absolute;

  bottom: 150%;

  left: 50%;

  margin-left: -5px;

  width: 0;

  border-top: 5px solid #000;

  border-top: 5px solid hsla(0, 0%, 20%, 0.9);

  border-right: 5px solid transparent;

  border-left: 5px solid transparent;

  content: " ";

  font-size: 0;

  line-height: 0;

}



[data-tooltip]:hover:before,

[data-tooltip]:hover:after {

  visibility: visible;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);

  opacity: 1;

}





/*	MODULE SECTION */

#module {

	display: none;

	opacity: 0;

	position: absolute;

	top: 0px;

	left: 0px;

	right: 0px;

	bottom: 0px;

	background: rgba(0, 0, 0, 0.7);

	padding-top: 250px;

	-webkit-transition: 100ms all;

	-moz-transition: 100ms all;

	-ms-transition: 100ms all;

	transition: 100ms all;

}



#module-body {

	display: block;

	width: 320px;

	margin: 0 auto;

	background: #fff;

	border: 1px solid rgba(0, 0, 0, 0.13);

	border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);

	margin-bottom: 15px;

}



#module-body .title {

	padding: 11px 10px 9px 10px;

	display: block;

	background: #990000;

	border-radius: 5px 5px 0px 0px;

	-webkit-border-radius: 5px 5px 0px 0px;

	-moz-border-radius: 5px 5px 0px 0px;

	color: #F1F0F4;

	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);

	border-bottom: 4px solid rgba(0, 0, 0, 0.1);

	font-variant: small-caps;

}



#module-body .title .close {

	margin-top: 2px;

	float: right;

	cursor: pointer;

}



#module .body {

	padding: 5px;

	font-size: 14px;

}

.text-left           { text-align: left; }
.text-right          { text-align: right; }
.text-center         { text-align: center; }
.text-justify        { text-align: justify; }
.text-nowrap         { white-space: nowrap; }