/* --------
  The CSS rules offered here are just an example, you may use them as a base. 
 --------- */
* {
    margin:0; padding:0
}
/* --- Page Structure  --- */
/*html {
    height:100%
}

body {
    min-width:50%;
    width:100%;
    height:101%;
    background:#fff;
    color:#333;
    font:85%/1.6 calibri,'segoe ui',verdana,arial,helvetica,sans-serif;
    text-align:center
}*/
html, body
{
	font-family:Calibri, Segoe UI, Arial, Verdana;
	font-size: 10pt;
	height: 100%;
    min-width:50%;
    width:100%;
    text-align:left;
}

/*#wrapper{
    margin:0 auto;
    padding:15px 15% 8em;
    text-align:left;
    border:1px solid #336699
}*/
#main
{
	height: auto;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

#content {
    /*max-width:100em;*/
    width:95%;
    margin:0 auto;
    padding-bottom:20px;
    overflow:hidden;
}

#command {
    /*max-width:70em;*/
    width:100%;
    margin:0 auto;
    padding-bottom:20px;
    overflow:hidden;
    text-align:right;
    padding-right:30px;
}

.acco {
    padding-top:1.5em;
    /*border:1px solid #fff;*/
    left:0px;
    position:relative;
    overflow:hidden
}

.collapse p {
    padding:0 10px 1em;
}

.collapse div {
    padding-left: 15px;
    padding-bottom:10px;
}


.switch {
    position:absolute; 
    top:1.5em; 
    right: 1.5em; 
    padding:3px
}
/*
.post .switch {
    position:static; 
    text-align:right
}

.post .main{
    margin-bottom:.3em; 
    padding-bottom:0
}

.other li, .summary {
    margin-bottom:.3em; 
    padding:1em; 
    border:1px solid #e8e7e8; 
    background-color:#f8f7f8
}

.other ul {
    list-style-type:none; 
    text-align:center
}
*/

/* --- Headings  --- */
h1 {
    margin-bottom:1em; 
    font-family:calibri,segoe ui,georgia,'times new roman',times,serif; 
    font-size:2.5em; 
    font-weight:normal; 
    color:#c30
}

h2 {
    margin-bottom:1em; 
    padding:3px; 
    background-color:#eee; 
    border-radius:5px;
}

h2, h3{
    font-size:1em
}

.expand{
    padding-bottom:.75em;
}

/* --- Links  --- */
a:link, a:visited {
    border:1px solid #ccc;
  	border-width:0;
    text-decoration:none;
    color:blue;
}

a:hover, a:active {
    border-style:solid;
    background-color:#f0f0f0;
    text-decoration:underline;
    outline:0 none;
}

a:active, a:focus {
    color:red;
}

.expand a {
    display:block;
    padding:3px 10px;
}

.expand a:link, .expand a:visited {
    border-width:1px;
    border-radius:5px;
    background-image:url(../Images/MetroArrowDown.png);
    background-repeat:no-repeat;
    background-position:99.5% 50%;
}

.expand a:hover, .expand a:active, .expand a:focus {
}

.expand a.open:link, .expand a.open:visited {
    border-style:solid;
    border-radius:5px;
    background:#eee url(../Images/MetroArrowUp.png);
    background-repeat:no-repeat;
    background-position:99.5% 50%;
}