﻿/* -------------------------------------------------------------- 
  
   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
   *** CSS LAYOUT CONCEPT THANKS TO BLUEPRINT FRAMEWORK
   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
   Blueprint CSS Framework Screen Styles
    * Version:   0.6 (21.9.2007)
    * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.

  
-------------------------------------------------------------- */


/* Default template container structures 
-------------------------------------------------------------- */

#wrapper{
    width:100%;height:auto;position:relative;
    margin:auto; 
}
#header{
    height:100px; margin:0px;
    border-bottom:5px solid #CCCCCC;  
    background-color:#ffcc00;
    background-image:url('/images/imconference/header-hp-yellow.gif');
    background-repeat:no-repeat;
    color:#000040;
}
#header img{
    position:absolute;
   
}
#header h1{
    width:545px;margin:0px;
    position:absolute;
    top:9px; left:170px;
    font-size:14pt;
    line-height:27px;
    text-align:right;
 }

#inner{
   
}

/* navigation for site - cookie crumb
***********************************************/
#navigation{
    float:left;margin-top:0px;
    width:170px;
    text-align:left;
    display:block; 
    padding-top:15px;
    padding-left:2px; 
    background-color:#F0F0F0;
   
    
}
#navigation ul 
{
    position:static;
    display:block !important;
    overflow:hidden;
    color: #003366;	
    margin:2px 0 0 0; padding:0;
    list-style:none;width:170px;
    
}

#navigation li
{   
    float: left;   
    height:30px; 
    width:136px;   
    display:inline !important;
    margin-top:0;
    margin-right:0px;   
    text-indent:0.3em;
    margin-bottom:1px;
    clear:none;
    border:solid 1px #F0F0F0;	
  
}
#navigation li.active 
{   width:136px;
    border:solid 1px #CCCCCC;
    border-left:solid 1px #F0F0F0 !important; 
    background-color:#CCCCCC;
    clear:none;
}
#navigation li.step 
{      
   color: #003366;
   background-color: #F0F0F0;
   border:solid 1px #CCCCCC;	
   
   width:30px;
   margin-right:0em; 
   padding:0em;
   clear:left;   
}


#navigation li.stepactive 
{    
    width:30px;        
    background-color:#CCCCCC  ;
    border:solid 1px #CCCCCC;	
    
    margin-right:0em;
    padding:0em;
    clear:left; font-weight:bold; 
} 
#navigation li .steptext 
{   
   position:relative;top:7px;left:6px;   	
  
}
 



#navigation li a{
    color:#003366;
    text-decoration:none;
    cursor:pointer;
}
#navigation li a:hover{
    color:#000000;
    text-decoration:none;

}
#navigation li:hover{
    text-decoration:none;
}
#navigation li.active a{
    color:#003366;
    font-weight:bold !important;
    text-decoration:none;
    
    
}
#navigation li.active a:hover{
  
    text-decoration:none;
}
#navigation li a h3{
    position:relative; top:9px;
    font-size:1.1em;
    font-weight:normal;
}
#navigation li a h3 .doublearrow{
    position:relative; top:-1px;
}

/* end navigation for site - cookie crumb
***********************************************/

#AgendaTable {font-size:11px;}
#AgendaTable td{padding:3px;font-weight:bold;}
#AgendaTable .agenda-slot{
    vertical-align:top;
    height:35px;
}
#AgendaTable .agenda-track-header{
    text-align:center;vertical-align:top;
    font-weight:bold;padding-bottom:0px;margin-bottom:0px;border-top:solid 10px #FFFFFF;
}
#AgendaTable .agenda-session-host{
  font-style:italic; border-bottom:dotted 1px black;
}
#AgendaTable .agenda-std{ background-color:#FFFF9A;}
/*
#AgendaTable .agenda-track1{background-color:#92D050;width:160px;}
#AgendaTable .agenda-track2{background-color:#CCC0DA;width:160px;}
#AgendaTable .agenda-track3{background-color:#FCD5B4;width:160px;}
*/
#AgendaTable .agenda-track1{width:160px;font-weight:bold;}
#AgendaTable .agenda-track2{width:160px;font-weight:bold;}
#AgendaTable .agenda-track3{width:160px;font-weight:bold;}

#AgendaTable .agenda-track-top{border-top:solid 10px #FFFFFF;}
#AgendaTable .agenda-track-btm{border-bottom:solid 10px #FFFFFF;}


#content{
    float:left;
    margin-left:20px; padding-top:15px;
  
    display:block;
    height:auto; width:545px;

}

#content h1{
    font-size:22px;
    padding:0;
    margin:0; margin-bottom:5px;
    color:#000040;
    
}
#content h2{
    color:#000040;
    margin-top:20px;
   margin-bottom:0px; 
   font-weight:bold;
   font-size:16px;
}
#content h3{
    margin-top:20px;
    margin-bottom:0px; 
    font-weight:bold;
    font-size:13px;
}

#content .indent{
    padding-left:10px;
    _margin-right:-10px;    /* IE 6 and below */
}
#content div.agenda{

}
#content div.agenda .row{
    width:100%;
    height:20px;
}
#content div.agenda .row-w-height{
    width:100%;
   
}
#content div.agenda .time{
    width:130px;
    float:left;
}
#content div.agenda .activity{
    float:left;
}

#nav-control
{  
   text-align:center !important;
   display:block;
}
#nav-control .indenter
{
    width:140px;float:left;
    height:50px;display:block;

}
#nav-control .button-holder
{
    float:left;
}
#nav-control .button{
    width:80px;margin-right:40px; 
    
}
/* Navigation */
#nav-control .button.nav{
       
    color:#FFFFFF;
    background-color:#666666;
    border-top:solid 2px #999999;
    border-left:solid 2px #999999;
    border-right:solid 2px #000000;
    border-bottom:solid 2px #000000;
    
    
}
#nav-control .button.nav:hover{
    
    color:#003366;
    background-color:#DCDCDC;
    
}
#nav-control .button.nav:active{
   
    background-color:#CCCCCC;
    color:#003366;
}
#footer{
 
    
}

/* Registraion Form */

#RegistrationForm{}

#RegistrationForm fieldset 
{
    padding-left:5px;padding-bottom:5px;padding-right:5px;
    border:1px solid #ccc;

}

.standardCtrl
{
    width:140px;
}
#RegistrationForm legend 
{
    color:#003366;
    font-size:1.5em;
    margin: 0 0 0 0.5em;
}

#RegistrationForm div.row 
{
	margin: 10px 0 10px 0px;
	width: 100%;
	/*clear: both;*/
	height: 20px;	
}



#RegistrationForm label 
{
	width: 95px;
	float:left;
	/*font-size: .75em;*/
	line-height: 140%;	
	
}
#RegistrationForm label:hover{background-color:#E7E7E8;cursor:hand}
#RegistrationForm .IgnoreLabelFormatting label 
{
	width: auto;
	float:none;
	line-height: 1em;	
	
}
#RegistrationForm .inputfield 
{
	float:left;
}

.divider
{
	border-left:solid 1px #ffcc00;
}
