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

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, em, img, strong, sub, sup, b, u, i, center, ol, ul, li, fieldset, form, label, table, tbody, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } 
html { background: #e6f5ff url(../assets/site-bg.jpg) 0 0 repeat-x;  height: 100%; }
body { font: 11pt Verdana, Geneva, sans-serif; line-height: 135%; background: transparent url(../assets/coltan-logo-bg-overlay.png) 50% 0 no-repeat; height: 100%; color: #1d1d1d; }
	
h1	{	color: #808000; font-weight: normal; font-size: 1.2em; margin: 0 0 -5px 0; clear: none; }
h1.bpad { margin-bottom: 13px!important; }
h2	{ }	
h3	{	}	
h4	{	}
h5	{	}
	
ul { margin: 0; padding: 0; }	
li { list-style: none; margin: 0; padding: 0; }	
li.h { background-color: #f7f9fb!important; }

a { color: #0487bd; font-size: 1em; text-decoration: none; }
a:hover { text-decoration: underline; color: #769c27; }

/**/

#mcWrapper { position: relative; clear: both; margin: 0 auto; width: 1024px; background-color: #fff; border: 1px solid #ccc; -moz-box-shadow: 0 0 2px 2px #cfcfcf; -webkit-box-shadow: 0 0 2px 2px #cfcfcf;  box-shadow: 0 0 2px 2px #cfcfcf; } 

/*utility bar*/
#mcWrapper #uBar { position: relative; clear: both; margin: 0 auto; width: 1024px; height: 38px; border-bottom: 1px solid #fff; background: #475b1a url(../assets/ubar-ground.png) 0 0 repeat-x; }
#uBar #hLink { position: relative; float: left; clear: none; width: 100px; margin: 8px 0 0 27px; font-size: 0.9em; color: #fff; text-decoration: underline; }
#uBar #utility { position: relative; float: right; text-align: right; margin: 8px 28px 0 0; width: 800px; color: #fff; font-size: 0.9em; }
#uBar #utility a { color: #fff; text-decoration: underline; }
#uBar #utility a.login { padding: 0 0 0 22px; background: transparent url(../assets/login-icon.png) 0 50% no-repeat; }
#uBar #utility span.english { padding: 0 0 0 22px; background: transparent url(../assets/us-flag.png) 0 50% no-repeat; }
#uBar #utility span.phone { padding: 0 0 0 22px; clear: none; width: auto!important; font: 1.2em 'Cantarell', sans-serif; color: #fff; background: transparent url(../assets/phone-icon.png) 0 4px no-repeat; }

/*header*/
#mcWrapper #header { position: relative; margin: 0 auto; width: 1024px; height: 124px; background: transparent url(../assets/header-ground.jpg) 0 0  no-repeat; }
#header #siteId { position: relative; float: left; clear: none; width: 340px; margin: 1px 0 0 0; }
#header #siteId a img { border: 0; }

/*nav*/
#header #gNav { position: relative; float: right; clear: none; margin: 33px 3px 0 0; width: 655px; text-align: left; }
#header #gNav li { position: relative; float: left; clear: none; height: 50px; padding: 0; border-right: 1px solid #92b93e; font-size: 1.2em; }
#header #gNav li:hover { border-right: 0; margin-left: -3px; }
#header #gNav li a.gn { color: #183907; padding: 5px 24px 0 24px; height: 35px; display: table-cell; vertical-align: top; text-decoration: none; font-size: 0.8em; font-weight: bold; text-transform: uppercase; line-height: 1.2em; width: 100%; }
#header #gNav li a.gn span { font-size: 0.8em!important; font-weight: normal!important; text-transform: none!important; white-space: nowrap; }
#header #gNav li a.gn:hover,
#header #gNav li:hover a.gn { background: #475b1a url(../assets/gnav-hover-tile.png) 0 0 repeat-x; color: #fff;  -moz-border-radius: 5px; border-radius: 5px; border-bottom-right-radius: 0;  -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0;	-moz-border-radius-bottomleft: 0; padding: 5px 28px 42px 24px!important; }
#header #gNav li a.current { color: #5e7728; }

/*nav selected
#header #gNav li.current { border: 0!important; margin-left: -3px; }
#header #gNav li a.current,
#header #gNav li:hover a.current { background: #475b1a url(../assets/gnav-hover-tile.png) 0 0 repeat-x; color: #fff;  -moz-border-radius: 5px; border-radius: 5px; border-bottom-right-radius: 0;  -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0;	-moz-border-radius-bottomleft: 0; padding: 5px 28px 42px 24px!important; }
*/

/*submenus*/
#header #gNav li ul { position: absolute; z-index: 100; margin: 0!important; padding: 20px; /*width: 444px;*/ display: none; background: #637d2b url(../assets/nav-menu-ground-tile.png) 0 0 repeat-x; -moz-border-radius: 5px; border-radius: 5px; border-top-right-radius: 0;  -moz-border-radius-topright: 0; border-top-left-radius: 0;	-moz-border-radius-topleft: 0; -moz-box-shadow: 0 8px 6px -6px #000; -webkit-box-shadow: 0 8px 6px -6px #000;  box-shadow: 0 8px 6px -6px #000; }
ul.rwrap { right: 0!important; }
#header #gNav li:hover ul { display: block!important;}
#header #gNav li li { display: inline-block!important; clear: none!important; margin: 0 20px 0 0; padding: 0; width: 210px; height: 190px!important; border: 1px solid #dedede; border-width: 0 1px 0 0;  font-size: 0.7em; color: #fff; }
#header #gNav li li:hover {  border: 1px solid #dedede; border-width: 0 1px 0 0; margin-left: 0; }
#header #gNav li li a, #header #gNav li li span { position: relative; float: left; clear: both; width: 176px; height: 22px; padding: 2px 20px 0 4px; margin: 0 20px 3px 0; white-space: nowrap; color: #fff; font-size: 0.9em; text-decoration: none; text-transform: none; font-weight: normal; text-align: left; background: none; }
#header #gNav li li span { font-weight: bold; text-transform: uppercase;  }
#header #gNav li li a:hover { color: #3c501a; text-decoration: none; background: transparent url(../assets/smenu-hover-highlight.png) 100% 0 no-repeat; }

/*submenu li grounds*/
#header #gNav li li.servicesSC { background: transparent url(../assets/li-icon-services.png) 100% 100% no-repeat; }
/*more needed for Nik to commit*/


/*splash*/
#mcWrapper #splash { position: relative; clear: both; margin: 30px auto; width: 970px; height: 273px; background: transparent url(../assets/splash.jpg) 0 0 no-repeat; }
#mcWrapper #splash .sText { position: relative; float: left; clear: none; margin: 150px 30px 0 457px; font-size: 1.2em; color: #3c501a; font-style: italic; }

#mcWrapper #splashSlider { position: relative; clear: both; margin: 30px auto; width: 976px; height: 288px; background: #ccc; }
#mcWrapper #splashSlider .slide { position: relative; float: left; clear: none; width: 100%; height: 100%; }
#mcWrapper #splashSlider .slide .captionTop { position: absolute; z-index: 5; top: 123px; left: 427px; width: 455px; font: 1em Verdana, Geneva, sans-serif; font-style: italic; font-weight: normal; }
#mcWrapper #splashSlider .slide a.coltanButton { position: absolute; z-index: 5; top: 200px; left: 427px; padding: 4px 12px; border: 1px solid #808080; background: #57ade3 url(../assets/splash-button-tile.jpg) 0 0 repeat-x; font-size: 1.1em; font-style: italic; color: #fff; -moz-box-shadow: 0 0 2px 2px #515151; -webkit-box-shadow: 0 0 2px 2px #515151;  box-shadow: 0 0 2px 2px #515151; }
#mcWrapper #splashSlider .slide a.coltanButton:hover { background-position: 0 44px; background-color: #98bc48!important; text-decoration: none; }
#mcWrapper #splashSlider .slide a.slideTitle { position: absolute; z-index: 5; top: 258px; width: 85px; padding-left: 25px; text-align: left; font: 0.7em Arial, Helvetica, sans-serif; line-height: 1.1em; color: #fff; text-transform: uppercase; text-decoration: none;} 
#mcWrapper #splashSlider .slide a.slideTitle:hover { text-decoration: none; color: #fff; }
#mcWrapper #splashSlider .slide a.slideTitle1 { left: 614px; } 
#mcWrapper #splashSlider .slide a.slideTitle2 { left: 725px; } 
#mcWrapper #splashSlider .slide a.slideTitle3 { left: 860px; } 

#mcWrapper #splashSlider #slide1 { background: transparent url(../assets/splash1.jpg) 0 0 no-repeat; }
#mcWrapper #splashSlider #slide1 a.slideTitle2, #mcWrapper #splashSlider #slide1 a.slideTitle3 { opacity:0.5; filter:alpha(opacity=50); }
#mcWrapper #splashSlider #slide1 .captionTop { color: #fff; }
#mcWrapper #splashSlider #slide2 { background: transparent url(../assets/splash2.jpg) 0 0 no-repeat; }
#mcWrapper #splashSlider #slide2 a.slideTitle1, #mcWrapper #splashSlider #slide2 a.slideTitle3 { opacity:0.5; filter:alpha(opacity=50); }
#mcWrapper #splashSlider #slide2 .captionTop { color: #003f75; }
#mcWrapper #splashSlider #slide2 a.coltanButton { -moz-box-shadow: 0 0 2px 2px #adadad; -webkit-box-shadow: 0 0 2px 2px #adadad;  box-shadow: 0 0 2px 2px #adadad; }
#mcWrapper #splashSlider #slide3 { background: transparent url(../assets/splash3.jpg) 0 0 no-repeat; }
#mcWrapper #splashSlider #slide3 a.slideTitle1, #mcWrapper #splashSlider #slide3 a.slideTitle2 { opacity:0.5; filter:alpha(opacity=50); }
#mcWrapper #splashSlider #slide3 .captionTop { color: #fff; }

/*home bottom content*/
#hContentBottom { position: relative; margin: 0 0 0 27px; padding: 0 0 30px 0; width: 976px; } 
#hContentBottom #qLinksBar { position: relative; float: left; clear: none; padding: 11px; width: 146px; -moz-box-shadow: inset 0 0 10px #f0f0f0;  -webkit-box-shadow: inset 0 0 10px #f0f0f0; box-shadow: inset 0 0 10px #f0f0f0; border: 1px solid #bababa; -moz-border-radius: 5px; border-radius: 5px; text-align: center; font-size: 0.9em; }
#hContentBottom #qLinksBar a { display: block; width: 100%; height: auto; margin: 0 0 15px 0; color: #183907; text-decoration: none; padding-top: 82px; }
#hContentBottom #qLinksBar a.learn { background: transparent url(../assets/qlink-ground-learn.png ) 50% 0 no-repeat; }
#hContentBottom #qLinksBar a.watch { background: transparent url(../assets/qlink-ground-watch.png) 50% 0 no-repeat; }
#hContentBottom #qLinksBar a.download { background: transparent url(../assets/qlink-ground-download.png) 50% 0 no-repeat; }
#hContentBottom #qLinksBar a.schedule { background: transparent url(../assets/qlink-ground-schedule.png) 50% 0 no-repeat; }

#hContentBottom #newsT,
#hContentBottom #events  { position: relative; float: left; clear: none; margin: 0 30px; width: 416px; border-bottom: 3px solid #e17d0b; padding-bottom: 1px; }
#hContentBottom #newsT h1,
#hContentBottom #events h1 { position: relative; float: left; clear: both; margin: 0 0 5px 0; width: 100%; height: 40px; background: #f3f3f3 url(../assets/news-hdr-ground.png) 0 0 no-repeat; }
#hContentBottom #newsT h1 span,
#hContentBottom #events h1 span { display: none; }
#hContentBottom #newsT .newslist li,
#hContentBottom #events .elist li { position: relative; float: left; clear: both; margin-top: 1px; width: 416px; border-bottom: 1px solid #dedede; font-size: 0.8em; line-height: 140%; min-height: 94px; }
#hContentBottom #newsT .newslist li.h, #hContentBottom #events .elist li.h { background-color: #f3f3f3; }
#hContentBottom #newsT .newslist li a, #hContentBottom #events .elist li a { display: block; padding: 14px 10px; width: 396px; text-decoration: none; color: #333; }
#hContentBottom #newsT .newslist li a span, #hContentBottom #events .elist li a span { color: #e17505!important; }
#hContentBottom #newsT a.more, 
#hContentBottom #events a.more { position: relative; float: left; clear: both; width: 396px; padding: 8px 10px; font-size: 0.8em;  color: #e17505; text-align: none; background: #f3f3f3 url(../assets/more-link-ground.png) 370px 50% no-repeat; }
#hContentBottom #newsT a.more:hover, #hContentBottom #events a.more:hover { text-decoration: none; }

#hContentBottom #events { width: 330px;  border-bottom: 3px solid #84a933!important; margin: 0!important; }
#hContentBottom #events h1 { background-image: url(../assets/events-hdr-ground.png); }
#hContentBottom #events .elist li { width: 330px; }
#hContentBottom #events .elist li a { position: relative;  float: left; clear: none; width: 255px; }

#hContentBottom #events .elist li span.calWrapper { position: relative; float: left; clear: none; margin: 12px 0 0 0; width: 54px; height: 70px; background: transparent url(../assets/cal-ground.png) 50% 4px no-repeat; }
#hContentBottom #events .elist li span.cal { position: absolute; z-index: 10; left: 50%; margin-left: -17px; width: 34px; text-align: center; }
#hContentBottom #events .elist li span.top { top: 3px; color: #fff; text-transform: uppercase; font-size: 0.8em; }
#hContentBottom #events .elist li span.mid { top: 25px; color: #445563; font-size: 1.8em; font-weight: bold; letter-spacing: -1px; }
#hContentBottom #events .elist li span.bot { top: 43px; color: #949ea7; font-size: 0.7em; }
#hContentBottom #events a.more { color: #84a933; width: 310px; background-position: 284px 0; }

/*footer*/
#footer { position: relative; margin: 30px auto 0 auto; padding: 0 12px 0 0; width: 1015px; height: 105px; background: transparent url(../assets/footer-ground.png) 0 5px no-repeat; font-size: 0.9em; } 
#footer ul.columnLinks { position: relative; float: right; clear: none; width: 179px; margin: 0 19px 0 0; } 
#footer ul.columnLinks li { position: relative; float: left; clear: both; padding: 0 0 3px 10px; width: 168px; color: #41586d; }
#footer ul.columnLinks li a { color: #41586d; text-decoration: none; }
#footer ul.columnLinks li a:hover { text-decoration: underline; }
#footer ul.columnLinks li.header { padding: 0; width: 178px; font-weight: bold; text-transform: uppercase; }
#footer #legal { position: relative; float: left; clear: none; width: 300px; color: #93a6b6; margin: 92px 0 0 4px; font-size: 0.8em; }

/*section*/
/*left column*/
#sectionWrapper { position: relative; clear: both; margin: 30px 0 20px 30px; width: 994px; background: transparent url(../assets/section-wrapper-tile.png) 762px 0 repeat-y; overflow: hidden; }
#sectionWrapper #columnLeft { position: relative; float: left; clear: none; padding:  0 0 10px 0; width: 713px; text-align: left; font-size: 1em; }
#sectionWrapper #columnLeft h1 { font-size: 1.8em; font-weight: normal; text-decoration: none; color: #627b2a; padding: 0 0 30px 0; }
#sectionWrapper #columnLeft p { margin: 0 0 30px 0; font-size: 0.9em; }
#sectionWrapper #columnLeft h2 { margin: 0 0 30px 0; padding: 8px 10px; width: 693px; font-size: 1.1em; color: #84a933; text-align: left; background-color: #f3f3f3; font-weight: normal; border-top: 1px solid #dedede; border-bottom: 3px solid #84a933; }
#sectionWrapper #columnLeft p img.fl { float: left; margin: 30px 30px 30px 0; }
#sectionWrapper #columnLeft p img.fr { float: right; margin: 30px 0 30px 30px; }
#sectionWrapper #columnLeft ul { position: relative; float: left; clear: both; margin: 0 0 30px 0; padding: 0; font-size: 0.9em; width: 100%; }
#sectionWrapper #columnLeft ul li { position: relative; float: left; clear: both; margin: 0 0 0 55px; padding: 0 0 0 10px;  width: 648px; list-style: circle; }

/*forms*/
#sectionWrapper #columnLeft .formWrapper { position: relative; float: left; clear: both; width: 100%; font-size: 0.9em; }
#sectionWrapper #columnLeft .formWrapper label,
#sectionWrapper #columnLeft .formWrapper .spacer { position: relative; float: left; clear: left; margin: 0 10px 20px 0; padding: 0 10px 0 0; width: 125px; }
#sectionWrapper #columnLeft .formWrapper label.rr:after { position: relative; content: "*"; color: #475b1a; font-size: 0.9em; margin: 0; line-height: 1.1em; top: -2px; }
#sectionWrapper #columnLeft .formWrapper .stacked { margin: 0 10px 5px 0!important; }
#sectionWrapper #columnLeft .formWrapper .formElement { position: relative; float: left; clear: right; }
#sectionWrapper #columnLeft .formWrapper .cn { clear: none!important; }
#sectionWrapper #columnLeft .formWrapper .longInput { width: 400px; }
#sectionWrapper #columnLeft .formWrapper .medInput { width: 300px; } 
#sectionWrapper #columnLeft .formWrapper .shortInput { width: 200px; } 
#sectionWrapper #columnLeft .formWrapper .xShortInput { width: 100px; } 
#sectionWrapper #columnLeft .formWrapper .xxShortInput { width: 75px; } 
#sectionWrapper #columnLeft .formWrapper .xxxShortInput { width: 50px; } 
#sectionWrapper #columnLeft .formWrapper .longSelect { width: 406px; }
#sectionWrapper #columnLeft .formWrapper .medSelect { width: 306px; } 
#sectionWrapper #columnLeft .formWrapper .shortSelect { width: 206px; } 
#sectionWrapper #columnLeft .formWrapper .xShortSelect { width: 106px; } 
#sectionWrapper #columnLeft .formWrapper .xxShortSelect { width: 81px; } 
#sectionWrapper #columnLeft .formWrapper .xxxShortSelect { width: 56px; } 
#sectionWrapper #columnLeft .formWrapper .txtArea { font-family: Verdana, Geneva, sans-serif; font-size: inherit; height: 150px; margin-bottom: 20px; }
#sectionWrapper #columnLeft .formWrapper .nr { resize: none; }
#sectionWrapper #columnLeft .formWrapper .clrCaption { position: relative; float: left; clear: right; margin: 0 25px 0 3px; }
#sectionWrapper #columnLeft .formWrapper .ctnButton { position: relative; float: left; clear: none; margin: 0 10px 0 0; padding: 2px 20px!important; color: #fff; font-size: inherit; padding: 4px 12px; border: 1px solid #dedede; background: #57ade3 url(../assets/btn-sprite-rsb.png) 0 0 repeat-x;  }
#sectionWrapper #columnLeft .formWrapper .ctnButton:hover { background-position: 0 27px; background-color: #98bc48!important; text-decoration: none; }
label.error { float: left!important; clear: none!important; height: 18px; background: transparent url(../assets/error.png) 0 2px no-repeat!important; margin: 0 0 0 15px!important; padding: 0 20px 5px 20px!important; display: inline; *overflow: hidden; vertical-align: bottom; }

/*right column*/
#sectionWrapper #columnRight { position: relative; float: right; width: 231px; font-size: 0.9em; } 
#sectionWrapper #columnRight .block { position: relative; float: left; clear: both; margin: 0 0 30px; padding: 0 0 30px;  width: 100%; border-bottom: 1px solid #dedede; }
#sectionWrapper #columnRight .block h3 { margin: 0 0 20px 20px; padding: 0 0 0 30px; color: #495d1b; font-size: 1.3em; font-weight: normal; line-height: 130%; }
#sectionWrapper #columnRight .block h3.related { background: transparent url(../assets/icon-related.png) 0 2px no-repeat; }
#sectionWrapper #columnRight .block h3.support { background: transparent url(../assets/icon-support.png) 0 2px no-repeat; }
#sectionWrapper #columnRight .block h3.moreServices { background: transparent url(../assets/icon-moreinSection.png) 0 2px no-repeat; }
#sectionWrapper #columnRight .block ul { position: relative; float: left; clear: both; margin: 0 20px; width: 100%; }
#sectionWrapper #columnRight .block ul li { clear: both; width: 155px; margin: 0 20px 0 0; padding: 4px 0 4px 30px; background: transparent url(../assets/icon-related-item.png) 6px 10px no-repeat; border-bottom: 1px dotted #dedede;  }
#sectionWrapper #columnRight .block ul.moreSection li { background-image: url(../assets/icon-more-item-50pct.png); }
#sectionWrapper #columnRight .block ul.moreSection li.current, 
#sectionWrapper #columnRight .block ul.moreSection li:hover { background-image: url(../assets/icon-more-item.png); }
#sectionWrapper #columnRight .block ul li a { display: block; color: #1d1d1d;  }
#sectionWrapper #columnRight .block ul li a:hover { text-decoration: underline; color: #769c27; }
#sectionWrapper #columnRight .block p { margin: 0 25px 0 20px; font-size: 0.8em; }
#sectionWrapper #columnRight .block p a.button { padding: 4px 12px; border: 1px solid #dedede; background: #57ade3 url(../assets/btn-sprite-rsb.png) 0 0 repeat-x; font-size: 1.4em; font-style: italic; color: #fff; }
#sectionWrapper #columnRight .block p a.button:hover { background-position: 0 27px; background-color: #98bc48!important; text-decoration: none; }
#sectionWrapper #columnRight .block ul.moreSection li a.current { color: #769c27; }

/*login form*/

.loginWrapper { position: absolute; z-index: 10; top: 50%; left: 50%; border: 1px solid #aaabad; border-radius: 2px; box-shadow: 0 0 4px 4px #cfd7e1; background: transparent url(../assets/70p-white-sspacer.png) 0 0 repeat; }
.loginWrapper .masthead { position: relative; float: left; clear: both; width: 100%; height: 17px; border-bottom: 1px solid #aaabad; background: #cfd4d7 url(../assets/login-masthead-ground.png) 0 0 repeat-x; } 
.loginWrapper .logo { position: relative; float: left; clear: both; margin: 20px 40px 40px; }
.loginWrapper .formWrapper { position: relative; float: left; clear: both; margin: 0 40px; font-size: 0.9em; }
.loginWrapper .formWrapper label, .loginWrapper .formWrapper .spacer { position: relative; float: left; clear: left; width: 105px; }
.loginWrapper .formWrapper label.rr:after { position: relative; content: "*"; color: #475b1a; font-size: 0.9em; margin: 0; line-height: 1.1em; top: -2px; }
.loginWrapper .formWrapper .formElement { position: relative; float: left; clear: right; margin: 0 0 15px; padding: 2px; width: 282px; border: 1px solid #6c6c6c; border-radius: 6px; }
.loginWrapper .formWrapper .tm { position: relative; float: left; clear: none; margin-top: 5px!important; width: 288px; }
.loginWrapper .formWrapper .bm { position: relative; float: left; clear: none; margin: -10px 0 20px!important; width: 389px; }
.loginWrapper .formWrapper .cn { position: relative; float: left; clear: none!important; }
.loginWrapper .formWrapper .tm input.cn { margin-left: 0; margin-right: 4px; margin-bottom: 30px; }
.loginWrapper .formWrapper .tm label.cn { margin-top: -1px; }
.loginWrapper .formWrapper .tm .ctnButton { position: relative; float: right; clear: none; margin: -3px 0 20px; padding: 2px 20px!important; color: #fff; font-size: inherit; padding: 4px 12px; border: 1px solid #dedede; background: #57ade3 url(../assets/btn-sprite-rsb.png) 0 0 repeat-x; }
.loginWrapper .formWrapper .tm .ctnButton:hover { background-position: 0 27px; background-color: #98bc48!important; text-decoration: none; }
.loginWrapper .formWrapper .forgotWraper { position: relative; float: left; clear: both; margin: 0 0 40px; padding: 20px 0 0; width: 100%; text-align: right; border-top: #777 1px solid; }
.loginWrapper .formWrapper label.error { position: relative!important; clear: both!important; margin: -5px 0 5px 105px!important; width: 230px!important; }

.hidden { display: none; }