/*span.time{
	color: #515151;
	font-size: x-small;
}*/


td.post_avatar
{
	vertical-align: top;
}

td.post_avatar img
{
	display: none;
}

@media all and (min-width: 320px)
{
	td.post_avatar img
	{
		display: block;
	}
}

.post_content
{
	color: #202020;
	width: 100%;
}

.post_title
{
	padding-top: 2px;
}

.post_right
{
	color: #202020;
	text-align: right;
}

.post_list
{
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #7f7f7f;
	display: block;
	padding: 4px;
}

td.page_status
{
	padding: 7px;
	text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
	border: 1px solid #b1ffa4;
	background: #dfffe3;
	margin: 3px;
	display: inline-block;
	color: #151515;
}

.page_status2
{
	margin-left: 20px;
 	margin-bottom:0;
	border-style:solid;
	border-color:transparent  transparent #a6caf0  transparent ;
	border-width:0px 0px 10px 10px;	
	height: 15px; 
	width:5px;
	z-index: 2;
}

.forum_topic_panel
{
	margin: 3px;
	border: 1px solid #b0b0b0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 0;
}

.forum_topic_panel a
{
	padding: 5px;
	border-right: 1px solid #b0b0b0;
	display: inline-block;
}

.forum_topic_hide
{
	color: #b4b4b4;
	display: block;
	text-align: right;
	font-size: small;
}

.post_list{
	color: #242424;
	display: block;
	max-width: 100%;
	padding: 1px;
	border-bottom: 1px solid #c6c6c6;
}

.gradient_gray
{
	background: -o-linear-gradient(top, #FFFFFF, #DFDFDF) transparent;
	color: #4d4d4d;
	text-shadow: 0px -1px 0px white;
}

.padding
{
	padding: 6px;
}

td.forum_post_icon
{
	width: 20px;
	height: 20px;
}

td.forum_post_icon img
{
	margin-top: -2px;
}


td.forum_post_title
{
	text-shadow: 1px 1px 2px #3666c9, 0 0 1em #d5efff; 
}

td.forum_post_panel
{
	text-align: right;
	white-space: nowrap;
}

td.forum_post_content
{
	padding: 5px;
	color: #242424;
}


a.forum_message 
{
	background-color: #559baa;
	background: -o-linear-gradient(top, #3d71fa, #2b357d) transparent;
	padding: 8px;
	display: block;
	border: 1px solid #73bef0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	color: #ffffff;
}

.quote
{
	border: 1px solid #b0b0b0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px;
	color:#505050;
	background: -o-linear-gradient(top, #FFFFFF, #d7d7d7) transparent;
}

.radius_top	a{ border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; margin: 3px 3px 0px 3px; border-bottom:0;}
.radius_bottom a{ border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px;  margin: 0px 3px 3px 3px;}

input[type="submit"].insert
{
	background-color: #005984;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #005984;
	border-right: 1px solid #000000;
	border-top: 1px solid #005984;
	color: #ffffff;
	margin-top: 1px;
	padding: 0px 4px;
}

td.t1
{
	text-align: left;
	color: #ffffff;
	width: 50%;
	display: none;
}

td.t2
{
	text-align: center;
}

.photo
{
	padding: 0px;
	margin: 5px;
	border: 3px solid #e0e0e0;
}

.photo:hover
{
  -moz-transform: rotate(-2deg);  /* Firefox */
  -o-transform: rotate(-2deg);  /* Opera */
  -webkit-transform: rotate(-2deg);  /* Safari y Chrome */
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE */
}

.avatar:hover
{
  -moz-transform: rotate(-2deg);  /* Firefox */
  -o-transform: rotate(-2deg);  /* Opera */
  -webkit-transform: rotate(-2deg);  /* Safari y Chrome */
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE */
}

table.list_foto{
	width: 100%;
	text-align: center;
	padding: 0px;
	background-color:#ffffff;
}

div.list_foto{
	border: 1px solid #b6b6b6;
	display: inline-block;
	margin: 1%;
	padding: 1%; 
	width: 20%;
	text-align: left;
	background-color: #f6f6f6;
}

div.list_foto img{
	max-width: 100%;
	margin: 0px;
}


.toolbar
{
	height: 24px;
	min-width: 28px;
	display: block;
	background-image: url(icons/toolbar.png);
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 3px;
	position: relative;
}

.toolbar_info { background-position: center -34px; }
.toolbar_mail { background-position: center -81px; }
.toolbar_lenta { background-position: center -177px; }
.toolbar_friends { background-position: center -468px; }
.toolbar_refresh { background-position: center 8px; position: absolute; right: 0px; top: 0px; width: 34px; height: 34px; background-color: #008cc9; }
.toolbar_refresh:hover { background-color: #00a4ea; }


.toolbar_count 
{ 
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.447) 0px 1px 1px 0px;
	align-content: stretch;
	align-items: stretch;
	align-self: stretch;
	background: linear-gradient(to bottom, #88DD00, #229900);
	border-radius: 15px;
	box-shadow: rgba(0, 0, 0, 0.447) 0px 1px 1px 0px;
	color: #FFFFFF;
	display: inline-block;
	flex: 0 1 auto;
	flex-basis: auto;
	flex-direction: row;
	flex-flow: row;
	flex-grow: 0;
	flex-shrink: 1;
	flex-wrap: nowrap;
	font: normal normal 400 10px/12px Tahoma;
	height: 12px;
	justify-content: flex-start;
	margin: 0px 0px 0px -13px;
	min-width: 12px;
	order: 0;
	padding: 0px 3px;
	resize: none;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	width: 15px;
	position: absolute;
	margin: auto;
	margin-top: -32px;
}

/* The Modal Screen */

.notification-container{
	border: 1px solid #121212;
	padding: 10px; 
	background-color: #ffffff;
	width: 280px;
	margin: 0 auto;
	border-radius: 6px;
	-moz-border-radius: 6px;
	position: relative;
	z-index: 1;
	text-align: center;
}

.notification-container a {
	border: 1px solid #07608f;
	padding: 6px; 
	background-color: #ffffff;
	margin: 0 auto;
	border-radius: 6px;
	-moz-border-radius: 6px;
	text-align: center;
	padding: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #189f15;
	color: #f1f1f1;
	font-weight: bold;
	cursor: pointer;
}

.notification-link
{
	padding: 10px;
}

.loader-back{
	background-color: #161616;
	opacity: 0.6;
	position: fixed;
	width: 100%;
	height: 100%;
	display: block;
}

.loader-container{
	border: 1px solid #121212;
	padding: 6px; 
	background-color: #ffffff;
	width: 120px;
	margin: 0 auto;
	border-radius: 6px;
	-moz-border-radius: 6px;
	position: relative;
	z-index: 1;
}

.loader-icon{
	height: 16px;
	width: 16px;
	background-image: url(icons/ajax-loader.gif);
	display: inline-block;
	vertical-align: middle;
}


/* The Slider Touch */

.touchslider
{
	background: #505050;
	position: fixed;
	top: 0px;
}

.touchslider-viewport
{
	overflow: hidden; 
	position: relative;
	position: fixed;
	top: 0px;
	background-color: #3c3c3c;
}

.touchslider-viewport img 
{
	max-height: 100%;
	max-width: 100%;
}

.touchslider-item
{
	overflow: hidden; 
}


/* The Modal Screen */

.loader-back{
	background-color: #161616;
	opacity: 0.6;
	position: fixed;
	width: 100%;
	height: 100%;
	display: block;
}

.loader-container{
	border: 1px solid #121212;
	padding: 6px; 
	background-color: #ffffff;
	width: 120px;
	margin: 0 auto;
	border-radius: 6px;
	-moz-border-radius: 6px;
	position: relative;
	z-index: 1;
}

.loader-icon{
	height: 16px;
	width: 16px;
	background-image: url(icons/ajax-loader.gif);
	display: inline-block;
	vertical-align: middle;
}

.loader-spinner{
	height: 16px;
	width: 16px;
	background-image: url(/sys/javascript/icons/spinner.gif);
	display: inline-block;
	vertical-align: middle;
}


.modal-object
{
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 21;
	overflow: hidden;
	margin:0;
	padding:0;
}

.modal-content
{
	width: 100%;
	height: 100%;
	margin: 0;
}

.modal-content img
{
	max-height: 100%;
	max-width: 100%;
	display:block;
	margin: 0 auto;
	text-align: center;
}

.modal-buttons
{
	margin: 10px;
	padding: 10px;
	background: #1b1b1b;
	color: #fff;
	cursor: pointer;
	border-radius: 7px;
	-moz-border-radius: 7px;
	display: inline-block;
	position: absolute;
	z-index: 2;
}

.modal-nick
{
	margin: 10px;
	padding: 10px;
	background: #1b1b1b;
	color: #fff;
	cursor: pointer;
	border-radius: 7px;
	-moz-border-radius: 7px;
}

.modal-buttons a
{
	color: #fff;
	display: block;
}

#modal-right{
	right: 0px;
	top: 0px;
}

#comment{
	position: absolute;
	z-index: 1000;
}

.modal-nav{
	align-content: stretch;
	align-items: stretch;
	align-self: stretch;
	color: #FFFFFF;
	display: inline-block;
	flex: 0 1 auto;
	flex-basis: auto;
	flex-direction: row;
	flex-flow: row;
	flex-grow: 0;
	flex-shrink: 1;
	flex-wrap: nowrap;
	font: normal normal 400 80px/normal Arial;
	height: 89px;
	justify-content: flex-start;
	margin: 0px;
	order: 0;
	padding: 0px;
	resize: none;
	text-align: center;
	vertical-align: middle;
	visibility: visible;
	width: 44px;
	position: absolute;
	z-index: 2;
	display: none;
}

.player-background {
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    background-color: #333333;
}

.player-video{
    width: 100%;
    max-width: 500px;
}

span.ic_main, span.ic_menu, span.ic_media, span.ic_all {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}
 
span.ic_media{
    background-image: url(icons/media.png);
}
span.ic_main{
    background-image: url(icons/main.png);
}
span.ic_menu{
    background-image: url(icons/menu.png);
}
span.ic_all{
    background-image: url(icons/iconus.png);
}

span.slide_play {
    background-position: -0px -522px; 
}
span.slide_pause {
    background-position: 0px -490px;
}
span.status_like {
    background-position: 0px -16px;
}
span.status_delete {
    background-position: 0px -48px;
}
span.friends {
    background-position: 0px -240px;
}
span.mail {
    background-position: 0px -224px;
}
span.rate {
    background-position: 0px -144px;
}
span.guest {
    background-position: 0px -48px;
}
span.guest_n {
    background-position: 0px -64px;
}
span.notif {
    background-position: 0px -0px;
}
span.notif_n {
    background-position: 0px -16px;
}
span.tape {
    background-position: 0px -448px;
}
span.tape_n {
    background-position: 0px -464px;
}
span.foto {
    background-position: 0px -48px;
}


.modal-nav:hover{
	text-shadow: 0px 0px 20px white;
}

#nav-left{
	top: 40%;
	left: 10px;
}

#nav-right{
	top: 40%;
	right: 5px;
}

#modal-left-bottom{
	bottom: 5px;
	left: 5px;
	position: fixed;
}

#modal-right-bottom{
	bottom: 5px;
	right: 5px;
	position: fixed;
	z-index: 1000;
}

.modal-background {
	height: 90px;
	display: block;
	opacity: 0.3;
	position: fixed;
	bottom: 0px;
	background: #000000;
	padding: 4px;
}

.modal-foot-menu {
	height: 80px;
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0px;
	z-index: 222;
	color: #ffffff;
	margin: auto;
}

.modal-foot-menu a {
	display: inline-block;
}

.rtr_icon {
	background-image: url(icons/smrk10.png);
	height: 31px;
	width: 31px;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

.rtr_6 {
	background-position: -125px 0px;
}
.rtr_5 {
	background-position: -100px 0px;
	width: 25px;
}
.rtr_4 {
	background-position: -75px 0px;
	width: 25px;
}
.rtr_3 {
	background-position: -50px 0px;
	width: 25px;
}
.rtr_2 {
	background-position: -25px 0px;
	width: 25px;
}
.rtr_1 {
	background-position: 0px 0px;
	width: 25px;
}

div#modal-table
{
	display:table;
	width:100%;
	height:100%;
	margin: 0;
}

div#modal-row
{
	display:table-row;
	width:100%;
	height:100%;
	margin: 0;
}

div#modal-cell
{
	display:table-cell;
	height:100%;
	width:100%;
	vertical-align:middle;
	margin: 0;
}


/* BB Codes */

.color-panel, .background-panel
{
	border: 1px solid #7f7f7f;
	background-color: #ececec;
	width: 110px;
	height: 66px;
	position: absolute;
	right: 0px;
	top: 20px;
	padding: 1px;
	text-align: center;
	display: none;
}

.smiles-panel
{
	border: 1px solid #7f7f7f;
	background-color: #ececec;
	width: 320px;
	height: 220px;
	position: absolute;
	left: 0px;
	top: 20px;
	padding: 1px;
	text-align: center;
	display: none;
  overflow-y: scroll;
}


.other-panel { 
	border: 1px solid #7f7f7f;
	background-color: #ececec;
	max-width: 210px;
  max-height: 128px;
	position: absolute;
	left: 0px;
	top: 20px;
	padding: 1px;
	text-align: left;
	display: none;
  overflow-y: scroll;
}

.color-panel a, .other-panel a 
{
	margin: 1px;
}

.color-a
{
	border: 1px solid #7f7f7f;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin: 0px;
}

#toolbar
{
	position: relative;
	display: inline-block;
}