/* global */

* { margin: 0; padding: 0; }
body { text-align: center; font: 0.75em/1.5 'Lucida Grande', sans-serif; color: #333; }
a { text-decoration: none; color: #0084b4; }
a:hover { text-decoration: underline; }
ul { list-style: none; }
hr { display: none; }
.beta { font-size: .9em; background-color: #f9f6ba; }
#accessibility, #navigation h3, #footer h3 {position: absolute; left: -9999px; overflow: hidden;}
#container { width: 763px; margin: 0 auto; padding: 15px 0; text-align: left; position: relative; }
#loader { position:absolute; top:5px; right:0px; padding:0px; background:#FFFFFF;border: 1px solid #CCCCCC; line-height:0px; }
.columns { margin-bottom:15px; width:100%; }
td.column { padding: 0px; vertical-align: top; }
#content { width: 564px; margin-top: 0px;  word-wrap: break-word; background: #FFFFFF;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;}
fieldset th,td { padding: 7px 3px; }
.wrapper { padding: 5px 10px 15px; }
a img, form, fieldset { border: 0; }
fieldset { margin: 10px 0; }
#content h1, #content h2, #content h3, #content h4, #content h5 { margin: 3px 0pt 4px; }
fieldset label { white-space: nowrap; font-weight: normal; }
#content .disabled { color:#bbb; }
#footer { clear: left; text-align: center; padding: 8px 0; line-height: 1; }
#footer li { display: inline; padding: 0 4px; }
#footer li.first:before { content: ''; padding-right: 0; }
fieldset { margin: 10px 0; }
div.direct-message-box fieldset { width: 548px; padding: 10px 90px; }
fieldset p { margin: 0 0 5px 0; }
fieldset th,td { padding: 7px 3px; }
fieldset th { text-align: right; width: 11em; padding-top: 10px; font-weight: normal; }
fieldset small { color: #777; font-size: .97em; }
/* attr selectors won't work on IE6, ignore for now */
fieldset input[type="text"], input[type="password"], select, checkbox { margin-right: 3px; border: 1px solid #aaa; padding: 4px 2px; }
fieldset input[type="text"], input[type="password"] { width: 12em; }
fieldset td[colspan="2"] { text-align: right; }
fieldset label { white-space: nowrap; font-weight: normal; }
fieldset ul li { padding: 5px 0; }
fieldset ul li label { display: block; font-weight: bold; }
fieldset ul li label sup { color: #888; }
input.submit, button, input[type=submit], input[type=button], input[type="file"] > input[type="button"]  { background-color: #E6E6E6; border: 1px solid #ccc; padding-top: 1px solid #fff; font-size: 1em; padding: 4px 8px 4px 8px; }
input.submit:hover, button:hover, input[type=submit]:hover, input[type="file"] > input[type="button"]:hover { background: #999; cursor:pointer; }
.flatbutton button,.flatbutton input[type=submit], input[type=button].flatbutton  { background-color: #E6E6E6; border: 1px solid #ccc; padding-top: 1px solid #fff; font-size: 1em; padding: 4px 8px 4px 8px; cursor:pointer;}
.flatbutton input[type=submit]:hover { background: #999; cursor:pointer;}

.clear { clear: both; }
div.clear { height: 1px; }
.numeric { font-family: 'Georgia', 'Serif'; }
input.labeled_field { color: #999; }

/* front */

.h { position: absolute; left: -9999px; }
#front #content { width: 755px; padding-bottom: 0; padding-top: 11px; margin-top: 6px; }
#front .wrapper { background: #fff none repeat scroll 0%; float: left; width: 715px; padding: 17px 20px;}
#front .intro { width: 510px; float: left; }
#front h2 { font-size: 2em; color: #000; line-height: 1.0; float: left; margin: 0; padding: 0; }
#front #menu { float: right; }
#front #menu li { float: left; display: inline; margin: .2em 0 0 8px; padding: 3px 2px; }
#front #menu li a { border: 1px dashed #a4a0a1; color: #a4a0a1; padding: 3px 12px; text-decoration: none; }
#front #menu li a:hover, #front #menu li a:visited { border: 1px solid #999; color: #999; }
#front #menu li.act a { border: 1px solid #000; color: #000; }
#front img.tour { margin: 9px 0; border: 1px solid #000; }
#front .intro p, #front .intro ul { font-size: 1.2em; line-height: 1.3; color: #000; margin: 0 0 1em; }
#front .intro ul { list-style: disc; margin-left: 1.2em; }
#front p.teaser { font-size: 1.5em; padding: 0 4px; }
#front p a.join { display: block; width: 9.5em; text-align: center; margin: 1em auto .5em; background: #97cd39; color: #fff; font-size: 1.5em; padding: 4px; border: 1px solid #000; }
#front p a.join:hover { text-decoration: none; }
#front #footer { width: 755px; -moz-border-radius-topright: 0px;-webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px;-webkit-border-top-left-radius: 0px;}
#front #content .wrapper { -moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px; }
#signin { float: right; width: 179px; margin: .45em 0;}
#signin legend { font-size: 1.2em; font-weight: bold; }
#signin p { margin: 5px 0; }

#signin input { width: 173px; }
#signin p.submit input { cursor: pointer; }
#signin .remember { float: left; font-size: .85em; padding: .6em 0 0; }
#signin .submit { float: right; }
#signin .remember input, #signin .submit input { width: auto; color: #333; }
#signin .forgot { clear: both; padding: .5em 0; font-size: .85em; }
#signin .forgot a { color: #333; text-decoration: underline; }
#signin .forgot a:hover { text-decoration: none; }
#signin p.complete { font-size: .85em; text-align: center; background: #e8fecd; border: 1px solid #a9bf74; padding: 4px 20px; line-height: 1.2; }

#whatistwitter { float: left; background: #afeff1; padding: 30px 0; margin: 0 auto; width: 755px; }
#whatistwitter ul { width: 576px; float: left; display: inline; margin: 0 0 0 100px; color: #000; }
#whatistwitter ul li { width: 169px; float: left; display: inline; margin: 0 23px 0 0; }
#whatistwitter ul li blockquote { padding: 0 0 11px 0; margin: 0 0 1px 0; }
#whatistwitter ul li blockquote p { background: #fff; font-size: .92em; line-height: 1.2; padding: 6px 5px; }
#whatistwitter ul li cite { font-style: normal; font-size: .85em; }
#whatistwitter ul li cite span strong { padding: 0 8px; }

#videobutton img {padding-right:5px;}
#videobutton { float:right; width:180px; text-align:center; vertical-align:middle; background-color: #ff493c; color: #fff; font-size: 11pt; font-weight: bold; border: 1px solid #000; padding-top:2px; padding-bottom:2px;}
#videobutton:hover {text-decoration:none; }

#lang-select-front { position:absolute; right:0px; top:15px; }