﻿
/* project: internet music template
   author: luka cvrk (www.solucija.com) */

   
/* default styles
   -------------- */
  
body { 
	padding: 0; 
	margin: 0; 
	font: 0.74em Arabic Transparent; 
	line-height: 1.5em;
	--background: #75675E; 
	background: #8097b2; 
	color: #454545; 
	direction:rtl;
}

a {
	color: #4A8EBC; 
	background: inherit;
}

a:hover {
	color: #C3593C;
	background: inherit;	
}

a.title {
	color: #FE6700;
	background: #FFF;
}

h1 {
	font: bold 2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px; 
	padding: 2px 0 0 0px;
	margin: 0;
	color: #464548;
	background: inherit;
}

h1 a, h2 a {
	text-decoration: none;
	color: #464548;
	background: inherit;
}

h1 a:hover, h2 a:hover {
	color: #C3593C;
	background: #FFF;
}

h1 .red{
	color: #C3593C;
	background: inherit;
}


h2 { 
	margin: 0 0 5px 0; 
	padding: 0; 
	font: bold 1.5em Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #000; 
	background: inherit;
}

h2 .yellow{
	color: #FFFCD1;
	background: inherit;
}

p {	margin: 0 0 5px 0; }

ul { 
	margin: 0; 
	padding : 0; 
	list-style: inside; 
}

form { 
	margin: 0; 
}

input.search { 
	width: 145px; 
	height: 22px;
	border: none;
	background: #fff url(../img/input.gif) no-repeat; 
	padding: 5px 10px 0 25px;
	color: #808080;
}

input.button {
	color: #000;
	font: bold 1.1em Arial, Helvetica, Sans-Serif;
}

input.login { 
	width: 150px;
	border: none; 
	background: url(../img/logininput.gif); 
	padding: 4px; 
}

/* layout
   ------ */

.main { 
	margin: 10px auto;
	padding: 0px 0px 20px 0px;
	width: 960px;
	min-height:1000px;
	background: #FFF;
}

.content  
{
	text-align:center;
	margin: 0px auto;
	padding:5px;
	background: #FFF;
}

.logo
{
	width:317px; 
	padding-right:230px;
	float:right;
}

.logo img
{
	border-style:none;
	width: 150px;
}

.header_right {
	float: left;
	width: 550px;
	height: 72px;
}

.logo p {
	--font-size: 0.9em;
	--color: #808080;
	--padding: 0 0 0 7px;
	--background: inherit;
}


.top_info {
	width: 540px;
	margin: 12px 0 5px 0;
	padding: 0 5px 5px 0;
	text-align: left;
	background: #FFF url(../img/dot.gif) repeat-x bottom;
	color: #444;
}
	

.slogan {
	text-align: right;
	width: 160px;
}


.bar { 
	text-align: right;
	font-size: 1.1em;
	height: 30px; 
}

	.bar li { 
		
		padding: 0px 10px 8px 10px;
		color: #808080;
		background: #FFF;
		display: inline;
	}
	
	.bar li.active { 
		background: #FFF url(../img/bar.gif) no-repeat center bottom; 
		color: #C3593C;
		font-weight: bold; 
		padding-bottom: 8px; 
	}

	.bar a { 
		font-weight: bold;
		color: #4A8EBC; 
		background: inherit;	
	} 

.search_field { 
	text-align: center;
	width: 100%;
	height: 24px;
	background: #2d4159; 
	color: #C3593C;
	clear: both;
	direction:rtl;
	text-align: center;
	padding: 5px 0px 0px 0;
	font-size:16px;
}

.search_subfield 
{
	text-align: center;
	width: 100%;
	height: 15px;
	background: #EFF2F5; 
	color: #000;
	clear: both;
	text-align: center;
	padding: 5px 0px 5px 0;
	font-size:16px;
}

	.search_field  li , .search_subfield li { 
		padding: 0px 0px 0px 0px;
		color: #808080;
		display: inline;
	}
	
	.search_field  li.active, .search_subfield li.active { 
		color: #C3593C;
		font-weight: bold; 
		padding-bottom: 8px; 
	}

	.search_subfield a { 
		font-weight: bold;
		color: #000; 
		background: inherit;	
		padding: 0px 0px 0px 0px;
		text-decoration:none;
	} 
	
	.search_field a { 
		font-weight: bold;
		color: #fff; 
		background: inherit;	
	} 

.grey {
	font-size: 1.2em;
	font-weight: bold;
	color: #ccc;
	background: inherit;
	
}

.search {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	background: inherit;	
}

.newsletter {
	float: left;
	height: 33px;
	padding: 15px 0 0 15px;
	width: 30px;
	background: black url(../img/newsletterbg.gif) no-repeat;
	color: #FFF;
	margin: 0 0 3px 0;
}
	
	.newsletter .active { 
		color: #C3593C;
		font-weight: bold; 
		padding-bottom: 8px; 
	}

	.newsletter a { 
		font-weight: bold;
		color: #FFF; 
		background: inherit;	
	} 

.subheader {
	clear: both;
	text-align:center;
	--margin: 0px 0 10px 0;
	padding: 8px;
	--background: #f4f4f4;
	color: #C3593C;
	--border-bottom: 1px solid #ccc;
}

/* left side
   --------- */

.leftShow {
	float: right;
	width: 29%;
	margin: 0 0 10px 0;
	font-size:medium;
	line-height: 140%;
	text-align:justify;
	--border-right:1px solid #d4d4d4;
}

/* left side
   --------- */

.left {
	float: left;
	width: 69%;
	margin:0px 1% 10px 1%;
	border-right:1px solid #d4d4d4;
	padding-right:1%;
}

.left a 
{
	margin:10px;
	background: inherit;
}

	.lt {
		height: 10px;
		background: #6E6E6E url(../img/lt.gif) no-repeat;
		color: #FFF;
	}
	
	.lbox {
		color: #eee;
		padding: 3px 12px;
		margin: 0 0 15px 0;
		background: #6E6E6E url(../img/lb.gif) no-repeat bottom left
	}
	
	.lbox a {
		color: #FFFCD1;
		background: inherit;
	}
	
	.lbox h2 {
		color: #FFF;
		background: #6E6E6E;
	}
	
	
.thumb1 {
	float: left;
	width: 150px;
	border: 1px solid #d4d4d4;
	color: #fff;
	background: #6e6e6e;
	margin: 0 15px 15px 0;
	padding: 5px;
}

.thumb1 p { margin: 0; padding: 3px; color: #FFF; background: #6e6e6e; }

/* rightShow side
   ---------- */
.rightShow {
	float: right;
	width: 29%;
	margin: 0 0px 10px 0;
}

.rightShow a 
{
	margin:10px;
	background: inherit;
}

/* middle side
   ---------- */
.middleShow {
	float: right;
	width: 40%;
	margin: 10px 10px 10px 10px;
}

.middleShow a 
{
	margin:10px;
	background: inherit;
}
	
/* right side
   ---------- */
   
.right {
	float: left;
	width: 25%;
	margin: 0 0 10px 0;
	font-size:medium;
	line-height: 140%;
	text-align:justify;
	--border-right:1px solid #d4d4d4;
}
	.right_articles {
		margin: 0 0 15px 0;
		padding: 0 0 0 10px;
		font-size:18px;
		line-height:30px;
	}
	
	.rt {
		background: #C85E35 url(../img/rt.gif) no-repeat;
		color: #FFF;
		height: 7px;
	}
			
.image {
	float: left;
	margin: 0 9px 3px 0;
}

/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	line-height: 1.8em;
	color: #808080;
	background: #FFF;
	padding: 8px 0;
}

.footer a {
	color: #C3593C;
	background: inherit;
}


.grayHr  {background-color:#6D7B8D;height: 1px;width:100%;direction:rtl; margin:8px;}
.redHr  {background-color:Red;height: 1px;width:100px; border-style:none;direction:rtl;margin:10px; float:right;}
.thinHr  {background-color: #C3593C;height: 1px;width:100%;direction:rtl;  }
.headerFooterHr  {background-color: #CC9933;height: 5px;width:80%;}
.hr  {background-color: #C3593C;height: 5px;width:100%;float:right;direction:rtl; }
.hrnofloat  {background-color: #CC9933;height: 1px;width:50%;direction:rtl;margin:10px;}
.hrfloat  {background-color: #CC9933;height: 1px;width:30%;direction:rtl;margin:10px; float:left;}

.newsEntree_semi0 
{
	height:90px; 
	text-align:right;
	direction:rtl; 
	width:47%;
	float:left; 
	border-bottom: solid 1px #d4d4d4;
}
.newsEntree_semi1
{
	height:90px;
	text-align:right;
	direction:rtl;
	width:47%;
	float:right;
	border-bottom: solid 1px #d4d4d4;
}
.newsPicMini img{margin:2px;float:left; padding:5px;}
.newsEntreeTitle_semi {color:Black; font-size:15px; font-weight:bold;  text-align:center; text-decoration:none;line-height:150%;}
.newsEntreeTitle_semi a {color:#0000A0; font-size:15px; font-weight:bold; text-decoration:none; line-height:150%;}


.newsEntreeHide{min-height:100px; text-align:right;direction:rtl; padding:5px; background:#E6E6E2;}
.newsEntree0{ min-height:100px; text-align:right;direction:rtl; padding:5px;}
.newsEntree1
{
	min-height:100px;
	text-align:right;
	direction:rtl;
	--background-color:#F4F2F1; 
	background-color:#f4f8fc; 
	padding:5px;
}
.newsEntreeShort0{text-align:right;direction:rtl; background-color:#FCF8F3; margin:0 5px 0 5px; padding:0 5px 0 5px;}
.newsEntreeShort1{text-align:right;direction:rtl;background-color:#fff; margin:0 5px 0 5px; padding:0 5px 0 5px;}
.newsEntreeTitle {color:Blue; font-size:large; font-weight:bold; margin-bottom:10px; text-align:center; text-decoration:none;}
.newsEntreeTitle a {color:Blue; font-size:large; font-weight:bold; text-decoration:none;}
.newsEntreeBody{ text-align:justify;text-indent:5px;margin-left:10px;line-height: 200%; }
.newsShowEntreeBody{ text-align:right;text-indent:5px;margin-left:10px;line-height: 200%; font-size:12px; }
.newsEntreePicture{ float:right; margin-left:10px;direction:ltr;}
.date{  font-size:x-small;text-indent:50px; margin-left:10px;}
.categoryEntree{float:right;direction:rtl; text-align:right; padding: 8px;margin:0; width:200px; text-align:center; font-style:italic; color:#C3593C; font-weight:bold; font-size:x-large}
.selectedMenuItem{text-decoration: line-through; font-weight:bold;}

.newsEntreeFullStory .newsPic img{margin:5px; vertical-align:top; max-width:300px;float:right;}
.newsEntreeFullStory p{font-size:20px; padding:5px; line-height:130%; margin:10px;}
.adEntree {border: 1px outset #ffffff;color:Green; background-color:#FFF8C6}

.newsEntreeMini0{height:100px; text-align:right;direction:rtl; padding:5px; border-bottom: solid 1px #d4d4d4; margin:2px;}
.newsEntreeMini1{height:100px;text-align:right;direction:rtl; padding:5px; border-bottom: solid 1px #d4d4d4; margin:2px;background-color:#f4f8fc;
                 }
.newsEntreeTitleMini {margin-bottom:10px;}
.newsEntreeTitleMini p {color:Black; font-size:18px; }
.newsEntreeTitleMini a {color:#0000A0; font-size:15px; font-family:Arial; font-weight:bold; text-decoration:none;}
.newsEntreeTitleMini a:hover {color:Red;}
.newsEntreeTitleMini ul li {list-style-type:square;color:Red;}
.minioptions
{
	font-weight:bold; color:#8097b2; font-size:12px; padding:5px;
	text-align:right;
}
	.minioptions .num
	{
		font-size:18px;
	}
	
.options
{
	width:100%;float:right; height:20px; margin-top:5px;font-weight:bold; color:#8097b2; font-size:12px;vertical-align:middle;
}
	.options .num
	{
		font-size:18px;
	}
	
a:hover p{
	color: #C3593C;
	background: inherit;	
}

.fbutton {
        background-color: #3b5998;
        border-color: #d8dfea rgb(14, 31, 91) rgb(14, 31, 91) rgb(216, 223, 234);
        border-style: solid;
        border-width: 1px;
        color: #fff;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
        font-size: 11px;
        margin: 0 2px;
        padding: 2px 18px;
}

.tooltip { 
    display:none; 
    background:url(http://static.flowplayer.org/tools/img/tooltip/white_arrow_big.png);
    line-height:20px;
    height:163px; 
    padding:40px 30px 10px 30px; 
    width:310px; 
    font-size:15px; 
    color:#000; 
    text-align:justify;
} 

/* a .label element inside tooltip */ 
.tooltip .label { 
    color:yellow; 
    width:35px; 
} 
 
.tooltip a { 
    color:#ad4; 
    font-size:11px; 
    font-weight:bold; 
}

/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    min-width:275px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../img/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

DIV.ProgressBar { width: 100px; padding: 0; border: 1px solid black; margin-right: 1em; height:.75em; margin-left:1em; display:-moz-inline-stack; display:inline-block; zoom:1; display:inline; }
DIV.ProgressBar DIV { background-color: Green; font-size: 1pt; height:100%; float:left; }
SPAN.asyncUploader OBJECT {  float:left; }

.sidemenu
{
}
	.sidemenu .title
	{
		color:#C3593C; 
		padding:5px; 
		font-family:Arabic Transparent; 
		font-size:16px; 
		font-weight:bold;
	}
	
	.sidemenu a
	{
		padding:2px; 
		font-size:14px; 
		font-weight:bold;
		text-decoration:none;
		--color: #4A8EBC; 
		color: #ffffff; 
		background: inherit;
	}
	
	.sidemenu a:hover {
		color: #C3593C;
		background: inherit;	
	}

	.sidemenu a.active {
		color: #FFF;
		background: #FE6700;
	}

.timeline
{
	height:30px;
	font-weight:bold;
	border-bottom: dashed 1px #C3593C;
}
	.timeline .menu a
	{
		padding:2px; 
		font-size:15px; 
		text-decoration:none;
		color: #C3593C; 
		background: inherit;
		font-weight:bold;
	}
	
	.timeline .menu a:hover {
		text-decoration:underline;
		background: inherit;	
	}

	.timeline .menu a.active {
		color: #FFF;
		background: #FE6700;
	}

	.timeline .leastread
	{
		text-align:left;
		--float:left;
		width:150px;
	}
	
.inputArea
{
	clear:both;
    font-family: Arial, Sans-Serif;
    font-size: 16px;
    font-weight:bold;
    background-color: #d6e5f4;
    padding: 10px;
    margin-right:100px;
    margin-left:100px;
    border: solid 3px #8097b2;
}

	.inputArea img
	{
		border: solid 3px #8097b2;
	}

	.inputArea .editor-label
	{
		padding:8px;
	}

	.inputArea textarea
	{
		height:350px;
	}

	.inputArea input, .inputArea textarea
	{
		font-family: Arial, Sans-Serif;
		font-size: 13px;
		margin-bottom: 5px;
		display: block;
		padding: 4px;
		width: 97%;
	}

	.inputArea input[type="text"]:focus, .inputArea textarea:focus
	{
		background-image: none;
		background-color: #ffffff;
		border: solid 1px #33677F;
	}

	.activeField
	{
			background-image: none;
			background-color: #ffffff;
			border: solid 1px #33677F;
	}
	.idle
	{
		border: solid 1px #85b1de;
		background-image: url( 'blue_bg.png' );
		background-repeat: repeat-x;
		background-position: top;
	}
	
	.inputArea .error, .inputArea img
	{
		float:left;
	}
	
	.inputArea .errorMsg
	{
		text-align:center;
		color:Red;
	}
	
	.inputArea .mini textarea
	{
		height:100px;
	}
	
.likeLink a
{
		--background-image: url(http://www.almogtarbeen.com/content/img/almogtarbeen/almogtarbeen.ico);
		--background-repeat: no-repeat;
		outline: none;
		text-decoration: none;
		text-align:right;
		--padding-left: 25px;
		font-size:14px;
		direction:rtl;
}

.social img
{
	height:60px;
}
