/* EWASS Web Site CSS */

body.ewass {
	/* background-color: #d2d8e2; */
	background-color: #fff;
}

#ewass_page_layout {
	width: 960px;
	margin: 0;
	margin-top: 10px;
	border-spacing: 0;	/* replaces cellspacing */
	border: 0;
	border-collapse: collapse;
	padding: 0;	/* does not seem to work */
}

#ewass_banner_2014 {
	width: 960px;
	height:120px;
	background: url(../EWASS2014/images/banner_960x120.png) no-repeat left top;
	color: #fff;
	padding: 16px 100px 20px 140px;	/* top right bottom left */
	font-size: 24px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	text-shadow: #666 2px 2px 4px ; /* x-offset, y-offset, blur radius */
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
}
td.ewass_banner {
	width: 960px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
}
#menu_margin {
	width: 200px;
	vertical-align: top;
	background-color: #eee;
	border-spacing: 0;	/* like cellspacing */
	padding: 30px 20px 20px 20px;	/* top right bottom left */
	border-right: 1px solid #ddd;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
}

#main_frame {
	/* width: 760px; */ /* 2013-12-05: commented-out to help on Linux Firefox, but not better */
	/* width: 100%; */
	vertical-align: top;
	background-color: #eee;
	padding: 30px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
}

#news_box {
	width: text;
	background-color: #c2c8d8;
	padding: 10px 20px;	/* top-bottom left-right */
	border: 1px solid #bbb;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.title-on-line {
	width: text;
	text-align: left;
	color: #78a;
	border-bottom: 2px solid #78a;
	font-weight: bold;	
	font-style: italic;
}

table.sponsors {
	width: text; /* to prevent cells to extend too much in IE. Works? */
	/* width: 100%; */
	border-spacing: 5;	/* replaces cellspacing */
	border: 1 solid #aaa;
	background-color: #c2c8d8;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
table.sponsors tr.fix_height {
	height: 100px;
}
table.sponsors td {
	background-color: #fff;
	padding: 5;
	text-align: center;
	width: 120px;
	max-width: 130px; /* to prevent cells to extend too much in IE. Works? */
}
table.sponsors img {
	border: 0;
}

table.sponsors_margin {
	width: text; /* to prevent cells to extend too much in IE. Works? */
	/* width: 100%; */
	border-spacing: 5;	/* replaces cellspacing */
	border: 1 solid #aaa;
	background-color: #c2c8d8;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
table.sponsors_margin tr.fix_height {
	height: 75px;
}
table.sponsors_margin td {
	background-color: #fff;
	padding: 5;
	text-align: center;
	max-width: 80px; /* to prevent cells to extend too much in IE. */
}
table.sponsors_margin img, th {
	border: 0;
}

/* Start of CSS for Program table */
table.program {
	border-spacing: 3;	/* replaces cellspacing */
	border: 0;
	background-color: none;
	font-size: 12px;
}
table.program th {
	background-color: #c2c8d8;
	font-weight: normal;
	text-align: left;
	padding: 3;
}
table.program td {
	color: #fff;
	padding: 3;
}
table.program td.red {
	background-color: #c66;
	border-bottom: 1px solid #eee;
}
table.program td.green {
	background-color: #693;
	border-right: 1px solid #eee;
	vertical-align: bottom;
}
table.program td.blue {
	background-color: #66c;
	border-right: 1px solid #eee;
	vertical-align: bottom;
}
table.program td.bluegreen {
	border-right: 1px solid #eee;
	vertical-align: bottom;
	background: -webkit-gradient(linear, left top, left bottom, from(#66c), to(#693));  /* Old syntax */
	background: -webkit-linear-gradient( top, #66c, #693); /* Safari, Chrome */
	background: -moz-linear-gradient(top, #66c, #693); /* FF3.6+ */
	background: -ms-linear-gradient(top,  #66c, #693); /* IE 10+ */
	background: -o-linear-gradient(top,  #66c, #693); /* IE 10+ */
	background: linear-gradient( to bottom, #66c, #693); /* new general syntax */
	background-color: #66c;
}

table.program td.brown {
	background-color: #973;
	border-right: 1px solid #eee;
	vertical-align: bottom;
}
table.program td.purple {
	background-color: #636;
}
table.program td.subtable {
	padding: 0;
}
table.subtable {
	border-spacing: 0;	/* replaces cellspacing */
	background-color: none;
	width: 100%;
	height: 100%;
	font-size: 12px;
}
/* vertical text in Table CSS from: http://dabblet.com/gist/4072362 */
.vertical-text-container {
	display: inline-block;
	overflow: hidden;
	width: 1.2em;
}
.vertical-text {
	display: inline-block;
	white-space: nowrap;
	line-height: 1.5; /* adjusts vertical padding */
	transform: translate(0,100%) rotate(-90deg); /* in original code */
	transform-origin: 0 0; /* in original code */
	writing-mode:tb-rl; filter: flipv fliph; /* IE */
	-moz-transform: rotate(-90deg);  /* FF3.5+ */
	-o-transform: rotate(-90deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
}
/* This element stretches the parent to be square
   by using the mechanics of vertical margins  */
.vertical-text:after {
	content: "";
	display: block;
	margin: -1.2em 0 100%;
}
.vertical-text-container-two-lines {
	display: inline-block;
	overflow: hidden;
	width: 2.8em;
}
.vertical-text-two-lines {
	display: inline-block;
	white-space: nowrap;
	line-height: 1.5; /* adjusts vertical padding */
	transform: translate(0,100%) rotate(-90deg); /* in original code */
	transform-origin: 0 0; /* in original code */
	writing-mode:tb-rl; filter: flipv fliph; /* IE */
	-moz-transform: rotate(-90deg);  /* FF3.5+ */
	-o-transform: rotate(-90deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
}
/* This element stretches the parent to be square
   by using the mechanics of vertical margins  */
.vertical-text-two-lines:after {
	content: "";
	display: block;
	margin: -2.8em 0 100%;
}

.multi-column {
   -moz-column-count: 2;
   -moz-column-gap: 20px;
   -moz-column-fill: auto;
   -webkit-column-count: 2;
   -webkit-column-gap: 20px;
   -webkit-column-fill: auto;
   column-count: 2;
   column-gap: 20px;
   column-fill: auto;
   list-style-position: inside;
}
/* End of CSS for Program table */