#security { position: relative; padding-bottom: 25px; font-size: 13px; }
#security .security-legal{font-size:11px;}

/* about */
#security-buttons { padding: 40px 0 40px 75px; }
#security-buttons a { float: left; width: 150px; height: 175px; color: #b1b3b7; text-align: center; position: relative; font-size: 18px; padding: 20px 30px; background: url("../../images/landings/security/nav-button.jpg") no-repeat; }
#security-buttons a:hover { background-position: 0 -240px; color: #fff; }
#security-buttons a span { display: block; position: absolute; }
#security-buttons .icon1 { width: 60px; height: 75px; top: 85px; left: 50%; margin: 0 -30px; background: url("../../images/landings/security/button-shield.gif") no-repeat; }
#security-buttons .icon2 { width: 75px; height: 70px; top: 85px; left: 50%; margin: 0 -35px; background: url("../../images/landings/security/button-checklist.gif") no-repeat; }
#security-buttons .icon3 { width: 60px; height: 65px; top: 85px; left: 50%; margin: 0 -30px; background: url("../../images/landings/security/button-theft.gif") no-repeat; }
#security-buttons .icon4 { width: 60px; height: 65px; top: 85px; left: 50%; margin: 0 -30px; background: url("../../images/landings/security/button-help.gif") no-repeat; }

#auth-wrapper { margin-top: 150px; background: #e9e8e6; padding: 20px; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#auth-wrapper .authenticator { float: left; width: 220px; padding-left: 60px; padding-right: 30px; min-height: 75px; }
#auth-wrapper .authenticator span { color: #565c67; }
#auth-wrapper #auth-iphone { background: url("../../images/landings/security/auth-iphone.gif") 0 0 no-repeat }
#auth-wrapper #auth-android { background: url("../../images/landings/security/auth-android.gif") 0 0 no-repeat }
#auth-wrapper #auth-mobile { background: url("../../images/landings/security/auth-mobile.gif") 0 0 no-repeat }
#auth-wrapper #auth-keychain { background: url("../../images/landings/security/auth-chain.gif") 0 0 no-repeat }

#corehound { position: absolute; top: -175px; left: 0; width: 235px; padding: 40px 15px 0 310px; height: 155px; text-align: center; font-size: 16px; background: url("../../images/landings/security/corehound.png") 0 0 no-repeat }
#corehound strong { font-size: 18px; }

/* commitment */
#commitment-wrapper { margin-top: 35px; }
#commitment-wrapper .commitment { width: 280px; float: left; padding: 0 25px; }
#commitment-wrapper .commitment h3 { margin-bottom: 10px; }

/* checklist */
#checklist-wrapper { margin: 35px 0 0 0; padding: 0; list-style: none; font-size: 13px; }
#checklist-wrapper li { padding-bottom: 50px; padding-left: 100px; }
#checklist-wrapper li.list-1 { background: url("../../images/landings/security/list-1.gif") 0 0 no-repeat }
#checklist-wrapper li.list-2 { background: url("../../images/landings/security/list-2.gif") 0 0 no-repeat }
#checklist-wrapper li.list-3 { background: url("../../images/landings/security/list-3.gif") 0 0 no-repeat }
#checklist-wrapper li.list-4 { background: url("../../images/landings/security/list-4.gif") 0 0 no-repeat }
#checklist-wrapper li.list-5 { background: url("../../images/landings/security/list-5.gif") 0 0 no-repeat }
#checklist-wrapper li.list-6 { background: url("../../images/landings/security/list-6.gif") 0 0 no-repeat }
#checklist-wrapper li.list-7 { background: url("../../images/landings/security/list-7.gif") 0 0 no-repeat }
#checklist-wrapper li.list-8 { background: url("../../images/landings/security/list-8.gif") 0 0 no-repeat }
#checklist-wrapper li.list-9 { background: url("../../images/landings/security/list-9.gif") 0 0 no-repeat }

/* help */
#help-wrapper { margin: 35px 75px 0 75px; padding: 0; list-style: none; font-size: 13px; }
#help-wrapper li { padding-bottom: 50px; padding-left: 75px; }
#help-wrapper li strong { font-size: 18px; }
#help-wrapper li.help-1 { background: url("../../images/landings/security/help-1.gif") 0 0 no-repeat }
#help-wrapper li.help-2 { background: url("../../images/landings/security/help-2.gif") 0 0 no-repeat }
#help-wrapper li.help-3 { background: url("../../images/landings/security/help-3.gif") 0 0 no-repeat }
#help-wrapper li.help-4 { background: url("../../images/landings/security/help-4.gif") 0 0 no-repeat }
#help-wrapper li.help-5 { background: url("../../images/landings/security/help-5.gif") 0 0 no-repeat }
#help-wrapper li.help-6 { background: url("../../images/landings/security/help-6.gif") 0 0 no-repeat }
#help-wrapper li.help-2,
#help-wrapper li.help-4,
#help-wrapper li.help-6 { margin-left: 100px; }
#help-beacon { width: 175px; height: 145px; position: absolute; top: -20px; right: -20px; background: url("../../images/landings/security/help.png") 0 0 no-repeat }

/* theft */
#theft-wrapper { margin-top: 35px; }
#theft-wrapper .center-content { text-align:center; padding:12px; }
#theft-wrapper .adjusted-lh { line-height: 1.4em; }
#theft-wrapper .adjusted-bg { background-color: #C5C5C5; }
#theft-wrapper .wide-content { background-color: #c5c5c5; padding:16px; text-align:center; }
#theft-wrapper .wide-content .mail-bg { padding:16px; }
#theft-wrapper .wide-content .explain { background-color:#E9E8E7; padding:16px; text-align:left; margin-bottom:20px; display:inline-block; }
#theft-wrapper .wide-content .explain span {position:relative; top:-22px; left:-22px; border:1px solid #aaaaaa; padding:0px 4px 0px 4px; background-color:#E9E8E7;}
#theft-wrapper .margin-top { margin-top: 30px; }
#theft-wrapper .theft-cell .quote { text-align: center; margin-top: 25px; color: #479810; }
#theft-wrapper .theft-cell h3 { font-size: 20px; margin-bottom: 15px; }
#theft-wrapper .theft-cell h5 { font-size: 16px; margin-bottom: 15px; }
#theft-wrapper .cell-left { width: 475px; float: left; }
#theft-wrapper .cell-right { float: right; width: 450px; }
#theft-wrapper .alt-cell-left { width: 425px; float: left; line-height: 1.4em; position:relative; }
#theft-wrapper .alt-cell-right { float: right; width: 425px; line-height: 1.4em; position:relative;}
#theft-wrapper .cell-box { font-size: 13px; position: relative; padding: 25px; line-height: 200%; background: #e9e8e7; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#theft-wrapper .shield { width: 56px; height: 67px; position: absolute; top: -15px; left: -30px; background: url("../../images/landings/security/shield.png") no-repeat; }
#theft-wrapper #ingame-mail-footer { display:none;background:url("../../images/landings/security/down.jpg") 50% 0% no-repeat; height:19px; } 
#theft-wrapper #ingame-chat-footer { display:none;background:url("../../images/landings/security/down.jpg") 50% 0% no-repeat; height:19px; }
.close-box { text-align:right; cursor:pointer; margin-bottom:20px;}
.close-box a { color:#555; padding-right:20px; background:url("../../images/landings/security/close.jpg") 100% 50% no-repeat;}
#phishing ul li { margin: 10px 0; }
#phishing ul li strong { color: #4c3c94; }
#phishing-wrapper { margin-top: 25px; font-size: 13px; line-height: 150%; background: #e9e8e7; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#phishing-wrapper sup { color: #479810; font-weight: bold; }
.sample-left { width: 415px; float: left; margin: 25px 0 25px 25px; background: url("../../images/landings/security/fake.gif") 50% 50% no-repeat; }
.sample-right { width: 450px; float: right; margin: 25px 25px 25px 0; }

.note { background: #d1d0ce; padding: 20px; position: relative; margin-bottom: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.note .note-icon { width: 29px; height: 29px; padding-right: 5px; padding-top: 5px; font-weight: bold; position: absolute; text-align: center; top: -15px; left: -15px; background: url("../../images/landings/security/note.png") no-repeat; }
.note.active { background: #565c67; color: #fff; cursor: help; }
.note.active .note-icon { color: #4A4A4A }

.note-text { background: #fff; cursor: help; padding: 0 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.note-text.active { background: #565c67; color: #fff; }
.note-text.active a { color: #fff; }

/* misc */
.arrow-list,
#checklist-wrapper .arrow-list { margin: 10px 0 0 0; list-style: none; padding: 0; }
.arrow-list li,
#checklist-wrapper .arrow-list li { margin: 5px 0; padding: 0 0 0 20px; background: url("../../local-common/images/icons/arrows.gif") 0 -100px no-repeat }

.back-link { display: block; text-align: right; margin: 50px 0; color: #afadac; border-bottom: 1px solid #afadac; padding-bottom: 5px; }