@CHARSET "UTF-8";

/**
 
 BLUE	= #1AA1D3
 L.BLUE = #beedfa
 ORANGE	= #FD951C
 GREEN	= #85be49
 LIME	= #86bf49
 YELLOW = #1aa1d3 

 */

/* BASICS */
html, body {
	margin			: 0;
	padding			: 0;
    height			: 100%;
    color			: #333;
    background		: url(../img/bg.gif) top center repeat-y;
    font-family		: Arial, Helvetica, Verdana, sans-serif;    
    font-size		: 100%;
    line-height		: 1.125em;
}

h2, h5, h6	{ color: #777; }
h6			{ font-size: .9em; }

ul 			{ list-style-type: none; margin: 0; padding:0; position: relative; }

p, li, td, th
			{ font-size: 0.875em; }

hr			{ height: 1px; background-color: #CCCCCC; border: none; margin: 1em 0 1em 0; }

a,
a:visited 	{ color: #1aa1d3; text-decoration: none; }
a:active,
a:hover 	{ color: #FD951C; text-decoration: underline; }

a img 		{ border: none; } 

/* Page Container */
#container {
    position		: relative;
    min-height		: 100%;    
    height			: 100%;
    voice-family	: "\"}\"";
    voice-family	: inherit;
    height			: auto;
}
	
html>body #container {
    height: auto;
}


/* Page Header */
#header {
	position: relative;
}

#hd_logo {
    background: url(../img/logo.gif) top left no-repeat;
	height: 74px;
}

#hd_eco_venue {
    background: url(../img/eco_logo.gif) top right no-repeat;
	height: 74px;
}

#hd_venueinfo {
    background: url(../img/bg_venue_info.gif) top left no-repeat;
	height: 61px;
}

#mainMenu {
    background: url("../img/mmbg.gif") repeat-x top;
}

#mainMenu li {     
	float:left;
    margin:0;
    height: 37px;
    background:url(../img/mmbg_right.gif) no-repeat right top;
    padding-right: 12px;    
    line-height: 32px;
}

#mainMenu li div {
	color: #fff;
    float: left;	
    display: block;
    height: 37px;
    background:url(../img/mmbg_left.gif) no-repeat left top;
    padding-left: 12px;
}

#mainMenu li span {
	font-size: 16px;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#mainMenu li div {float:none;}
/* End IE5-Mac hack */

#mainMenu li.current 		{ background-image: url(../img/mmbg_right_on.gif); }
#mainMenu li.current div 	{ background-image:url(../img/mmbg_left_on.gif); }

#mainMenu li.orange 		{ background-image: url(../img/mmbg_right_orange.gif); }
#mainMenu li.orange div 	{ background-image:url(../img/mmbg_left_orange.gif); }

#mainMenu a,
#mainMenu a:hover,
#mainMenu a:active,
#mainMenu a:visited			{ color: #fff !important; }

#ccccBtn	{
	position: absolute; 
	top: 24px;	
	right: 48px;
	z-index: 5;
}

/* Page Content */
#content 			{ padding-bottom: 246px; }

#content .main p,
#content .main li	{ font-size: 0.975em; line-height: 1.625em; }

#content .main ul.submenu
					{ list-style-type: disc; padding-left: 60px; margin-bottom: 20px; }

#content .blockCnt  {
	position: relative;
	height: 180px;
	margin: 10px;
	color: #ffffff;
}

#content .blockCnt h2 {
	margin: 0;
	font-size: 1.4em;
	font-weight: normal;
}

#content .blockCnt li,
#content .blockCnt p {
	margin-top: 4px;
	font-size: 11px;
    line-height	: 15px;
}

#content .blockCnt ul.bullets {
	padding-left: 16px;
}

#content .blockCnt .readmore {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	
}

#content .dark .blockCnt,
#content .dark .blockCnt .readmore,
#content .dark .blockCnt .readmore a,
#content .dark .blockCnt .readmore a:hover,
#content .dark .blockCnt .readmore a:active,
#content .blockCnt .readmore.dark,
#content .blockCnt .readmore.dark a,
#content .blockCnt .readmore.dark a:hover,
#content .blockCnt .readmore.dark a:active,
#content .blockCnt .dark
{
	color: #777 !important; 
}
#content .dark .blockCnt p,
#content .blockCnt p.dark {
	color: #111 !important;
}

#content .blockCnt .readmore,
#content .blockCnt .readmore a {
	color: #fff;
	font-style: italic;	
}

#content .sCntBlock .readmore a,
#content .sCntBlock .readmore a:hover,
#content .sCntBlock .readmore a:active,	
#content .blockCnt .readmore a,
#content .blockCnt .readmore a:hover,
#content .blockCnt .readmore a:active {
	text-decoration: underline;
}

.vertCntPhoto {			/* grid_4 */
	width: 220px;
	height: 264px;
}
.vertCntPhotoSmall {	/* grid_3 */
	width: 160px;
	height: 240px;
}
.vertCntPhotoSmall2 {	/* grid_3 */
	width: 160px;
	height: 227px;
}

.horiCntPhoto {			/* grid_6 */
	width: 340px;
	height: 227px;
}

.horiCntPhotoSmall {
	width: 340px;
	height: 240px;
}


.vertCntPhoto.halfHeight {
	height: 132px;
}

.vertCntPhotoSmall2.halfHeight,
.horiCntPhoto.halfHeight {
	height: 114px;
}

.vertCntPhotoSmall.halfHeight,
.horiCntPhotoSmall.halfHeight {
	height: 120px;
}

/* Sidebars */
.sidebar
			{ padding-bottom: 20px; }
.sidebar.left
			{ border-right: 1px solid #CCCCCC; margin-right: 0px; padding-right: 10px; }
.sidebar.right
			{ border-left: 1px solid #CCCCCC; margin-left: 0px; padding-left: 10px; }
p.crumbs,
.sidesection h5
			{ margin-top: 6px; margin-bottom: 4px; }
.sidesection 
			{ margin-bottom: 20px; }

.sidesection blockquote 	
			{ margin: 0px; padding: 3px 12px 0px 12px; display: block; background: url(../img/openquote.png) top left no-repeat; }
.sidesection cite
			{ text-align: right; display: block; }
	
/* Page Footer */
#footer {
    position: absolute;
    bottom: 0;
	height: 226px;    
    width: 100%;
}

#footer .container_12,
#footer .container_16 {
	background: url(../img/footer_bg.gif) top left repeat-x;
}

#footer .ftMenu h4 {
	font-weight: 400;
	margin-top: 18px;
}

#footer .ftMenu h4,
#footer .ftMenu ul {
	color: #555;
	/* margin-left: 10px; */
}

#footer .ftMenu h4,
#footer .ftMenu ul {
	margin-bottom: 6px;
}

#footer .ftMenu li {
	font-size: 0.75em;
}
#footer .ftMenu li a {
	color: #777;
}
	
#footer #recycle_pengiun {
    background: url(../img/penguin.png) bottom center no-repeat;
	height: 216px;
}

/* GENERAL */	
.hide 		{ display: none; }

/* .round		{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } */

.large		{ font-size: 106% !important; }
.bold		{ font-weight: bold; }

.selected	{ font-style: italic; font-weight: bold; }

.success	{ color: #85be49; }
.error		{ color: #FD951C; }
.highlight 	{ color: #85be49; font-weight: bold; font-size: 107%; }

img.right
			{ float: right; margin: 0 0 10px 20px; }

img.left
			{ float: left; margin: 0 20px 10px 0; }
		
p.firstpara	{ font-size: 1.12em !important; line-height: 1.24em; }	
	
ul.bullets  { list-style-type: square; padding-left: 40px; }
	
	
table.data	{ border: 1px solid #999; width: 100%; border-collapse: collapse; }
table.data th
			{ color: #777; }
table.data th,
table.data td
			{ border: 1px solid #999; text-align: left; vertical-align: top; padding: 5px; }
tr.shade	{ background: #FAFAFA; }

th.chead	{ border-bottom: 3px solid #999 !important; background: #555; color: #fff !important; }
th.rhead	{ border-right: 3px solid #999 !important; }

tr.section td
			{ border-top-width: 3px !important; }

td.num		{ text-align: right !important; }
td.mid		{ text-align: center !important; }
table.center td
			{ text-align: center; }

table.form	{ width: 100%; border-collapse: collapse; }
table.form th,
table.form td
			{ text-align: left; background: #eee; border: 1px solid #fff; padding: 5px; }

label, input
			{ margin-bottom: 3px; } 
div.submit	{ text-align: right; margin: 4px 1px; }
div.submit input
			{ font-weight: bold; font-size: 1.265em; } 
			
a.popup		{ cursor: help; text-decoration: underline !important; }

/* CSS/JS Hack related */
div.rounded div {
  height: 1px;
  overflow: hidden;
}

/* Slideshow / Carousel */
.sponsor_slide {
	display: block;
    background-position:center;
    background-repeat:no-repeat;
	background: #fff;
	width: 104px;/*ie6*/
	height: 104px;/*ie6*/
	margin: 0 58px;
}
.PropSlideShow          {
    display: block;
}
.PropImgTitle           {
    display: none;
    height: 22px;
    font-weight: 600;
    overflow: hidden;
}

.blockCnt .sponsor_slide {	
	margin: 12px 48px 0 48px;
}

/* SIFR */
@media screen {
	/* 
	.sIFR-active #mainMenu li span {
		visibility: hidden; 
		font-size: 16px;
	} */
	.sIFR-active #content .blockCnt h2 {
		font-size: 1.465em;
	}
}

/* Scrollable */

div.scrollable { 
    /* required settings - width + height must be set by other class or inline  */ 
    position:relative; 
    overflow:hidden;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active {  
}

/* custom scrollable */
div#hometabpanes {
	height: 235px;
}

/* root element for tabs  */
ul#hometabs {  
	margin:0 0 0 20px !important;
	padding:0;
	/*
	border-bottom:1px solid #ddd;
	*/	 	
}

/* single tab */
ul#hometabs li {	 
	float: left;
	padding:0; 
	margin:0 0 3px 0;  
	list-style-type:none;	
	text-align: center;
}

/* link inside the tab. uses a background image */
ul#hometabs a { 
	top:1px;	
	height:18px;
	float:left;
	font-size:14px;
	display:block;
	padding:5px 10px 5px 10px;	
	text-decoration:none;
	position:relative;
	color:#555;
}

ul#hometabs a:hover {}
	
/* selected tab */
ul#hometabs a.current {
	cursor:default;
}

ul#hometabs a.lightgreen.current	{ color: #fff; background-color: #b2d49e; }
ul#hometabs a.green.current			{ color: #fff; background-color: #64a83c; }
ul#hometabs a.lightblue.current		{ color: #fff; background-color: #b5e8fb; }
ul#hometabs a.blue.current			{ color: #fff; background-color: #1aa1d3; }
ul#hometabs a.lightorange.current	{ color: #fff; background-color: #feca8e; }
ul#hometabs a.orange.current		{ color: #fff; background-color: #fd951c; }
ul#hometabs a.greyshade.current		{ color: #fff; background-color: #c3c3c3; }
ul#hometabs a.blueshade.current		{ color: #fff; background-color: #95d4eb; }

		
#content .sCntBlock .readmore 
{
	position: absolute;
	bottom: 0;
	right: 10px;		
	color: #fff; 
	font-size: 1.2em;
	padding-left: 90px;
	background: url(../img/arrows.gif) bottom left no-repeat; 
}

#content .sCntBlock .readmore a,
#content .sCntBlock .readmore a:hover,
#content .sCntBlock .readmore a:active
{
	font-style: italic;
	display: block;	
	padding:5px 10px 5px 10px;
	background-color: #1aa1d3;
	color: #fff;
}


/* tab pane */
div#hometabpanes div.items div {
	height: 225px;
}

div#hometabpanes div.items div div.sCntBlock {	
	padding: 10px 20px 10px 10px;
}

div.sCntBlock p,
div.sCntBlock ul li {
	margin-top: 0px;
	font-size: 14px;
	line-height: 1.4em;
}
div.sCntBlock ul li {
	line-height: 1.6em;
}

/* exhibitor stuff */
span.platinum,
span.gold,
span.silver		{
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	border: solid 1px #555;
	display: inline-table;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	text-align: center;
	margin-top: -3px;
	color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
}
span.platinum	{
	background: url(../img/btn/platinum.jpg);
	border-color: #8B8B83;
}
span.gold		{
	background: url(../img/btn/gold.jpg);
	border-color: #FFB90F;
}
span.silver		{
	background: url(../img/btn/silver.jpg);
	border-color: #BBBBBB;
}