/* $Id: local-sample.css,v 1.1 2009/08/19 04:28:52 sociotech Exp $ */

/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */
.teaser {
	padding-bottom : 0;
	margin-bottom : 5px;
	margin-top : 10px;
/*	border-bottom : 2px solid #232323;*/
}
.clearfix .teaser {
	margin-bottom : 0;
	border : none;
	padding-left : 5px;
	padding-right : 5px;
}

div .screenshot {
	width : 220px;
	height : 130px !important;
	float : left;
}
.node .image-attach-body,
.screenshot .image-attach-body,
.node .screenshot .image-attach-body {
	float : left;
	margin-right : 10px;
}

#content-content .teaser .inner .content .screenshot {
	width : 200px;
	float : left;
	margin : 5px 5px 5px 0px;
}
.inf-cms {
	
}

.screenshot img {
	float : left;
	border : 2px solid #aeaeae;
}

/*	background :: #3a3a3a;
	color : #f3f3f3;*/
#content-content .teaser .inner .content .info-cms {
	float : left;
	width : 270px;
	font-family : sans-serif;
	font-size : 12px;
	letter-spacing : 0px;
	line-height : 15px;
	margin-top : 10px;
}
#content-content .teaser .inner .content .read-more {
	clear : both;
}

.block-portale .content, .block-blogi .content, .block-fora .content, .block-ecommerce .content, .block-elearning .content, .block-groupware .content , .block-wiki .content, .block-klanowe .content {
	height : 170px;
	-moz-border-radius : 0px;
	border-radius : 0px;
	-webkit-border-radius : 0px;
}

.block-portale h2.title, .block-blogi h2.title {
	font-weight : bold;
}

.block-portale h2.title {
	background : #00aa00;

}
.block-blogi h2.title {
	background : #dd00aa;
}

.views-rotator-blok_cms-block_1 {
	background : url('./../images/monitor.png') no-repeat scroll 0 0;
	text-align : center;
	height : 220px;
}
#views-rotator-blok_cms-block_1 {
	left : 16px;
	top : 15px;
}

body::selection { 
    background-color:orange;
        color:black;
}
.description-cms {
	clear : both;
	margin-top : 10px;
	padding-top : 10px;
	/*border-top : 1px dotted #3a3a3a;*/
}
.description-cms {
	/*clear : bottom;*/
	
}

.prosper-lightgraybackground-border .inner {
	padding : 10px;
}

a.active {
	font-weight : bold;
	text-decoration : underline;
}

#poll-view-voting .form-radios .form-item {
	float : left;
	font-size : 18px;
	font-weight : bold;
	padding : 5px;
	text-aling : center;
	
}
.prosper-lightgraybackground-border h2.block-title {
	display:block;
	float:right;
}
.node .inner div.terms, .node .inner div.links {
	background : #fff;
	color : #4f4f4f;
}

.node-type-list_cms .inner .links {
	-moz-border-radius : 0px;
	border-radius : 0px;
	-webkit-border-radius : 0px;
	background : none;
}

.list-cms-teaser {
	clear : both;
	text-align : justify;
}
#block-block-22 p {
	margin : 2px;
}

#block-menu-menu-cmsy h2.title, #block-menu-menu-cms-bet h2.title, #block-views-crm-block_1 h2.title {
	font-weight : bold;
	line-height : 18px;
}
	
.node_read_more {
	display : block;
	clear: both;
	float: right;
	margin-bottom: 5px;
}
.node_read_more a {
	background: #F57900;
	border: 2px solid #E9E9E9;
	color: white;
	margin: 0px;
	font-weight: bold;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 10px;

}
.node_read_more a:hover, .node_read_more a:focus {
	border-color : #fff;
}

.node-type-list_cms .inner h2.title {
	background-color: #fff;
	color : #353535;
	margin: -10px -10px 5px;
	padding: 10px;
}
#main-wrapper #main {
	border-bottom : 1px solid #353535;
}

#sidebar-last {
/*	width : 300px;*/
}

.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	position : relative;
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	width:940px;	
	min-height: 200px;
	border:1px solid #666;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
	background-image:url(http://static.flowplayer.org/img/overlay/apple.png);	
/*	margin-left : -300px;*/
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	/*background-image:url(../img/overlay/close.png);*/
	background: url(http://flowplayer.org/img/overlay/close.png) no-repeat;
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* styling for elements inside overlay */
	.details {
		position:absolute;
		top:15px;
		right:10px;
		font-size:11px;
		color:#fff;
		width:220px;
		white-space: normal;
		height : 300px;
	}
	
	.details h3 {
		color:#aba;
		font-size:12px;
		margin:0 0 15px 0;
		font-weight : bold;
	}
	.details h3.details_title {
		margin-top : 3px;
	}

#triggers {
/*	width : 450px;*/
}
#triggers img {
	width : 200px;
	height : 125px;
	float : left;
	margin : 5px 25px;
	padding : 5px;
  position : absolute;
  left : 0px;
  top : 10px;
	background : #353535;
	border : 1px solid #f0f0f0;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
}
.simple_overlay img {
/*	width : 700px !important;
	height : 438px !important;*/
}
#block-relatedcontent-0 h3{
	display : none;
}
div.fivestar {
	float: right;
	position: absolute;
	right: 3px;
	top: 10px;
}
.full-node div.fivestar {
	float: right;
	height: 110px;
	position: absolute;
	right: 3px;
	top: 0px;
	width: 110px;
}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 620px;
	width: 520px;
}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}
.scrollable .items .item {
	clear : both;
	font-size : 11px;
	height : 150px;
 	position : relative;
}

.scrollable .items .item p.node_readmore {
  bottom:21px;
  display:block;
  float:right;
  position:absolute;
  right:10px;
}

/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 640px;
	width: 700px;
	border-top:1px solid #ddd;	
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.item {
	border-bottom:1px solid #ddd;
	margin:10px 0;
	padding:15px 15px 15px 0px;
	font-size:12px;
	height:170px;
}

/* elements inside single item */
.item img {
	float:left;
	margin-right:20px;
	height:135px;
	width:210px;
}
.scrollable .items .item div, .scrollable .items .item p, .item h3  {
  left: 250px;
  margin: 0px 0px 5px;
  position: relative;
  width : 245px;
  line-height : 100%;
}

.item h3 {
  color: #456;
  font-size: 16px;
  font-weight: normal;
}

/* the action buttons above the scrollable */
#actions {
	width:700px;
	margin:30px 0 10px 0;	
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.next {
	float:right;
}	
.header-group-inner {
padding-bottom:5px;
padding-left:0;
padding-right:0;
padding-top:5px;
}
.tooltip {
	display:none;
	background : url('./../images/black_arrow.png');
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

.page {
	min-width : 960px;
}

.sf-menu ul {
	width : 20em !important;
}
.sf-menu ul li.leaf {
	width : 100%;
}
.submitted {
	font-size : 75%;
}
.node_read_more a:link, .node_read_more a:visited {
	background : #e26600 !important;
}

