/*----------------------------------
	html tags
-----------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
a {text-decoration:none;}
/* structure */

a { color:#FF6D1C; }
a:hover { color:#000; }

body, html { background:url(../images/bg-stripe.png); color:#333; font-family:Arial,Verdana,Sans-Serif; font-size:12px; }
#container, #footer { margin:0 auto; padding:0 22px 0 23px; width:975px; }
#container { background:url(../images/bg-container.png) left top repeat-y; padding-bottom:63px; }
#header { height:125px; }
#footer { background:url(../images/bg-footer.png) left top no-repeat; height:105px; }


/* classes */
.clearfix:after, li:after, .fld:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
* html .clearfix,*:first-child+html .clearfix, li, .fld {zoom:1;}
.clear { font-size:0; line-height:0; height:0; clear:both; }

.pdfLink { background:url(../images/pdf.png) left top no-repeat; display:block; height:36px; line-height:36px; padding-left:36px; }
#aiteGroupLink { color:#fff; font-size:18px; margin-top:20px; position:relative; }
#aiteGroupLink:hover { text-decoration:underline; }

#article .preface { background:#333; color:#fff; margin-bottom:24px; padding:6px 10px; }

#header { position:relative; }
#mainLogo { background:url(../images/main-logo.png) left 30px no-repeat; height:68px; margin-left:40px; padding-top:30px; text-indent:-9999em; width:323px; }
#mainLogo a { display:block; cursor:pointer; height:100%; }
#mainNav { position:absolute; bottom:0; font-size:12px; right:0; }
#mainNav li { float:left; height:40px; width:100px; line-height:40px; margin-left:1px; padding:0 4px; text-align:center; text-transform:capitalize; }
#mainNav li a { background-repeat:repeat-x; color:#fff; display:block; font-weight:bold; height:100%; }
#mainNav li a:hover { text-decoration:underline; }
#mainNav #nHome { padding:0; width:40px; }
#mainNav #nHome a { background:url(../images/nav-home.png) center top no-repeat #949494; width:40px; text-indent:-9999em; }
#mainNav #nHome a:hover { background-position:center bottom; }
#mainNav #nFAQ { background-image:url(../images/nav-green.png); }
#mainNav #nAbout { background-image:url(../images/nav-white.png); }
#mainNav #nLetYourVoiceBeHeard { background-image:url(../images/nav-orange.png); }
#mainNav #nShareYourStory { background-image:url(../images/nav-blue.png); }
#mainNav #nLetYourVoiceBeHeard { height:34px; padding-top:6px; line-height:1.0em; }
#mainNav #nPartners { background-image:url(../images/nav-yellow.png); }
#webcastLink { background:url(../images/link-webcast.png) top left no-repeat; height:70px; position:absolute; top:0; right:0; text-indent:-9999em; width:260px; }

#theater { background:url(../images/bg-theater.png) repeat-x #3e3d3d; border-top:1px solid #333; color:#fff; height:345px; padding:40px; }
#videos, #intro { display:inline; float:left; height:310px; }
#videos, #introCopy a { color:#fff; }
#introCopy a { text-decoration:underline; }
/*#theater #videos { margin-right:40px; width:230px; }*/
#theater #videos { margin-right:60px; position:relative; width:500px; }
#theater .video { background:#666; border:5px solid #333; position:absolute; top:0; left:0; }
.vidDesc { background:#333; color:#fff; padding:8px; }
.vidDesc .title { color:#FF6D1C; display:block; font-size:16px; padding:4px 0; }
#theater .vidDesc { line-height:16px; padding:5px; }
#theater .vidDesc .title { display:inline; font-size:14px; }
#theater #intro { font-size:17px; line-height:28px; width:320px; }
#theater #intro h2 { border-bottom:1px solid #fff; font-size:32px; font-weight:bold; margin-bottom:15px; padding-bottom:10px; }

#theater #introCopy a:hover { color:#e1e1e1; }
#theater #intro .orangeBtn { float:right; margin-top:20px; width:160px; }

#statistics { background:#333; color:#fff; padding:10px 40px; font-size:15px; font-weight:bold; height:45px; line-height:1.4em; zoom:1; }
#statistics .stat { display:none; float:right; text-align:center; width:680px;  }
#statistics .active { display:block; }
#statistics em { font-size:1.5em; line-height:1em; color:#FF6D1C; }
#statistics .readMore { color:#FF6D1C; }
#statistics .readMore:hover { color:#fff; text-decoration:underline; }


.btn { background-position:left top; display:block; height:39px; line-height:39px; margin-right:10px; width:160px; }
.btn a { background-position:right top; display:block; font-size:16px; font-weight:bold; height:100%; position:relative; right:-10px; top:0; width:100%; }
.orangeBtn, .orangeBtn a { color:#333; background-image:url(../images/btn-orange.png); }
.orangeBtn a:hover { color:#fff; }
.whiteBtn, .whiteBtn a { color:#333; background-image:url(../images/btn-white.png); }
.whiteBtn a:hover { color:#fc9054; }

#faqList li { border-bottom:2px solid #e1e1e1; position:relative; padding-left:40px; font-size:16px; line-height:24px; margin-bottom:9px; padding-top:4px; padding-bottom:13px; }
#faqList li a { color:#3d3d3d; }
#faqList li a:hover { color:#FF8745; }
#faqList .num { background:url(../images/li-dot-orange.png) left top no-repeat; color:#fff; font-size:18px; height:32px; line-height:32px; left:0; position:absolute; top:0; text-align:center;  width:32px; }

#sharePage { position:absolute; top:10px; right:40px; width:500px; }
#branding { font-size:12px; font-weight:normal; float:left; margin-right:20px; }
#statistics #branding a { color:#FF6D1C; }
#branding a:hover { color:#fff; }
#sharePage #shareThis { float:right; margin-right:15px; }
#sharePage #frmFacebookSignUp { float:right; height:30px; }

#shareYourStory { background:url(../images/bg-share-your-story-long.png) left top no-repeat; display:inline; float:left; height:715px; margin:30px 20px 0 30px; padding:25px; position:relative; width:488px; }
#sysTitle { background:url(../images/share-your-story.png) left top no-repeat; height:28px; text-indent:-9999em; width:263px; }
#searchStories { position:absolute; top:20px; right:20px; }
#searchStories input { float:left; border:none; }
#searchStories .inSearch { background:url(../images/input-search.png) left top no-repeat; color:#a1a1a1; font-size:16px !important; height:40px; line-height:40px; padding:0 0 0 18px; width:165px; }
#searchStories .inSubmit { background:url(../images/input-search-btn.png) left top no-repeat; font-size:0; height:40px; line-height:0; width:38px; text-indent:-9999em; }

#noResults { position:absolute; top:130px; left:170px; color:#fff; font-size:24px; }

.listStories { display:block; height:522px; padding-top:20px; }
.listStories li { background:#f2f2f2; display:block; line-height:1.4em; margin-bottom:3px; padding:10px 10px 30px; position:relative; }
.listStories li h3 { font-size:15px; font-weight:bold; margin-bottom:10px; }

.listStories li .viewPost a,
.linkMore { background:url(../images/arrow-orange.png) right center no-repeat; font-size:14px; padding-right:15px; }
.listStories li .viewPost a { position:absolute; bottom:10px; right:15px; }


.pagination { display:inline; float:left; color:#fff; margin:10px 0 0 10px; }


#shareYourStory .sysIntro { color:#fff; clear:both; font-size:14px; margin:20px 0 0; }
.ctaShareYourStory { clear:both; color:#fff; line-height:1.4em; padding:20px 10px 5px; }
#shareYourStory .ctaShareYourStory .sysIntro { float:left; margin:0; width:266px; }
.ctaShareYourStory .orangeBtn { float:right; margin-right:10px; width:170px; }

#voice { color:#fff; display:inline; float:left; margin:30px 0 10px; width:362px; }
.voiceTop { background-position:left top; }
.voiceBottom { background-position:left bottom; padding:25px 27px 25px 25px;  }
.voiceTop, .voiceBottom { background-image:url(../images/bg-voice-be-heard.png); background-repeat:no-repeat; }
#voice h2 { background:url(../images/let-your-voice-be-heard.png) 25px 25px no-repeat; height:55px; padding:25px 25px 0 25px; text-indent:-9999em; width:210px; }
#voiceIntro { font-size:14px; line-height:1.5em; padding:25px 25px 0; position:relative; }
#voice label, .storyForm label { display:inline-block; font-size:20px; margin-right:12px; text-align:right; width:120px; }
.storyForm label, .storyForm .inTxt { float:left; }
#voice .inTxt, .storyForm .inTxt { background:url(../images/bg-input.png) left top repeat-x; border:1px solid #666; height:19px; padding:2px 3px; width:155px; }
.fld { margin-bottom:10px; }
#voice .whiteBtn { display:inline; float:right; margin-top:10px; margin-right:20px; }
#voice .formErrors { margin-bottom:15px; }
.storyForm .formErrors { margin-bottom:20px; }
.formErrors li { margin-bottom:5px; }

#homeExtras { background:#f2f2f2; border-top:#666; clear:both; height:1%; margin-top:40px; padding:40px 0 40px 40px; }
#homeExtras h2 { background-position:left top; background-repeat:no-repeat; height:25px; text-indent:-9999em; }
#homeExtras h2 a { display:block; height:100%; }
#beInformed, #partners { float:left; }
#beInformed { width:490px; margin-right:60px; }
#beInformed h2 { background-image:url(../images/be-informed.png); width:183px; }
#beInformed ul { margin-top:20px; }
#beInformed li { border-bottom:1px solid #000; color:#000; font-size:1.3em; font-weight:bold; line-height:1.3em; padding:13px 0; zoom:1; }
#beInformed li.last { border-bottom:0 none; }
#beInformed .resource { color:#000; display:block; float:left; width:410px; }
#beInformed .resource:hover { color:#FC9054; text-decoration:none; }
#beInformed li .linkMore { float:right; }
#beInformed .title { display:block; font-style:italic; }
#beInformed .author { display:block; color:#666; font-size:0.9em; }

#partners h2 { background-image:url(../images/partners.png); width:142px; }

#footer { position:relative; }
#socialLinks { position:absolute; bottom:20px; right:170px; }
#socialLinks li { float:left; margin-right:10px; }
#socialLinks li a { background-repeat:no-repeat; background-position:left top; display:block; height:48px; width:48px; text-indent:-9999em; }
.facebook a { background-image:url(../images/icon-facebook.png); }
.twitter a { background-image:url(../images/icon-twitter.png); }
.youtube a { background-image:url(../images/icon-youtube.png); }
#gemaltoBrand { background:url(../images/sponsored_by_us.gif) left top no-repeat; display:block; height:15px; position:absolute; bottom:20px; right:40px; text-indent:-9999em; width:116px; }
#jagBrand { background: url(../images/logo-jag.png) left top no-repeat; float:left; height:43px; width:257px; text-indent:-9999em;display:block;}
#footerNav { position:absolute; top:50px; left:63px; }
#footerNav li { border-right:1px solid #DE5828; float:left; height:18px; line-height:18px; margin-right:8px; padding-right:8px; }
#footerNav .last { border:none; margin-right:0; padding-right:0; }
#footerNav li a { color:#fff; }
#footerNav li a:hover { text-decoration:underline; }
#jagNav { border-top:3px solid #FF8746; position:absolute; top:-63px; left:22px; width:936px; padding:10px 0 0 40px; }
#jagNav li { float:left; height:33px; list-style-type:none; margin:0; padding:15px 0 0; }

.modalBg { background-color:#000; opacity:0.8; }
.modalBg {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

.btnClose { background:url(../images/btn-close.png) left top no-repeat; display:block; height:48px; text-indent:-9999em; width:48px; position:absolute; top:10px; right:10px; }

.storyPop h1 { color:#FF6D1C; font-size:1.8em; line-height:1em; }
.storyPop .storyRead { display:block; font-family:arial, verdana, sans-serif; font-size:14px; line-height:1.4em; padding:1%; width:98%; height:250px; }
.storyPop .ctaShareYourStory { background:#333; color:#fff; margin:60px auto 0; padding:15px; width:480px; }
.storyPop .ctaShareYourStory .sysIntro { float:left; font-size:16px; line-height:1.5em; width:286px; }
.storyPop .ctaShareYourStory .orangeBtn { margin-top:20px; }
.storyPop .nextStory { float:right; font-size:1.3em; line-height:1.4em; margin-top:15px; }
.storyPop #shareSingleStory { float:left; margin-top:15px; }
.storyPop .shareThis { float:left; margin-right:15px; width:160px; }
#frmFacebookStory { height:30px !important; }

.storyForm { margin:0 auto; width:510px; }
.storyForm h1 { background:url(../images/share-your-story-orange.png) left top no-repeat; height:28px; text-indent:-9999em; width:255px; }
.storyForm textarea { background:url(../images/bg-input.png) left bottom repeat-x #fff; border:1px solid #333; float:left; font-family:Arial, Verdana, Sans-Serif; width:300px; height:200px; padding:3px; }
.storyForm .whiteBtn { margin-left:130px; }
.storyForm .notice, #voice .notice { font-size:24px; color:Green; }
#voice .notice { font-size:30px; text-align:center; }
.storyForm .notice { margin-top:30px; }
.storyForm .reqNotice { margin-top:30px; }
.reqNotice, .req { color:Red; }

#partners .col1, #partners .col2 { display:inline; float:left; margin-top:25px; }
#partners .col1 { margin-right:10px; }
#partners ul li { font-size:18px; margin-bottom:40px; }


#poll { float:left; margin-left:10px; width:336px; }

#article { background:url(../images/bg-article.png) left top repeat-x #fff; font-size:14px; line-height:1.3em; padding:40px; }
#article h1, #article h2 { color:#FF6D1C; }
#article h1 { font-size:32px; margin-bottom:20px; }
#article h2 { color:#FF6D1C; font-size:24px; margin-top:30px; margin-bottom:15px; }
#article p { margin-bottom:10px; }
.vidYouTube { margin:40px auto; width:500px; }

#statistics a{color:#FFFFFF;}

/*shareThis*/
a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle;}
a.stbar.chicklet {height:16px;line-height:16px;color:#FA821E;}

