/***********************************
 Body layout to support corner icon
************************************/

body {
    margin-left: 140px;
    margin-top: 140px;
    margin-right: 10%;
    border-left: 1px black;
    width: 80%;

}



a.callout {
    text-decoration: none;
    color: #32443e;
    font-weight: bold;

}

a.callout:hover {
    text-decoration: none;
    text-decoration: underline;
}



img.entrance {

    padding: 5px;
    opacity: 1;
    border-bottom: #FFF solid 4px;
}

img.entrance:hover {
    border-bottom: #5a6a67 solid 4px;
}


/****************
Banner Structure
*****************/
img.moniker {
    position: absolute;
    left: 5px;
    top: 5px;
}





div {
    font-family: sans-serif;
}

div.banner {
    position: absolute;
    left: 200px;
    top: 5px;
    font-family: sans-serif;
    font-size: 25pt;
    font-weight: bold;
    color: #AAAAAA;
    width: 60%;
}

div.banner img {
    opacity: .5;
}

div.banner b {
    color: #333333;
}

div.banner b.subtitle {
    color: #BBBBBB;
    font-size: 10pt;
    font-style: italic;
    width: 100%;
}


}

div.banner a {
    color: #919195;
    font-size: 10pt;
    font-style: italic;
    text-decoration: none;
}

/********************************
 Platform Icons on the main page
*********************************/

div.platformlink {
    opacity: .7;
    padding: 10px;
    margin-left: 10px;
}

div.platformlink:hover {
    opacity: .7;
    padding: 10px;
}

div.platformlink a {
    outline: 0;
    margin-left:10%;
}

/*********************************
 Footer at the bottom of the page
**********************************/

div.footer {
    position: absolute;
    bottom: 0;
    background-color: #EEEEEE;
    color: #BBBBCC;
    border-top: #DDDDDD solid 1px;
    left: 0;
    width: 100%;
    text-align: right;
}

div footer b.spacer {
    width: 10px;
}

div.content {
    width: 100%;
}

/*********************************************
 Text
*********************************************/
div.description {
    padding: 5px;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10%;
    font: sans-serif;
    color: #444444;
    width:70%;
}

div.description-wide {
    padding: 5px;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10%;
    font: sans-serif;
    color: #444444;
    width:100%;
}



div.title {
    width:80%;
    background-color: #576363;
    color: #FAFAFA;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    -webkit-border-radius: 1.6em;
    -moz-border-radius: 1.6em;
}

div.subtitle {
    width:40%;
    background-color: #687c7c;
    color: #FAFAFA;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top:10px;
    margin-bottom:10px;
    -webkit-border-radius: 1.6em;
    -moz-border-radius: 1.6em;
}

div.apptitle {
    width:60%;
    background-color: #6a645c;
    color: #FAFAFA;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top:10px;
    margin-bottom:10px;
    -webkit-border-radius: 1.6em;
    -moz-border-radius: 1.6em;
}

div.paging {
    width: 25%;
    background-color: #9f9c9c;
    color: #FAFAFA;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top:20px;
    margin-bottom:20px;
    -webkit-border-radius: 1.6em;
    -moz-border-radius: 1.6em;
    text-align: center;
}

div.paging a {
    text-decoration: none;
    font-weight: bold;
    color: white;
    margin-left: 10px;
    margin-right: 10px;
}
div.paging a.right {
    text-decoration: none;
    font-weight: bold;
    color: white;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 10px;
}

div.paging a:hover {
    text-decoration: underline;
    font-weight: bold;
    color: white;
    margin-left: 10px;
    margin-right: 10px;

}


/*********************************************
Table Stucture
*********************************************/
table.links {

    margin-left: 70px;
    text-align: left;
    width:30%;
    font-size: smaller;
}


table.links tr th {
    background-color: #6b7574;
    opacity: .8;
    color: #FAFAFA;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    -webkit-border-radius: 1.6em;
    -moz-border-radius: 1.6em;

}

table.links tr td {
    padding-left: 20px;
    padding-top: 4px;
    padding-bottom: 4px;

}

table.links tr td a {
    color: #222222;
    text-decoration: none;
    font-weight: bold;

}

table.links tr td a:hover {
    text-decoration: underline;
    color: #647472;

}

/*************************************
*************************************/
b.red {
    color: #b42e2e
}