* {
	margin:0;
	padding:0;
}

html {
	height: 100%;
	overflow: auto;
}

body {
	background-image: url(https://fayetteinchamber.com/Content/Docs/stylesheets/texture.jpg);
	background-repeat: repeat;
	margin: 0;
	height: 100%;
	background-color: #f5f5f5;
}

#main-content-containter {
	min-height: 100%;
	position: relative;
	z-index: 1;
}

#main-content-inside {
}

#main-footer-container {
	background-color: #0a0a0a;
	position: relative;
	margin-top: -125px;
	min-height: 125px;
	clear: both;
}

ol
{
    margin-left: 25px;
}
.instruction ol  li{
	font-size:85%;
	padding-top:10px;
}
.clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

.header-outside-container
{
    background-color: #f4f4f4;
}

.header-content-area
{
    padding: 5px;
    color: #444;
    text-shadow: 1px 1px #fff;
    line-height: 1.5;
}

.logo-area 
{
    float: left;
    margin-bottom: 20px;
}

.site-name 
{
    font-size: 150%;
}

.customer-name,
.customer-id,
.customer-settings-page
{
    
}

#firstbox
{
    padding-right: 0px;
}

#secondbox
{
    padding-left: 0px;
}

.no-margins 
{
    margin: 0;
    padding: 0;
}

.nav-outside-container 
{
    background-color: #4D4D4D;
}

.module-links-container 
{
    background-color: #fff;
    padding-left: 5px;
}

.module-links 
{
    font-size: 85%;
    line-height: 1.75;
}

.module-label 
{
    font-weight: bold;
    
}

.module-link 
{
    padding-left: 5px;
}

.main-content-container
{
    
}

li#quickstartTab.active,
li#Step1Tab.active,
li#Step2Tab.active,
li#Step3Tab.active,
li#Step3Tab.active,
li#minicalTab.active,
li#memberpagesTab.active
{
    height: 490px;
}

li#fullmoduleTab 
{
    height: 485px;
}

li#modupgrade.active
{
    height: 490px;
}

.instruction 
{
    background-color: #FFE4B2;
    margin-top: 0px;
    overflow-y: auto;
}

.instruction p
{
    font-size: 85%;
}

ul li.step-detail
{
    list-style: none;
}

li.step-detail 
{
    font-size: 85%;
    padding: 10px;
    background-color: #f5f5f5;
}

.step-count
{
    background: #104BA0;
    color: #fff;
    padding: 2px 7px 2px !important;
    margin-right: 5px;
    float: left;
}

.step-action 
{
    font-size: 95%;
    float: right;
}

.technical 
{
    margin-left: 10px;
    padding-left: 10px;
    border-left: 2px solid #ffcc6e;
    background-color: #fff6e5;
    font-family: courier;
    font-size: 85%;
}

.technical ol li 
{
    font-size: 85%;
    padding-bottom: 10px;
}

.time,
.example 
{
    float: left;
    font-size: 75%;
    margin-left: 5px;
}

.time img,
.example img  
{
    width: 16px;
    vertical-align: middle;
    margin-right: 5px;
}

.cssdownload
{
    font-size: 90%;
}

.cssdownload img 
{
    width: 16px;
    vertical-align: middle;
    margin-right: 10px;
    
}

dl.tabs.pill dd 
{
    margin: 0px !important;
}

.side-panel 
{
    background-color: #fff;
    position: absolute;
    min-height: 100%;
    height: 100%;
    width: 33%;
    right: 0px;
    z-index: 0;
}

.mid-panel
{
    background-color: #FFE4B2;
    /*border-left: 5px solid #CC9933;*/
    position: absolute;
    min-height: 100%;
    height: 100%;
    width: 44.70%;
    right: 33%;
    z-index: 0; 
}

.orange 
{
    color: Orange;
}

.green
{
    color: Green;
}

.reveal-modal 
{
   
}