/*use JavaScript to add the as-text class for img
and make sure that alt-attributes are properly defined in your markup */
img.as-text { content: attr(alt); }	

/* eliminate outlines
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
}
*/

/*@font-face {
    font-family: 'Comfortaa Regular';
    src: url('Comfortaa.eot');
    src: local('Comfortaa Regular'),
         local('Comfortaa'),
         url('Comfortaa.ttf') format('truetype'),
         url('Comfortaa.svg#font') format('svg');
}
*/
body {
margin:0;
padding:0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: small;
	color: #333333;
	background: #ffffff url(img/abg.gif);
}
div {
background: #ffffff;
}

a:hover {text-decoration: underline }
	
#wraper {
	direction: rtl;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	background: #ffffff url(img/abg.gif);
}

#header {
	width:100%;
	height: 33px;
	border-bottom: thin dotted #999;
}
.site_desc {
text-align:right;
}

	#content {
	color: #000;
	text-align: right;
	margin-top: 5px;
	border-radius: 10px 10px 10px 10px;
	min-height: 340px;
	position: relative;
		}
		
#m_item {
z-index: 1000;
text-align: right;
  position: absolute;
     left: 0px;
     top: 20px;
     width:95%;
     background-color: #FFFFFF;  
	border-radius: 10px 10px 10px 10px;
	margin:3px;
 border:1px solid #000;
-webkit-box-shadow: 4px 4px 11px #808080;
-moz-box-shadow: 4px 4px 11px #808080;
box-shadow: 4px 4px 11px #808080;
}		

#footer, #footer a {
	margin-top: 5px;
	font-size: 10px;
background-color: #DDDDDD; 
}

/*
First, you can improve readability by increasing the font size of any small or medium-sized text. Next, clicking is generally less precise on mobile devices, so make sure to increase the clickable areas of any important buttons or links by setting display: block and adding padding to the clickable elements.

Additionally, floated elements can cause problems for mobile layouts, so consider removing any floats that aren't absolutely necessary. Remember that horizontal real estate is especially expensive on mobile, so you should always opt for adding vertical scrolling as opposed to horizontal.

Finally, mouseover states do not work with most mobile devices, so make sure to have proper definitions of :active-states. Also, sometimes it may be useful to apply definitions from the already defined :hover states to the :active states.
*/
#menu {
/*	width:100%;
	height:29px;
	padding-top: 3px;
	background-color: #C0C0C0;
		background-image: -moz-linear-gradient(top, #808080, #D3D3D3 22%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #808080), color-stop(0.22, #D3D3D3)); */
}

.button, .xbutton, .mine{
line-height:190%;
-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.4);
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,185,1));
	display:inline-block;
	border:1px solid rgba(0,0,0,0.5);
	width:18%;
	height: 20px;
	font-weight:bold;	
}
.button u, a:link, a:visited{
color:#910000;
font-size:12px;
text-decoration:none;
text-align:center;
vertical-align: middle;
text-shadow:1px 1px 0px rgba(255,255,255,0.8);
}

.button:hover {
	cursor: pointer;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.button:active {
	position:relative;
	top:1px;
}
.b_selected{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #777) );
	background:-moz-linear-gradient( center top, #ededed 5%, #777 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#777');
	background-color:#ededed;
}
.home{
width:15%;
}
	
#searchBox {
margin:2px;
padding:0;
border-radius: 0px 0px 5px 5px;
background-color: #EEE;
}
.st, .sl, .s_submit {
 -moz-transition: all 0.7s ease 0s;
     border: 1px solid #D1D1D1;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    color: #AEAEAE;
    font: bold 12px Arial,Helvetica,Sans-serif;
    padding: 6px 15px 6px 35px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.st {
    background: url("img/search.png") no-repeat scroll 10px 6px #FCFCFC;
    width: 30%;
}

.sl {
direction:ltr;
width: 30%;
height:28px;
}

.s_submit {
width: 10%;
color: #333;
}

#logo {
	float: right;
	 margin-left: 50px;
}

.n_item {
	margin-top: 4px;
	margin-bottom: 10px;
	border-bottom: thin ridge #666;
}
.n_title, .m_title  {
	font-size: 16px;
	font-weight: bold;
	color: #910000;
	text-indent: -5px;
	margin-right: 5px;
	position: relative;
	margin-left:20px;
	cursor: pointer;
	padding-top:10px;
}

.n_title a:link, a:visited{
	font-size: 16px;
	font-weight: bold;
	color: #910000;
	text-decoration: none;
}
.n_cred {
	font-size: 9px;
	color: #666;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-right: 10px;
}
.f_cred {
font-size: 11px;
font-weight: bold;
}
.n_cont {
	font-size: 13px;
	color: #000000;
	padding-right: 10px;
	padding-left: 10px;
}

.n_cont iframe,.n_cont object,.n_cont embed,.n_cont img {
max-width: 280px;
overflow: hidden;
height:auto;
padding-bottom:8px;
}
.m_cont {
	font-size: 14px;
	color: #000000;
	padding-right: 10px;
	padding-left: 10px;
}

.m_cont iframe, .m_cont object, .m_cont embed, .m_cont img {
max-width: 280px;
overflow: hidden;
height:auto;
/*display:block; */
padding-bottom:8px;
}
#banner_468 object {
max-width: 300px;
overflow: hidden;
height:auto;
}

}
.n_picked {
	display: block;
}
.n_picked img {
max-width:150px;
height: auto;
}
.p_title {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	display:block;
	text-shadow:1px 1px 1px #999;
}
.p_title i{
	font-size: 10px;
	color: #999;
}
#content search_block {
	position: absolute;
	bottom: 0px;
	margin-right: auto;
	margin-left: 0%;
	width: 100%;
}

#loading {
 /*   background: url(img/loadinfo.gif) no-repeat; */
  /*  display:none;*/
    position:absolute;
    left:50%;
    top:20px;
    height:50px;
    width:auto;
/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}
.closeBox {
	font-size:12px;
	color: #999;
	margin-right:20px;
	margin-left:20px;
	float:left;
}
#overlay {
   z-index:1;
  position: absolute;
 top:0px;
  left:0px;
  width:100%;
  height:100%;
}
.transparent{
background: #000000 url(img/transparent.png) repeat scroll 0 0 transparent;
}
.details{
margin-right:10px;
display:block;
font-size:14px;
color: #000;
background-color: #FEA;
font-weight:bold;
}
.priv_subj {
	font-size: 14px;
	font-weight: bold;
	color: #910000;
	margin-top: 3px;
	margin-bottom: 3px;
background: #FFEA93;
}
.priv_subj span {
font-size: 12px;
color: #000;
}
.priv_sub:link {
text-decoration:none;
}
.f_message {
/*	background: #FFEA93; */
	margin: 8px;
	border: thin dotted #063;
	padding: 5px;
border-radius: 5px 5px 5px 5px;
}
.a_message{
background-color: #EEEEEE;
margin-bottom:10px;
}
.priv_msg {
display:none;
	font-size: 14px;
	line-height:16px;
	padding: 3px;
	margin-right:10px;
	width: 95%;
	background: #000000 url(img/transparent.png) repeat scroll 0 0 transparent;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 1px 2px 5px #808080;
	-moz-box-shadow: 1px 2px 5px #808080;
	box-shadow: 1px 2px 5px #808080;
	border: thin outset #666;
}

.personal {
	/*background: #999; */
	margin-top:5px;
	padding-right:5px;
}
.mine{
width:50%;
}
.mine_title{
height:34px;
background: #FFD993;
margin-bottom:10px;
text-align:center;
}
.d_link {
background-color: #EEEEEE;
font-size: 14px;
	margin: 8px;
	text-decoration:none;
		font-weight: bold;
}
a.glow, a.glow:hover, a.glow:focus
{
	text-decoration: none;
	color: #aaf;
	text-shadow: none;
	-webkit-transition: 500ms linear 0s;
	-moz-transition: 500ms linear 0s;
	-o-transition: 500ms linear 0s;
	transition: 500ms linear 0s;
	outline: 0 none;
}
.toggled{
    display:none;
    }