@charset "UTF-8";
/* CSS Document */

/*	
	Project Name: TRX.xom
	Date: 08-31-2007
*/


/*---|| General |-----------------------------------------------------*/

		body
		{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 18px;
			color: #000;
			margin: 0;
			padding: 0;
			border-top: 7px #00a5dc solid;
		}

		a, p, ul, li, dl, dt, dd, blockquote, cite, h1, h2, h3, h4, h5, h6
		{
			margin: 0;
			padding: 0;
		}
		
		a
		{
			color: #00a5dc;
			text-decoration: underline;
			font-weight: normal;
		}
		
		a:hover
		{
			color: #000000;
		}
		
		a.arrow
		{
			padding-right: 8px;
			background: transparent url(../images/icons/arrow.gif) right 4px no-repeat;
			color: #000;
			font-weight: bold;
			text-decoration:none;
		}
		
		a.arrowblue
		{
			padding-right: 12px;
			background: transparent url(../images/icons/arrowblue.gif) right 4px no-repeat;
			color: #00a5dc;
			font-weight: bold;
			text-decoration:none;
			line-height: 24px;
		}
		
		.small
		{
			font-size: 11px;
			padding-top: 1px;
		}
		
		a img
		{
			border: 0;
		}
		
		p
		{
			line-height: 1.5em;
			margin: 15px 0 10px 0;
		}
		
		h1
		{
			font-size: 16px;
			margin-top: 20px;
			line-height: 1.2em;
		}
		
		h2
		{
			font-size: 12px;
			margin-top: 0px;
		}
		
			
		h3
		{
			font-size: 14px;
		}
		
		h4
		{
			font-size: 11px;
		}
		
		a img
		{
			border: 0;
		}
		
		a:focus { -moz-outline-style: none; }
		
		
		#wrapper
		{
			width: 100%;
			text-align: center;
		}
		
		#header
		{
			width: 924px;
			margin: 0 auto;
		}
		
		#logo
		{
			float: left;
			margin: 30px 0 15px 5px;
			display: inline;
		}
		
		#tagline
		{
			float: right;
			height: 17px;
			padding-top: 10px;
			width: 153px;
			position: relative;
		}
		
		#masthead
		{
			width: 100%;
			background-color: #00a5dc;
			color: #fff;
			padding-bottom:1px;
			border-bottom: 1px #fff solid;
		}
		
			#masthead h1
			{
				font-size: 24px;
				line-height: 1em;
				margin-top: 20px;
			}
		
			#masthead h2
			{
				font-size: 16px;
				line-height: 1em;
			} 
			
			#masthead p
			{
				font-size: 13px;
				line-height: 1.2em;
				font-weight:bold;
			} 
			
			#masthead a, #masthead a:hover, #masthead a:visited {
				color:#fff;
			}
			
			#mastheadcontent
			{
				margin-left: 180px;
			}
			
			#mastheadnav
			{
				float: left;
				margin: 20px 30px 0 0;
				width: 150px;
			}
			
				#mastheadnav ul
				{
					margin: 0;
					padding: 0;
					border-top: 1px solid #8cd6ef;
				}
				
					#mastheadnav ul li
					{
						list-style-type:none;
						border-bottom: 1px solid #8cd6ef;
					}
					
						#mastheadnav ul li a
						{
							padding: 5px 10px;
							display: block;
							color: #fff;
							text-decoration: none;
							font-size: 13px;
							font-weight:bold;
						}
						
						#mastheadnav ul li a:hover, #mastheadnav ul li a.selected{background: url(../images/mastheadbullet.gif) 0 8px  no-repeat;}
			
			#mastheadleft
			{
				float: left;
				width: 605px;
				margin-left: 10px;
				padding-bottom: 20px;
				display: inline;
			}
			
			#mastheadright
			{
				float: left;
				width: 273px;
				padding: 20px 18px;
				display: inline;
			}
			
		#main
		{
			width: 100%;
			border-top: 10px solid #000;
		}
		
			#main ul
			{
				margin: 10px 30px;
			}
			
				#main ul li
				{
					margin: 15px 0 0 0;
				}
			
			.mainbg
			{
				background: url(../images/backgrounds/bg_content.gif) left 65px no-repeat;
			}
			
				.subpagemainbg
				{
					background: url(../images/backgrounds/bg_content.gif) left 200px no-repeat;
				}
		
		
				.subpagemainbg2
				{
					background: url(../images/backgrounds/bg_content.gif) left 25px no-repeat;
				}
				
			#mainleft
			{
				float: left;
				width: 580px;
				margin-right: 10px;
				padding: 5px 10px 0 10px;
				text-align: left;
				display: inline;
			}
			
			#mainright
			{
				float: left;
				width: 309px;
				text-align: left;
				padding: 25px 0 0 5px;
				display: inline;
			}
			
			#mainleft2
			{
				float: left;
				width: 562px;
				margin-right: 15px;
				padding: 0 10px 0 0;
				text-align: left;
			}
			
			#mainright2
			{
				float: left;
				width: 307px;
				text-align: left;
				padding: 25px 0 0 0px;
			}
			
			#mainonecol
			{
				float: left;
				width: 904px;
				margin-right: 10px;
				padding: 25px 10px 0 10px;
				text-align: left;
			}
			
		#productnames
		{
			float: left;
			width: 308px;
			text-align: left;
			padding-bottom: 10px;
			padding-left: 6px;
		}
		
		#helpmechoose
		{
			float: left;
			width: 604px;
			text-align: right;
			padding-bottom: 10px;
			padding-right: 6px;
		}
		
		#subpagemastleft
		{
			float: left;
			width: 610px;
			position: relative;
		}
		
		#subpagemastright
		{
			float: left;
			width: 314px;
			position: relative;
		}
		
		.panelcalloutwrapper
		{
			float: right;
			margin-top: 20px;
			margin-left: 30px;
			margin-bottom: 50px;
			padding-left: 30px;
			background: url(../images/panelcalloutborder.gif) left top no-repeat;
		}
		
		.panelcallout
		{
			width: 296px;
			background: url(../images/backgrounds/bg_panelcallout.gif) left bottom no-repeat;
			padding-bottom: 7px;
			margin: 0;
			position: relative;
		}
		
		.panelcallout p
		{
			margin: 0px 17px 10px 0;
		}
		
		.panelcalloutimg
		{
			float:left;
			margin: 0 10px 50px 17px;
		}
		
		.abstractHeader
		{
			font-size: 18px;
			margin-top: 20px;
			line-height: 1.2em;
			color: #FDB817;
		}
		
/*---|| Navigation |-----------------------------------------------------*/

		#tools
		{
			float: right;
			margin-top: 13px;
			width: auto;
		}
		
			#tools ul
			{
				padding: 0;
				margin: 0;
			}
			
				#tools ul li
				{
					float: left;
					list-style-type: none;
					font-size: 13px;
					font-weight: bold;
					padding-top: 10px;
				}
				
					#tools ul li a
					{
						color: #043074;
						padding: 2px 10px;
						margin-top: 5px;
						border-right: 2px #043074 solid;
					}
					
					#tools ul li a.end
					{
						color: #043074;
						padding: 2px 15px 2px 10px;
						margin-top: 5px;
						border-right: 0px;
					}
		
		#globalnav
		{
			width: 100%;
			background: url(../images/bg/bg-nav.gif) left top repeat-x;
			text-align: left;
			height: 32px;
			float: left;
		}
		
			#globalnav ul
			{
				padding: 0;
				margin: 0 0 0 10px;
			}
			
				#globalnav ul li
				{
					float: left;
					list-style-type: none;
				}
				
					#globalnav ul li a
					{
						display: block;
						height: 32px;
						text-indent: -5000px;
					}
					
						#globalnav ul li a.home{background: url(../images/globalnav-sprite.gif) 0 0 no-repeat;width: 55px;}
						#globalnav ul li a.education{background: url(../images/globalnav-sprite.gif) -55px 0 no-repeat;width: 100px;}
						#globalnav ul li a.patients{background: url(../images/globalnav-sprite.gif) -155px 0 no-repeat;width: 110px;}
						#globalnav ul li a.events{background: url(../images/globalnav-sprite.gif) -265px 0 no-repeat;width: 148px;}
						#globalnav ul li a.contact{background: url(../images/globalnav-sprite.gif) -413px 0 no-repeat;width: 101px;}
						
						#globalnav ul li a.home:hover, #globalnav ul li a.homeselected{background: url(../images/globalnav-sprite.gif) 0 -32px no-repeat;width: 55px;}
						#globalnav ul li a.education:hover, #globalnav ul li a.educationselected{background: url(../images/globalnav-sprite.gif) -55px -32px no-repeat;width: 100px;}
						#globalnav ul li a.patients:hover, #globalnav ul li a.patientsselected{background: url(../images/globalnav-sprite.gif) -155px -32px no-repeat;width: 110px;}
						#globalnav ul li a.events:hover, #globalnav ul li a.eventsselected{background: url(../images/globalnav-sprite.gif) -265px -32px no-repeat;width: 148px;}
						#globalnav ul li a.contact:hover, #globalnav ul li a.contactselected{background: url(../images/globalnav-sprite.gif) -413px -32px no-repeat;width: 101px;}
				
					
					
		#subnav
		{
			background: #ececec url(../images/backgrounds/bg_subnav.gif) left bottom repeat-x;
		}
		
			#subnav ul
			{
				margin: 0;
				padding: 0;
			}
			
				#subnav ul li
				{
					float: left;
					list-style-type: none;
					background: url(../images/backgrounds/subnav_divider.gif) right top no-repeat;
				}
					
					#subnav ul li a
					{
						display: block;
						padding: 7px 10px 12px 10px;
						font-weight: bold;
						color: #666;
					}
					
					#subnav ul li a:hover, #subnav ul li a.selected
					{
						display: block;
						padding: 7px 10px 12px 10px;
						font-weight: bold;
						color: #f07620;
						text-decoration: none;
						background: url(../images/backgrounds/bg_subnavselected.gif) center 24px no-repeat;
					}
					
		
/*---|| Footer |-----------------------------------------------------*/

		#footer
		{
			width: 100%;
			margin: 20px 0;
		}
		
		.footerbg
		{
			background:url(../images/bg/bg-footer.gif) left top no-repeat;
			height: 29px;
			padding-top: 10px
		}
			
			#footer ul
			{
				margin: 0 20px;
				padding: 0;
				font-weight:bold;
				font-size: 11px;
				float: right;
				width: auto;
			}
			
				#footer ul li
				{
					float: left;
					list-style-type: none;
				}
				
					#footer ul li a
					{
						padding: 0 7px;
						color: #555;
						border-left: 1px solid #555;
						text-decoration: none;
					}
					
					#footer ul li a.first
					{
						padding: 0 7px 0 0;
						border-left: 0;
					}
			
			#login
			{
				width: 290px;
				background: #FFFFFF url(../images/bg-login.gif) left bottom no-repeat;
				position: relative;
				color: #000;
				text-align: left;
				padding: 0;
				line-height: 2em;
				margin-right: 18px;
			}
				
				#login p
				{
					margin: 5px 0;
				}
				
				#login input[type=text], .register input[type=text]
				{
					border: 1px solid #7e9db9;
					font-size: 11px;
					padding: 3px;
				}
				
				table.register
				{
					margin: 0 15px 10px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight: bold;
					width: 370px;
				}
				
					table td
					{
						padding: 10px 25px 10px 0;
					}
					
						.register input[type=text], .register select
						{
							width: 100%;
						}
						
						.register select
						{
							border: 1px solid #7e9db9;
							font-size: 11px;
							padding: 2px;
						}
				
				#login h1{margin-top: 0;}
				
/*---|| Contact|-----------------------------------------------------*/

		#callouts
		{
		
		}
			
			#callouts ul
			{
				padding: 0;
				margin: 0 !important;
			}
			
				#callouts ul li
				{
					float: left;
					list-style-type: none;
					padding: 12px 0 0 0;
					margin: 0;
					position: relative;
					height: 136px;
					overflow: hidden;
				}
			
					#callouts ul li.callout3wide
					{
						background:url(../images/bg/bg-3wide-callout.gif) left top no-repeat;
						width: 290px;
					}
					
					#callouts ul li.callout4wide
					{
						background:url(../images/bg/bg-4wide-callout.gif) left top no-repeat;
						width: 211px;
						height: 157px!important;
					}
					
						li.callout3wide h3, li.callout4wide h3
						{
							margin-bottom: 7px;
						}
						
						li.callout3wide p, li.callout4wide p
						{
							margin-top: 0px;
							line-height: 1.3em;
						}
						
					#callouts ul li.callout3wide dl, #callouts ul li.callout4wide dl
					{
						margin: 0 0 0 8px;
						padding: 0;
					}
					
						#callouts ul li.callout3wide dt, #callouts ul li.callout4wide dt
						{
							float: left;
							margin-right: 15px;
						}					
						
						#callouts ul li.callout3wide dd, #callouts ul li.callout4wide dd
						{
							padding-right:15px;
						}

				.learnmore
				{
					position: absolute;
					bottom: 0;
					width: 288px;
					text-align: center;
					padding-bottom: 2px;
				}
				
				li.callout4wide .learnmore
				{
					position: absolute;
					bottom: 16px;
					width: 211px;
					text-align: center;
					padding-bottom: 2px;
				}
				
					a.arrow
					{
						padding-right: 8px;
						background: transparent url(../images/icons/arrow.gif) right 4px no-repeat;
						color: #fff;
						font-weight: bold;
						text-decoration:none;
					}
/*---|| Contact|-----------------------------------------------------*/

		.contact
		{
			font-size: 11px;
		}
		
		.contact table
		{
			width: 100%;
			border-collapse: collapse;
			margin: 0;
			padding: 0;
		}
		
			.contact table td
			{
				padding: 5px 0px 5px 0px;
			}
			
			
				.contact table td input.text
				{
					width: 98%;
				}
				
				.contact table td textarea
				{
					width: 100%;
					height: 50px;
				}

		
/*---|| Misc/Hacks |-----------------------------------------------------*/

		.clearer{clear:both;font-size: 1%;}
		
		.ninetwofour{width: 924px;margin: 0 auto; text-align:left;position:relative;}
		
		img {
			behavior: url("../includes/iepngfix.htc");
		}
		
		.altrows td
		{
			border-bottom: 1px solid #bfbfbf;
			padding: 0 0 0 10px;
		}
		
		.altrows p
		{
			margin-top: 5px;
		}
		
		.row0 { background: #fff;}
		.row1 { background: #f5f6f8;}
		
		hr
		{
			color: #ececec
		}