/* CSS Document */

/* HOME CONTENT */

#homeContent{ 
	background:url(../../images/home/bgHome.gif) repeat-y;
	background-color:#7DCF00;
	width: 910px;
	padding: 0 15px 0 15px;
	float: left;
	}
	
#homeMain{ 
	float: left;
	width: 510px;
	margin: 15px 0 15px 0;
	}	

#homePanelLogin{
	background:url(../../images/home/ClientLogin.gif) no-repeat;
	width: 68px;
	height: 21px;
	float: right;
	padding: 3px 0 0 20px;
}

#homePanelLogin a 
{
	color:#FFFFFF;
	text-decoration:none;
}

#homePanelLogin a:hover 
{
	text-decoration:underline;
}


	
#homeFlash{ 
	height: 275px;
	width: 510px;
	}
	
#homeLatest{ 
	height: 500px;
	width: 510px;
	}
	
#homeLatest span{ 
	background-color:#7DCF00;
	padding: 1px;
	color: #fff;
	}
	
#homeLatest span a{ 
	color: #fff;
	text-decoration: underline;
	}
	
#homeLatest span.title{ 
	color:#ff0;
	font-weight: bold;
	}
	
.homeLatestBox1{ 
	float: left;
	height: 240px;
	width: 250px;
	padding: 15px 10px 0 0;
	}
	
.homeLatestBox2{ 
	float: left;
	height: 240px;
	width: 250px;
	padding: 15px 4px 0 0;
	}
	
.homeLatestBox3{ 
	float: left;
	height: 200px;
	width: 250px;
	padding: 0 10px 0 0;
	}
	
.homeLatestBox4{ 
	float: left;
	height: 200px;
	width: 250px;
	}
	

#homePanel{ 
	float: right;
	padding: 0;
	margin: 0 0 0 0;
	background-color:#7DCF00;
	}
	
#homePanelTop{ 
	margin: 0 15px 10px 15px;
	width: 350px;
	color: #fff;
	padding-bottom: 5px;
	border-bottom: 1px solid #99ff33;
	}
	
#homePanelTop h1{ 
	width: 172px;
	height: 186px;
	position: relative;
	border: none;
	}
	
#homePanelTop h1 span {
	background:url(../../images/home/Strapline.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
h2.titleBlog{ 
	width: 61px;
	height: 40px;
	position: relative;
	}
	
h2.titleBlog span {
	background:url(http://www.tamar.com/media/26632/titleblog.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
h2.titlePress{ 
	width:61px;
	height: 36px;
	position: relative;
	}
	
h2.titlePress span {
	background:url(http://www.tamar.com/media/26637/titlenews.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
h2.titleSocial{ 
	width:170px;
	height: 27px;
	position: relative;
	}
	
h2.titleSocial span {
	background:url(../../images/home/TitleSocial.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
h2.titleTransforming{ 
	width:253px;
	height: 41px;
	position: relative;
	}
	
h2.titleTransforming span {
	background:url(../../images/home/TitleTransforming.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
h2.titleLatest{ 
	width:86px;
	height: 28px;
	position: relative;
	}
	
h2.titleLatest span {
	background:url(../../images/home/TitleLatest.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
.homePanelMiddle{ 
	width: 340px;
	margin: 0 15px 5px 15px;
	border-bottom: 1px solid #99ff33;
	}
	
.homePanelMiddleEnd{ 
	width: 300px;
	margin: 0 15px 5px 15px;
	}
	
.homePanelMiddle p{ 
	color: #fff;
	padding: 3px 0 3px 0;
	}
	
.homePanelMiddle p a{ 
	text-decoration: underline;
	color: #fff !important;
	}
	
.homePanelMiddle p a:hover{ 
	text-decoration: none;
	color: #fff !important;
	}
	
.homePanelMiddle span.date{ 
	color: #99ff33;
	padding: 0 0 10px 0;
	margin: 0;
	}
	
#homeContent h1{
	font-size: 1.2em;
	font-weight: bold;
	color: #fff !important;
	margin: 0;
	padding: 0;
}

#homeContent h2{
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.blogPost, .blogPost a{
color: #fff;
padding: 6px 0 0 0;
}

.blogPost, .blogPost a:visited, .blogPost, .blogPost a:hover{
color: #fff;
padding: 6px 0 0 0;
}

.blogPost a.blogPost {
color: #fff;
padding: 6px 0 0 0;
}

.blogSub, .blogSub a{
color: #99ff33;
margin: 0;
padding: 0;
}

.blogSub a.blogSub{
color: #99ff33;
}



	
/* SCROLL BOX */

.scrollUpdate{
	margin: 0;
	padding: 5px 5px 5px 5px;
	border: 0;
	width: 320px;
	height: 244px;
	overflow: auto;
	background:url(../../images/home/bgNews.gif) no-repeat;
}

.scrollUpdateText{
	margin: 0;
	padding: 8px;
}

.scrollList{
	margin: 0;
	border: 0;
	width: 270px;
	height: 350px;
	overflow: auto;
	background-color: #f4f2f0;
}

.scrollListText{
	margin: 0;
	padding: 8px;
}

#list{
	margin: 0;
	padding: 0px;
}

.scrollMain{
	margin: 0;
	border: 0;
	width: 438px;
	height: 180px;
	overflow: auto;
}

.scrollMainText{
	margin: 0;
	padding: 0 8px 0 0;
}

.scrollComments{
	margin: 0;
	border: 0;
	width: 438px;
	height: 300px;
	overflow: auto;
}

.scrollCommentText{
	margin: 0;
	padding: 0 8px 0 0;
}

.pageWrapper {
margin: 4px auto;
width: 200px;
}

/* TITLES */

#homePanelTop ul li{
	list-style-image: none; 
	margin: 0 0 0 -19px;
	}
	
#homePanelTop ul{
	list-style: none; 
	}
	
#homePanelLoginContent{
	padding: 0 0 40px 0;
	}


h2.integrated{
	height: 25px;
	width: 286px;
	background-image: url("http://www.tamar.com/media/26699/title-intergrated.gif");
}

h2.integrated a {
	display: block;
	height: 25px;
	width: 286px;
	position: relative;
}

h2.integrated a:hover {
	visibility: visible; 
}

h2.integrated a span {

	background: url("http://www.tamar.com/media/26699/title-intergrated.gif");
	position: absolute;
	height: 25px;
	width: 286px;
	cursor: pointer; /* IE */
}

h2.integrated a:hover span {
	background: url("http://www.tamar.com/media/26699/title-intergrated.gif") 0 -25px no-repeat;
}

h2.SEO{
	height: 25px;
	width: 286px;
	background-image: url("http://www.tamar.com/media/26709/title-seo.gif");
}

h2.SEO a {
	display: block;
	height: 25px;
	width: 286px;
	position: relative;
}

h2.SEO a:hover {
	visibility: visible; 
}

h2.SEO a span {
	background: url("http://www.tamar.com/media/26709/title-seo.gif");
	position: absolute;
	height: 25px;
	width: 286px;
	cursor: pointer; /* IE */
}

h2.SEO a:hover span {
	background: url("http://www.tamar.com/media/26709/title-seo.gif") 0 -25px no-repeat;
}



h2.social{
	height: 25px;
	width: 286px;
	background-image: url("http://www.tamar.com/media/26714/title-social.gif");
}

h2.social a {
	display: block;
	height: 25px;
	width: 286px;
	position: relative;
}

h2.social a:hover {
	visibility: visible; 
}

h2.social a span {
	background: url("http://www.tamar.com/media/26714/title-social.gif");
	position: absolute;
	height: 25px;
	width: 286px;
	cursor: pointer; /* IE */
}

h2.social a:hover span {
	background: url("http://www.tamar.com/media/26714/title-social.gif") 0 -25px no-repeat;
}


h2.conversion{
	height: 25px;
	width: 286px;
	background-image: url("http://www.tamar.com/media/26704/title-conversion.gif");
}

h2.conversion a {
	display: block;
	height: 25px;
	width: 286px;
	position: relative;
}

h2.conversion a:hover {
	visibility: visible; 
}

h2.conversion a span {
	background: url("http://www.tamar.com/media/26704/title-conversion.gif");
	position: absolute;
	height: 25px;
	width: 286px;
	cursor: pointer; /* IE */
}

h2.conversion a:hover span {
	background: url("http://www.tamar.com/media/26704/title-conversion.gif") 0 -25px no-repeat;
}


h2.analytics{
	height: 25px;
	width: 286px;
	background-image: url("http://www.tamar.com/media/26719/title-analytics.gif");
}

h2.analytics a {
	display: block;
	height: 25px;
	width: 286px;
	position: relative;
}

h2.analytics a:hover {
	visibility: visible; 
}

h2.analytics a span {
	background: url("http://www.tamar.com/media/26719/title-analytics.gif");
	position: absolute;
	height: 25px;
	width: 286px;
	cursor: pointer; /* IE */
}

h2.analytics a:hover span {
	background: url("http://www.tamar.com/media/26719/title-analytics.gif") 0 -25px no-repeat;
}


/*
 AA: idea taken from .homePanelMiddle span.date 
 so the following is ONLY and ONLY 
 1- applied to span elements having class "date"
 2- which are inside div elements having class "whitepaper" 

 Effect:
 The "descriptions" of white paper get bold (they have class date according to the provided wire frame!)
*/
.whitePaper span.date
{ 
  font-weight:bold
}
























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */