/*
 *   Tripoli is a generic CSS standard for HTML rendering. 
 *   Copyright (C) 2007-2008 David Hellsing
 *   
 *   http://devkick.com/lab/tripoli/
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
**
_______________________________
RESET */
*{text-decoration:none;font-size:1em;outline:none;margin:0;padding:0}
code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext{font:inherit;white-space:normal}
a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym{border-width:0}
dfn,i,cite,var,address,em{font-style:normal}
th,b,strong,h1,h2,h3,h4,h5,h6,dt{font-weight:400}
caption,th,td{text-align:left}
html{background:#FFF;color:#000;line-height:1;font-family:arial, sans-serif}
/* \*/html{font-family:sans-serif}
/* */q{quotes:"\201C""\201D""\2018""\2019"}
ul,ol,dir,menu{list-style:none}
sub,sup{vertical-align:baseline}
a{color:inherit}
/*
_______________________________
DISABLE DEPRECATED HTML */
font,basefont{color:inherit;font:inherit;font-size:100%}
center,*[align]{text-align:inherit}
s,strike,u{text-decoration:inherit}
img{border:none;margin:0}
ol{list-style-type:decimal}
body{background-color:transparent}
tr,th,td{width:auto;height:auto;background-color:transparent;vertical-align:inherit;border:none}
table[border],.wrapper table[border]{border-collapse:separate;border-spacing:0}
nobr{white-space:normal}
marquee{overflow:visible;-moz-binding:none}
blink{text-decoration:none}
/*
_______________________________
GENERAL */
html{font-size:125%}
body{font-size:75%;width:100%}
a{text-decoration:underline}
strong,th,thead td,h1,h2,h3,h4,h5,h6,dt{font-weight:700}
cite,em,dfn{font-style:italic}
code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea{font-size:100%}
pre{white-space:pre}
pre *{font-size:100%;white-space:pre}
del{text-decoration:line-through}
ins,dfn{border-bottom:1px solid #000}
small,sup,sub{font-size:85%}
big{font-size:125%;line-height:80%}
abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em}
abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #000}
sup{vertical-align:super}
sub{vertical-align:sub}
blockquote{padding-left:2.2em}
hr{display:none/* We will re-reset it later for wrapper */}
:lang(af),:lang(nl),:lang(pl){quotes:'\201E' '\201D' '\201A' '\2019'}
:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro){quotes:'\201E' '\201C' '\201A' '\2018'}
:lang(da),:lang(hr){quotes:'\00BB' '\00AB' '\203A' '\2039'}
:lang(el),:lang(es),:lang(sq),:lang(tr){quotes:'\00AB' '\00BB' '\2039' '\203A'}
:lang(en-GB){quotes:'\2018' '\2019' '\201C' '\201D'}
:lang(fi),:lang(sv){quotes:'\201D' '\201D' '\2019' '\2019'}
:lang(fr){quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'}
*[lang|='en'] q:before{wrapper:'\201C'}
*[lang|='en'] q:after{wrapper:'\201D'}
*[lang|='en'] q q:before{wrapper:'\2018'}
*[lang|='en'] q q:after{wrapper:'\2019'}
input,select,button{cursor:pointer}
input[type='text'],input[type='password']{cursor:text}
input[type='hidden']{display:none}
/*
_______________________________
wrapper */
.wrapper{font-size:1.2em;line-height:1.6em}
.wrapper h1{font-size:1.6em;line-height:1;margin:1em 0 .5em}
.wrapper h2{font-size:1.5em;line-height:1;margin:1.07em 0 .535em}
.wrapper h3{font-size:1.4em;line-height:1;margin:1.14em 0 .87em}
.wrapper h4{font-size:1.3em;line-height:1;margin:1.23em 0 .615em}
.wrapper h5{font-size:1.2em;line-height:1;margin:1.33em 0 .67em}
.wrapper h6{font-size:1em;line-height:1;margin:1.6em 0 .8em}
.wrapper hr{display:block;background:#000;color:#000;width:100%;height:1px;border:none}
.wrapper ul{list-style:disc outside}
.wrapper ol{list-style:decimal outside}
.wrapper table{border-collapse:collapse}
.wrapper hr,.wrapper p,.wrapper ul,.wrapper ol,.wrapper dl,.wrapper pre,.wrapper address,.wrapper table,.wrapper form{margin-bottom:1.6em}
.wrapper p+p{margin-top:-.8em}
.wrapper fieldset{margin:1.6em 0;padding:1.6em}
/* \*/.wrapper legend{padding-left:.8em;padding-right:.8em}
/* *//* for Opera 8 */@media all and min-width 0px{.wrapper legend{margin-bottom:1.6em}
.wrapper fieldset{margin-top:0}
.wrapper[class^='wrapper'] fieldset{margin-top:1.6em}
}
.wrapper fieldset>*:first-child{margin-top:0}
.wrapper textarea,.wrapper input[type='text']{padding:.1em .2em}
.wrapper input{padding:.2em .1em}
.wrapper select{padding:.2em .1em 0}
.wrapper select[multiple]{margin-bottom:.8em}
.wrapper option{padding:0 .4em .1em}
.wrapper button{padding:.3em .5em}
.wrapper input[type='radio']{position:relative;bottom:-.2em}
.wrapper dt{margin-top:.8em;margin-bottom:.4em}
.wrapper ul,.wrapper ol{margin-left:2.2em}
.wrapper caption,.wrapper form div{padding-bottom:.8em}
.wrapper ul ul,wrapper ol ul,.wrapper ul ol,wrapper ol ol{margin-bottom:0}
/*
_______________________________
VISUAL PLUG */
blockquote{color:#666}
blockquote > *:first-child:before /* Tripoli bonus: pure CSS blockquote */{wrapper:"\201C";font-size:2.5em;margin-left:-.62em;font-family:georgia,serif;padding-right:.2em;color:#aaa;line-height:0}
abbr[title],acronym[title],dfn[title]{border-bottom:1px solid #ccc}
ins,dfn{border-bottom-color:#666}
del{color:#666}
fieldset{border-color:#ccc}
textarea,input[type='text'],input[type='password'],select{border:1px solid #ccc;background:#fff}
fieldset{border:1px solid #ccc}
textarea:hover,input[type='text']:hover,input[type='password']:hover,select:hover{border-color:#aaa}
textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus{outline:2px solid #e4e4e4;border-color:#888}
.wrapper hr{background:#aaa;color:#aaa}
.wrapper table{border-top:1px solid #ccc;border-left:1px solid #ccc}
.wrapper th,.wrapper td{border-bottom:1px solid #ddd;border-right:1px solid #ccc}
.wrapper th,.wrapper td{padding:.8em}
a:link{color:#36c}
a:visited{color:#99c}
a:hover,code,pre{color:#c33}
a:active,.a:focus{color:#000}
/*
_______________________________
TYPE PLUG */
.alt{font-family:"baskerville italic","Warnock Pro","Goudy Old Style","Palatino","palatino linotype","Book Antiqua",Georgia, serif;font-style:italic;font-weight:400}
.dquo{margin-left:-.55em}

/*
_______________________________
END */

.wrapper {
text-align:center;
}

.box {
text-align:left;
width:900px;
margin:6em auto !important;
}
.message {
font-size:75%;
background:#f7f7f7;
color:#000;
display:none;
padding:0 10px 10px;
border:1px #ccc solid;
line-height:1.3em;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.message h3 {
text-align:center;
}
.message ul {
list-style-type:none
}
.message li {
margin-bottom:.6em;
}
.loading {
height:32px;
margin:1.5em auto;
width:32px;
background-position:50% 50%;
background-repeat:no-repeat;
}
input.movie {
width:250px;
color:#aaa;
}
input.button {
height:40px;
width:40px;
}
p {
text-align:center;
}