@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,300italic,400,300);

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.container { font:14px/1.4 sans-serif; margin:0 0 0 20px; padding:0; position:relative; }

/* apply a natural box layout model to all elements */
.container *, .container *:before, .container *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }

.container a { color:#0e437b; }
.container a:hover { cursor:pointer; }

.container h1 { font:30px/1 "Times New Roman",serif; color:#0e437b; margin:0.5em 0 1em; }
.container h2 { font:700 20px/1 Arial,sans-serif; margin:0; }

::-webkit-input-placeholder { color:#aaa; font-style:italic; }
:-moz-placeholder { color:#aaa; font-style:italic; } /* Firefox 18- */
::-moz-placeholder { color:#aaa; font-style:italic; } /* Firefox 19+ */
:-ms-input-placeholder { color:#aaa; font-style:italic; }
.placeholder { color:#aaa; }

.msg { display:none; font-weight:900; text-align:center; margin:0 0 2em; padding:5px; clear:both; }
#mycialerts .msg { margin-bottom:1em; }
.msg.error { display:block; color:#c00; border:solid 1px #c00; background:#fee; }
.msg.success { display:block; color:#0a0; border:solid 1px #0a0; background:#efe; }

/* Alerts page */

#alertactions { margin:13px 0 1em 0; float:left;}
#alertactions button { margin-right:10px; }

ul#alertsnav { list-style:none; margin:0; padding:0; float:right; margin:2.5em 0 0; }
ul#alertsnav li { display:inline-block; margin:0 0 0 10px; padding:0 12px 0 0; border-right:solid 1px #111; }
ul#alertsnav li:last-child { border:none; }
ul#alertsnav li a { text-decoration:none; }

#mycialerts ul#alertsnav li { border:0; }
#mycialerts ul#alertsnav li:last-child { display:none; }
#mycialertssettings ul#alertsnav { display:none; }

#help { border:solid 1px #ddd; width:940px; margin:0 0 1em; padding:10px 0; float:left; display:block; }
#help ul { width:920px; margin:0 0 0 10px; padding:0; list-style:none; }
#help ul li { width:296px; height:77px; background:#f0f0f0; margin:0 12px 0 0; float:left; }
#help ul li:last-child { margin-right:0; }
#help ul li p { margin:10px; }
#help ul li p a { text-decoration:none; color:#000; }
#help ul li p a strong { color:#0e437b; }
#help ul li p a:hover strong { text-decoration:underline; }
#help.show { display:block; }

#mycialerts #filters { border:solid 1px #ddd; width:940px; margin:0 0 15px; padding:10px 0; float:left; position:relative; }
#mycialerts #filters select, #filters label { display:block; float:left; margin:3px 0 1px 10px; }
#mycialerts #filters select { width:178px; font-size:14px; }
#mycialerts #filters label { margin-top:2px; }
#mycialerts #filters label:last-child { margin-top:4px; }
#mycialerts #filters select#filterperiod { clear:both; margin-top:7px; }
#mycialerts #filters input[type=text] { width:150px; border:solid 1px #ccc; padding:2px 3px; }
#mycialerts.fr #filters input[type=text] { width:140px; }

#alertsfeed table { width:940px; border:solid 1px #ddd; clear:both; border-collapse:collapse; border-spacing:0; }
#alertsfeed table tr { border-bottom:solid 1px #ddd; }
#alertsfeed table tr th { text-align:left; line-height:1.1; padding:7px 10px; vertical-align:bottom; background:#e5e5e5; color:#0e437b; font-size:13px; }
#alertsfeed table tr th:hover { cursor:pointer; }
#alertsfeed table tr th.sorter-false:hover { cursor:default; }
#alertsfeed table tr td { white-space:nowrap; padding:7px 10px; font-size:13px; font-weight:700; line-height:1.2; vertical-align:top;  }
#alertsfeed table tr .hidden { display:none; }
#alertsfeed table tr .select { width:33px; xborder-right:solid 1px #ccc; }
#alertsfeed table tr .date { width:66px; }
.fr #alertsfeed table tr .date { width:71px; }
#alertsfeed table tr .transaction { width:101px; }
#alertsfeed table tr .accounttype { width:76px; }
#alertsfeed table tr .client span { font-size:0.85em; font-weight:400; color:#999; display:block; }
#alertsfeed table tr .amount { width:105px; text-align:right; padding-right:6px; }
#alertsfeed table tr .details { width:12px; text-indent:-999em; padding-left:0; }
#alertsfeed table tr .account { border-right:solid 1px #ddd; border-left:solid 1px #ddd; }
#alertsfeed table tr td.account { width:84px; background:#f0f0f0; font-weight:400; }
#alertsfeed table tr td.drcode { width:95px; background:#f0f0f0; font-weight:400; }
.fr #alertsfeed table tr td.drcode { width:112px; }

#alertsfeed table tr.archived td, #alertsfeed table tr.read td { background:#f0f0f0; font-weight:400; }
#alertsfeed table tr.archived td { color:#999; }
#alertsfeed table tr.archived .account, #alertsfeed table tr.archived .drcode, #alertsfeed table tr.read .account, #alertsfeed table tr.read .drcode { background:#e5e5e5; }

#alertsfeed table tr.hide, #alertsfeed table tr.hidetrans, #alertsfeed table tr.hideacct { display:none; }

#alertsfeed #pager { float:right; margin-top:15px; }
#alertsfeed #pager span:hover { cursor:pointer; }
#alertsfeed #pager span.disabled:hover { cursor:default; }
#alertsfeed #pager a { text-decoration:none; }
#alertsfeed #pager a.current { color:#000; font-weight:900; }
#alertsfeed #pager img { vertical-align:middle; }
#alertsfeed #pager .pagedisplay { margin:0 10px; font-weight:700; vertical-align:top; }
#alertsfeed #pager .disabled { opacity:0.5; }

#legend { /*color:#999;*/ font-size:0.9em; margin:1em 0; display:block; clear:both; border:solid 1px #ddd; background:#eee; }
#legend dl { text-align:center; }
#legend dt, #legend dd { margin:0 ; display:inline-block; }
#legend dt { font-weight:900; margin-left:10px; }

#notsubscribed { margin:1em 0; padding:15px; /*border:solid 1px #ddd;*/ background:#b9cce3; display:none; clear:both; }
#notsubscribed h3 { margin-top:0; }
#notsubscribed p { margin:1em 0 0 0; }
#notsubscribed.show { display:block; }

#disclaimer { color:#666; font-size:0.7em; font-weight:400; font-style:italic; margin:2em 0; display:block; clear:both; }

span.smallipop { background:url(../img/svg.png) 0 -30px no-repeat; background-size:12px; width:12px; height:12px; display:block; margin-top:2px; }
span.smallipop:hover { cursor:pointer; }
.smallipop-theme-white { width:234px !important; max-width:none !important; background:#fff; border-radius:5px; box-shadow:2px 2px 1px rgba(0,0,0,.4); }
/*.fr .smallipop-theme-white { width:235px; }*/
.smallipop-theme-white .smallipop-content { text-align:right; font:12px/1.1 sans-serif; }
.smallipop-theme-white .smallipop-content strong { width:65px; margin:2px 0; display:inline-block; vertical-align:top; text-align:left; white-space:nowrap; }
/*.fr .smallipop-theme-white .smallipop-content strong { width:120px; }*/
.smallipop-theme-white .smallipop-content span span { width:145px; margin:2px 0; display:inline-block; text-align:right; }

/* Settings page */

#mycialertssettings ul#alertsnav { float:none; text-align:right; margin:1em 0; }
#mycialertssettings #disclaimer { margin:5em 0 0; }

#leftnav { width:172px; display:inline-block; padding:10px 0; margin-right:-4px; vertical-align:top; }
#leftnav > ul { width:192px; margin:0 0 0 -20px; padding:0; list-style:none; background:#fff; display:inline-block; }
#leftnav > ul li { line-height:2; padding:5px 0 5px 20px; position:relative; height:40px; }
#leftnav > ul li a { color:#111; text-decoration:none; display:block; }
#leftnav > ul li.active { background:#111; color:#fff; }
#leftnav > ul li.active:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #111;
    position: absolute;
    top: 0px;
    right: -14px;
    z-index:999;
}
#leftnav > ul li.active a { color:#fff; }
#leftnav > ul #dealersnav { margin:5px 0 0 -20px; padding:0; list-style:none; background:#fff; float:left; width:192px; }
#leftnav > ul #dealersnav li { padding-left:20px; }
#leftnav > ul #dealersnav li a { color:#111; margin-left:8px; font-size:0.9em; line-height:1.1; display:inline-block; }
#leftnav > ul #dealersnav li.active a { color:#fff; }

section.content { width:767px; padding:20px 0; display:inline-block; border-left:solid 1px #ddd; position:relative; }
#alertsettings h2, #alertsettings p { margin-left:30px; }
#alertsettings h3 { color:#0e437b; width:100%; margin:0 0 10px; padding:0 0 10px 0; line-height:1; float:left; }
#alertsettings ul { margin:0; padding:0; list-style:none; }

#alertsettings #instructions ol { margin-left:30px; padding:0; }
#alertsettings #instructions ol > li { display:inline-block; width:24.5%; height:235px; padding:9px; background:#f9f9f9; vertical-align:top; font-weight:700; color:#0e437b; }
.fr #alertsettings #instructions ol > li { height:286px; }
#alertsettings #instructions ol > li:before { width:30px; height:30px; border-radius:15px; display:block; text-align:center; color:#fff; background:#aaa; font:700 20px/34px sans-serif; margin-bottom:14px; }
#alertsettings #instructions ol > li:nth-child(1):before { content:"1"; }
#alertsettings #instructions ol > li:nth-child(2):before { content:"2"; }
#alertsettings #instructions ol > li:nth-child(3):before { content:"3"; }
#alertsettings #instructions ol > li:nth-child(4):before { content:"4"; }
#alertsettings #instructions ol > li:last-child { margin:0; border:0; }
#alertsettings #instructions ol ul { list-style:disc; margin:1em 0 0 16px; font-weight:400; color:#000; }

#alertsettings ul#dealerlist { margin:30px 0 0 30px; }
#alertsettings ul#dealerlist li.dealer { display:none; padding:0; clear:both; position:relative; }
#alertsettings ul#dealerlist li.dealer.show { display:block; }

#alertsettings .drcodes { clear:both; }
#alertsettings .drcodes li { display:inline-block; vertical-align:top; width:100%; hxeight:150px; margin:-1px -4px 0 -1px; padding:13px 5px 18px 15px; border:dashed 1px #ddd; border-left:0; border-right:0; position:relative; }
#alertsettings .drcodes li label.code { font-weight:900; width:100%; display:block; }
#alertsettings .drcodes li label.code input { margin-right:7px; }
#alertsettings .drcodes li.drcode.selected { border:solid 1px #333; z-index:999; }
#alertsettings .drcodes li.drcode:after { content:""; position:absolute; top:0; left:0; width:737px; height:100%; }
#alertsettings .drcodes li.drcode:hover:after { cursor:pointer; }
#alertsettings .drcodes li.drcode.active { z-index:99; }
#alertsettings .drcodes li.drcode.active:before { content:""; background:#f5f5f5; width:757px; height:102%; position:absolute; top:-5px; left:-10px; z-index:-1; box-shadow:1px 1px 2px rgba(0,0,0,0.25); border-radius:5px 5px 0 0;}
#alertsettings .drcodes li.drcode.active:after { display:none; }

#alertsettings .drcode h4 { margin:0; color:#0e437b; }

#alertsettings .codesettings { margin:10px 0 0 18px; width:23%; display:inline-block; vertical-align:top; }
#alertsettings .codesettings input[type="checkbox"] { margin:0 5px 6px 0; }
#alertsettings .codesettings input[type="text"] { width:90%; padding:2px 5px; }
#alertsettings .codesettings input.confirm, #alertsettings .codesettings a { display:none; }
#alertsettings .codesettings div.email { margin:0 0 0 14px; }
#alertsettings .codesettings a.show { padding:2px 0; display:inline-block; }
#alertsettings .codesettings div.edit { display:block; width:310px; padding:10px; background:#e5e5e5; border-radius:5px; position:absolute; margin:-10px 0 0 3px; z-index:999; box-shadow:2px 2px 1px rgba(0,0,0,.4); }
#alertsettings .codesettings div.edit input[type="text"] { width:100%; }
#alertsettings .codesettings input.edit { border:solid 1px #ddd; display:inline; }
#alertsettings .codesettings.disabled:after { content:""; width:330px; height:125px; background:rgba(255,255,255,0.6); position:absolute; top:35px; }

#alertsettings .drcode input[type="checkbox"] { position:absolute; opacity:0; }
#alertsettings .drcode input[type="checkbox"] + label { position:relative; padding:0; cursor:pointer; line-height:1; display:inline-block; margin-bottom:10px; }
#alertsettings .drcode input[type="checkbox"] + label:before { content:""; display:inline-block; width:14px; height:14px; margin:1px 5px 0 0; border-radius:2px; background:#e5e5e5; vertical-align:text-top; margin-left:-18px; }
#alertsettings .drcode input[type="checkbox"]:hover + label:before { /*background:#8c8;*/ background:#ccc; }
#alertsettings .drcode input[type="checkbox"]:checked + label:before { background:#0b0; }
#alertsettings .drcode input[type="checkbox"]:checked + label:after { content:""; position:absolute; left:3px; top:7px; background:#fff; width:2px; height:2px; margin-left:-18px; box-shadow:2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white; -webkit-transform:rotate(45deg); -mox-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }

#alertsettings .emailsettings { margin:10px 0 0 0; padding:0 0 0 38px; width:73%; display:inline-block; border-left:solid 1px #ddd; opacity:0.3; }
#alertsettings .emailsettings.active { opacity:1; }
#alertsettings .emailsettings:after { content:""; position:absolute; top:0; width:68%; height:94%; margin-left:-20px; }
#alertsettings .emailsettings.active:after { display:none; }
#alertsettings .emailsettings .email { white-space:nowrap; }
#alertsettings .emailsettings .email label { width:90px; display:inline-block; }
#alertsettings .emailsettings .email label.error { width:auto !important; font-size:0.8em; font-weight:700; line-height:1; color:#c00; position:absolute; right:14px; white-space:nowrap; }
#alertsettings .emailsettings .primary.email label.error { top:8px; }
#alertsettings .emailsettings .secondary.email label.error { top:22px; }
#alertsettings .emailsettings .email input[type="text"] { width:39.5%; margin:-2px 0 6px 0; font-size:14px; }
#alertsettings .emailsettings .email input.error { border:solid 1px #c00; background:#fee; }

.fr #alertsettings .emailsettings .email label { width:115px; }
.fr #alertsettings .emailsettings .email input[type="text"] { width:37.3%; }

.alsoapply { width:757px; margin-left:-11px; padding:20px 10px 20px 25px; background:#f5f5f5; border-top:solid 1px #ddd; box-shadow:1px 2px 2px rgba(0,0,0,0.25); border-radius:0 0 5px 5px; position:absolute; z-index:999; display:none; }
.alsoapply.active { display:block; }
.alsoapply h4 { font-size:14px; color:#333; width:20%; display:inline-block; vertical-align:top; margin:0; padding:0; line-height:18px;  }
.alsoapply .drcodes { width:66%; display:inline-block; border-right:solid 1px #ddd; vertical-align:top; }
.alsoapply .drcodes label { width:31%; margin-right:1%; display:inline-block; }
.alsoapply .button { display:inline-block; width:12%; height:100%; position:relative; text-align:center; }
.alsoapply .button button { font-size:13px; }

#alertsettings #buttons { position:fixed; bottom:0; z-index:999; background:#fff; border-top:solid 1px #ddd; width:768px; padding:15px 20px; text-align:right; }
#alertsettings #buttons input { color:#fff; background:#ee972f; border:0; border-radius:3px; padding:4px 8px; font-size:14px; }

#alertsettings #disclaimer { margin:2em 0 6em; }


/* Unsubscribe page */

#myciunsubscribe { margin:0; }
#myciunsubscribe table { margin:2em auto 0 auto; }
#myciunsubscribe table tr:nth-child(1) td { border-bottom:solid 1px #ddd; }
#myciunsubscribe table tr:nth-child(2) td { }
#myciunsubscribe table tr:nth-child(3) td { border-top:solid 1px #ddd; padding-top:10px; }
#myciunsubscribe h1 { margin:1.5em 0 0 15px; color:#111; }
#myciunsubscribe section h2 { color:#111; margin:2em 0 1em; }
#myciunsubscribe section fieldset { display:block; width:100%; margin:1.5em 0 3em; padding:15px; border:solid 1px #ddd; }
#myciunsubscribe section fieldset legend { margin:0 0 0 -3px; padding:0 5px 0 3px; font-size:1.2em; font-weight:900; color:#0e437b; }
#myciunsubscribe section label { display:block; margin:0 0 5px; }
#myciunsubscribe section button { float:right; }

/* Help page */

#mycihelp { width:940px; margin-bottom:40px; }
#mycihelp section.content { padding:0 20px 0 30px; display:none; }
#mycihelp section.content.show { display:inline-block; }
#mycihelp h3 { color:#0e437b; width:100%; margin:1.5em 0 1em; }
#mycihelp strong.red { color:#c00; }
#mycihelp table { border:solid 1px #ddd; }
#mycihelp table th, #mycihelp table td { padding:6px 8px; text-align:left; border:solid 1px #ddd; vertical-align:top; font:14px/1.4 sans-serif; }
#mycihelp table th { font-weight:bold; }

.accordion { width:100%; overflow:hidden; margin:0 auto; padding:15px 20px; }
.accordion section {
      float:left;
      overflow:hidden;
      /*cursor:pointer;*/
      background: #f0f0f0;
      margin:3px 0;
      width:100%;
      height:50px;
      border:solid 1px #eee;

}
.accordion :target { height:auto; }
.accordion section:hover { background:#ddd; }
.accordion section h3, .accordion section p, .accordion section table, .accordion section ul, .accordion section ol { display:none; }
.accordion section:after {
      position:relative;
      font-size:24px;
      color:#111;
      font-weight:bold;
}
/*.accordion section:after { content:'\25BE'; top:-42px; right:20px; float:right; z-index:1; }*/
.accordion section:target:after { display:none; }
.accordion section:target { background:#fff; padding:15px 20px; }
.accordion section:target h2 { width:100%; }
.accordion section:target h2 a { padding:0; }
.accordion section:target h2 a:hover { cursor:default; }
.accordion section:target h3, .accordion section:target p, .accordion section:target ul, .accordion section:target ol { display:block; }
.accordion section:target table { display:table; }
.accordion section h2 a {
      padding:15px 20px;
      display:block;
      color:#111;
      text-decoration:none;
      position:relative;
      z-index:99;
}
.accordion section h2 a:hover:after { content:'Click to expand'; top:-42px; right:20px; float:right; z-index:1; font-size:0.6em; font-weight:400; color:#777; padding-top:3px; }
.fr .accordion section h2 a:hover:after { content:'Cliquez pour \00e9tendre'; }
.accordion section:target h2 a:hover:after { content:''; }

/* Landing page */

#mycialertslanding { font:300 18px/1.4 "Open sans",sans-serif; background:#0e437b; width:960px; margin:0; }
#mycialertslanding header { width:100%; height:500px; padding:90px 50px; background:#fff; background:url(../img/banner02.jpg) no-repeat; background-size:cover; text-align:center; font-weight:400; position:relative; }
#mycialertslanding header:after { content:""; background:#fff; width:100%; height:100%; position:absolute; top:0; left:0; /*z-index:1;*/ opacity:0.5; }
#mycialertslanding header h1 { font:300 48px/1.1 "Open sans",sans-serif; padding:0 92px; text-shadow:0 0 40px #fff; margin:0 0 15px; position:relative; z-index:99; }
#mycialertslanding.fr header h1 { padding:0 21px; }
#mycialertslanding header h2 { font:400 27px/1.1 "Open sans",sans-serif; padding:0 15%; text-shadow:0 0 30px #fff; margin:0 0 25px; position:relative; z-index:99; }
#mycialertslanding.fr header h2 { padding:0 13%; }
#mycialertslanding header ul { list-style:none; margin:0; padding:0; position:relative; z-index:99; }
#mycialertslanding header ul li { display:inline-block; margin:0 5px;}
#mycialertslanding header ul li a { color:#fff; background:#0e437b; text-decoration:none; width:180px; height:40px; display:block; border-radius:20px; line-height:38px; }
#mycialertslanding header ul li a:hover { font-style:italic; }
#mycialertslanding header ul li a span { font-size:1.2em; line-height:0; }
#mycialertslanding header a#registered { color:#fff; text-decoration:none; width:100%; padding:15px 0; background:rgba(0,0,0,0.5); position:absolute; bottom:0; left:0; z-index:99; }
#mycialertslanding header a#registered:hover { text-decoration:underline; }
#mycialertslanding #features { background:#fff; padding:40px 80px; }
#mycialertslanding #features h3 { width:35%; margin-left:4%; display:inline-block; vertical-align:top; }
#mycialertslanding #features ul { width:60%; margin:0; padding:0; display:inline-block; }
#mycialertslanding #features ul li { margin:0 0 0.5em 0; }
#mycialertslanding #features p { margin:1em 0 0 39%; }
#mycialertslanding #features p a { font-weight:400; text-decoration:none; }
#mycialertslanding #features p a:hover { text-decoration:underline; }
#mycialertslanding #details { background:#fff; padding:40px 20px 0; }
#mycialertslanding #details ul { margin:0; padding:0; }
#mycialertslanding #details ul li { display:inline-block; width:46%; margin:0 1.3% 40px 1.8%; vertical-align:top; }
#mycialertslanding #details ul li:last-child { width:96%; }
#mycialertslanding #details ul li img { float:left; xborder:solid 1px #111; margin-right:30px; }
#mycialertslanding #details ul li h4 { color:#0e437b; margin:0 0 1em; }
#mycialertslanding #details ul li p { margin:1em 0 0 180px; }
#mycialertslanding #footer { color:#fff; padding:20px 80px; }
#mycialertslanding #footer p { width:48%; display:inline-block; }
#mycialertslanding.fr #footer p { font-size:17px; }
#mycialertslanding #footer p:first-child { margin-right:3.3%; }
#mycialertslanding #footer p a { width:100%; display:block; font-size:42px; line-height:42px; color:#fff; text-decoration:none; text-transform:uppercase; border:solid 1px #fff; padding:10px 20px; }
#mycialertslanding #footer p a span { font-size:1.3em; line-height:0; padding-left:10px; }
#mycialertslanding.fr #footer p a { font-size:39px; }
#mycialertslanding #notes { color:#fff; font-size:12px; padding:20px 80px; text-align:justify; opacity:0.6; }

/* Notification */

.notification { width:890px; padding:12px 50px 12px 20px; background:rgba(0,0,0,0.8); color:#fff; font:13px/1 sans-serif; position:relative; border-radius:0 0 10px 10px; xbox-shadow:1px 1px 2px rgba(0,0,0,0.6); xz-index:0; }
.notification p { margin:0; line-height:1.2;}
.notification p a { color:#fff; }
.notification a.dismiss { width:20px; height:20px; border-radius:10px; background:url(../img/close.png); display:block; text-indent:-999em; position:absolute; top:0; bottom:0; right:10px; margin:auto; }
/*.notification a.dismiss:after { content:"x"; text-indent:0; color:#0e437b; font-size:15px; font-weight:900; position:absolute; top:-2px; left:6px; z-index:999; }*/

/* User Agreement */

.modal { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); }
.modal .container { width:600px; height:500px; padding:10px 20px 15px 20px; background:#eee; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; border-radius:10px; }
.modal .container > h1 { font-size:24px; margin:0.5em 0; }
.modal .container #useragreement { height:300px; overflow-y:scroll; background:#fff; padding:10px; margin:20px 0; border-radius:10px; font-size:0.9em; }
.modal .container #useragreement h1 { font:900 1.2em/1 sans-serif; margin:0.5em 0; color:#111; text-decoration:underline; }
.modal .container #useragreement h2, .modal .container #useragreement h3 { font:900 1em/1 sans-serif; margin:0.5em 0; }
.modal .container .buttons { text-align:center; }
.modal .container .buttons button { margin:0 5px; }

/* Alert Badge */

#alertbadge { white-space:nowrap; position:absolute; /*top:59px;*/ margin-top:1px; left:622px; display:block; }
#alertbadge a { display:block; background:#111 url(../img/bell_12px.png) 3px 2px no-repeat; background-size:12px; border-radius:2px; padding:4px 4px 2px 18px; color:#fff; text-decoration:none; text-transform:uppercase; font:11px/1 sans-serif; letter-spacing:-0.05em; }