img
{
    border:none;
}
body {
    font-size: .85em;
    font-family: Segoe UI, Segoe WP, Calibri, Sans-Serif;
    color: #232323;
    background-color: #e9e9e9;
    height: 100%;
    margin: 0em;
    padding: 0em;
}

/* --- Default header values --- */
hr
{
    color: #ff9933;
    background-color: #ff9933;
    height: 1px;
    border: 0;
    margin-bottom: 1em;
}

hr#bottom
{
    margin-top: 1.1em;
    margin-bottom: 0.4em;
}

h1
{
    margin: 0.75em 0em 0.3em 0.3em;
    color: #333333;
    font-size: 1.75em;
}

h2
{
    margin: 1em 0em 0em 0em;
    font-size: 1em;
    font-weight:normal;
}


/* --- Center/Middle area ("Layout body") --- */
.center
{
    margin: 0em auto 0em auto;
    padding: 0em;
    width: 40em;
    background-color: transparent;
    color: Black;
}


/* --- Top/Menu area (Black space) --- */
.top
{
    background: #000000;
    width: 100%;
    height: auto;
    vertical-align: middle;
    position: relative;
}

.shadow
{
    box-shadow: 0em 0.2em 0.5em #888888;
}

.topImage
{
    margin: 0em 0.5em 0em 0.4em;
    cursor: pointer;
	height: 30px;
    display: inline-block;
    vertical-align: middle;
}


/* --- Content/Lower area (White space) --- */
.main
{
    border-color: #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    border-left: 1px solid #c4c4c4;
    border-top: 1px solid transparent;
    border-width: thin;
    background: white;
    margin: 0em;
    padding: 0em;
    height: 100%;
}

.mainContent
{
    margin: 1.5em 6em 1.5em 6em;
}

.description
{
    /* Description of content */
    color: #606060;
}

#user_name
{
    color: Black;
    margin: 0.1em 1em 0em 0em;
    text-align:right;
}

/* --- Menu list --- */
.list
{
    width:100%;
}

tr.listRow td
{   
    padding: 1em;
}

.listText
{
    vertical-align:middle;
    font-weight:normal;
    text-align:left;
    width: 100%;
}

.listImg
{
    vertical-align:middle;
    background-color:#ff9933;
}

.text_license
{
	font-style:italic;
	font-size:small;
}

/* --- Button events --- */
.button:hover
{
    cursor: pointer;
    opacity: 0.8;
    filter:alpha(opacity=80); /* IE 8 and earlier */
    -moz-opacity:0.8;
}

.button:active
{
    opacity: 0.5;
    filter:alpha(opacity=50); /* IE 8 and earlier */
    -moz-opacity:0.5;
}

/* --- Small screen fix --- */
@media all and (max-width:820px) 
{
    .center
    { 
        width: 100%; 
        margin:0em;
    }
    .main
    {
        border-width: 0em;
    }
    .mainContent
    {
        margin: 1.5em 1em 1.5em 1em;
    }
    body
    {
        background-color: White;
    }
}

@media all and (max-width:350px) 
{     
    .center
    { 
        width: 100%; 
        margin:0em;
    }
    .main
    {
        border-width: 0em;
    }
    body
    {
        width: 100%;
        background-color: White;
    }
    .mainContent
    {
        margin: 1.5em 1em 1.5em 1em;
    }
}