/*
Laakaripaivat.css

CSS style definition file for Lääkäripäivät 07

Print style settings at the bottom of this document
*/

/*********************************************************
*   Main settings
**********************************************************/

body{
  font-family : Verdana, Ariel, Helvetica, sans serif;
  font-size : 11px;
  margin : 0;
  padding : 0;
  text-align : center;
  color: #000000;
  background-color: #ffffff;
}                                                                                                       

p{
  font-size: 11px;
  line-height: 14px;
  margin-top: 4px;
  margin-bottom: 7px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
}

h1,h2,h3,h4{
  font-weight: bold;
  color : #000000;
}

h1{
  font-size: 12px;
  line-height: 16px;
  text-align : left;
}

h2{
  font-size: 11px;
  margin : 10px auto 5px 0px;
}

h3{
  font-size: 11px;
  margin : 10px 0px 5px 0px;  
}

h4{
  font-size: 11px;
  margin : 10px auto 5px 0px;
}

div{
  margin : 0;
  padding : 0;
}

ul{
  margin-left: 15px;
  padding-left: 14px;
  list-style-image: url(images/lp_green_square.jpg);
}

li{
  margin: 0 0 0 10px;
  padding: 0;
}

tr, td{
vertical-align : top;
}

a{
text-decoration : none;
margin : 0;
padding : 0;
color : #204394;
}

a:hover{
text-decoration : underline;
}

/*********************************************************
*   Outer wrapper (Includes all centered page content)
**********************************************************/

div#outer-wrapper{
width : 810px;
text-align : center;
margin-left : auto;
margin-right : auto;
margin-top: 10px;
text-align : left;
}

div#bg-wrapper {
  position:relative; 
  margin:0 auto; 
  text-align:left; 
  width:810px;
}

#bg-image {
  position: absolute; left: 10px; top: 10px;
}

/*********************************************************
*   Header container (Includes logo, additional navigation and main navigation)
**********************************************************/

div#header-wrapper{
  float : left;
  width: 100%;
  z-index: 2;
}


/*********************************************************
*   Body wrapper (used to wrap body-container and left-bar)
**********************************************************/

div#body-wrapper{
  float: left;
  width: 810px;
  margin-top: 5px;
  background: url(images/bar_background.jpg) repeat-y top left;  
}

div#left-bar{ 
  float: left;
  width : 100px;
  height: 500px;
  z-index: -1;
  border-top: 10px solid #FFFFFF; 
}

/*********************************************************
*   Body container (contains all the page specific content)
**********************************************************/

div#body-container{
  float: left;  
  width : 710px;
}

div#body-container *{
  z-index: 3;
}


#logo{
  position : relative;
  float : left;
  z-index : 0;  
}

#logo img{
    display : block;
}

div#navigation-additional{
float : right;
text-align : right;
}

div#navigation-additional table{
margin : 0 15px 0 5px;
padding : 0;
text-align : center;
color: #e9a700;
font-weight: bold;
}

div#navigation-additional table a{
float : left;
padding : 0px 5px;
margin : 0;
font-size : 10px;
text-align : center;
color : #333;
font-weight: normal;
}

div#navigation-additional table a:hover{
  color: black;
  text-decoration: none;
}

/*********************************************************
*   Main Navigation
**********************************************************/

div#navigation{
  position : relative;
  float: left;
  margin-top: -10px;
  clear: both;
  width : 100%;
  text-align: center;
}

div#navigation table{
  padding : 0;
  color: #e9a700;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
}

div#navigation table a{
  float : left;
  display : block;
  margin : 0;
  padding : 0px 5px;
  text-align : center;
  font-size: 8pt;
  color : #333;
  font-weight: normal;
}

div#navigation table a#active{
  font-weight : bold;
}

div#navigation table a:hover{
  color : black;
  text-decoration: none;
}

/*********************************************************
*   Lower Navigation
**********************************************************/

div#navigation-lower{
  clear : both;
  position: relative;
  margin-top: -10px;
  z-index: 3;
  background-color: #FFFFFF;
}

/* Basic lower navigation list style */
ul.navigation-lower-list{
  margin: 0 0 0 12px;
  padding: 0;

}

ul.navigation-lower-list li{
display : inline;
margin : 0;
padding : 0;
}

ul.navigation-lower-list li a{
font-size : 11px;
padding : 0 2px 0 2px;
margin : 0;
color : #333333;
}

ul.navigation-lower-list li a#active{
font-weight : bold;
}

/* Course pages lower menu's link styles */

ul.navigation-lower-day-list{
margin: 0px;
padding : 0;
}

ul.navigation-lower-day-list li{
display : inline;
margin : 0;
padding : 0;
}

ul.navigation-lower-day-list li a{
font-size : 12px;
margin : 0;
padding : 5px 0px 0px 9px;
color : #333;
}

ul.navigation-lower-day-list li a#active{
font-weight : bold;
/*background-image : url("images/alanavi_active.gif");
background-position : bottom left;
background-repeat : no-repeat; */
}

/*********************************************************
*   Actual content
**********************************************************/

div#content{
  width : 460px;
  float : left;
  padding: 5px;
  min-height: 500px;
}

div#content-wide{
  clear : both;
  padding-left: 15px;
  min-height: 500px;
}

div#content-data-wide{
  width : 685px;
  float : left;
  padding-left : 15px;
  padding-bottom : 5px;
}

div#index-content-left{
  width : 450px;
  float : left;
  padding: 5px 5px 5px 20px;
  min-height: 320px;
}

div#index-content-right{
  width : 190px;
  padding-right: 10px;
  padding-top: 10px;
  float : right;
}

/*********************************************************
*   Right side of the actual content
**********************************************************/

div#content-right{
  width : 190px;
  padding-right: 10px;
  float : right;
}

div#content-right ul{
  list-style-type : none;
  margin : 0 0 0 3px;
  padding : 0;
}


/*********************************************************
*   Footer's styles
**********************************************************/

div#footer{
  float : left;
  width : 690px;
  padding-left: 120px;
  background: url(images/bar_background.jpg) repeat-y top left;	  
}

div#footer p{
  margin: 0px;
  font-size: 10px;
}


/*********************************************************
*   Courses page's special content styles
**********************************************************/

div#courses-content-wrapper{
  
}

div#courses-content{
  width : 390px;
  float : left;
  padding-bottom : 5px;
  min-height: 500px;
}

div#courses-content-right{
  float: right;
	background-attachment: fixed;
  background: url(images/right_bottom_border.jpg) no-repeat bottom right;
	position: relative;  
}

div.courses-content-right-head {
  background-attachment: fixed;
  background: url(images/top_right_border.jpg) no-repeat top right;  
	margin: 0px;
	padding: 0px;
	position: relative;
}

div.courses-content-right-head h2 {
  background-attachment: fixed;
	background: url(images/left_top_border.jpg) no-repeat top left;	
	padding: 10px 10px 0px 0px;
	height: 0px;
	margin: 0px;
	margin-top: -10px;
	position: relative;
}

div.courses-content-right-body {      
	background: url(images/background_280.gif) repeat-y top left;
  width: 240px;
	padding: 0px 15px 0px 15px;
	margin: 0px;
	position: relative;	
	float: left;
}

div.courses-content-right-foot {
  background-attachment: fixed;      
	background: url(images/bottom_left_border.jpg) no-repeat bottom left;
	padding: 1px 15px 15px 15px;
	margin: 0px;
	position: relative;	
	clear:both;
}


/*********************************************************
*   Frames
**********************************************************/

div.frame-header{
  padding : 5px 0px 10px 10px;
  margin : 0px -5px 5px -5px;
}

div.frame-header table {
  margin: 0px;
  padding: 0px;
}

div.frame-header td{
font-size : 10px;
color : black;
text-transform : none;
font-weight : bold;
}

div.orangeFrame p, div.greenFrame p, div.turquoiseFrame p, div.violetFrame p{
margin-left : 5px;
}

div.orangeFrame{
margin-bottom : 1em;
}

div.orangeFrame div.frame-header{
background-color : #eab200;
}

/*div.orangeFrame a{ color : #F27106; }*/

div.greenFrame{
margin-bottom : 1em;
}

div.greenFrame div.frame-header{
background-color : #a5c800;
}

/*div.greenFrame a{ color : #1D4C1D; }*/

div.turquoiseFrame{
margin-bottom : 1em;
}

div.turquoiseFrame div.frame-header{
background-color : #86c2db;
}

/*div.turquoiseFrame a{ color : #F50078; }*/

div.violetFrame{
margin-bottom : 1em;
}

div.violetFrame div.frame-header{
background-color : #af8eae;
}

/*div.blueFrame a{color : #00219A;} */

/*********************************************************
*   Shadowed box styles
**********************************************************/
.shadow-box {
	background-attachment: fixed;
	float: left;
  background: url(images/right_bottom_border.gif) no-repeat bottom right;
	position: relative;	
}


.shadow-box-head {	
  background-attachment: fixed;
  background: url(images/top_right_border.gif) no-repeat top right;  
	margin: 0px;
	padding: 0px;
	position: relative;
}

div.shadow-box-head-empty {	
  background-attachment: fixed;
  background: url(images/top_right_border.gif) no-repeat top right;  
	margin: 0px;
	padding: 0px;
	position: relative;
}

div.shadow-box-head-orange {
  background-attachment: fixed;
	background: url(images/top_right_border_orange.jpg) no-repeat top right;
	margin: 0px;
	padding: 0px;
	position: relative;
}

div.shadow-box-head-green {
  background-attachment: fixed;
	background: url(images/top_right_border_green.gif) no-repeat top right;
	margin: 0px;
	padding: 0px;
	position: relative;
}

div.shadow-box-head-orange h1, div.shadow-box-head-orange h2, div.shadow-box-head-orange h3, div.shadow-box-head-orange h4{
  background-attachment: fixed;
	background: url(images/left_top_border_orange.jpg) no-repeat top left;	
	padding: 15px 15px 5px 20px;
	margin: 0px;
	position: relative;
}

div.shadow-box-head-green h1, div.shadow-box-head-green h2, div.shadow-box-head-green h3, div.shadow-box-head-green h4{
  background-attachment: fixed;
	background: url(images/left_top_border_green.gif) no-repeat top left;	
	padding: 15px 15px 5px 20px;
	margin: 0px;
	position: relative;
}

div.shadow-box-head h1, div.shadow-box-head h2, div.shadow-box-head h3, div.shadow-box-head h4{
  background-attachment: fixed;
	background: url(images/left_top_border.jpg) no-repeat top left;	
	padding: 10px 10px 0px 10px;
	margin: 0px;
	position: relative;
}

div.shadow-box-head-empty h1, div.shadow-box-head-empty h2, div.shadow-box-head-empty h3, div.shadow-box-head-empty h4{
  background-attachment: fixed;
	background: url(images/left_top_border.jpg) no-repeat top left;	
	padding: 10px 10px 0px 0px;
	height: 0px;
	margin: 0px;
	position: relative;
}

div.shadow-box-body-810 {      
	background: url(images/background_810.gif) repeat-y top left;
  width: 780px;
	padding: 0px 15px 0px 15px;
	margin: 0px;
	position: relative;	
	float: left;
}

div.shadow-box-body-710 {      
	background: url(images/background_710.gif) repeat-y top left;	
	padding: 0px 15px 0px 15px;
	width: 680px;
	margin: 0px;
	position: relative;
  float: left;	
}

div.shadow-box-body-465 {      
	background: url(images/background_465.gif) repeat-y top left;
	padding: 0px 15px 0px 15px;
	margin: 0px;
	position: relative;	
  float: left;
}

div.shadow-box-body-280 {      
	background: url(images/background_280.gif) repeat-y top left;
	padding: 0px 15px 0px 15px;
	width: 250px;
  margin: 0px;
	position: relative;	
  float: left;
}

div.shadow-box-body-200 {      
	background: url(images/background_200.gif) repeat-y top left;
	padding: 0px 15px 0px 15px;
	width: 170px;
	margin: 0px;
	position: relative;	
  float: left;
}

div.shadow-box-body-190 {      
	background: url(images/background_190.gif) repeat-y top left;
	padding: 0px 15px 0px 15px;
	margin: 0px;
	width: 160px;
	position: relative;	
  float: left;
}

.shadow-box-foot {
  background-attachment: fixed;      
	background: url(images/bottom_left_border.gif) no-repeat bottom left;
	padding: 1px 15px 10px 15px;
	margin: 0px;
	position: relative;	
	clear:both;
}

.non-margin-element {
  margin: 0px -5px auto -5px;
}

/*********************************************************
*   Other style definitions
**********************************************************/

.move-to-back {
  z-index: -1;
}

.lp-orange{
  color: #e9a700;
}

.lp-green{
  color: #a5c800;
}

h2.highlighted-green {
  background-color: #a5c800;  
  margin-left: -20px;
  font-size: 10px;
  padding: 5px 0px 5px 20px; 
  margin-bottom: 5px;
}

.lp-light-green{
  color: #e1eab2;
}

ul.sitemap a {
  font-weight: bold;
}

.no-bold{
  font-weight: normal;
}

.clear{
  clear: both;
}

/* Hide session sponsors from summary */
tr.session-summary-sponsors{
display:none;
}

td.ctext {
font-size: 95%;
}

div#righttext h4 {
margin-left: 5px;
}

.right{
float : right;
}

.left{
float : left;
}

.center{
text-align : center;
margin-left : auto;
margin-right : auto;
}

table.session-table{
margin-left : 3px;
}

div.session{
margin-bottom : 10px;
}

tr.session-description td{
padding-bottom : 10px;
}

div.session a{
color : #004072;
text-align : left;
font-weight: bold;
}

fieldset.course-search{
margin : 1em 20px;
border : 1px solid #CCCCCC;
text-align : center;
}

fieldset.course-search legend{
font-size : 10pt;
color : #333;
margin-bottom : 5px;
}

.uppercase{
text-transform : uppercase;
}

table.schedule-summary{
margin : 0px;
padding : 0px;
}

table.schedule-summary a{
margin : 2px;
padding : 0px;
}

div.back-to-start{
text-align : right;
}

div.back-to-start a{
color : #004072;
}

div.speaker-photo{
float : right;
margin : 6px 0px 10px 5px;
text-align : right;
}

div.speaker-photo p{
margin-top : 3px;
}

div.symbols span{
float : right;
}

div.symbols a{
vertical-align: top;
color : #004072;
}

table.left-aligned{
margin-left : -4px;
}

@media print{
  
  #napit { display: none; }
  #content-wide{width : 600px;}
  #content-data-wide{width : 600px;}
  #barcontainer{display : none; background-image: none; }
  #barcontainer img {display : none;}
  div#wrapper { background-image: none; }
  div#navigation-additional{display : none; }
  div#navigation{ display : none; }
  div#navigation-lower{ display : none; }
  div#content-right{ display : none; }
  img#footer-images{ display : none; }
  img#contact{display : none; }
  img#contact-print{
  margin-left : 0;
  display : block;
  margin-top : 2em;
  }
  div#footer { background-image: none; }
  #footer-upper-links{ display : none; }
  #footer-static-links{ display : none; }
  #footer-main-links{ display : none; }
  .smallgray{ display : none; }
  .printlink{ display : none; }
  .updated{ display : none; }
  .pick{display:none}
  .pickImage{ display : none; }
  .back-to-start{display:none;}
  #courses-content-wrapper{height:auto; overflow: visible}
  #bg-image{display:none;}
}