/* CSS Reset http://www.webmasterpro.de/coding/article/css-reset-ruecksetzen-der-browservorgaben.html */
   html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}

ol, ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
MUE tr { margin-bottom: 5px;} 
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

    /* end of css reset */

    
    html {scrollbar-face-color: #666666;
            scrollbar-shadow-color: #141414;
            scrollbar-highlight-color: #141414;
            scrollbar-3dlight-color: #141414;
            scrollbar-darkshadow-color: #141414;
            scrollbar-track-color: #141414;
            scrollbar-arrow-color: #141414;}

    body
    {
    	color:#888888; margin:36px; padding:0px;
    	font-family: Segoe UI, Verdana, Arial, Helvetica;
    	font-size: 14px;
    	line-height: 1em;
    	min-width: 1100px;
    	background: #141414 url(images/background.jpg) repeat left top; /* MUE */
		background-attachment: fixed;
    }
    
    h2 { font-size: 16px;}
    
A{text-decoration:none; color: #c5c5c5;}
a:hover { color: #ffffff; }

h1, h2, h3 { font-weight: bold; font-size: larger; padding-bottom: 1em; }

p + h1, p + h2, p + h3 { padding-top: 2em; }

p { line-height: normal; }

p.para { padding-top: 0.5em; }

ol, ul {list-style-type: square; margin-left: 20px; }

li { margin-top: 5px; margin-bottom: 5px; }

select { background-color: #141414; color: #bbbbbb }
.mycenter 
{
	text-align:-moz-center;
    #text-align:center;
}            
.mycenterd img
{
	display: table-cell;
    vertical-align:middle;

}
.content
{margin-top: 120px; margin-left: 40px; position:absolute; width: 610px; height: 500px; border-style: dotted; border-width: 1px; border-color: #888888; padding: 1em 1em 1em 1em;
 color: #aaaaaa; overflow: auto;
 background-color: #141414;
}
 
.recommendationList 
{
	width: 20em; float: right; margin-top: 2em; margin-right: 2em;
}

div.info{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none}

div.picInfo:hover{z-index:25; }

div.picInfo p{display: none}

div.picInfo:hover p{ /*the span will display just on :hover state*/
    display:block;
    filter:alpha(opacity=50); /* IE's opacity*/
    opacity: 0.5;
    position:absolute;
    top:550px; left:200px; width:250px; 
    padding: 1em 1em 1em 1em;
    border:1px solid #000;
    background-color:#fff; color:#000;
    text-align: left; }
    
div.picInfo:hover p a 
{
	color: #000;
	text-decoration: underline;
}


.picInfoTitle 
{
	font-weight: bold;
}

.participantFolderImage
{
	position: relative;
	top:2px;
	filter:alpha(opacity=50); /* IE's opacity*/
    opacity: 0.5;
}

.twit
{
	font-size:smaller;background-color:#303030;display:block;padding:0.5em 0.5em;margin-top:0.5em;
}