/* /// GENERIC /////////////////////////////////////////////////////////////////////////////////////  */

body, div, td, th, p, li { font-family: Verdana, Helvetica, Arial, sans-serif; color: #000; font-size: 100.01%; }

body { 
	margin: auto; 
	padding: 0 20px;
	background: #fff url(../img/background.gif) repeat-x ;
	min-width: 59em;   /* 48em was approximately 770px */
	max-width: 80em;

}

#infoScreenBody {
	margin: auto; 
	text-align: center;
	background: #fff;
	min-width: 48em;   /* 48em is 768px */
	max-width: 85em;
	padding: 1.0em 0.5em 0 0.5em;
}

/* linkcolors */
a, a:link { color:maroon; text-decoration:none; font-weight: bold;} a:hover {text-decoration:underline;}
a:focus {outline: none;} 

/* basic margins, paddings, font-sizes and line-heights */
div        { margin:0; padding:0; }

h1, h2, h3, 
h4, h5, h6 { margin:0; padding:0; }

h1         { font-size:  1.0em; line-height: 1.2em; }     
h2         { font-size:  1.0em; line-height: 1.2em; } 
h3, h4, h5 { font-size: 0.76em; line-height: 1.2em; }

p          { font-size: 0.76em; line-height: 1.6em;
             margin: 0; padding: 0 0.5em 0.5em 0; }
						 
td p       { line-height:1.2em;
             margin:0; padding:0; padding-bottom: 0.25em; } 

th         { font-size: 0.7em; line-height: 1.0em; text-align: left; 
             padding: 0.6em 0 0.6em 0.6em;
						 background:#666; color:#fff; }


/* lists (possible: disc, decimal, square, circle) */
ul         { list-style-type: square; 
             margin: 0;
						 padding: 0.2em 0.2em 0.5em 0.85em;   /* padding-left empirically determined to align bullets with with text */ }
						 
li         { font-size: 0.76em;	line-height: 1.6em; 
             margin: 0; 
						 padding: 0; padding-left: 0.2em; }
						 
img        { border: none; }

div#column .pict-left, 
div#column .pict-right  {
	float:left; margin: 0 0.7em 0.3em 0; overflow:hidden; 
}
div#column .pict-right   { float:right; margin-left:0.7em;}


/* //////////////////////////////////////////////////////////////////////////////////////////////////  */

/* /// LAYOUTSECTIONS ///////////////////////////////////////////////////////////////////////////////  */

/* //////////////////////////////////////////////////////////////////////////////////////////////////  */

div#header            { position: relative;
        height: 140px;
        background-color: #666666;
        border-bottom: 1px solid #333;
        overflow: hidden; 
}
div#header h3 {
	color: #fff;
	}
div#navigation-1      {	position: relative;
	clear: both; 
	background: #fff url(/portals/0/Content/ArchivWebsite/jazoon.com/images/bg_nav1.gif) top repeat-x;
}
div#navigation-2      {	position: relative;
	clear: both; 
	background: #fff url(../img/bg_nav2.gif) bottom repeat-x;
}

div#imagerow          { position: relative;
	clear: both; 
	height:140px;
	border-top:1px solid #999;
}

div#content           { position: relative;
	padding: 1.0em 0.5em 0 0.5em;
	border-top: 1px solid #999;
	background: #fff url(../img/bg_content.gif) repeat-x bottom;
}

		div#column-left {}
		/* --- to date, the left column is not in use, but has been tested. Ask for test file --- */
		
		div#column {
			margin: 0 13.0em 0.5em 0; 
		}
		div#column2 {
			margin: 0 0 0.5em 0; 
		}
		div#column-right {
			float: right; 
			width: 12.5em; /* 0.5em less than 'column' margin-right */
			margin: 3.1em 0 0.5em 0;
			background: #eee url(../img/bg_column_right.gif) repeat-y;
			border: 1px solid #eee; border-left:none; border-top:none;
                        min-width: 150px;
		}

div#footer {
	clear: both;
	margin-bottom: 0.15em;
	padding: 0.5em;
	border: 1px solid #ddd;
	background: #ddd url(../img/bg_footer.gif);
	height: 40px;
}
div#footer-sponsors {
	clear: both;
	display: none;
}

/* /// HEADER ///////////////////////////////////////////////////////////////////////////////////////  */

div#header-logo, div#header-logo-pos     { position: absolute;
bottom: 20px;  left: 8px;   width: 405px; height: 90px;
}
div#header-logo-pos { display:none; }

div#header-java-logo { 
	position: absolute;
	top: 25px;  right: 30px;
}

div#header-java-logo-print { display: none; }

div#header-title      { position: absolute; display:none;
	top:    5px;  left: 10px;   width: 600px;
}

div#header-sponsors   { position: absolute;
	bottom: 20px; right: 10px;   width: 200px; height: 90px ;
}

/* /// NAVIGATION-1 /////////////////////////////////////////////////////////////////////////////////  */

div#navigation-1 a, div#navigation-1 span {
	font-size: 0.7em; font-weight: bold;
	text-decoration: none; 
	float: left; display: block;
	padding: 3px 5px;
	border-left: 1px solid #fff; border-right: 1px solid #000;
	color: #fff; 
	background-color: #fff; background-image: url(/portals/0/Content/ArchivWebsite/jazoon.com/images/bg_nav1.gif);
}
/* the <span>-Tags are needed to enclose the menu navigation       */
/* you have 3 versions of it: one with borders on both sides, and  */
/* two with no border on the right respectivly on the left side    */

div#navigation-1 span {
	padding: 3px 2px;
}
div#navigation-1 span.noborder-right {
	border-right: none;
}
div#navigation-1 span.noborder-left {
	border-left: none;
}


div#navigation-1 a:link {
	text-decoration: none; 
}
div#navigation-1 a:hover, div#navigation-1 a.active {
	border-color: #fff;
	border-left-color: #999;
	color: maroon;
	background-color: #fff; background-image:none;
}
div#navigation-1 a.active:hover {
	text-decoration: underline; 
}
div#navigation-1 #language {
	float: right;
}

/* /// NAVIGATION-2 /////////////////////////////////////////////////////////////////////////////////  */

div#navigation-2 a, div#navigation-2 span {
	font-size: 0.7em; font-weight: bold;
	text-decoration: none; 
	float: left; display: block;
	padding: 3px 5px;
	border-left: 1px solid  #fff; border-right: 1px dotted  #666;
	color: #888; 
	background: #fff url(../img/bg_nav2.gif) bottom repeat-x;
}
div#navigation-2 span {
	padding: 3px 2px;
}
div#navigation-2 a:hover, div#navigation-2 a.active {
	color: maroon; background-color: #fff; background-image:none; 
}
div#navigation-2 a.active:hover {
	text-decoration: underline; 
}
div#navigation-2 #search {
	float: right;
}

/* /// IMAGEROW /////////////////////////////////////////////////////////////////////////////////////  */

div#imagerow #announcement { position:absolute;
	left:420px; top:10px;
	width:350px;
}
	
div#imagerow p { color:#fff;}
div#imagerow a { color:#fff; text-decoration:underline;}

div#imagerow img { 
	float:left; clear:left;
	margin-right: 0.75em; 
	margin-bottom: 0.5em;
}

/* /// CONTENT //////////////////////////////////////////////////////////////////////////////////////  */

/* --- Left    --------------------------------------------------------------------------------------  */

/* --- deactivated --- */

/* --- Middle  --------------------------------------------------------------------------------------  */

div#column h1      	{ margin: 0.5em 0 0.5em 0; }
div#column h2      	{ margin: 1.0em 0 0.5em 0; }
div#column h3       { margin: 0.5em 0 0.25em 0; clear:left }


/* --- BREADCRUMB --- */
.breadcrumb {
	font-size: 0.7em; font-weight: normal;
	color: #aaa;
	padding: 0 0 2px 0;
	display: block;
}
.breadcrumb a, 
.breadcrumb a:link, 
.breadcrumb a:hover, 
.breadcrumb a:visited, 
.breadcrumb a:active  {
	color: #ccc;	text-decoration: none; 
}
.breadcrumb a:hover { text-decoration: underline; } 
.breadcrumb a.active { color: #999; }

/* --- IMAGES --- */
div#column img      { 
	float:left; clear:left;
	margin-right: 0.75em; 
	margin-bottom: 0.5em;
}

div#column .pict-full      { 
	height: 200px;
	margin-right: 0.5em; 
	margin-bottom: 0.5em;
	overflow: hidden;
}

/* --- SPECIALS --- */
div#column-specials {
	float: right; width: 13em; /* 0.5em less than 'column' */
	margin: 0 0 0 0.5em;
	border: 1px solid #eee; border-top:none;
	background:#fff;
        min-width: 190px;
}

div#column-specials h2,     
div#column-specials h3,
div#column-specials h4  { font-size:0.76em; color:#444;
                            padding: 0.5em 0.7em; margin:0; }

div#column-specials h2  { background:#fff url(../img/bg_h2.gif) repeat-x; }
div#column-specials h3  { background:#fff url(../img/bg_h3.gif) repeat-x; }
div#column-specials h4  { background:#fff url(../img/bg_p_line_simple.gif) repeat-x; padding-bottom: 0;}

div#column-specials p   { font-size:0.7em;  line-height: 1.4em;  padding: 0.5em 0.7em 0.4em; }
div#column-specials p.line { background:#fff url(../img/bg_p_line_simple.gif) repeat-x; }

div#column-specials ul  { padding-left:1.35em;  /* +0.5em more than the GENERIC. Due to distance to the left border within 'column-right' */ }
div#column-specials ul.line { background:#fff url(../img/bg_p_line_simple.gif) repeat-x; }
div#column-specials li  { font-size:0.7em; }
	
/* --- Right   --------------------------------------------------------------------------------------  */

div#column-right h2,     
div#column-right h3,
div#column-right h4        { font-size:0.76em; color:#444;
                             padding: 0.5em 0.7em; margin:0;}
													 
div#column-right h2        { background:#fff url(../img/bg_h2.gif) repeat-x; }
div#column-right h3        { background:#fff url(../img/bg_h3.gif) repeat-x; }
div#column-right h4        { background:#fff url(../img/bg_p_line.gif) repeat-x; padding-bottom: 0;}

div#column-right p  		   { font-size:0.7em;  line-height: 1.4em;  padding: 0.5em 0.7em 0.4em; 
                             background:#fff url(../img/bg_p_line.gif) repeat-x; }
div#column-right p.line    { background:#fff url(../img/bg_p_line.gif) repeat-x; }
div#column-right p.line-no { background:#fff url(../img/bg_p_line_no.gif) repeat-x;  }


div#column-right ul 	     { padding-left:1.35em;  /* +0.5em more than the GENERIC. Due to distance to the left border within 'column-right' */ 
													   background:#fff url(../img/bg_p_line_shade.gif) repeat-x; }
div#column-right ul.line   { background:#fff url(../img/bg_p_line.gif) repeat-x; }
div#column-right ul.line-no{ background:#fff url(../img/bg_p_line_no.gif) repeat-x;  }
div#column-right li        { font-size:0.7em; }



/* /// FOOTER ///////////////////////////////////////////////////////////////////////////////////////  */

div#footer p  { margin:0; padding: 0; font-size:0.7em; line-height:1.3em;}

/* /// EXTRAS ///////////////////////////////////////////////////////////////////////////////////////  */

/* .tablemargin is needed to prevent known problems with tables within css-definied layouts, in this case within 'column' */
/*  for use put the table into into a <div>-Tag, as for example <div class="tablemargin"><table>... </table></div>        */
div.tablemargin {
	overflow: hidden; background-color:#fff; margin-bottom:0.5em;
}

.table-standard { 
	width:100%; /* IE6 showed no problems with 100% during the testings. Sizes <100% often helps in case of emerging problems */
	border-top:1px solid #999; border-bottom:1px solid #999; 
	empty-cells:show;
}
td { padding: 1px 10px 1px 0; border-top:1px solid #ccc; vertical-align:top; }

.table-standard td h3,
.table-standard td h4 {margin:0!important; padding-bottom: 0.5em;}

p.panelheader { font-weight:bold; padding-left:0.5em; padding-bottom:0.25em; font-size:0.85em;  }
p.item        { font-weight:bold; padding-left:0.5em;  }
p.item-addon  { font-size: 0.7em; padding-bottom: 1.0em;  padding-left:0.5em; }

p.dailyprogram { padding-top: 5px; }
p.dailyprogram a { display: block; height:20px; background: url(../img/B_ProgOFF.jpg) no-repeat center;}
p.dailyprogram a:active, p.dailyprogram a:hover {background: url(../img/B_ProgON.jpg)  no-repeat center;}

.table-standard td { width:20%; padding:0.5em 0.5em 0.5em 0 ;}
.table-standard td.line-top { border-top:1px solid #666; width:auto; background:#eee;}
.table-standard td.line-top p { color: #555; }

div.table-standard {width: 90%; border-bottom:1px solid #ccc;}
div.line-top { padding:0.5em 0.5em 0.5em 0; border-top:1px solid #666; width:auto; background:#eee;}
div.line-top p { color: #555; }


/* /// BLOG /////////////////////////////////////////////////////////////////////////////////////////  */

.comment            { position:relative;                    width:auto; height: 2.5em; border-bottom:1px dotted #999; margin-bottom:2em; clear:both}
.comment-floatbox   { position:absolute; right:0; bottom:0; width:20em; height: 2.0em; text-align:right;}
div#column p.author { font-size:0.7em; font: small-caption; font-stretch:wider; color: #555; padding-bottom: 1.2em}


/* /// Clears Hights with Parents and Childs <DIV> //////////////////////////////////////////////////  */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

      td.td-column1 {width:25%; padding-left: 0.5em}
      td.td-column2 {width:75%}

      label { font-size:0.76em;}

div#header-right{
        position: absolute;
        bottom: 0;
        right: 100px;
        width: 350px;
        height: 130px;
        overflow: hidden;

        }

div#header-eyecatcher {
      position: relative;
      width: 155px;
      float: right;
      height: 114px;
}

div#header-banner {
        position: relative;
        width: 155px;
        overflow: hidden;
        height: 114px;
        float: left;
        background: url(../../../../dms/jazoon07/header/bg_banner/bg_banner.gif);
}


div#header-banner a, div#header-banner p, div#header-eyecatcher p {
        display: block;
        margin: 0px 18px 18px;
        height: 100px;
        font-family: "Comic Sans MS",Verdana,Helvetica,Arial,sans-serif;
        font-size: 0.875em;
        line-height: 1.5em;
        color: #000;
        overflow: hidden;
        }

div#header-banner a{
        text-decoration: none;
        border: none;
        font-weight: normal;
        }

div#header-banner p a {
        display: inline;
        margin: 0;
        }
div#header-banner p {
  margin-top: 8px;
}

div#details h2 {
    font-size: 0.8em;
    padding-top: 0;
    padding-bottom: 10px;
}

div#details h3 {
    font-size: 0.75em;
}

div#details pre {
    font-size: 0.75em;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

div#details .subauth {
  float: right;
  text-align: center;
  margin-right: 20px;
  margin-top: 27px;
}

div#details div {
  text-align: center;
}

div#details .subauth p {
  clear: left;
}

div#details img {
  float: none;
}

.rotating-nodes  {overflow: hidden; }
.rotating-nodes .rotating-node {float: left; width: 49%;}
.rotating-nodes .rotating-node p {line-height: 1.2em; padding-right: 5px}

#mediaPartners {border: 1px solid #CCCCCC; border-top: none; margin-bottom: 6px;}
#mediaPartners .rotating-nodes {overflow: hidden; padding: 5px; }
#mediaPartners .rotating-nodes .rotating-node {float: left; padding-right: 25px; width: auto; }
#mediaPartners h3 { 
	    font-size:0.76em; 
	    padding: 1px 0px 2px 2px; 
	    color:#444; 
	    background:#fff url(../img/bg_mp_h3.gif) repeat-x; 
}

.slots {
        border-bottom: thin gray solid;
        border-bottom: none;
}

.no-show {
        border: none !important;
}

.slot {
        vertical-align: top;
}

.session-name {
        text-align: center;
}

.Tutorials {
        background-color: #E95D0F;
        border: 1px white solid;
}

.TechnicalSessions, .Labs, .JazoonCutting-Edge {
        background-color: #91BE1C;
        border: 1px white solid;
}

.ClosingSession, .JazoonJam, .JazoonJamClosingSession {
        background-color: #858687;
        border: 1px white solid;
}

.WelcomenotesKeynotes, .Keynotes, .Keynote, .WelcomeNotesKeynotes, .OpeningSession {
        background-color: #2298D9;
        border: 1px white solid;
}

.yearsJavaUserGroupSwitzerlandCelebrationParty, .Party, .BarLounge, .JazoonPartyyearsJavaUserGroupSwitzerlandCelebrationParty, .AfterHours {
        background-color: #F9EA48;
        border: 1px white solid;
}

.UEFAEUROSemi-Final {
	    background-color: #CC0000;
}

.BOFSessions, .JUGLeaders, .BOF, .BOFs {
	background-color: #F5B30C;
        border: 1px white solid;
}
.Exhibition {
        background-color: #005A88;
        border: 1px white solid;
}

.Registration,.Breakfast, .Morningcoffee,.Lunch,.Break, .Snack,.RegistrationandBreakfast {
        background-color: #C0C0C0;
        border: 1px white solid;
}

.presentation {
        background-color: #FFCC00;
        border: none;
        border-left: 1px solid white;
        border-right: 1px solid white;
}

#daily-schedule {
        margin-top: 10px;
        border-spacing: 0;
        border-collapse: collapse;
}

#daily-schedule td {
        padding: 0;
        width: auto;
}
#daily-schedule td p, #daily-schedule td li {
  padding: 3px;
  font-size: 70%;
  letter-spacing: 0;
  word-spacing: -2px;
  padding-bottom: 0;
}

#daily-schedule td p a, #daily-schedule td li a {
  font-weight: normal;
  color: black;
}

#daily-schedule td p a {
  font-weight: bold;
}

#daily-schedule td ul {
  padding: 0;
  margin: 3px;
  margin-top: 0;
}

#daily-schedule tr.slots td.WelcomeNotesKeynotes p.slot-submission, 
#daily-schedule tr.slots td.Keynotes p.slot-submission,#daily-schedule tr.slots td.OpeningSession p.slot-submission {
  padding-bottom: 3px;
  font-weight: bold;
}

#daily-schedule td li {
  padding-left: 0px;
  line-height: 1em;
  list-style-position: inside;
}

#daily-schedule th {
        border-left: 1px white solid;
        border-right: 1px white solid;
}


#daily-schedule tr.slots td p {
  padding-bottom: 6px;
}

#daily-schedule tr.slots td p.session-submission {
  padding-bottom: 0;
}

#daily-schedule tr.slots td.TechnicalSessions p.exact-time {
  background-color: #B7EF1D;
  padding-bottom: 3px;
}

#daily-schedule tr.slots td.Demo p.exact-time {
  background-color: #009E9F;
  padding-bottom: 3px;
}

#daily-schedule tr.slots td.Tutorials p.exact-time {
  background-color: #FF782F;
  padding-bottom: 3px;
}

.room {
        width: 0;
}

#daily-schedule .time {
        width: 4%;
}

.Demo {
        background-color: #007272;
        border: 1px white solid;
}

.formelement label {
  width: 130px;
  display: block;
  float: left;
}
.noborder {
	border: none;
}
.clearall {
	clear: both;
}
.img_right {
	float: right !important;
}
.Pepsi {
        text-align: right;
        float: right;
        width: 50%;
}
.Pepsi p {
        margin-top: 13px !important;
        margin-right: 70px !important; 
}
.footer-left {
        float: left;
        margin-top: 13px;
}

#ratingDiv {
  text-align: left !important;
  font-size: 0.8em;
}

#ratingDiv img {
  margin: 0 !important;
}

.imagerow {
  clear: left;
  margin-top: 5px;
  padding: 15px 0px;
}

.imageitem {
  float: left;
  padding-right: 42px;
}  
.invisible {
  display: none;
}

.download-button {
  padding: 3px 5px 3px; 5px;
  background-color: rgb(255,255,255);
  background-image: url(/portals/0/Content/ArchivWebsite/jazoon.com/images/bg_nav1.gif);
  text-decoration: none;
  border: 1px solid #000;
}

a.download-button {
  color: white;
}

a:hover.download-button {
  text-decoration: none !important;
}