/* --- DEFAULT STYLES
----------------------------------- */
html, body, ul, ol, li, p, div, span, h1, h2, h3, h4, h5, h6, cite, blockquote { list-style:none; font-size:inherit; font-style:normal; font-weight:normal; font-family:verdana, sans-serif; letter-spacing:.01em; border:0; margin:0; padding:0; /*line-height:15px;*/ }
body { min-width:950px; text-align:center; font-size:12px; }

a			{ color:#4e709a; text-decoration:none; }
a:hover		{ color:#4e709a; text-decoration:underline; }
a:active	{ color:#7dc0ff; }
a:visited	{ color:#4e709a; }

div { text-align:left; }

h2 { font-size:20px; color:#4e709a; margin:20px 0; }
h3, h2 span { font-size:14px; color:#2a2a2a; margin:20px 0; }
h2 span { margin:0; font-style:italic; }

cite { position:relative; margin:50px 0 -40px; display:block; text-align:center; font-size:95%; }
.suite cite { position:absolute; width:100%; bottom:0; }
.suite #notes { display:none; }

blockquote { text-align:left; margin:1em 0; padding:0; }
blockquote p { font-size:13px; margin:0 0 .5em; }

  /* helper styles */
.clearfix:after {  content:".";  display:block;  height:0;  font-size:0;  line-height:0;  clear:both;  visibility:hidden;  }
.clearfix {  min-height:1px;  height:auto !important;  height:1px;  }

.hide { display:none !important; }
.show { display:inherit !important; }

/* --- BRANDING
----------------------------------- */
#branding { background:#7399c6 url(../i/logo_325x100.gif) no-repeat 11% 0%; height:110px; cursor:pointer; overflow:hidden; }
#branding a { display:block; text-indent:-9999px; height:100%; }
#mangatar { margin:30px 0 10px; text-align:center; }

/* --- TOOLBAR
----------------------------------- */
#toolBar { /*background:#cedaec;*/ background:#bdc9db; overflow:hidden; }
#nav { color:#fff; overflow:hidden; margin-left:70px; margin-left:22px; }
#nav li { display:block; float:left; list-style:none; font:bold 10px verdana, sans-serif; margin:0 -2px 0 0; padding:3px 0; border-left:2px solid #fff; border-right:2px solid #fff; _vertical-align:baseline; letter-spacing:.02em; }
#nav li a { color:#fff; font:bold 10px verdana, arial, helvetica, sans-serif; text-decoration:none; margin:0; _margin:4px 0; padding:0 14px 0 12px; _padding:0 10px 0 12px; width:auto; text-align:center; }
#nav li a:hover { color:#7399c6; }
#nav .hidden { border-right-width:0px; }

/* --- CONTENT AREA
----------------------------------- */
.pagewrap { background:#fff; width:950px; margin:0 auto; padding:0 1px; }
.content { position:relative; color:#2a2a2a; clear:both; border-top:1px solid #e3ddd1; border-right:1px solid #dee0cb; border-bottom:1px solid #e3ddd1; border-left:1px solid #dee0cb; margin:4px 0; padding:20px 0 50px; overflow:hidden; z-index:1; min-height:300px; }
.loading { background:#fff url(../i/page-loader.gif) no-repeat 50% 50%; }
.loading * { visibility:hidden; }

/* --- FOOTER
----------------------------------- */
#footer { background:#7399c6; color:#fff; height:24px; }
#footer p {  margin:0; padding:5px 15px; letter-spacing:normal; color:#ddeafc; font:11px verdana, sans-serif; text-align:right; }

/* --- TOOL STYLES
----------------------------------- */
#lightbox-screen { position:fixed; width:100%; height:100%; opacity:.8; background:#000; display:none; z-index:99997; top:0; left:0; }
#lightbox-outer { position:absolute; z-index:99998; width:100%; display:none; padding:2em 0; top:1em; }
#lightbox-inner { margin:0 auto; background:#fff; border:3px solid #4e709a; overflow:hidden; height:-1px; padding:1em; width:744px; _width:750px; z-index:99999; position:relative; text-align:left; }


/* --- APPLICATION STYLES
----------------------------------- */
  /* home page */
#app-container { position:relative; }

  /* helper styles */
#errMsg.on { border:1px solid maroon; background:#ffdddd; padding:0 2em; margin:1em 0; }
#errMsg p { font-size:15px; color:#ff1111; margin:1em; }

#notes { margin:2em 0 0; clear:both; border-top:2px dotted #4e709a; padding:1em 0; }
#notes h5 { position:relative; clear:both; text-align:center; font-size:15px; margin:0 0 1em; line-height:1.5em;}
#notes h6 { display:block; font-size:11px; margin:1em 0; text-align:center; }

#loader { top:0; left:0; text-align:center; z-index:50; }
#screen { display:none; position:absolute; width:100%; height:100%; z-index:51; left:0; background:#4e709a; opacity:0.3; filter:alpha(opacity=30); }
#indicator { display:none; position:relative; width:240px; height:50px; z-index:52; margin:200px auto 0; padding:1em .5em; background:#ffffff url(../i/ajax-loader.gif) no-repeat 0 50%; border:2px solid #4e709a; *top:200px; }
#indicator p { vertical-align:middle; margin:1em .5em 0 60px; font-size:13px; } 
#indicator a { display:block; position:absolute; right:0; top:0; width:70px; padding:2px 3px 0 0; text-align:right; letter-spacing:-.01em; text-decoration:none; outline:none; font-size:88%;} 
#loader.active { position:fixed; height:100%; width:100%; }
#loader.active div { display:block !important; }

form { margin:3em 0 1em ; line-height:27px; }
form label { font-size:14px; vertical-align:middle; line-height:24px; }
form input { }
form .tip { display:block; margin:.5em 0; font-style:italic;}
input.focus { color:#2a2a2a; text-align:left !important; text-indent:3px; }
.frm-txt { border:1px solid #999; width:100px; font-size:14px; padding:3px .25em 0; vertical-align:middle; height:24px; line-height:24px; color:#999; text-align:center; margin:0 20px 0 0; }
.frm-txt.short { width:50px; } 
.frm-txt.long { width:175px; } 
.frm-txt.verylong { width:375px; } 
.frm-btn { background:#cedaec; border:1px solid #4e709a; color:#2a2a2a; cursor:pointer; font-size:14px; height:29px; margin:0 .25em; padding:0 1em 3px; vertical-align:middle; *font-weight:bold; *padding-bottom:0; }
.frm-dd {  display:block; font-size:15px; float:left; height:29px; margin:0; position:relative; width:140px; cursor:pointer; }
.frm-cb { vertical-align:middle; }

#search-tools { position:relative; }
.toolbar { display:block; overflow:hidden; background:transparent url(../i/bg_sprite.png) repeat-x 0 -30px; position:relative; margin:0 0; border:1px solid #666; border-top:0; padding:0px; font-size:13px; color:#2a2a2a; font-size:13px; }
.toolbar li { display:block; float:left; background:transparent url(../i/bg_sprite.png) repeat-x 0 -30px; height:33px; border-right:1px solid #666; overflow:hidden; padding:0 10px 0 2px; }
.toolbar li.right { float:right; border-left:1px solid #666; border-right:0; }
.toolbar li input { line-height:16px; padding:2px 0; font-size:13px; height:auto; margin:0; } 
.toolbar * { outline:none !important; }
.toolbar a { background:transparent url(../i/menuitem_submenuindicator.png) no-repeat 10px 6px; color:#2a2a2a; margin:0; width:auto; padding:0 5px 0 20px; height:33px; line-height:33px; cursor:pointer; text-decoration:none; }

.toolbar #filter-results { width:106px; }
.toolbar #export-results { width:118px; }
.toolbar #export-results ul { position:relative; margin:-32px 0 0 127px; }
.toolbar #export-results li { background:transparent; border:none; font-size:10px; line-height:33px;}
.toolbar #export-results li a { background:#ddd; font-size:10px; font-weight:bold; font-family:tahoma; line-height:33px; padding:0 3px; margin:0; font-variant:small-caps; border:1px solid #666; }
.toolbar #start-over { background-color:#ff0000; }

#result-count { background-color:#cedaec; line-height:33px; text-align:center; }
#result-count em { display:inline-block; width:45px;  font-style:italic; font-size:15px; font-weight:bold; margin:0 .25em; vertical-align:baseline; }

  /* suite */
#app-picker blockquote { margin:0 0; padding:10px 20px; height:70px; background:#fff; line-height:21px; position:relative; }
#app-picker blockquote p { position:absolute; background:#fff; height:65px; width:910px; }
#app-picker { position:relative; z-index:1; }
#app-picker ul { display:block; height:41px; margin:0 0 0 -2px; padding:0; overflow:hidden; background:#bdc9db; background:#7399c6; }
#app-picker li { display:block; float:left; text-align:center; border-bottom:1px solid #4e709a; width:190px; cursor:pointer; }
#app-picker li h3 { font-family:arial,sans-serif; font-size:20px; margin:0; padding:0; cursor:pointer; }
#app-picker li a { display:block; background:#bdc9db; background:#7399c6; color:#fff; height:40px; line-height:40px; text-decoration:none; outline:none; padding-left:2px; }
#app-picker li a:hover, #app-picker li.on a { color:#4e709a !important; outline:none; }
#app-picker li.inactive a { color:#d8d8e8; color:#aaa;}
#app-picker li.on { border:1px solid #4e709a; border-bottom:#fff; width:186px; }
#app-picker li.on a { background:#fff; line-height:38px; padding-left:0; }

#tweet-forms { height:140px; position:relative; border-left:1px solid #4e709a; border-right:1px solid #4e709a; border-bottom:1px solid #4e709a; margin:0 0; overflow:hidden; }
h2 { margin:0 20px; }
h2 span { font-size:14px; margin:0 0 0 10px; }
.frm-roll { display:none; position:relative; z-index:0; height:140px; overflow:hidden; margin:-140px 0 0; background:#fff; border-bottom:2px solid #4e709a; padding:0; }
.frm-roll.open { display:block; margin-top:0; }
.frm-roll fieldset { border:0; padding:0; margin:35px 0 0 35px; }
.frm-roll fieldset fieldset { margin:0; float:left; width:270px; }
.frm-roll h3 { margin:25px 0 0 35px; }
.frm-roll h4 { margin:15px 0 0 35px; font-size:14px; }
#IntroPanel.frm-roll { display:block; top:140px; }
.frm-radios { float:left; margin:0 55px; position:relative; }

  /* user badges & rows */
#user-badges { overflow:hidden; clear:both; margin:0 0; }
.user-header { text-align:center; background:transparent url(../i/bg_sprite.png) repeat-x 0 -95px; border-left:1px solid #4e709a; border-right:1px solid #4e709a; overflow:hidden; clear:both; }
.user-header h5 { color:#fff; font-size:14px; margin:.35em 0; padding:0; }

.user-badge, .user-row { border:1px solid #4e709a; border-top:0; overflow:hidden; margin:0; height:48px; position:relative; }
.user-row { width:235px; float:left; }
.user-row.one { background:#fff; }
.user-row.two { background:#E5D3B9; }
.user-row.same {}
.user-row .badge { display:block; float:left; margin:0; height:48px; width:48px; overflow:hidden; }
.user-row h6 { font-family:georgia; font-size:123%; font-style:italic; line-height:48px; margin:0 0 0 55px; }
.user-row.same .related-user { display:none; }
.user-row .related-user { height:48px; width:48px; position:absolute; top:0; right:0; opacity:.2; filter:alpha(opacity=20); }

.user-badge .badge { display:block; float:left; margin:0 0 0 10px; height:48px; width:48px; }
.user-badge h6 { font-family:georgia; font-size:150%; font-style:italic; width:200px; line-height:48px; margin:0 0 0 75px; }
.user-badge h6.invalid { margin:0 0 0 20px; line-height:48px; font-size:16px; width:auto; }
.user-badge .user-stats { overflow:hidden; display:block; position:absolute; right:305px; top:0; padding:.5em 0; }

.user-badge .user-stats li { display:block; float:left; width:90px; text-align:center; border-left:1px solid #4e709a; margin:0 0 0 -1px; }
.user-badge .user-stats li a {}
.user-badge .user-stats li a span { display:block; }
.user-badge .user-stats li a .count { font-family:georgia, serif; font-size:160%; }
.user-badge .user-stats li a .label { font-size:95%; }
.user-badge .user-actions { display:none; margin:0 0 0 85px; overflow:hidden; }
.user-badge .user-actions li { display:block; float:left; padding:0 10px 0 0; }
.user-badge .user-actions li a {}

  /* result lists */
#result-list { overflow:hidden; /*margin:0; */}

.tweet-list { margin:15px 10px 5px; padding:0; text-align:left; }
.tweet-list li { margin:.5em; padding:0 0 .5em; font-size:13px; line-height:15px; overflow:hidden; width:875px; position:relative; border-bottom:1px dashed #c0c0cc; font-size:11px; }
.tweet-list li a.img { float:left; width:48px; height:48px; margin:0 .25em 0 0; display:block; overflow:hidden; }
.tweet-list li div { position:absolute; margin:2px 0 0 60px; }
.tweet-list li div { position:relative; height:48px; margin:0 0 0 55px; } /* new */
.tweet-list li div a { float:none; width:auto; height:auto; margin:auto; display:inline; overflow:auto; }
.tweet-list li span { display:block; font-size:90%; font-style:italic; margin:.25em 0 0 .5em; }
.tweet-list li span { position:absolute; bottom:0; }

.error-list { padding:3em 0 5em; font-size:15px; text-align:center; border-bottom:1px dashed #c0c0cc; }

  /* version */
.ver { position:absolute; font-size:11px; line-height:24px; margin:0 10px; }

  /* sharethis overrides */
#sharethis_0 { top:65px; right:3px; position:absolute; z-index:5; outline:none; }
#sharethis_0 .stbutton { outline:none; }
#sharethis_0 .stbutton .stbuttontext { }
#stwrapper { top:50px !important; left:600px !important; }

  /* apology */
#apology { display:block; position:relative; z-index:500; line-height:25px; margin:0; padding:20px 200px 20px 20px; background:#fff; }

.twitter-connect { display:block; position:absolute; right:15px; top:10px; background:transparent url(../i/twitter-connect.gif) no-repeat 0 0; width:165px; height:28px; text-indent:-9999px; }
.twitter-connect.authorized { display:none; }