@charset "utf-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*  end Reset CSS  =======================================*/



@media only screen 
and (min-device-width : 480px) 
{
html {
    height: 100%;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	height:100%;
}

/*  Home Page  =======================================*/
.home-page {
	display: block;
	position: absolute;
	width: 100%;
	height:100%;
	margin-left: auto;
	margin-right: auto
}
.home-page-top{
	height: 50px;
}
.home-page .home-page-searchpanel {
	/*display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;*/
	
	display: block;
    position:relative;
    height:100%;
    bottom:0;
    top:0;
    left:0;
    right:0;
	width: 100%;
    margin-top:0px;
    margin-bottom:0px;

}

.home-page .home-page-slider {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;  
  width: 590px;
  top: 30px;
  border: solid 2px #EEEEEE;
  
}
.home-page .home-page-searchpanel img {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;  
}

.home-page .home-page-searchpanel .searchbox {

	position: relative;
	float:none;
	background-color: #ffffff;
	left: 0px;
	top: 20px;
	width: 100%;
	min-width: 200px;
	max-width: 590px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border:1px solid #1A87B9;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.home-page .home-page-searchpanel .searchbox .searchtextbox {
	position: relative;
	float: left;
	left: 4px;
	top: 0px;
	width: 90%;
	height: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	border:0px solid ;


}
.home-page .home-page-searchpanel .searchbox .searchtextbox:focus {
	outline: 0;
}
.home-page .home-page-searchpanel .searchbox .searchbutton {
	float:right;
	left: 0px;
	top: 0px;
	width: 10%;
	height: 28px;
	background-image: url("../images/magnify.png");
	background-repeat: no-repeat;
	background-position:center;
	background-color: #25A6E1;
	border-radius:0px;
	border-width:0px;
}
.logoicon-container {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;  
  width: 420px;
  top: 60px;

}

.logoicon {
	float:left;
	display: block;

	left:0;
	margin:4px 6px;
	box-shadow: 1px 1px 2px 1px #aaaaaa;

}
.rot_7 {
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}
.rot_353 {
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
}




/*  Search Page  =======================================*/

.search-page {
	background-color: #fffffff;
	/*width: 100%;
	margin: 0px;
	padding: 0px;*/
	display:none;

	position: absolute;
	width: 100%;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	min-width:1024px;

}


.searchbar {
	background-color: #fcfcfd;
	position: fixed;
	top:0px;

	float: left;
	height: 60px;
	min-height: 60px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
	
}

.logo-container {
	display: block;
	float: left;
	width: 700px;
	height: 60px;
	margin: 0px;
	padding: 0px;
	border:0px solid;
}

.logo {
  background-image: url("../images/logo.png");
  position: relative;
  float: left;
  left: 15px;
  top: 0px;
  width: 200px;
  height: 60px;
  margin: 0px;
  padding: 0px;
  
}
.search-page .searchbox {
	position: relative;
	float: left;
	background-color: #ffffff;
	left: 30px;
	top: 15px;
	width: 100%;
	min-width: 200px;
	max-width: 450px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	border:1px solid #1A87B9;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}


.search-page .searchtextbox {
	position: relative;
	float: left;
	left: 4px;
	top: 0px;
	width: 90%;
	height: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	border:0px solid ;
}
.search-page .searchtextbox:focus {
	outline: 0;
}
.search-page .searchbutton {
	position: relative;
	float: right;
	left: 0px;
	top: 0px;
	width: 10%;
	height: 28px;
	background-image: url("../images/magnify.png");
	background-repeat: no-repeat;
	background-position:center;
	background-color: #25A6E1;
	border-radius:0px;
	border-width:0px;
	
	
}

.search-page .logoicon-container {
	display:block;
	width:320px;
	height:60px;
	top:10px;
	left:0px;
	margin:0;
	float:left;
	border:0px solid;
}
.optionbar {
	background-color: #fcfcfc;
	float: left;
	height: 60px;
	width: 100%;
	top:61px;
	margin: 0px;
	padding: 0px;
	display:none;
}

.feedback {
	background-color: #fcfcfc;
	float: left;
	height: 40px;
	width: 100%;
	top:61px;
	margin: 0px;
	padding: 0px;
	display:block;
	padding-top:10px;
	padding-left:10px;
}

.ui-dialog .ui-dialog-title {
		font-size:14px;
		height:18px;
		text-align: center;
		width: 100%;
}
.ui-dialog {
		position: fixed; 
		padding: .2em; 
		width: 400px; 
		overflow: hidden; 
		left:0;
		top:0;
		padding:0;
}

.rotation {
	 -webkit-transition: all 0.5s ease 0s;
	 -moz-transition: all 0.5s ease 0s;
	 -o-transition: all 0.5s ease 0s;
	 -ms-transition: all 0.5s ease 0s;
	 transition: all 0.5s ease 0s;
	 cursor:pointer;
 }

 .rotation:hover {
	 -webkit-transform: rotate(360deg);
	 -moz-transform: rotate(360deg);
	 -ms-transform: rotate(360deg);
	 -o-transform: rotate(360deg);
	 transform: rotate(360deg);
 }



.highlight-container {
	position: relative;
	float: left;
	height: 30px;
	width: 840px;
	left:120px;
	margin: 15px;
	padding: 0px;
	border:0px solid ;

	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
}
.highlight-word {
	position: relative;
	float: left;
	height: 28px;
	width: 120px;
	margin: 1px;
	padding: 0px;
	border:0px solid ;
	line-height: 28px;
	text-align:center;

	background-color: #fafafa;

	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
}
.highlight-word:hover { 
    background-color: #faeb95;
	cursor:pointer;
}
.result-container {
	position: relative;
	top:90px;
	float: left;
	height: auto;
	width: 800px;
	margin: 0px;
	padding: 0px;
	overflow:hidden;
}

.result-item {
	position: relative;
	
	left:120px;
	height: 90px;
	width: 650px;
	margin-top: 15px;
    margin-bottom: 15px;
	padding: 0px;
	 
}
.result-item-pic {
	/*background-color: #fefefe;*/
	position: relative;
	float: left;
	height: 120px;
	width: 135px;
	margin:0px;
	padding: 0px;
	 
}
.result-item-pic img {
	max-width: 135px;
	max-height: 90px;
	width: 100%;
	border-width:2px;
	border-style:solid;
	margin:2px;
	border-color:#ffffff;
	box-shadow: 1px 1px 1px 1px #aaaaaa;

}

.result-item-detail {
	float:left;
	position: relative;
	width: 495px;
	height: 100px;
	padding: 0px;
	top: 5px;
	left: 10px;

	}

.result-item-header {
	position: relative;
	font-size: 16px;
	font-family: Verdana, Geneva, sans-serif;
	color: rgb(6, 93, 199);
	text-align: left;
	left:15px;
	margin-bottom: 10px;
	
	
}
.result-item-header a:link {
    text-decoration: none;
}

.result-item-header a:visited {
    text-decoration: none;
}

.result-item-header a:hover {
    text-decoration: underline;
}

.result-item-header a:active {
    text-decoration: underline;
}

.result-item-whenwhere {
	position: relative;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	color: #00aa00;
	text-align: left;
	left:15px;
	margin-bottom: 5px;

}
.result-item-content {
	position: relative;
	font-size: .9em;
	line-height: 1.2em;
	font-family: Verdana, Geneva, sans-serif;
	color: #555555;
	text-align: left;
	left:15px;
}

/*style for sponsor link ================= */
	.sponsor {
	position: relative;
	background-color: #fff;
	left:0px;
	top:80px;
	float: left;
	height: auto;

	margin: 0px;
	padding: 0px;
	display:none;
	}

	.sponsor-block {
	position: fixed;
	background-color: #fff;
	right:20px;
	top:80px;
	width: 210px;
	height: 510px;
	padding: 5px;
	box-shadow: 1px 1px 5px 1px #cccccc;
	}

	.sponsor-image-container {
	float:left;
	position: relative;
	width: 200px;
	height: 155px;
	padding: 5px;
	padding-bottom: 10px;
	

	}

	.sponsor-image {
	float:left;
	width: 200px;
	height: 135px;
	
	border:0;
	}

	.sponsor-detail-container {
	float:left;
	position: relative;
	width: 280px;
	height: 100px;
	padding: 0px;
	top: 5px;
	left: 10px;

	}

	.sponsor-header {
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	color: rgb(6, 93, 199);
	text-align: left;
	left:15px;
	margin-bottom: 10px;
	}

	.sponsor-detail {
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: rgb(0, 0, 0);
	text-align: left;
	left:15px;
	margin-bottom: 10px;
	
	}

	.sponsor-contact {
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	color: rgb(0, 128, 0);
	text-align: left;
	left:15px;
	margin-bottom: 10px;
	
	}

	/*end style for sponsor link ================= */



	/*Footer ===========================*/

	.footer {
	display:block;
	background-color: #eeeeee;
	position: relative;
	margin-top: -40px; /* negative value of footer height */
	line-height:20px;
	height: 40px;
	clear:both;
	

	font-size: .8em;
	font-family: Verdana, Geneva, sans-serif;
	} 
	.search-page-footer {
	display:block;
	background-color: #eeeeee;
	position: relative;
	top: 100px;
	height: 40px;
	line-height:20px;
	width:100%;
	clear:both;

	font-size: .8em;
	font-family: Verdana, Geneva, sans-serif;
	} 
	.copyright-container{margin-left:auto;margin-right:auto;width:100%;float:left;text-align:center;}

	/*end Footer ==========================*/

	/*  Detail Page  =======================================*/
	.detail-page {
	background-color: #f4f4f4;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display:none;

	}

	.detail-page .logoicon-container {
	width:400px;
	height:50px;
	top:10px;
	left:0px;
	margin:0;
	float:left;
	}
	
	.detail-container {
	display:block;
	background-color: #f4f4f4;
	position: relative;
	float: left;
	min-height: 900px;
	width: 100%;
	top:60px;
	margin: 0px;
	padding: 0px;
	}
	.detail-page .searchbox {
	position: relative;
	float: left;
	background-color: #ffffff;
	left: 30px;
	top: 15px;
	width: 100%;
	min-width: 200px;
	max-width: 490px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	border:1px solid #1A87B9;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
	}


	.detail-page .searchtextbox {
		position: relative;
		float: left;
		left: 4px;
		top: 0px;
		width: 90%;
		height: 100%;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 14px;
		margin: 0px;
		padding: 0px;
		border:0px solid ;
	}
	.detail-page .searchtextbox:focus {
		outline: 0;
	}
	.detail-page .searchbutton {
		position: relative;
		float: right;
		left: 0px;
		top: 0px;
		width: 10%;
		height: 28px;
		background-image: url("../images/magnify.png");
		background-repeat: no-repeat;
		background-position:center;
		background-color: #25A6E1;
		border-radius:0px;
		border-width:0px;
		
		
	}

	.detail-page .logoicon-container {
		display:block;
		width:320px;
		height:60px;
		top:10px;
		left:0px;
		margin:0;
		float:left;
		border:0px solid;
	}

	.detail-body {
	display:block;
	position: relative;
	min-height: 1500px;
	width: 960px;
	top:10px;
	margin-left: auto;
	margin-right: auto; 
	}

	.banner {
	display:block;
	position: relative;
	height: 150px;
	width: 960px;
	padding: 0px;
	margin:0px;
	margin-left: auto;
	margin-right: auto; 
	}

	.banner img {
	max-width: 960px;
	max-height: 250px;
	width: 100%;
	margin:0px;
	border-width:0px;
	border-style:solid;
	border-color:#ffffff;
	box-shadow: 1px 1px 1px 1px #aaaaaa;
	}

	.eventsummary {
	display:block;
	/*background-color: #eeaaee;*/
	position: relative;
	top:4px;
	height: 180px;
	width: 960px;
	padding: 0px;
	margin:0px;
	margin-left: auto;
	margin-right: auto;
	border-width:0px;
	border-style:solid;
	border-color:#ffffff;
	box-shadow: 1px 1px 1px 1px #aaaaaa;
	
	}
	
	.eventsummary-thumbnail {
	display:block;
	background-color: #ffffff;
	position: relative;
	float:left;
	width: 250px;
	height: 180px;
	padding: 0px;
	margin:0px;
	margin-left: auto;
	margin-right: auto; 
	}

	.eventsummary-thumbnail img {
	max-width: 240px;
	max-height: 170px;
	width: 100%;
	margin:0px;
	border-width:5px;
	border-style:solid;
	border-color:#ffffff;
	}

	.eventsummary-data {
	display:block;
	background-color: #bbbbbb;
	position: relative;
	float:left;
	width: 710px;
	height: 180px;
	padding: 0px;
	margin:0px;
	margin-left: auto;
	margin-right: auto; 
	}

	.eventsummary-data-eventname {
	display:block;
	background-color: #ffffff;
	position: relative;
	float:left;
	width: 698px;
	height: 60px;
	line-height: 60px;
	padding: 0px;
	padding-left: 10px;
	margin-left: 2px;
	box-shadow: 1px 1px 1px 1px #aaaaaa;

	}

	.eventsummary-data-eventname h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size:1em;
	}
	
	.eventsummary-data-date {
	display:block;
	background-color: #ffffff;
	position: relative;
	float:left;
	width: 698px;
	height: 40px;
	padding: 0px;
	padding-left: 10px;
	margin-left: 2px;
	box-shadow: 1px 1px 1px 1px #aaaaaa;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size:.8em;
	line-height: 40px;;
	}

		.eventsummary-data-date img {
		max-width: 30px;
		max-height: 30px;
		margin-left:20px;
		vertical-align: middle;
		}

		.eventsummary-data-date .addcalendar{
		margin-left:100px;
		}

	.eventsummary-data-venue {
	display:block;
	background-color: #ffffff;
	position: relative;
	float:left;
	width: 698px;
	height: 30px;
	padding: 0px;
	padding-left: 10px;
	margin-left: 2px;
	box-shadow: 1px 1px 1px 1px #aaaaaa;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size:.8em;
	line-height: 30px;;
	}

		.eventsummary-data-venue img {
		max-width: 30px;
		max-height: 30px;
		margin-left:20px;
		vertical-align: middle;
		}

	.eventsummary-data-social {
	display:block;
	background-color: #ffffff;
	position: relative;
	float:left;
	width: 698px;
	height: 40px;
	padding: 0px;
	padding-left: 10px;
	padding-top: 10px;
	margin-left: 2px;
	box-shadow: 1px 1px 1px 1px #aaaaaa;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size:.8em;
	line-height: 40px;
	}
	
	.eventsummary-data-social img {
	max-width: 32px;
	max-height: 32px;
	margin:0px;
	border-width:5px;
	border-style:solid;
	border-color:#ffffff;
	vertical-align: middle;
	}


	.eventdetail-container {
	display:block;
	background-color: #ffffff;
	position: relative;
	float:left;
	top:8px;
	width: 630px;
	min-height:400px;
	padding: 0px;
	margin:0px 0px 0px 0px;
	border-width:0px;
	border-style:solid;
	border-color:#ffffff;
	box-shadow: 1px 1px 1px 1px #aaaaaa;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size:.9em;
	}

	.eventdetail {
	display:block;
	background-color: #ffffff;
	position: relative;
	float:left;
	top:8px;
	width: 570px;
	min-height:300px;
	margin:0px;
	padding:15px 15px 15px 15px;
	
	font-size:1em;
	line-height:1.6em;
	}
	
		.eventdetail .sourcelink {
		font-size:.8em;
		}

	.tag-container {
	display:block;
	background-color: #fcfcfc;
	position: relative;
	float:left;
	top:8px;
	width:620px;
	min-height:60px;
	margin:0px;
	padding:5px;
	
	font-size:.9em;
	border-width:0px;
	border-style:solid;
	border-color:#ffffff;
	box-shadow: 1px 1px 1px 1px #aaaaaa;
	}

			.tag-header {
			display:inline;
			float:left;
			background-color: #eeeeee;
			height:20px;
			margin:0px;
			line-height:20px;
			padding:0px 2px;
			
			font-size:.9em;
			border-width:1px;
			border-style:solid;
			border-color:#dddddd;
			}

			.tag-data {
			display:block;
			float:left;
			background-color: #ffedfb;
			height:20px;
			margin:1px 3px;
			padding:0px 2px;
			
			font-size:.9em;

			border-width:1px;
			border-style:solid;
			border-color:#dddddd;
			line-height:20px;
			}

	.fb-comments-container {
	display:block;
	background-color: #fcfcfc;
	position: relative;
	float:left;
	top:8px;
	width:620px;
	min-height:60px;
	margin:0px;
	padding:5px;
	
	font-size:.9em;
	border-width:0px;
	border-style:solid;
	border-color:#ffffff;
	box-shadow: 1px 1px 1px 1px #aaaaaa;
	}
			.fb-comments-header {
			display:inline;
			float:left;
			background-color: #eeeeee;
			height:20px;
			margin:0px;
			padding:0px;
			
			font-size:.9em;
			font-weight:bold;
			border-width:1px;
			border-style:solid;
			border-color:#dddddd;
			}

	.sidebar {
	display:block;
	position: relative;
	float:left;
	top:8px;
	width: 320px;
	min-height:500px;
	margin:0px 0px 0px 10px;
	padding:0px;

	}

	.sidebar-organizer {
	display:block;
	background-color: #ffffff;
	position: relative;
	float:left;
	top:0px;
	width: 100%;
	min-height:80px;
	padding: 0px;
	margin:0px;
	border-width:0px;
	border-style:solid;
	border-color:#ffffff;
	box-shadow: 1px 1px 1px 1px #aaaaaa;
	}

		.sidebar-organizer-header {
		display:block;
		background-color: #9dcfe9;
		position: relative;
		float:left;
		top:0px;
		width: 100%;
		height:25px;
		padding: 0px;
		margin:0px;
		border-width:0px;
		border-style:solid;
		border-color:#ffffff;
		font-size:.8em;
		font-weight:bold;
		text-align:center;
		line-height:25px;
		}
		.sidebar-organizer-detail {
		display:block;
		position: relative;
		float:left;
		top:0px;
		left:5px;
		width: 100%;
		height:25px;
		padding: 0px;
		padding-right:0px;
		margin:0px;
		border-width:0px;
		border-style:solid;
		border-color:#ffffff;
		font-size:.8em;
		font-weight:normal;
		text-align:left;
		line-height:25px;
		}

	.sidebar-sponsor {
	display:block;
	background-color: #ffffff;
	position: relative;
	float:left;
	top:0px;
	width: 100%;
	min-height:80px;
	padding: 0px;
	margin:5px 0px;
	border-width:0px;
	border-style:solid;
	border-color:#ffffff;
	box-shadow: 1px 1px 1px 1px #aaaaaa;
	}

		.sidebar-sponsor-header {
		display:block;
		background-color: #9dcfe9;
		position: relative;
		float:left;
		top:0px;
		width: 100%;
		height:25px;
		padding: 0px;
		margin:0px;
		border-width:0px;
		border-style:solid;
		border-color:#ffffff;
		font-size:.8em;
		font-weight:bold;
		text-align:center;
		line-height:25px;
		}
		.sidebar-sponsor-detail {
		display:block;
		position: relative;
		float:left;
		top:0px;
		left:5px;
		width: 100%;
		height:25px;
		padding: 0px;
		padding-right:0px;
		margin:0px;
		border-width:0px;
		border-style:solid;
		border-color:#ffffff;
		font-size:.8em;
		font-weight:normal;
		text-align:left;
		line-height:25px;
		}

	.sidebar-ticket {
	display:block;
	/*background-color: #fffafa;*/
	position: relative;
	float:left;
	top:20px;
	width: 100%;
	min-height:80px;
	padding: 0px;
	margin:0px;
	padding:0px;
	border-width:0px;
	border-style:solid;
	border-color:#ffffff;
	/*box-shadow: 1px 1px 1px 1px #aaaaaa;*/
	}
		.sidebar-ticket img {
		display:block;
		border-width:1px;
		border-style:solid;
		border-color:#ffffff;
		vertical-align: middle;
		margin-left:auto;
		margin-right:auto;
		box-shadow: 1px 1px 1px 1px #aaaaaa;
		}
	
	.sidebar-fb-page {
	display:block;
	background-color: #f5f5f5;
	position: relative;
	float:left;
	top:0px;
	width: 100%;
	min-height:80px;
	padding: 0px;
	margin:5px 0px;
	border-width:0px;
	border-style:solid;
	border-color:#´´´´´´;
	box-shadow: 1px 1px 1px 1px #aaaaaa;
	}

		.sidebar-fb-page-header {
		display:block;
		background-color: #9dcfe9;
		position: relative;
		float:left;
		top:0px;
		width: 100%;
		height:25px;
		padding: 0px;
		margin:0px;
		border-width:0px;
		border-style:solid;
		border-color:#ffffff;
		font-size:.8em;
		font-weight:bold;
		text-align:center;
		line-height:25px;
		}

	.sidebar-related {
	display:block;
	background-color: #ffffff;
	position: relative;
	float:left;
	top:0px;
	width: 100%;
	min-height:80px;
	padding: 0px;
	margin:0px;
	border-width:0px;
	border-style:solid;
	border-color:#ffffff;
	box-shadow: 1px 1px 1px 1px #aaaaaa;
	}
		.sidebar-related-header {
		display:block;
		background-color: #9dcfe9;
		position: relative;
		float:left;
		top:0px;
		width: 100%;
		height:25px;
		padding: 0px;
		margin:0px;
		border-width:0px;
		border-style:solid;
		border-color:#ffffff;
		font-size:.8em;
		font-weight:bold;
		text-align:center;
		line-height:25px;
		}

		.sidebar-related-item {
		position: relative;
		left:0px;

		width: 100%;
		margin-top: 15px;
		margin-bottom: 15px;
		display:block;
		margin-left: auto;
		margin-right: auto;

		}
	
		.sidebar-related-item-pic {

		display:block;
		position: relative;
		width: 100%;
		padding: 0px;
		margin-left: auto;
		margin-right: auto;
		 
		}
		.sidebar-related-item-pic img {
		display:block;
		max-width: 200px;
		max-height: 125px;
		width: 100%;
		margin:0px;
		border-width:5px;
		border-style:solid;
		border-color:#ffffff;
		margin-left: auto;
		margin-right: auto;
		}

		.sidebar-related-item-detail {
		position: relative;
		
		width: 95%;
		margin:0px;
		padding: 0px;
		
		padding: 0px;
		display:block;
		margin-left: auto;
		margin-right: auto;

		}

		.sidebar-related-item-header {
		position: relative;
		font-size: .9em;
		color: rgb(6, 93, 199);
		text-align: left;
		left:0px;
		margin-bottom: 10px;
		
		
		}
		.sidebar-related-item-header a:link {
			text-decoration: none;
		}

		.sidebar-related-item-header a:visited {
			text-decoration: none;
		}

		.sidebar-related-item-header a:hover {
			text-decoration: underline;
		}

		.sidebar-related-item-header a:active {
			text-decoration: underline;
		}

		.sidebar-related-item-whenwhere {
			position: relative;
			font-size: .8em;
			color: #00aa00;
			text-align: left;
			left:0px;
			margin-bottom: 5px;

		}
		.sidebar-related-item-content {
			position: relative;
			font-size:  .8em;
			font-family: Verdana, Geneva, sans-serif;
			color: #555555;
			text-align: left;
			left:0px;
		}



}



/* Smartphones (portrait and landscape) ---------------------------------------------------------------------------------------------------------------- */
@media only screen 
and (max-device-width : 480px) {
/* Styles */

html {
    height: 100%;
}

body{
        /*-webkit-text-size-adjust:none;*/
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	height:100%;
	
	
    }

/*  Home Page Mobile  =======================================*/

.calendarbar {
	/*display:none;*/
}
.home-page {
	display: block;
	position: absolute;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height:100%;
}

.home-page .home-page-searchpanel {
  display: block;
  position: relative;
  left: 0px;
  top: 20px;
  width: 100%;
  height: 85%;

  
}
.home-page .home-page-slider {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;  
  width: 90%;
  top: 10px;
  border: solid 2px #EEEEEE;
  
}

.home-page .home-page-searchpanel-logo {
  display: block;
  width:40%;
  margin-left: auto;
  margin-right: auto;  
}

.home-page .home-page-searchpanel .searchbox {
	position: relative;

	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	width: 90%;
	left: 0px;
	border:1px solid #1A87B9;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;

}

.home-page .home-page-searchpanel .searchbox .searchtextbox {
	float:left;
	left: 4px;
	top: 0px;
	width: 90%;
	height: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	border:0px solid ;
}
.home-page .home-page-searchpanel .searchbox .searchtextbox:focus {
	outline: 0;
}
.home-page .home-page-searchpanel .searchbox .searchbutton {
	
	left: 0px;
	top: 0px;
	width: 10%;
	height: 28px;
	background-image: url("../images/magnify.png");
	background-repeat: no-repeat;
	background-position:center;
	background-color: #25A6E1;
	border-radius:0px;
	border-width:0px;
}

.logoicon-container {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;  
  width:330px;
  height:50px;
  top: 30px;

}

.logoicon {
	float:left;
	display: block;

	left:0;
	margin:1px 2px;
	box-shadow: 1px 1px 2px 1px #aaaaaa;
}
.rot_7 {
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}
.rot_353 {
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
}


/*  Search Page  Mobile =======================================*/

.search-page {
	background-color: #ffffff;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display:none;
	height: 85%;
}


.search-page .searchbar {
	background-color: #fcfcfd;
	float: left;
	position:relative; 
    z-index:2;
    top:0; left:0;
    width:100%;
    height:36px;
    padding:0;

	padding: 0px;
	opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
	
}
.search-page .logo {
  background-image: url("../images/logo.png");
  position: relative;
  float: left;
  left: 0px;
  top: 0px;
  width: 100%;
  margin: 0px;
  padding: 0px;
  
}
.search-page .searchbox {
	position: relative;
	
	background-color: #ffffff;
	display: block;
	margin-left: auto;
	margin-right: auto;
	
	left: 0px;
	top: 15px;
	width: 90%;
	height: 30px;

	padding: 0px;
	border:1px solid #1A87B9;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
  
}

.search-page .searchtextbox {
	position: relative;
	float: left;
	left: 4px;
	top: 0px;
	width: 90%;
	height: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	border:0px solid ;
}
.search-page .searchtextbox:focus {
	outline: 0;
}
.search-page .searchbutton {
	position: relative;
	float: right;
	left: 0px;
	top: 0px;
	width: 10%;
	height: 28px;
	background-image: url("../images/magnify.png");
	background-repeat: no-repeat;
	background-position:center;
	background-color: #25A6E1;
	border-radius:0px;
	border-width:0px;
	
	
}

.search-page .logoicon-container {
  display: none;
  float:left;
  position: relative;
  margin-left: auto;
  margin-right: auto;  
  width: 100%;
  top: 60px;
  left: 20px;
}

.search-page .logoicon {
	float:left;
	display: block;

	left:0;
	margin:1px 1.5%;
	box-shadow: 1px 1px 2px 1px #aaaaaa;
}

.optionbar {
	background-color: #fcfcfc;
	float: left;
	height: 0px;
	width: 100%;
	top:61px;
	margin: 0px;
	padding: 0px;
	display:none;
}

.highlight-container {
	position: relative;
	float: left;
	height: 0px;
	width: 100%;
	left:0px;
	margin: 5px;
	padding: 0px;
	border:0px solid ;

	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
}
.highlight-word {
	position: relative;
	float: left;
	height: 28px;
	width: 100%;
	margin: 1px;
	padding: 0px;
	border:0px solid ;
	line-height: 28px;
	text-align:left;

	background-color: #fafafa;

	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	
}
.highlight-word:hover { 
    background-color: #faeb95;
	cursor:pointer;
}
.result-container {
	background-color: #eeeeee;
	position: relative;
	float: left;
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display:block;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	top:30px;
	
}

.result-item {
	background-color: #ffffff;
	position: relative;
	left:0px;
	float:left;

	width: 90%;
	margin-top: 15px;
   
	display:block;
	margin-left: 10px;
	margin-right: auto;

	padding: 10px;

	border-width:1px;
	border-style:solid;
	border-color:#ffffff;
	box-shadow: 1px 1px 1px 1px #aaaaaa;

	 
}
.result-item-pic {
	background-color: #fefefe;
	position: relative;
	float:left;

	width: 95%;
	padding: 0px;
	
	border-width:2px;
	border-style:solid;
	margin:2px;
	border-color:#ffffff;
	

	display:block;
	margin-left: auto;
	margin-right: auto;
	 
}
.result-item-pic img {

	min-height: 120px;
	width: 100%;
	border-width:0px;
}

.result-item-detail {
	float:left;
	position: relative;
	
	width: 95%;
	margin:0px;
	padding: 0px;
	
	padding: 0px;
	display:block;
	margin-left: auto;
	margin-right: auto;

	}

.result-item-header {
	position: relative;
	font-size: 16px;
	font-family: Verdana, Geneva, sans-serif;
	color: rgb(6, 93, 199);
	text-align: left;
	left:0px;
	margin-bottom: 10px;
	
	
}
.result-item-header a:link {
    text-decoration: none;
}

.result-item-header a:visited {
    text-decoration: none;
}

.result-item-header a:hover {
    text-decoration: underline;
}

.result-item-header a:active {
    text-decoration: underline;
}

.result-item-whenwhere {
	position: relative;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	color: #00aa00;
	text-align: left;
	left:0px;
	margin-bottom: 5px;

}
.result-item-content {
	position: relative;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	color: #555555;
	text-align: left;
	left:0px;
}

/*style for sponsor link ================= */
	.sponsor {
	position: relative;
	left:0px;
	top:60px;
	float: left;
	height: auto;

	margin: 0px;
	padding: 0px;
	display:none;
	}

	.sponsor-block {
	position: relative;
	top:80px;
	width: 95%;
	height: 500px;
	padding: 0px;
	box-shadow: 1px 1px 5px 1px #cccccc;
	margin-left:auto;
	margin-right:auto;
	}

	.sponsor-image-container {
	float:left;
	position: relative;
	width: 100%;
	height: auto;
	padding: 5px;
	margin-left:auto;
	margin-right:auto;
	


	}

	.sponsor-image {

	width: 200px;
	height: 135px;

	}

	.sponsor-detail-container {
	float:left;
	position: relative;
	width: 280px;
	height: 100px;
	padding: 0px;
	top: 5px;
	left: 10px;

	}

	.sponsor-header {
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	color: rgb(6, 93, 199);
	text-align: left;
	left:15px;
	margin-bottom: 10px;
	}

	.sponsor-detail {
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: rgb(0, 0, 0);
	text-align: left;
	left:15px;
	margin-bottom: 10px;
	
	}



	.sponsor-contact {
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	color: rgb(0, 128, 0);
	text-align: left;
	left:15px;
	margin-bottom: 10px;
	
	}

	/*end style for sponsor link ================= */

	/*Footer ===========================*/

	.footer {
	display:block;
	background-color: #eeeeee;
	position: relative;
	line-height:40px;
	height: 80px;
	clear:both;

	font-size: .8em;
	font-family: Verdana, Geneva, sans-serif;
	} 
	.search-page-footer {
	display:block;
	background-color: #eeeeee;
	position: relative;
	top: 100px;
	height: 80px;
	line-height:40px;
	width:100%;
	clear:both;

	font-size: .8em;
	font-family: Verdana, Geneva, sans-serif;
	} 
	.copyright-container{margin-left:auto;margin-right:auto;width:100%;float:left;text-align:center;}

	/*end Footer ==========================*/
	

	/*  Detail Page  =======================================*/
	.detail-page {
	background-color: #f4f4f4;
	width: 100%;
	margin: 0px;
	padding: 0px;

	}
	
	.detail-page .searchbar {
	background-color: #fcfcfd;
	float: left;
	position:relative; 
    z-index:2;
    top:0; left:0;
    width:100%;
    height:40px;
    padding:0;

	padding: 0px;
	opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
	
	}
	.detail-page .logo {
	  background-image: url("../images/logo.png");
	  position: relative;
	  float: left;
	  left: 0px;
	  top: 0px;
	  width: 100%;
	  margin: 0px;
	  padding: 0px;

	  
	}
	.detail-page .searchbox {
		position: relative;
		
		background-color: #ffffff;
		display: block;
		margin-left: auto;
		margin-right: auto;
		
		left: 0px;
		top: 15px;
		width: 90%;
		height: 30px;

		padding: 0px;
		border:1px solid #1A87B9;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	  
	}

	.detail-page .searchtextbox {
		position: relative;
		float: left;
		left: 4px;
		top: 0px;
		width: 90%;
		height: 100%;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 14px;
		margin: 0px;
		padding: 0px;
		border:0px solid ;
	}
	.detail-page .searchtextbox:focus {
		outline: 0;
	}
	.detail-page .searchbutton {
		position: relative;
		float: right;
		left: 0px;
		top: 0px;
		width: 10%;
		height: 28px;
		background-image: url("../images/magnify.png");
		background-repeat: no-repeat;
		background-position:center;
		background-color: #25A6E1;
		border-radius:0px;
		border-width:0px;
		
		
	}

	.detail-page .logoicon-container {
	width:100%;
	height:50px;
	top:10px;
	left:0px;
	margin:0;
	float:left;
	display:none;

	}
	
	.detail-container {
	display:block;
	background-color: #f4f4f4;
	position: relative;
	float: left;
	min-height: 900px;
	width: 100%;
	top:10px;
	margin: 0px;
	padding: 0px;
	}

	.detail-body {
	display:block;
	position: relative;
	min-height: 500px;
	width: 100%;
	top:10px;
	margin-left: auto;
	margin-right: auto; 

	}

	.banner {
	display:block;
	position: relative;
	width: 100%;
	padding: 0px;
	margin:0px;
	margin-left: auto;
	margin-right: auto; 
	}

	.banner img {
	width: 100%;
	margin:0px;
	border-width:0px;
	border-style:solid;
	border-color:#ffffff;
	box-shadow: 1px 1px 1px 1px #aaaaaa;
	}

	.eventsummary {
	display:block;
	/*background-color: #eeaaee;*/
	position: relative;
	top:4px;
	width: 100%;
	padding: 0px;
	margin:0px;
	margin-left: auto;
	margin-right: auto;
	border-width:0px;
	border-style:solid;
	border-color:#ffffff;
	
	}
	
	.eventsummary-thumbnail {
	display:block;
	background-color: #ffffff;
	position: relative;
	float:left;
	width: 100%;

	padding: 0px;
	margin:0px;
	margin-left: auto;
	margin-right: auto; 

	}

	.eventsummary-thumbnail img {
	width: 100%;
	margin:0px;
	border-width:5px;
	border-style:solid;
	border-color:#ffffff;
	}

	.eventsummary-data {
	display:block;
	background-color: #bbbbbb;
	position: relative;
	float:left;
	width: 100%;
	top:10px;
	padding: 0px;
	margin:0px;
	margin-left: auto;
	margin-right: auto; 
	}

	.eventsummary-data-eventname {
	display:block;
	background-color: #ffffff;
	position: relative;
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding: 0px;
	padding-left: 10px;
	padding-right: -10px;
	border:1px solid #eeeeee;

	}

	.eventsummary-data-eventname h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size:1em;
	}
	
	.eventsummary-data-date {
	display:block;
	background-color: #ffffff;
	position: relative;
	float:left;
	width: 100%;
	height: 50px;
	padding: 0px;
	padding-left: 10px;
	padding-right: -10px;

	
	font-family: Verdana, Geneva, sans-serif;
	font-size:.8em;
	line-height: 50px;;
	border:1px solid #eeeeee;
	}

		.eventsummary-data-date img {
		max-width: 30px;
		max-height: 30px;
		margin-left:20px;
		vertical-align: middle;
		}

	.eventsummary-data-venue {
	display:block;
	background-color: #ffffff;
	position: relative;
	float:left;
	width: 100%;
	height: 60px;
	padding: 0px;
	padding-left: 10px;
	padding-right: -10px;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size:.8em;
	line-height: 60px;;
	border:1px solid #eeeeee;
	}

		.eventsummary-data-venue img {
		max-width: 30px;
		max-height: 30px;
		margin-left:20px;
		vertical-align: middle;
		}

	.eventsummary-data-social {
	display:block;
	background-color: #ffffff;
	position: relative;
	float:left;
	width: 100%;
	height: 50px;
	padding: 0px;
	padding-left: 10px;
	padding-right: -10px;
	padding-top: 10px;
	border:1px solid #eeeeee;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size:.8em;
	line-height: 60px;
	}
	
	.eventsummary-data-social img {
	max-width: 32px;
	max-height: 32px;
	margin:0px;
	border-width:5px;
	border-style:solid;
	border-color:#ffffff;
	vertical-align: middle;
	}


	.eventdetail-container {
	display:block;
	background-color: #ffffff;
	position: relative;
	float:left;
	top:25px;
	width: 100%;
	min-height:400px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto; 
	border-width:0px;
	border-style:solid;
	border-color:#ffffff;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size:1em;
	}

	.eventdetail {
	display:block;
	position: relative;
	float:left;
	top:8px;
	width: 100%;
	min-height:300px;
	margin:0px;
	padding:0px;
	
	font-size:1em;
	line-height:1.6em;
	}
		.eventdetail .sourcelink {
		font-size:1em;
		}

	.tag-container {
	display:block;
	background-color: #fcfcfc;
	position: relative;
	float:left;
	top:8px;
	width: 100%;
	min-height:60px;
	margin:0px;
	padding:5px;
	
	font-size:.9em;
	border-width:0px;
	border-style:solid;
	border-color:#ffffff;
	box-shadow: 1px 1px 1px 1px #aaaaaa;
	}

			.tag-header {
			display:inline;
			float:left;
			background-color: #eeeeee;
			height:20px;
			margin:0px;
			line-height:20px;
			padding:0px 2px;
			
			font-size:.9em;
			border-width:1px;
			border-style:solid;
			border-color:#dddddd;
			}

			.tag-data {
			display:block;
			float:left;
			background-color: #ffedfb;
			height:20px;
			margin:1px 3px;
			padding:0px 2px;
			
			font-size:.9em;

			border-width:1px;
			border-style:solid;
			border-color:#dddddd;
			line-height:20px;
			}

	.fb-comments-container {
	display:block;
	background-color: #fcfcfc;
	position: relative;
	float:left;
	top:8px;
	width: 100%;
	min-height:60px;
	margin:0px;
	padding:5px;
	
	font-size:.9em;
	border-width:0px;
	border-style:solid;
	border-color:#ffffff;
	}
			.fb-comments-header {
			display:inline;
			float:left;
			background-color: #eeeeee;
			height:20px;
			margin:0px;
			padding:0px;
			
			font-size:.9em;
			font-weight:bold;
			border-width:1px;
			border-style:solid;
			border-color:#dddddd;
			}

	.sidebar {
	display:block;
	position: relative;
	float:left;
	top:20px;
	width: 100%;
	margin:0px;
	padding:0px;

	}

	.sidebar-organizer {
	display:block;
	background-color: #ffffff;
	position: relative;
	float:left;
	top:0px;
	width: 100%;
	min-height:80px;
	padding: 0px;
	margin:0px;
	border-width:1px;
	border-style:solid;
	border-color:#eeeeee;

	}

		.sidebar-organizer-header {
		display:block;
		background-color: #9dcfe9;
		position: relative;
		float:left;
		top:0px;
		width: 100%;
		height:25px;
		padding: 0px;
		margin:0px;
		border-width:0px;
		border-style:solid;
		border-color:#ffffff;
		font-size:.8em;
		font-weight:bold;
		text-align:center;
		line-height:25px;
		}
		.sidebar-organizer-detail {
		display:block;
		position: relative;
		float:left;
		top:0px;
		left:5px;
		width: 100%;
		height:25px;
		padding: 0px;
		padding-right:0px;
		margin:0px;
		border-width:0px;
		border-style:solid;
		border-color:#ffffff;
		font-size:.8em;
		font-weight:normal;
		text-align:left;
		line-height:25px;
		}

	.sidebar-sponsor {
	display:block;
	background-color: #ffffff;
	position: relative;
	float:left;
	top:0px;
	width: 100%;
	min-height:80px;
	padding: 0px;
	margin:5px 0px;
	border-width:1px;
	border-style:solid;
	border-color:#eeeeee;
	}

		.sidebar-sponsor-header {
		display:block;
		background-color: #9dcfe9;
		position: relative;
		float:left;
		top:0px;
		width: 100%;
		height:25px;
		padding: 0px;
		margin:0px;
		border-width:0px;
		border-style:solid;
		border-color:#ffffff;
		font-size:.8em;
		font-weight:bold;
		text-align:center;
		line-height:25px;
		}
		.sidebar-sponsor-detail {
		display:block;
		position: relative;
		float:left;
		top:0px;
		left:5px;
		width: 100%;
		height:25px;
		padding: 0px;
		padding-right:0px;
		margin:0px;
		border-width:0px;
		border-style:solid;
		border-color:#ffffff;
		font-size:.8em;
		font-weight:normal;
		text-align:left;
		line-height:25px;
		}

	.sidebar-ticket {
	display:block;
	/*background-color: #fffafa;*/
	position: relative;
	float:left;
	top:20px;
	width: 100%;
	min-height:80px;
	padding: 0px;
	margin:0px;
	padding:0px;
	border-width:0px;
	border-style:solid;
	border-color:#ffffff;
	/*box-shadow: 1px 1px 1px 1px #aaaaaa;*/
	}
		.sidebar-ticket img {
		display:block;
		border-width:1px;
		border-style:solid;
		border-color:#ffffff;
		vertical-align: middle;
		margin-left:auto;
		margin-right:auto;
		box-shadow: 1px 1px 1px 1px #aaaaaa;
		}
	

	.sidebar-fb-page {
	display:block;
	background-color: #f5f5f5;
	position: relative;
	float:left;
	top:0px;
	width: 100%;
	min-height:80px;
	padding: 0px;
	margin:5px 0px;
	border-width:1px;
	border-style:solid;
	border-color:#eeeeee;
	}

		.sidebar-fb-page-header {
		display:block;
		background-color: #9dcfe9;
		position: relative;
		float:left;
		top:0px;
		width: 100%;
		height:25px;
		padding: 0px;
		margin:0px;
		border-width:0px;
		border-style:solid;
		border-color:#ffffff;
		font-size:.8em;
		font-weight:bold;
		text-align:center;
		line-height:25px;
		}
		
	.sidebar-related {
	display:block;
	background-color: #ffffff;
	position: relative;
	float:left;
	top:0px;
	width: 100%;
	min-height:80px;
	padding: 0px;
	margin:0px;
	border-width:0px;
	border-style:solid;
	border-color:#ffffff;
	box-shadow: 1px 1px 1px 1px #aaaaaa;
	}
		.sidebar-related-header {
		display:block;
		background-color: #9dcfe9;
		position: relative;
		float:left;
		top:0px;
		width: 100%;
		height:25px;
		padding: 0px;
		margin:0px;
		border-width:0px;
		border-style:solid;
		border-color:#ffffff;
		font-size:.8em;
		font-weight:bold;
		text-align:center;
		line-height:25px;
		}

		.sidebar-related-item {
		position: relative;
		left:0px;

		width: 100%;
		margin-top: 15px;
		margin-bottom: 15px;
		display:block;
		margin-left: auto;
		margin-right: auto;

		}
	
		.sidebar-related-item-pic {

		display:block;
		position: relative;
		width: 100%;
		padding: 0px;
		margin-left: auto;
		margin-right: auto;
		 
		}
		.sidebar-related-item-pic img {
		display:block;
		max-width: 200px;
		max-height: 125px;
		width: 100%;
		margin:0px;
		border-width:5px;
		border-style:solid;
		border-color:#ffffff;
		margin-left: auto;
		margin-right: auto;
		}

		.sidebar-related-item-detail {
		position: relative;
		
		width: 95%;
		margin:0px;
		padding: 0px;
		
		padding: 0px;
		display:block;
		margin-left: auto;
		margin-right: auto;

		}

		.sidebar-related-item-header {
		position: relative;
		font-size: .9em;
		color: rgb(6, 93, 199);
		text-align: left;
		left:0px;
		margin-bottom: 10px;
		
		
		}
		.sidebar-related-item-header a:link {
			text-decoration: none;
		}

		.sidebar-related-item-header a:visited {
			text-decoration: none;
		}

		.sidebar-related-item-header a:hover {
			text-decoration: underline;
		}

		.sidebar-related-item-header a:active {
			text-decoration: underline;
		}

		.sidebar-related-item-whenwhere {
			position: relative;
			font-size: .8em;
			color: #00aa00;
			text-align: left;
			left:0px;
			margin-bottom: 5px;

		}
		.sidebar-related-item-content {
			position: relative;
			font-size:  .8em;
			font-family: Verdana, Geneva, sans-serif;
			color: #555555;
			text-align: left;
			left:0px;
		}

}

/* Smartphones (portrait and landscape) ----------- */