@charset "UTF-8";
/* CSS Document */
*
{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}
img
{
	behavior: url(/pngfix/iepngfix.htc);
	border:0px;
}

body
{
	background-color:#3b3b3b;
	background-image:url(/img/backgrounds/horizontalGradient.jpg);
	background-repeat:repeat-y;
}

.body
{
	position:absolute;
	left:30px;
	top:142px;
	width:0px;
}

.briefTable td
{
	padding-bottom:10px;
}

.content
{
	background-image:url(/img/backgrounds/contentBack.png);
	background-repeat:repeat-y;
	padding:20px;
	width:715px;
	behavior: url(/pngfix/iepngfix.htc);
}

.content2
{
	background-image:url(/img/backgrounds/contentBack2.png);
	background-repeat:repeat-y;
	padding:20px;
	padding-top:0px;
	width:780px;
	padding-right:50px;
	behavior: url(/pngfix/iepngfix.htc);
}

h1
{
	font-size:20px;
	font-weight:normal;
	margin-bottom:25px;
	font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}

.haveAnIdea
{
	background-image:url(/img/haveAnIdea.png);
	width:205px;
	height:400px;
	background-repeat:no-repeat;	
	display:block;
	text-decoration:none;
	margin-left:8px;
	behavior: url(/pngfix/iepngfix.htc);
}

.conferenceSide
{
	background-image:url(/img/conferenceSideBar.png);
	width:205px;
	height:400px;
	background-repeat:no-repeat;	
	display:block;
	text-decoration:none;
	margin-left:8px;
	behavior: url(/pngfix/iepngfix.htc);
}
	
.header
{
	height:155px;
	width:100%;
	background-image:url(/img/backgrounds/headerBeam.png);
	background-repeat:repeat-x;
	behavior: url(/pngfix/iepngfix.htc);
}

.headerLogo
{
	width:317px;
	height:155px;
	background-image:url(/img/logo.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	behavior: url(/pngfix/iepngfix.htc);
}

.intro
{
	background-image:url(/img/intro.jpg);
	width:757px;
	height:329px;
	background-repeat:no-repeat;	
	display:block;
	text-decoration:none;
	margin-left:3px;
	position:relative;
}

.introLearnMore
{
	display:block;
	position:absolute;
	right:0px;
	bottom:0px;
	width:130px;
	height:40px;
}

.nameTag
{
	background-image:url(/img/nameTag.gif);
	width:256px;
	height:319px;
	position:relative;
}
.nameTag span
{
	display:block;
	text-align:center;
	width:256px;
}
	#name
	{
		font-size:24px;
		font-weight:bold;
		position:absolute;
		top:60px;
	}
	#company
	{
		font-size:22px;
		font-weight:500;
		position:absolute;
		top:150px;
	}
	#title
	{
		font-size:16px;
		font-weight:500;
		position:absolute;
		top:90px;
	}

.navBar
{
	float:right;
	height:34px;
	width:500px;
	position:absolute;
	left:380px;
	top:37px;
}

.navBar a
{
	display:inline-block;
	height:34px;
	background-image:url(/img/backgrounds/navBar.gif);
	background-repeat:no-repeat;
}
.nav_about:hover
{
	background-position:0px -34px;
}
.nav_contact:hover
{
	background-position:-82px -34px;
}
.nav_partners:hover
{
	background-position:-254px -34px;
}
.nav_method:hover
{
	background-position:-174px -34px;
}
.nav_expo:hover
{
	background-position:-352px -34px;
}
.nav_articles:hover
{
	background-position:-456px -34px;
}
.nav_about
{
	background-position:0px 0px;
	width:82px;
}
.nav_contact
{
	background-position:-82px 0px;
	width:92px;
}
.nav_method
{
	background-position:-174px 0px;
	width:80px;
}
.nav_partners
{
	background-position:-254px 0px;
	width:98px;
}
.nav_articles
{
	background-position:-456px 0px;
	width:98px;
}
.nav_expo
{
	background-position:-352px 0px;
	width:104px;
}
.nav_about_selected
{
	background-position:0px -34px;
	width:82px;
}
.nav_contact_selected
{
	background-position:-82px -34px;
	width:92px;
}
.nav_method_selected
{
	background-position:-174px -34px;
	width:80px;
}
.nav_partners_selected
{
	background-position:-254px -34px;
	width:98px;
}
.nav_expo_selected
{
	background-position:-352px -34px;
	width:104px;
}
.nav_articles_selected
{
	background-position:-456px -34px;
	width:105px;
}

.registration input
{
	margin-bottom:10px;
}
.registration select
{
	margin-bottom:10px;
}

.viewProject
{
	margin-top:10px;
	margin-bottom:20px;
}

.viewProject a
{
	background-image:url(/img/backgrounds/viewProject.png);
	background-repeat:no-repeat;
	width:255px;
	height:164px;
	display:inline-block;
	display: table-cell;
    vertical-align: middle;
	behavior: url(/pngfix/iepngfix.htc);
}

.viewProject a:last-child
{
	margin-left:0px;
	width:245px;
}

.viewProject a img
{
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:20px;
}

#slidingTabs
{
	position:relative;
	left:340px;
	top:90px;
	cursor: pointer;
}

#slidingTabs img
{
	position: absolute;
	right: 0px;
	top: 0px; 
}

#slidingTabs
{
	height: 183px;
	overflow: hidden;
	position: relative;
	width: 396px;
}
sup
{
	color:#FF0000;
}




.expoNav
{
	text-align:right;
	border-color:#BBBBBB;
	margin-bottom:0px;
	float:right;
	background-image:url(/img/backgrounds/subNavBack.gif);
	background-repeat:repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:inline-block;
}
.expoNav a
{
	height:20px;
	padding:1px 15px 2px 15px;
	text-transform:capitalize;
	color:#222222;
	font-family:Lucida Grande, Arial;
	text-decoration:none;
	display:inline-block;
	font-size:12px;
}
.expoNavSelected
{
	font-weight:bold;
}

.progressBar img
{
	background-image:url('/img/expo/bar.png'); 
	background-position:00px 0px; 
	background-repeat:no-repeat;
	background-color:#999999;
	behavior: url(/pngfix/iepngfix.htc);
}

.progressBar table td
{
	text-align:center;
	width:120px;
	padding-right:55px;
}

#progress1
{
	background-position:-710px;
}
#progress2
{
	background-position:-542px;
}
#progress3
{
	background-position:-365px;
}
#progress4
{
	background-position:0px;
}
















  .classA 
  {
	background-image:url('/img/scheduleGreenBack.gif');
	background-repeat:repeat-x;
	background-position:bottom; 
  }  
  .classB
  {
  	background-image:url('/img/scheduleBlueBack.gif');
	background-repeat:repeat-x;
	background-position:bottom;	 
  }
  
  .classC
  {
  	background-image:url('/img/scheduleOrangeBack.gif');
	background-repeat:repeat-x;
	background-position:bottom;	 
  }
  
  
  .classA,
  .classB,
  .classC
  {
    border-color: #FFF;
    border-style: solid;
    border-width: 0 1px 1px 0;
    height: 65px;
    opacity: 1;
    vertical-align:middle;
    text-align: left;
   	width: 150px;
	font-weight:bold;
	color:#fff;
	line-height:normal;
  }
  
  .classA:hover,
  .classB:hover,
  .classC:hover
  {
	background-position:top;
  }
   
   .classA input,
  .classB input,
  .classC input
   {
	float:right;
   }
  
  
  #classInfo
  {
    border: 1px solid #777;
   	float: left;
    margin-left: -1px;
    position: relative;
  }
  
  #classInfo div
  {
    background-color: #FFF;
    position: absolute;
  	opacity: 0; 
    padding: 5px 10px;
    right: 0px;
    top: 0px;
  }
  
  #classInfo div h6
  {
    font-size: 16px;
  }
  
  .classSpan 
  {
    border-bottom: 1px solid #FFF;
   	background-color: #CCC;
	background-image:url('/img/scheduleGreyBack.gif');
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    height: 37px;
	border-left:none;
	background-position:top;
  }
  
  .classSpan:hover
  {
  	background-position:bottom;
  }
  
  #scheduleTable input
  {
  	margin-top:0px;
  }
  
   #scheduleTable
  {
  	border-collapse: collaspe;
    border-spacing: 0;
    border: 1px solid #777;
    font-size: 11px;
	width:100%;
  }
  
  #scheduleTable td 
  {
    padding: 0 7px; 
  }
  
  #scheduleTable thead td
	{  
		border-bottom: 1px solid #666666;
 		color: #FFF;
    text-align: center;
		background-image:url(/img/timeBackground.gif);
		padding: 0px;
		margin: 0px;
		font-weight: bold;
		height: 27px;
  }
  
  .schedule_time
  {
    border-bottom: 1px solid #777;  
    border-right: 1px solid #999999;
    background-color: #f5f6f8;
    color: #444444;
    text-align: center;
  	font-size:10px;
    width: 115px;
  }
  
  
  
.dataTable
{
	width:100%;
	margin:0px;
	padding:0px;
}
.dataTable tr:hover
{
	background-color:#EBFFDD;
}
.dataTable td
{
	height:30px;
	border-bottom:solid 1px #CCCCCC;
	padding:3px;
	margin:0px;
}
.dataTable th
{
	text-align:left;
}








/*
Notes
.tabContent is display: none so that all tab content is hidden until the javascript is loaded

absolute positioning was used so that the arrow would appear to exend on top of the other content (the gradient background)

the methodTabs each need a background image
this image should be the arrow showing/not showing with the arrow not showing on top
ie) Overview
	Overview ->
*/

.answerGroup
{
list-style: none;
margin: 0;
padding: 0;    
}

.answerGroup li
{
margin: 0;
padding: 0;    
}

#methodTabs 
{
left: 0;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
}

#methodTabs a 
{
  display: block;
  margin: 0;
  padding: 0;
  width: 184px;
	background-image: url(/img/methodMenu.jpg); 
	background-repeat: no-repeat; 
	width: 184px;
}

#methodTabs a.selected 
{
	background-image: url(/img/methodSelected.png); 
  background-position-x: left;
}

#methodTabs a.selected:hover
{
  background-position-x: left;
}

#methodTabs li a:hover
{
	background-position-x: right; 
}


#methodTab_development
{
  background-position:0px -65px;
  height:63px;
}

#methodTab_overview 
{
  background-position:0px 0px;
  height:64px;
}

#methodTab_planning
{
  background-position:0px -194px;
  height:65px;
}

#methodTab_resource 
{
  background-position:0px -130px;
  height:64px;
}

#tabContentContainer
{
  padding-left: 0px;
  position: absolute;
  top: 0;
  left: 194px; 
  padding:15px;
}

.tabContent
{
	display: none;
}





.methodBox
{
  position: relative; 
  background-image:url('/img/methodBackground.gif'); 
  width:700px; 
  height:255px; 
  border:#BBBBBB 1px solid;
}

.methodBox h1
{
	font-size:24px;
	color:#333333;
	font-stretch:extra-condensed;
	font-family:"Lucidia Grande",Arial, Helvetica, sans-serif
}




/******************************************PROJECT VIEWER FORMAT*/


.project
{
	padding:10px;
}

.project img
{
	margin:0px 20px 20px 0px;
}

.projectDetails
{
	height:300px; border-right:1px solid #CCCCCC; width:150px; color:#666666;
}
.projectDetails strong
{
	color:#000000;
}
.projectContent
{
	float:right;
	width:480px;
	padding-right:20px;
	padding-top:50px;
}
.projectContent h1
{
	margin:0px;
	padding:0px;
	line-height:normal;
	font-size:18px;
}




/****************************************CLASSES******/

.class
{
	background-color:#FFFFEE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:500px;
	border:1px solid #AAAAAA;
}
.class:hover
{
	background-color:#FFFFDD;
}
.class strong
{
	background-color:#E4983D;
	color:#FFFFFF;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	display:block;
	padding:5px 10px 5px 15px;
}
.class span
{
	float:right;
	padding:5px;
	padding-right:15px;
	color:#FFFFFF;
	font-weight:bold;
}
.class p
{
	padding:15px;
}
.class input
{
	margin-right:15px;
}