﻿.metro-tile { float:left; margin:5px; height:250px; width:250px; color:White !important; text-align:center; vertical-align:middle; font-size:36px;}
.metro-tile.double { width:510px;}
    .metro-tile.double div {
        vertical-align:middle;
        display:inline-block;
        width: 240px;
    }
div[accent=orange].metro-tile, span[accent=orange] {background:#FF8F32;}
div[accent=red].metro-tile, span[accent=red] {background:#AC193D;}
div[accent=green].metro-tile, span[accent=green] {background:#008A17;}
div[accent=blue].metro-tile, span[accent=blue] {background:#094AB2;}
div[accent=grey].metro-tile, span[accent=grey] {background:#857886;}
div[accent=magenta].metro-tile, span[accent=magenta] {background:#EB1691;}
div[accent=purple].metro-tile, span[accent=purple] {background:#8C0095;}
div[accent=teal].metro-tile, span[accent=teal] {background:#16ABA9;}
div[accent=lime].metro-tile, span[accent=lime] {background:#82BA00;}
div[accent=pink].metro-tile, span[accent=pink] {background:#DC4FAD;}

.metro-menu { float: left;}

.metro-tile img {
    border: 0px;
    height: 230px;
    width: 230px;
    vertical-align:middle;
    margin-top:10px;
}

#logindisplay, #languagedisplay {
    font-size: 1.1em;
    float:right;
    display: block;
    text-align: right;
    margin: 10px;
}

#logindisplay a:link {
    text-decoration: underline;
}

#logindisplay a:visited {
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

#logo
{
    clear:both;
    float:left;
    width:130px;
    height:130px;
    margin-right: 20px;
}

#title h1{clear: none;  margin-top:40px;}
header a {text-decoration:none;}

#logo img
{
    margin-top:5px;
    width:120px;
    height:120px;
    border:0px;
    padding:5px;
}
#main {
    clear: both;
}

#mainPivot.metro-pivot .headers {
    height:auto;
}

#mainPivot.metro-pivot .items .pivotItem .pivot-item { padding: 0px; }


ul.ul-two-columns li
{
    float: left;
    width: 40%;
}

ul
{
    margin-bottom: 20px;
    margin-top: 5px;
    overflow: hidden;
}

h1, h2, h3, h4, h5, .newline { clear: both;}

.two-columns
{
    float:left;
    width:50%;
}

.text-box
{
    width:400px;
}

.text-box.multi-line {
    height:100px;
}

fieldset
{
    padding:10px;
}

#loading {
    position:absolute;
    top:45%;
    left:45%;
    z-index:100;
    display:none;
}