.showgrid-portlet {

	$orange-color: #E98003;
	$radius-a: 6px;
	$radius-b: 8px;
	$shadow-a: 0 1px 2px rgba(0,0,0,0.4);
	$shadow-b: 0 2px 3px rgba(0,0,0,0.4);

	.clear { clear: both; }

	.ww-portlet {
		h2 {
			font-size: 20px;
			color: $orange-color;
		} 
		h3 {
			font-size: 20px; 
			color: #999;
		} 
		h4 {
			font-size: 18px;
			color: #000;
		} 
	}
	
	.ww-portlet2 {
		padding: 8px;
		margin-bottom: 5px;
		border: none;
		background: #fefefe;
		-webkit-border-radius: $radius-a;
		-moz-border-radius: $radius-a;
		border-radius: $radius-a;
		-webkit-box-shadow: $shadow-a;
		-moz-box-shadow: $shadow-a;
		box-shadow: $shadow-a;
			
		h2 {
			font-size: 20px;
			font-weight: bold;
			color: $orange-color;
		} 
		h3 {
			font-size: 20px; 
			color: #999;
		} 
		h4 {
			font-size: 18px;
			color: #000;
		} 
	}
	
	.ww-entry-thumb {
		width:100%;

		img {
			min-width: 50%;
			max-width: 96%;
			max-height: 275px;
			-webkit-border-radius: $radius-b; 
			-moz-border-radius: $radius-b; 
			border-radius: $radius-b; 
		}
	}
	
	.ww-entry-thumb2 {
		width: 96px;
		height: 96px;
		background: #fff;
		overflow: hidden;
				
		img {
			width: 100%;
			height: 100%;
			-webkit-border-radius: $radius-b; 
			-moz-border-radius: $radius-b; 
			border-radius: $radius-b; 
			border: #f5f5f5 solid 1px;
		}
	}
	
	.ww-entry-text {
		width: 98%;
		text-align: left;
		word-wrap: break-word;
		margin-bottom: 10px;
		font-size: 1em;
		line-height: 145%;
		padding: 10px;
		
		a:link, a:visited { color:$orange-color; }
		a:hover { text-decoration:underline; }
	}

	.ww-entry-text2 {
		text-align: left;
		margin-bottom: 10px;
		font-size: 1em;
		line-height: 145%;

		-ms-word-break: break-all;
		word-break: normal; 
		word-break: break-word;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;					
	}

	.ww-entry-text3 {
		text-align: left;
		margin-bottom: 7px;
		font-size: 1em;
		line-height: 130%;

		-ms-word-break: break-all;
		word-break: normal; 
		word-break: break-word;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;					
	}

	.ww-entry-name {
		word-wrap: break-word;
		font-size: 1.12em;
		font-weight: bold;
		color: $orange-color;
	}
				
	.ww-entry-author {
		color: #777;
	}
	.ww-entry-author a {
		color:$orange-color;
		text-decoration:none;
	}
	.ww-entry-author a:hover {
		color:$orange-color;
		text-decoration:underline;
	}
	
	.ww-entry-date {
		color: #777;
	}
	
	.ww-search {
		margin-bottom:50px;
	}
	
	.ww-grid-container {
		width: 100%;

		.ww-grid-entry {
			margin: 0 0 10px 0;
			width: 100%;
			min-height: 86px;
			padding: 8px;
			border: none;
			background: #fafafa;

			.ww-grid-entry-thumb {
				width:84px;
				height:84px;
				-webkit-border-radius: $radius-b; 
				-moz-border-radius: $radius-b; 
				border-radius: $radius-b; 
				text-align:center;
				overflow:hidden;
				
				img {
					-webkit-border-radius: $radius-b; 
					-moz-border-radius: $radius-b; 
					border-radius: $radius-b; 
				}
			}
		
			.ww-grid-entry-cal {
				width:88px;
				height:84px;
				-webkit-border-radius: $radius-b; 
				-moz-border-radius: $radius-b; 
				border-radius: $radius-b; 
				background: #e8e8e8;
				color: #545454;
				font-size: 1.10em;
				text-align:center;
				overflow:hidden;
			}
		
			.ww-grid-entry-info {
				margin: 0;
				margin-top: -86px;
				padding: 0;
				padding-left: 100px;
				font-size: 1em;
			
				.ww-grid-entry-name {
					word-wrap: break-word;
					font-size: 1.12em;
					font-weight: bold;
					color: $orange-color;
					margin-bottom: 4px;
				}
				.ww-grid-entry-name a, .ww-grid-entry-name a:hover {
					color: $orange-color;
					text-decoration: none;

					-ms-word-break: break-all;
					word-break: normal; 
					word-break: break-word;
					word-wrap: break-word;
					-webkit-hyphens: auto;
					-moz-hyphens: auto;
					hyphens: auto;					
				}

				.ww-grid-entry-text {
					text-align: left;
					margin-bottom: 2px;
					
					-ms-word-break: break-all;
					word-break: normal; 
					word-break: break-word;
					word-wrap: break-word;
					-webkit-hyphens: auto;
					-moz-hyphens: auto;
					hyphens: auto;					
				}
				.ww-grid-entry-text a, .ww-grid-entry-text a:hover {
					color:#000;
					text-decoration:none;
				}

				.ww-grid-entry-subs {
					padding-top: 3px;
					font-size: .9em;
					color: #999;
					
					-ms-word-break: break-all;
					word-break: normal; 
					word-break: break-word;
					word-wrap: break-word;
					-webkit-hyphens: auto;
					-moz-hyphens: auto;
					hyphens: auto;					
				}
				.ww-grid-entry-subs a, .ww-grid-entry-subs a:hover {
					color: $orange-color;
					text-decoration: none;
				}
			}
		}
		
		.ww-grid-entry2 {
			margin: 0 0 15px 0;
			min-height: 86px;
			padding: 8px;
			border: none;
			background: #fcfcfc;
			-webkit-border-radius: $radius-a; 
			-moz-border-radius: $radius-a; 
			border-radius: $radius-a; 
			-webkit-box-shadow: $shadow-a;
			-moz-box-shadow: $shadow-a;
			box-shadow: $shadow-a;

			.ww-grid-entry-thumb {
				width:84px;
				height:84px;
				-webkit-border-radius: $radius-b; 
				-moz-border-radius: $radius-b; 
				border-radius: $radius-b; 
				text-align:center;
				overflow:hidden;
				
				img {
					-webkit-border-radius: $radius-b; 
					-moz-border-radius: $radius-b; 
					border-radius: $radius-b; 
				}
			}
		
			.ww-grid-entry-cal {
				width:88px;
				height:84px;
				-webkit-border-radius: $radius-b; 
				-moz-border-radius: $radius-b; 
				border-radius: $radius-b; 
				background: #e8e8e8;
				color: #545454;
				font-size: 1.10em;
				text-align:center;
				overflow:hidden;
			}
		
			.ww-grid-entry-thumb2 {
				width:84px;
				height:84px;
				-webkit-border-radius: $radius-b; 
				-webkit-border-top-right-radius: 0px;
				-webkit-border-bottom-right-radius: 0px;
				-moz-border-radius: $radius-b; 
				-moz-border-radius-topright: 0px;
				-moz-border-radius-bottomright: 0px;
				border-radius: $radius-b; 
				border-top-right-radius: 0px;
				border-bottom-right-radius: 0px;				
				text-align:center;
				overflow:hidden;
				
				img {
					-webkit-border-radius: $radius-b; 
					-moz-border-radius: $radius-b; 
					border-radius: $radius-b; 
				}
			}
		
			.ww-grid-entry-cal2 {
				width:88px;
				height:84px;
				-webkit-border-radius: $radius-b; 
				-webkit-border-top-left-radius: 0px;
				-webkit-border-bottom-left-radius: 0px;
				-moz-border-radius: $radius-b; 
				-moz-border-radius-topleft: 0px;
				-moz-border-radius-bottomleft: 0px;
				border-radius: $radius-b; 
				border-top-left-radius: 0px;
				border-bottom-left-radius: 0px;				
				background: #e8e8e8;
				color: #545454;
				font-size: 1.10em;
				text-align:center;
				overflow:hidden;
			}
		
			.ww-grid-entry-info {
				margin: 0;
				margin-top: -86px;
				padding: 0;
				padding-left: 100px;
			
				.ww-grid-entry-name {
					word-wrap: break-word;
					font-size: 1.12em;
					font-weight: bold;
					color: $orange-color;
					margin-bottom: 4px;
				}
				.ww-grid-entry-name a, .ww-grid-entry-name a:hover {
					color: $orange-color;
					text-decoration: none;
					
					-ms-word-break: break-all;
					word-break: normal; 
					word-break: break-word;
					word-wrap: break-word;
					-webkit-hyphens: auto;
					-moz-hyphens: auto;
					hyphens: auto;					
				}

				.ww-grid-entry-text {
					text-align: left;
					word-wrap: break-word;
					margin-bottom: 2px;
				}
				.ww-grid-entry-text a, .ww-grid-entry-text a:hover {
					color: #000;
					text-decoration:none;
					
					-ms-word-break: break-all;
					word-break: normal; 
					word-break: break-word;
					word-wrap: break-word;
					-webkit-hyphens: auto;
					-moz-hyphens: auto;
					hyphens: auto;					
				}

				.ww-grid-entry-subs {
					padding-top: 2px;
					font-size: .88em;
					color: #999;
					word-wrap: break-word;
				}
				.ww-grid-entry-subs a, .ww-grid-entry-subs a:hover {
					color: $orange-color;
					text-decoration: none;
					
					-ms-word-break: break-all;
					word-break: normal; 
					word-break: break-word;
					word-wrap: break-word;
					-webkit-hyphens: auto;
					-moz-hyphens: auto;
					hyphens: auto;					
				}
			}
		}
	}

	.ww-grid-container2 {
		width: 100%;

		.ww-grid-info {
			margin: 0;
			padding: 0;
			font-size: 1em;
			
			.ww-grid-name {
				min-height: 35px;
				font-size: 20px;
				font-weight: bold;
				color: $orange-color;
				word-wrap: break-word;
			}
			.ww-grid-name a, .ww-grid-name a:hover {
				color: $orange-color;
				text-decoration: none;

				-ms-word-break: break-all;
				word-break: normal; 
				word-break: break-word;
				word-wrap: break-word;
				-webkit-hyphens: auto;
				-moz-hyphens: auto;
				hyphens: auto;					
			}

			.ww-grid-text {
				text-align: left;
				margin-bottom: 0px;
				font-size: 1em;
				color: #8c8c8c;

				-ms-word-break: break-all;
				word-break: normal; 
				word-break: break-word;
				word-wrap: break-word;
				-webkit-hyphens: auto;
				-moz-hyphens: auto;
				hyphens: auto;					
			}
			.ww-grid-text a, .ww-grid-text a:hover {
				color: $orange-color;
				text-decoration: none;
			}

			.ww-grid-text2 {
				text-align: left;
				margin-bottom: 0px;
				font-size: 1em;
				font-variant: small-caps;					
				text-transform: lowercase;
				color: #8c8c8c;

				-ms-word-break: break-all;
				word-break: normal; 
				word-break: break-word;
				word-wrap: break-word;
				-webkit-hyphens: auto;
				-moz-hyphens: auto;
				hyphens: auto;					
			}
			.ww-grid-text2 a, .ww-grid-text2 a:hover {
				color: $orange-color;
				text-decoration: none;
			}
		}

		.ww-grid-entry {
			position: relative;
			margin: 0 10px 30px 20px;
			padding: 15px;
			float: left;
			width: 220px;
			height:300px;
			overflow: hidden;
			border: 1px solid #f3f3f3;
			background: #fdfdfd;
			-webkit-border-radius: $radius-a; 
			-moz-border-radius: $radius-a; 
			border-radius: $radius-a; 
			-webkit-box-shadow: $shadow-b;
			-moz-box-shadow: $shadow-b;
			box-shadow: $shadow-b;
			
			.ww-grid-entry-thumb {
				height:125px;
				-webkit-border-radius: $radius-b; 
				-moz-border-radius: $radius-b; 
				border-radius: $radius-b; 
				text-align:center;
				overflow:hidden;
				
				img {
					-webkit-border-radius: $radius-b; 
					-moz-border-radius: $radius-b; 
					border-radius: $radius-b; 
				}
			}
		
			.ww-grid-entry-info {
				margin: 0;
				margin-top: 5px;
				padding: 0;
				font-size: 1em;
			
				.ww-grid-entry-name {
					min-height: 40px;
					font-size: 18px;
					font-weight: bold;
					color: $orange-color;
					word-wrap: break-word;
				}
				.ww-grid-entry-name a, .ww-grid-entry-name a:hover {
					color: $orange-color;
					text-decoration: none;

					-ms-word-break: break-all;
					word-break: normal; 
					word-break: break-word;
					word-wrap: break-word;
					-webkit-hyphens: auto;
					-moz-hyphens: auto;
					hyphens: auto;					
				}

				.ww-grid-entry-text {
					text-align: left;
					margin-bottom: 0px;
					font-size: .9em;
					font-variant: small-caps;					
					text-transform: lowercase;
					color: #8c8c8c;

					-ms-word-break: break-all;
					word-break: normal; 
					word-break: break-word;
					word-wrap: break-word;
					-webkit-hyphens: auto;
					-moz-hyphens: auto;
					hyphens: auto;					
				}
				.ww-grid-entry-text a, .ww-grid-entry-text a:hover {
					color:#8c8c8c;
					text-decoration:none;
				}

				.ww-grid-entry-subs {
					padding-top: 5px;
					font-variant: small-caps;					
					font-size: .9em;
					color: #999;
					
					-ms-word-break: break-all;
					word-break: normal; 
					word-break: break-word;
					word-wrap: break-word;
					-webkit-hyphens: auto;
					-moz-hyphens: auto;
					hyphens: auto;					
				}
				.ww-grid-entry-subs a, .ww-grid-entry-subs a:hover {
					color: $orange-color;
					text-decoration: none;
				}

				.ww-grid-entry-menu {
					padding:0;
				}
			}
		}

		.ww-grid-entry2 {
			margin: 0 25px 25px 0;
			padding: 8px;
			float: left;
			width: 205px;
			height:270px;
			overflow: hidden;
			border: none;
			background: #fefefe;
			-webkit-border-radius: $radius-a; 
			-moz-border-radius: $radius-a; 
			border-radius: $radius-a; 
			-webkit-box-shadow: $shadow-a;
			-moz-box-shadow: $shadow-a;
			box-shadow: $shadow-a;
			
			.ww-grid-entry-thumb {
				height:100px;
				-webkit-border-radius: $radius-b; 
				-moz-border-radius: $radius-b; 
				border-radius: $radius-b; 
				text-align:center;
				overflow:hidden;
				
				img {
					-webkit-border-radius: $radius-b; 
					-moz-border-radius: $radius-b; 
					border-radius: $radius-b; 
				}
			}
		
			.ww-grid-entry-info {
				margin-top: 10px;
				padding: 0;
				font-size: 1em;
			
				.ww-grid-entry-name {
					word-wrap: break-word;
					font-weight: bold;
					font-size: 1.12em;
					color: $orange-color;
					margin-bottom: 4px;
				}
				.ww-grid-entry-name a, .ww-grid-entry-name a:hover {
					color: $orange-color;
					text-decoration: none;

					-ms-word-break: break-all;
					word-break: normal; 
					word-break: break-word;
					word-wrap: break-word;
					-webkit-hyphens: auto;
					-moz-hyphens: auto;
					hyphens: auto;					
				}

				.ww-grid-entry-text {
					text-align: left;
					margin-bottom: 2px;
					
					-ms-word-break: break-all;
					word-break: normal; 
					word-break: break-word;
					word-wrap: break-word;
					-webkit-hyphens: auto;
					-moz-hyphens: auto;
					hyphens: auto;					
				}
				.ww-grid-entry-text a, .ww-grid-entry-text a:hover {
					color:#000;
					text-decoration:none;
				}

				.ww-grid-entry-subs {
					padding-top: 5px;
					font-size: .9em;
					color: #999;
					
					-ms-word-break: break-all;
					word-break: normal; 
					word-break: break-word;
					word-wrap: break-word;
					-webkit-hyphens: auto;
					-moz-hyphens: auto;
					hyphens: auto;					
				}
				.ww-grid-entry-subs a, .ww-grid-entry-subs a:hover {
					color: $orange-color;
					text-decoration: none;
				}

				.ww-grid-entry-menu {
					padding:0;
				}
			}
		}
	}

	/*
	 * jQuery FlexSlider v2.0
	 * http://www.woothemes.com/flexslider/
	 */

	.flex-container a:active,
	.flexslider a:active,
	.flex-container a:focus,
	.flexslider a:focus  {outline: none;}
	.slides,
	.flex-control-nav,
	.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

	.flexslider {margin: 0; padding: 0;}
	.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 
	.flexslider .slides img {width: 100%; display: block;}
	
	.flexslider .slides .imgbox { position:relative; }
	.flexslider .slides .imghover { position:absolute; left:0; top:0; display:none; }
	.flexslider .slides .imgbox:hover .imghover { display:initial; }
	
	.flex-pauseplay span {text-transform: capitalize;}

	/* Clearfix for the .slides element */
	.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
	html[xmlns] .slides {display: block;} 
	* html .slides {height: 1%;}

	/* No JavaScript Fallback */
	/* If you are not using another script, such as Modernizr, make sure you
	* include js that eliminates this class on page load */
	.no-js .slides > li:first-child {display: block;}

	.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
	.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
	.loading .flex-viewport {max-height: 300px;}
	.flexslider .slides {zoom: 1;}

	.carousel li {margin-right: 5px}

	/* Direction Nav */
	.flex-direction-nav {*height: 0;}
	.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
	.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
	.flex-direction-nav .flex-prev {left: -36px;}
	.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
	.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
	.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
	.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

	/* Control Nav */
	.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
	.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
	.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
	.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
	.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

	.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
	.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
	.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
	.flex-control-thumbs img:hover {opacity: 1;}
	.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

	@media screen and (max-width: 860px) {
		.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
		.flex-direction-nav .flex-next {opacity: 1; right: 0;}
	}

	
	/* +++++ Start custom css +++++ */

	.title-header {
		padding: 0;
		margin: 0;
		background:rgb(233, 128, 3);
	}
		
	.title-header a {
		text-decoration: none;
	}
		
	.title-header a:hover {
		text-decoration: none;
	}
		
	.title-header h3 {
		padding: 0 0 0 18px;
		font-size: 16px;
		font-weight: normal;
	}

	.flexslider {
		background: transparent; 
		border: none; 
		position: relative;
		margin: 0;
		zoom: 1; 
		-webkit-border-radius: 0px; 
		-moz-border-radius: 0px; 
		border-radius: 0px; 
	}

	.flex-caption {
		background:none; 
		-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); 
		zoom: 1;
	}

	.flexslider .flex-caption {
		width: 100%; 
		/* padding: 1%; */
		position: absolute; 
		left: 0; 
		bottom: 0; 
		background: rgba(0,0,0,.5); 
		color: #fff; 
		text-shadow: 0 -1px 0 rgba(0,0,0,.3); 
	}
	.flexslider .flex-caption.flex-caption-top {
		top:0;
		bottom:auto;
	}

	.flexslider h5,
	#main .flexslider h5 {
		color:#fffff;
		font-weight:bold;
		margin-bottom:0px;
	}

	.flexslider .flex-caption p {
		color:#f9f9f9;
		width: 100%;
		font-size:1.12em;
		font-style:italic;
		padding-left:10px;
		padding-right:10px;
		margin-bottom:0;
	}
	.flexslider .flex-caption p em {
		font-style:normal;
	}

	.flexslider li {
		margin-bottom:0;
		overflow:hidden;
	}

	/* Control Nav */
	.flex-control-nav { 
		width: 100%; 
		position: absolute; 
		bottom: 40px;
		text-align: center;
	}

	.flex-control-nav li {
		margin: 0 0 0 5px; 
		display: inline-block; 
		zoom: 1; 
		*display: inline;
	}
	.flex-control-nav li:first-child {margin: 0;}
	.flex-control-nav li a {
		width: 13px; height: 13px; display: block;
		background-image:none;
		background-color:#444;
		background-color:rgba(0,0,0,.1); 
		cursor: pointer; text-indent: -9999px;
		-moz-border-radius:$radius-b;
		-webkit-border-radius:$radius-b;
		border-radius:$radius-b;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	}
	.flex-control-nav li a:hover {
		background-position: 0 -13px;
		background-color:#000;
		background-color:rgba(0,0,0,.6);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	.flex-control-nav li a.active {
		background-position: 0 -26px; cursor: default;
		background-color:#000;
		background-color:rgba(0,0,0,.4);
	}

	.flexslider iframe{ max-width: 100%; max-height:100%; }

	/* Only show on hover */
	.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
	.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
	.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}

}