/* Stylesheet for new homepage */

body {font-size: 10px; font-family: arial, sans-serif; background: #e6e6e6 url('/tmpl/images/silver-bg.gif') repeat-x top left; text-align: center;}
.header {width: 800px; margin: 0 auto; position: relative;}
.header * {margin: 0; padding: 0;}
.wrap {border: solid .1em #ccc; width: 808px; margin: 20px auto; background: #fff; }

/* header styles */
.header .logo {margin: 16px 0 0 16px; float: left; display: block;}
.search-wrap {height: 48px; width: 400px; text-align: right; float: right;}
.search-form {}
.header-search {height: 23px; position: absolute; top: 20px; right: 76px; width: 176px; background: url('/tmpl/images/bg-search-box.gif') no-repeat top left; border: none; font-size: 11px; padding: 4px 0 0 4px; outline: 0;}
.btn-header-search {background: url('/tmpl/images/btn-search.gif') no-repeat top left; width: 66px; height: 23px; position: absolute; top: 20px; right: 14px; border: none;}
.header-nav {float: right; margin: 20px 0 7px 0; clear: right; width: 465px; text-align: right; padding-right: 16px;}
.header-nav li {display: inline; margin-left: 18px; list-style-type: none;}
.header-nav li a {text-decoration: underline; color: #6c6e70; font-size: 12px;}
.header-nav li a:link {text-decoration: underline; color: #6c6e70; font-size: 1.2em;}
.header-nav li a:hover {text-decoration: underline; color: #6c6e70; font-size: 1.2em;}
.header-nav li a:active {text-decoration: underline; color: #6c6e70; font-size: 1.2em;}
.header-nav li a:visited {text-decoration: underline; color: #6c6e70; font-size: 1.2em;}

/* nav styles */
.nav-wrap {width: 800px; margin: 0 auto; background: url('/tmpl/images/bg-nav.jpg') repeat-x top left; height: 40px; text-align: left;}
#nav, #nav ul {padding: 0; margin: 0; line-height: 1;}
#nav a {display: block; line-height: 40px; text-decoration: none; padding-left: 10px; font-size: 12px;}

/* Heading List */
#nav li {width: 205px; background: #ccc; float: left; position: relative; height: 40px; cursor: pointer; list-style-type: none; z-index: 50;}
#nav li ul li {border: solid 1px #666;}
#nav li ul li ul li {border: solid 1px #ccc; z-index: 50;}
#nav li:hover, #nav li.iehover {background: #999;}

/* Sub 1 */
#nav li ul {width: 205px; position: absolute; left: -99999px;}
#nav li ul li {background: #555;}
#nav li ul li.sub-parent {background: #555 url('/tmpl/images/bg-nav-more.gif') no-repeat; background-position: 190px 15px;}
#nav li:hover ul, #nav li.iehover ul {left: 0;}
#nav li:hover ul li ul, #nav li.iehover ul li ul {left: -99999px;}
#nav li ul li a {color: #f2f2f2;}

/* Sub 2 */
#nav li ul li ul {position: absolute; width: 205px; left: -99999px;}
#nav li ul li ul li {background: #eee; z-index: 1000;}
#nav li ul li ul.medium-length li {width: 250px;} /* sets width for medium sized sub categories elements */
#nav li ul li ul.long-length li {width: 310px;} /* sets width for longer sub categories elements */
#nav li ul li:hover ul, #nav li ul li.iehover ul {left: 0; position: absolute; left: 205px; top: 0;}
#nav li ul li ul li a {color: #333;}
#nav li ul li ul li:hover a, #nav li ul li ul li.iehover a {color: #f2f2f2;}

#nav li.parent {background: url('/tmpl/images/nav_sp.jpg') no-repeat;}
#home #nav li.parent {background: url('/tmpl/images/nav-home_sp.jpg') no-repeat;} /* need different nav without rounded bottom corners for home */
#nav li.parent a {text-indent: -99999px; display: block; height: 100%; width: 100%;}
#nav li.parent ul li a {text-indent: 0;}

#nav li.parent-individuals {width: 102px; background-position: 0px 0px;}
#nav li.parent-individuals:hover {background-position: 0px -40px;}
#nav li.parent-individuals ul li:hover, #nav li.parent-individuals ul li.iehover {background: #693;}

#nav li.parent-institutions {width: 111px; background-position: -102px 0px;}
#nav li.parent-institutions:hover {background-position: -102px -40px;}
#nav li.parent-institutions ul li:hover, #nav li.parent-institutions ul li.iehover {background: #39c;}

#nav li.parent-integration {width: 144px; background-position: -213px 0px;}
#nav li.parent-integration:hover {background-position: -213px -40px;}
#nav li.parent-integration ul li:hover, #nav li.parent-integration ul li.iehover {background: #d07f17;}

#nav li.parent-products {width: 205px; background-position: -357px 0px; float: right;}
#nav li.parent-products:hover {background-position: -357px -40px;}
#nav li.parent-products ul li:hover, #nav li.parent-products ul li.iehover {background: #373737;}

/* General */
.clear {clear: both;}
fieldset {border: none;}
a {cursor: pointer;}
img {border: none;}
.italic {font-style: italic;}
.bold {font-weight: bold;}

/* footer */
.footer * {margin: 0; padding: 0;}
.footer {width: 720px; background: #f2f2f2 url('/tmpl/images/bg-gradient.gif') repeat-x top left; border: solid 1px #ddd; margin: 18px auto 11px; font-family: arial; font-size: 10px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px;}
.footer ul {text-align: left; padding: 15px 0; list-style: none;}
.footer ul li ul {padding: 8px 0 15px; width: 140px;}
.footer ul li a {font-size: 12px; color: #036; font-weight: bold; text-decoration: none;}
.footer ul li a:link {color: #616161; font-weight: bold; text-decoration: none;}
.footer ul li a:hover {color: #616161; font-weight: bold; text-decoration: none;}
.footer ul li a:visited {color: #616161; font-weight: bold; text-decoration: none;}
.footer ul li a:active {color: #616161; font-weight: bold; text-decoration: none;}
.footer ul li ul li a {font-size: 12px; color: #505050; font-weight: normal; line-height: 15px;}
.footer ul li ul li a:link {color: #505050; font-weight: normal; text-decoration: none;}
.footer ul li ul li a:hover {text-decoration: underline; color: #505050; font-weight: normal;}
.footer ul li ul li a:visited {color: #505050; font-weight: normal; text-decoration: none;}
.footer ul li ul li a:active {color: #505050; font-weight: normal; text-decoration: none;}
.footer ul li {float: left; margin-right: 40px;}
.footer ul li.first {padding-left: 20px;}
.footer ul li.last {padding-right: 0; margin-right: 0;}
.footer ul li ul li {float: none; margin-right: 0;}
.copyright {width: 42.8em; background: url('/tmpl/images/bg-footer-line.jpg') no-repeat top left; margin: 0 auto 20px; padding: 1.2em 0 0; color: #535353; font-size: 12px; font-family: arial; line-height: 1.4em;}


.content {text-align: left;}

/* android promo for scavanger hunt */
.android-promo * {margin: 0; padding: 0;}
.android-promo {position: relative; font-family: arial;}
.android-promo img {cursor: pointer;}
.android-promo .promo-info {position: absolute; left: 0; top: 0; background: #333; width: 190px; border: solid 3px #ccc; display: none;}
.android-promo .promo-info p {padding: 10px; font-size: 12px; color: #f2f2f2; line-height: 16px;}
.android-promo .promo-info p a {color: #ccc; font-family: arial; font-size: 12px; text-decoration: underline;}

/* i want to section */
@font-face {font-family: Gill Sans; src: url('/web/common/fonts/gill-sans-mt.ttf');}
@font-face {font-family: Gill Sans; src: url('/web/common/fonts/gill-sans-mt-bold.ttf'); font-weight: bold;}
@font-face {font-family: Avenir; src: url('/web/common/fonts/avenir.otf');}
@font-face {font-family: Avenir; src: url('/web/common/fonts/avenir-bold.otf'); font-weight: bold;}

/*
.i-want-to {margin: 0 0 0 8px !important; padding: 0; text-align: left; width: 275px;}
.i-want-to li {list-style: none; margin: 0; padding: 0; width: 275px; height: 69px; background: url('/tmpl/images/btn-rc.jpg') no-repeat; background-position: 0 0;}
.i-want-to li:hover {background-position: -275px 0;}
.i-want-to li a {display: block; height: 100%; background: transparent; line-height: 69px; font-size: 14px; font-weight: normal; padding: 0 8px 0 69px !important; color: #036; background-position: 0 0; font-family: Avenir, arial narrow, arial, sans-serif; text-decoration: none;}

.i-want-to li a.two-lines {line-height: 20px; padding-top: 12px !important;}

.i-want-to li a:link {color: #036;}
.i-want-to li a:hover {text-decoration: none; color: #036;}
.i-want-to li a:active {text-decoration: none; color: #036;}
.i-want-to li a:visited {text-decoration: none; color: #036;}
						
.i-want-to li a.cart {background: url('/tmpl/images/icons/cart.png') no-repeat;}
.i-want-to li a.download {background: url('/tmpl/images/icons/download.png') no-repeat;}
.i-want-to li a.devices {background: url('/tmpl/images/icons/devices.png') no-repeat;}
.i-want-to li a.login {background: url('/tmpl/images/icons/login.png') no-repeat;}
.i-want-to li a.register {background: url('/tmpl/images/icons/register.png') no-repeat;}
.i-want-to li a.question {background: url('/tmpl/images/icons/question.png') no-repeat;}
*/

#right-column .i-want-to {float: right; margin: 20px 0 10px 0;}
#right-column .i-want-to li {margin: 0 10px 6px 0;}

.i-want-to li {background: url('/tmpl/images/rc-cta.jpg') no-repeat top left; width: 256px; height: 36px; line-height: 36px; list-style-type: none; position: relative;}
.i-want-to li a {color: #fff; font-weight: bold; font-size: 14px; height: 100%; width: 100%; display: block; text-indent: 75px; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; transition: color 0.2s ease-in; text-shadow: 2px 2px 3px rgba(0,0,0,0.3); position: relative; background-repeat: no-repeat;}
.i-want-to li a:link {text-decoration: none; color: #fff; font-weight: bold;}
.i-want-to li a:visited {text-decoration: none; color: #fff; font-weight: bold;}
.i-want-to li a:hover {text-decoration: none; color: #ddd; font-weight: bold;}
.i-want-to li a:active {text-decoration: none; color: #fff; top: 1px; font-weight: bold;}

.i-want-to li a.cart {background-image: url('/tmpl/images/icons/small/cart.png');}
.i-want-to li a.download {background-image: url('/tmpl/images/icons/small/download.png');}
.i-want-to li a.devices {background-image: url('/tmpl/images/icons/small/devices.png');}
.i-want-to li a.login {background-image: url('/tmpl/images/icons/small/login.png');}
.i-want-to li a.register {background-image: url('/tmpl/images/icons/small/register.png');}
.i-want-to li a.question{background-image: url('/tmpl/images/icons/small/question.png');}

/* new internal page template */
			#content *, #right-column * {margin: 0; padding: 0;}
			#main {margin: 0 auto 20px; width: 806px;}
			#main img {display: block;}
			#main #content img {display: inline;}
			#content {width: 512px; float: left; text-align: left; font-size: 1.2em;}
			#content h1 {padding: 10px 0 10px; font-size: 16px; color: #036;}
			
			#content h1.heading {font-size: 2.4em; margin-top: 0; padding-top: 0; font-family: arial, helvetica, sans-serif; text-shadow: 2px 2px 3px #ddd; font-weight: bold;}
			#content p.sub-heading {font-size: 1em; color: #666; margin-bottom: 0; padding-bottom: 0; font-weight: bold; line-height: 1em;}
			
			#content p.breadcrumb {margin: -4px 0 1.2em 0; padding: 0;}
			#content p.breadcrumb a:link {color: #bbb;}
			#content p.breadcrumb a:visited {color: #bbb;}
			#content p.breadcrumb a:active {color: #bbb;}
			#content p.breadcrumb a:hover {color: #333; text-decoration: none;}
		
			
			#content ul, #content ol {padding: 0 40px; margin: 0 0 10px;}
			#content ul li ul, #content ol li ol {margin: 0; padding: 0 30px;}
			#content p {margin: 0 0 14px; line-height: 1.5em;}
			#content ul li, #content ol li {line-height: 1.5em;}
			
			/* arrows list items */
			#content ul.arrows {padding-left: 1.5em;}
			#content ul.arrows li {background: url('/tmpl/images/arrow.png') no-repeat 0 4px; padding-left: 1.5em; list-style: none;}


			
			
			#content ul li ul {padding-top: 0.5em; padding-bottom: 0.5em;}
			#content ul li ul li {list-style-type: disc;}
			#content ul.multi-line li, #content ol.multi-line li  {margin-bottom: 1em;}
			#content ul.multi-line li ul {padding-bottom: 0;}
			#content ul.multi-line li ul li {margin-bottom: auto;}
			#content h2 {margin: 20px 0 10px; font-size: 14px;}
			#content h3 {margin: 0 0 10px; font-size: 12px; font-weight: bold; color: #333;}
			#content .copy {padding: 20px 10px 0;}
			#content hr {height: 1px; outline: 0; border: 0; background: #eee; font-size: 1px;}

			#right-column {width: 294px; float: left; text-align: left; margin-bottom: 20px;}
				#right-column .tabs-wrap {padding-top: 20px; clear: both;}
				#right-column .tabs-wrap .tab-content {border: solid 1px #b4bbbf; clear: both; width: 286px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
				#right-column .tabs-wrap #tabs-nav {list-style: none;}
				#right-column .tabs-wrap #tabs-nav li {display: inline; float: left; border: 1px solid #eee; border-bottom-width: 0; margin: 0 0.2em 0 0; padding: 0.3em 0.7em; font-size: 1.2em; background: url('/tmpl/images/passive-tab-bg.gif') repeat-x top left; color: #777; border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; cursor: pointer;}
				#right-column .tabs-wrap #tabs-nav li.active {background: url('/tmpl/images/active-tab-bg.gif') repeat-x top left; color: #f2f2f2;}
				#right-column .tabs-wrap #tabs-nav li.first {margin-left: 10px;}
				#right-column .tabs-wrap div div.parent {}
				#right-column .tabs-wrap div div.active {display: block;}

				#right-column .tabs-wrap .tab-content div h3 {font-size: 12px; font-weight: bold;}
				#right-column .tabs-wrap .tab-content div h3.small {font-size: 12px; font-weight: bold;}
				#right-column .tabs-wrap .tab-content div p {font-size: 11px;}

				
				#right-column .tabs-wrap div div ul * {padding: 0; margin: 0;}
				#right-column .tabs-wrap div div ul {padding: 10px 0; margin: 0; list-style: none;}
				#right-column .tabs-wrap div div ul li {background: #fff; border: none; padding: 8px 12px 8px 4px; clear: both; position: relative; height: 100%;}
				#right-column .tabs-wrap div div ul li a {background: url('/tmpl/images/transparent.gif') repeat; height: 100%; width: 100%; display: block; text-indent: -99999px; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
				#right-column .tabs-wrap div div ul li {}
				#right-column .tabs-wrap div div ul li h3 {display: inline; color: #000;}
				#right-column .tabs-wrap div div ul li:hover {background: #eee;}
				#right-column .tabs-wrap div div ul li.no-hover:hover {background: #fff;}
				#right-column .tabs-wrap div div ul li.first {}
				#right-column .tabs-wrap div div ul li .image-wrap {float: left; margin: 0 10px 0 0; padding: 2px;}
				#right-column .tabs-wrap div div ul li:hover .image-wrap {background: #ddd;}
				#right-column .tabs-wrap div div ul li .text-wrap {float: left; width: 205px;}
				
				#right-column .tabs-wrap div div.no-icons {padding: 2em 1em;}
				#right-column .tabs-wrap div div.no-icons ul {padding: 0 0 0 2em;}
				#right-column .tabs-wrap div div.no-icons ul li{font-size: 1.2em; list-style: disc; padding: 0; margin: 0 0 1em; height: auto;}
				#right-column .tabs-wrap div div.no-icons ul li:hover{background: #fff;}
				#right-column .tabs-wrap div div.no-icons p {font-size: 1.2em;}
				#right-column .tabs-wrap div div.no-icons h3 {font-size: 1.2em; font-weight: bold; margin-bottom: 0.3em;}
				#right-column .tabs-wrap div div.no-icons ul li a:link {text-decoration: underline;}
				#right-column .tabs-wrap div div.no-icons ul li a:visited {text-decoration: underline;}
				#right-column .tabs-wrap div div.no-icons div.section {border-bottom: solid 1px #ccc; padding: 1.2em 0;}
				#right-column .tabs-wrap div div.no-icons div.first {padding-top: 0;}
				#right-column .tabs-wrap div div.no-icons div.last{padding-bottom: 0; border-bottom: 0;}
				#right-column .tabs-wrap div div.no-icons div.section p.learn-more {margin-top: 1em;}
				#right-column .tabs-wrap div div.no-icons a.pdf {background: url('/tmpl/images/icon-pdf-small.gif') no-repeat top right; padding-right: 15px; position: relative;}
				
				#right-column .tabs-wrap div div ul.arrows {padding-left: 0;}
				#right-column .tabs-wrap div div ul.arrows li  {background: url('/tmpl/images/arrow.png') no-repeat 0 4px; padding-left: 1.5em; list-style: none;}
				
				#right-column .tabs-wrap div div.no-icons ul li a {text-indent: 0; position: relative; display: inline; background-image: 0; height: auto; width: auto;}
				#right-column .tabs-wrap div div.no-icons {}
				#right-column .tabs-wrap div div p.learn-more {margin: 2em 0 0;}
				#right-column .tabs-wrap div div a.learn-more {text-align: left; background: #ddd url(/tmpl/images/alert-overlay.png) repeat-x; padding: 3px 8px; outline: 0;border: 0; color: #555;text-decoration: none;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative;cursor: pointer; box-shadow: 0 1px 3px rgba(175,175,175,0.8);-moz-box-shadow: 0 1px 3px rgba(175,175,175,0.8);-webkit-box-shadow: 0 1px 3px rgba(175,175,175,0.8); transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in;  -webkit-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; display: inline; font-size: 11px; border: solid 1px #ccc\9;color: #333\9;} /* \9 targets ie8 and below */
				#right-column .tabs-wrap div div a.learn-more:hover { background-color: #bbb; color: #333;}
				#right-column .tabs-wrap div div a.learn-more:active{ top: 1px;}					
				
				
	#rc-sections h3 {background: #dfdfe0 url('/tmpl/images/bg-rc-h3.gif') repeat-x top left; color: #036; line-height: 2em; text-indent: 10px; font-size: 12px; margin-bottom: 10px; clear: both;}
	#rc-sections h3 a {color: #036; text-decoration: none; font-weight: bold;}
	#rc-sections h3 a:hover {color: #036; text-decoration: underline;}
	#rc-sections p {font-size: 12px; line-height: 1.5em; padding: 0 10px; margin-bottom: 10px; border-left: solid 1px #eee;}
	#rc-sections p.go {text-align: right; font-size: 11px; margin-top: -6px; border: 0; color: #444; line-height: 18px;}
	#rc-sections p.go a {padding-left: 6px;}
	#rc-sections ul {padding: 0 10px 0 30px; font-size: 12px; line-height: 1.5em; color: #ccc; margin-bottom: 10px;}
	
#right-column .tabs-wrap div div ul li .startday {height: 45px; width: 32px; float: left; background: url('/home/events/images/month-day-icons.jpg') no-repeat; background-position: -152px -30px; margin: 0 22px 0 10px;}
#right-column .tabs-wrap div div ul li .startday p {margin: 0; padding: 0; text-align: center; font-size: 9px; color: #fff;}
#right-column .tabs-wrap div div ul li .startday div {text-align: center; font-size: 18px; font-weight: bold; padding-top: 4px; color: #333;}	


#content .learn-more-list li {margin-bottom: 10px;}
#content p.learn-more {margin-bottom: 40px;}
	#content a.learn-more {text-align: left; background: #ddd url(/tmpl/images/alert-overlay.png) repeat-x; padding: 3px 8px; outline: 0;border: 0;color: #555;text-decoration: none;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative;cursor: pointer; box-shadow: 0 1px 3px rgba(175,175,175,0.8);-moz-box-shadow: 0 1px 3px rgba(175,175,175,0.8);-webkit-box-shadow: 0 1px 3px rgba(175,175,175,0.8); transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in;  -webkit-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; display: inline; font-size: 11px; border: solid 1px #ccc\9;color: #333\9;}
	#content a.learn-more:hover { background-color: #bbb; color: #333;}
	#content a.learn-more:active{ top: 1px;}	
	#content a.btn {text-align: left; background: #008fd5 url(/tmpl/images/alert-overlay.png) repeat-x; padding: 4px 10px; outline: 0;border: 0;color: #fff;text-decoration: none;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative;cursor: pointer; box-shadow: 0 1px 3px rgba(175,175,175,0.8);-moz-box-shadow: 0 1px 3px rgba(175,175,175,0.8);-webkit-box-shadow: 0 1px 3px rgba(175,175,175,0.8); transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in;  -webkit-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; display: inline; font-size: 12px; border: solid 1px #ccc\9;color: #fff\9;}
	#content a.btn:hover { background-color: #b27000; color: #fff;}
	#content a.btn:active{ top: 1px;}	
	
				
#content p.note {border-top: solid 1px #ccc; margin-top: 30px; padding-top: 15px;}				
#content a.external {background: url('/tmpl/images/external-link.gif') no-repeat top right; padding-right: 13px; position: relative; display: inline-block;}
#right-column a.external {background: url('/tmpl/images/external-link.gif') no-repeat top right; padding-right: 13px; position: relative; display: inline-block;}
#content a.pdf {background: url('/tmpl/images/icon-pdf-small.gif') no-repeat top right; padding-right: 15px; position: relative; display: inline-block;}
#right-column a.pdf {background: url('/tmpl/images/icon-pdf-small.gif') no-repeat top right; padding-right: 15px; position: relative;}

#content ul.two-column {}
#content ul.two-column li {width: 50%; float: left;}
#content ul.two-column li.last {margin-bottom: 20px;}


#content div.gray-box {background: #f2f2f2 url('/tmpl/images/bg-gradient.gif') repeat-x top left; border: solid 1px #ddd; padding: 0 20px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px;}
#content div.gray-box h2 {color: #333;}
		
#content p.ajax-loader {background: url('/tmpl/images/ajax-loader.gif') no-repeat; text-indent: 20px;}
		
span.tooltip {border-bottom: dotted 1px #ccc; cursor: default;}
		
@import url("/web/common/css/ie6.css");