/* Solutions Index Page */
.solutions-index-index .toolbar.top .pager .toolbar-amount			{ display:none; }
.solutions-index-index .toolbar.top .pager .limiter					{ float:right; }
.solutions-index-index .toolbar.top .pager .pages					{ display:none; }
.solutions-index-index .toolbar.bottom .pager .toolbar-amount		{ float:left; }
.solutions-index-index .toolbar.bottom .pager .limiter				{ display:none; }
.solutions-index-index .toolbar.bottom .pager .pages				{ float:right; }

/* Solutions Category Page */
.solutions-index-category .toolbar.top .pager .toolbar-amount		{ display:none; }
.solutions-index-category .toolbar.top .pager .limiter				{ float:right; }
.solutions-index-category .toolbar.top .pager .pages				{ display:none; }
.solutions-index-category .toolbar.bottom .pager .toolbar-amount	{ float:left; }
.solutions-index-category .toolbar.bottom .pager .limiter			{ display:none; }
.solutions-index-category .toolbar.bottom .pager .pages				{ float:right; }

.solutions-index-index .page-title-wrapper, .solutions-index-category .page-title-wrapper {
	padding:0;
	display:inline-block;
}
.solutions-index-index .page-title, .solutions-index-category .page-title {
	display:inline-block;
}

.solutions-toolbar.top {
	float:right;
	margin:-5px 0 15px 30px;
}

.content_inner {
	padding:25px;
}
.solutions-list {
	clear:both;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	grid-gap: 10px 10px;
	margin-bottom:20px;
}
.solutions-item .date,
.menu-categories .date,
.solutions-item-content .date{
    color:#999999;
    font-size:11px;
}

.solutions-item {
	overflow: hidden;
	display: block;
	margin-bottom: 0;
	min-height: 125px;
	background: #f3f3f3;
	border: 1px solid #e7e7e7;
	max-width:420px;
}

.solutions-item-wrapper {
  padding: 10px;
}
	.solutions-item .thumb {
	  display: block;
	  max-width: 100%;
	  height: auto;
	}
	.solutions-item .title{
	  min-height: 50px;
	  margin:10px 0 5px;
	}
	.solutions-item .collateral {
	  margin-bottom: 5px;
	}
	.solutions-item .date {
	}
	.solutions-item .description {
	  text-align: justify;
	  overflow: hidden;
	  position: relative;
	}
	.solutions-item .read-more {
	  overflow:hidden;
	  padding: 5px 8px;
	  margin-top: 10px;
	}
	.solutions-item .read-more a{
		float: right;
	}

	.solutions-item span.date {
		padding:14px 0;
		display: inline-block;
	}

ul.featured-solutions{
	position:absolute;
}
.solutions-item.featured {
	background-color: #253475;
	background-image: linear-gradient(#1f225d, #283A7D);
	border: 1px solid #161728;
	padding: 0 25px;

	clear:none;
}
	.solutions-item.featured.big {
		height: 432px;
	}
	
	.solutions-item.featured.small {
		height: 200px;
	}
	
		.solutions-item.featured h2 {
			font-size:default;
			color:white;
		}
		
	.solutions-item.featured span.date {
		color:white;
	}
	.solutions-item.featured a.read_more{
		color: grey; 
		background-color: #D2D0D5;
		text-transform: uppercase;
		-webkit-transition: 0.1s ease-in-out;
		-moz-transition: 0.1s ease-in-out;
		-o-transition: 0.1s ease-in-out;
		transition: 0.1s ease-in-out;
	}

		.solutions-item.featured a.read_more:hover{
			color: white;
		}

	.solutions-item.featured h2.solutions_title{
		color: white;
		font-size: 22px;
	}
		.solutions-item.featured h2.solutions_title a{
			color: white;
		}
		
		.solutions-item.featured h2.solutions_title a:hover{
			text-decoration: underline;
		}
		
		.solutions-item.featured .description{
			color: white;
			overflow: hidden;
			margin-bottom: 5px;
		}

			.solutions-item.featured.small .description{
				max-height: 75px;
			}
			
			.solutions-item.featured.big .description{
				max-height: 310px;
			}
		 
.solutions-item-comment form {
    margin:20px 0px 0px;
    display:block;
    clear:both;
}

.solutions-item-comment .prev {
    float:left;
    margin:4px 12px 5px 0;
}

.clearing {
    clear:both;
    font-size:1px;
    height:1px;
    line-height:1px;
}

.solutions-item-content .comment-item {
    margin:10px 0 0 0;
}

.solutions-item-content .comment-item .username {
    font-size:12px;
    margin:0px;
    color:#1E7EC8;
    display:inline;
}

.block.solutions-categories {
    border: 1px solid #C4C1BC;
    margin: 0 0 15px;
}

.block.solutions-categories .block-title {
    background: url("../images/bkg_block-title.gif") repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #DDDDDD;
    padding: 2px 9px;
}

.block.solutions-categories .menu-categories {
    margin:0px;
    padding: 5px 9px;
}

.block.solutions-categories .menu-categories h5, .menu-categories ul li{
    font-size:11px;
    margin:0px;
}

.block.solutions-categories .block-title strong {
    color: #E26703;
    display: block;
    font: bold 12px/16px Arial,Helvetica,sans-serif;
    min-height: 16px;
    padding: 1px 0;
    text-transform: uppercase;
}

.solutions {
    text-align:justify;
    }

.solutions-item-content h4 {
    color:#e26703;
    font-size:15px;
}

.solutions-item-content small {
    font-size:10px;
}

.solutions-item {
    clear:both;
    }
.solutions_image {
    float:left;
    margin:3px 10px 5px 0px;
    }
.solutions-item .description {
    text-align:justify;
	color: #666;
	font-size: 12px;
	line-height: 19px;
	padding: 0 0 18px;
    }
.solutions-item .comment {
    float:right;
    font-size:11px;
    padding-top:5px;
    }
.solutions-item-content .social {
    padding-top:10px;
    height:35px;
    }
.solutions-item-content .social .google_button {
    float:left;
    width:80px;
    overflow:hidden;
    }
.solutions-item-content .social .fb-like {
    float:left;
    }

.solutions-item-comment {
    clear:both;
    padding-bottom:20px;
    }
.solutions-item-comment p.required {
    text-align:left;
    }
.solutions .loadfile {
    text-align:right;
    }
.solutions .loadfile a {
    background: url(images/i_attached.gif) 0px 0px no-repeat;
    padding:1px 0 0 20px;
    }
#postComment label {
    float:left;
    width:80px;
    }
#postComment .input-box {
    padding-bottom:9px;
    }
#postComment input[type="text"] {
    width:200px;
    }
label .required {
    color:red;
    }
#postComment .validation-advice {
    margin-left:80px;
    }
#postComment .button-set {
    padding-left:80px;
    }

#comment_block .comment-item div {
    padding-left:10px;
    }

/*-- pager --*/
.solutions-item-comment .pager {
    background:none;
    margin-top:20px;
    padding-top:10px;
    text-align:left;
    }
.solutions-item-comment .pager span {
    cursor:pointer;
    border:1px solid #dadfe0;
    float:left;
    height:19px;
    width:20px;
    text-align:center;
    margin-right:6px;
    line-height:19px;
    }
.solutions-item-comment .pager span.current {
    cursor:default;
    background:#c6c6c6;
    }
.solutions-item-comment .pager span:hover {
    background:#c6c6c6;
    }
.solutions-item-comment .pager #prev,
.solutions-item-comment .pager #next {
    border:none !important;
    background:none !important;
    padding:0px !important;
    margin:0px !important;
    width:auto !important;
    }
.solutions-item-comment .pager .prev,
.solutions-item-comment .pager .next {
    width:auto;
    padding:0 5px;
    margin-top:0px;
    }
/*-- /pager --*/
.print-btn {
    float:right;
    background: url(images/i_print.gif) 0px 0px no-repeat;
    padding-left:20px;
    }
#clloader {
    position:absolute;
    margin-left:333px
    }
/*
.tags {
    background: url(images/i-tags.gif) 0px 1px no-repeat;
    padding-left:20px;
    }
*/
.solutions-item-grid {
    clear:none !important; padding:0px !important; margin:13px 13px 0 0 !important; 
    float:left; width:210px; height:118px; position:relative; background:#f2f2f2; border:1px solid #e9eaea;
}
.solutions-item-grid  a {color:#000; text-decoration:none; display:block; width:100%; height:118px;}
.solutions_image_grid {margin:0px !important;}
.solutions_text_grid {margin:0px !important; padding:5px;}
.solutions-item-grid img {float:left;}
.underlayer_grid {position:absolute; bottom:0px; width:200px; padding:4px 3px 3px 7px; background:rgba(204,204,204,0.6); line-height:16px; min-height:33px;}
.underlayer_grid h5 {margin:0px; display:inline;}
.underlayer_grid h5,
.underlayer_grid .date {color:#000;}
.solutions-item-grid:hover .underlayer_grid {background:rgba(204,204,204,0.8);}

.view-mode {margin:10px 0 0 0;}


/*Temporary coz getting on myrto's nerves*/
.clcopyright {display:none;}