/* style.css - style sheet for MockCentral html documentation */

html, body {
	height: 100%;
}

body { 
	margin-top: 0em; 
	margin-left: 0em;
}

div.demo {
	position: relative;
	margin: 0 auto;
	width: 849px;
	height: 554px;
	top: 50%;
	margin-top: -250px;
}

div.top {
	
	margin-right: 0em;
}

IMG.logo {
	margin-top: 1em;
	margin-left: 1em;
    margin-bottom: 2em;
}

IMG.screenshot {
  display: block;
  margin-top: 1em;
}

div.sidebar {
   float: left;
   width: 14%;
   padding-top: 1em;
   padding-left: 1em;
   padding-right: 1em;
   background: rgb(245,245,245);
   border-right: solid;
   border-left: solid;
   border-bottom: solid;
   border-width: thin;
   border-color: gray;
}

div.divider {
   text-indent: 1em;
   border: solid; border-width: thin; width: 100%;
   border-color: gray;
   foreground: rgb(51, 51, 51);
   background: rgb(225,225,225);
}

div.linkindent {
   padding-left: 1em;
}
  
div.main {
  margin-left: 23%; 
  padding-right: 10%; 
  padding-bottom: 10%;
}

div.codebox { 
   border: solid; border-width: thin; width: 100%;
   background: rgb(225,225,225);
   margin-top: 2em;
   margin-bottom: 2em;
}

a:link {
   color: rgb(102, 51, 153);
}

a:visited {
   color: rgb(102, 51, 153);
}

a.bannerlink {
  text-decoration: none;
  color: rgb(51, 51, 51);
  margin-right: 1em;
}

a.topiclink {
  text-decoration: none;
  padding: 0;
  font-family: 'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;
  color: black;
}

a.topiclink:link {
   color: black;
}

a.topiclink:visited {
   color: black;
}

h3 { 
  letter-spacing: 0.1em;
  margin: 3em 0 0 0;
  border-bottom: solid;
  border-width: thin;
  border-color: gray;
  padding: 0;
  font-family: 'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;
  color: rgb(105, 180, 0);
}

h4 { 
  letter-spacing: 0.1em;
  padding: 0;
  font-family: 'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;
  color: black;
}