/* DEFAULTS
----------------------------------------------------------*/
#footer
{
    width:100%;
    margin-top:40px;
}
#mattstudios
{
    color:#555;
    font-size: 14px;
    text-align:center;
    margin:auto;
    width:88px;
}
#copy
{
    float:right;
    font-size: 12px;
}
#email
{
    text-align:center;
    margin:auto;    
}
body   
{
    background: #EEE;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #000;
}

a link{
	text-decoration: underline;
	text-decoration: none;
	color: #034af3;
}
a:hover {
	color:#1d60ff;
	text-decoration: none;
}
option{
padding: 5px;
}

/* SCHEME BOX
----------------------------------------------------------*/
.appInputs{
	text-align: center;
	height: 70px;
}
.appInputsWrap{
	width: 400px;
	float: left;
}
.textboxApp{
	padding: 5px;
	width: 200px;
	background-color: #FBFBFB;
	border: solid 1px #A5A5A5;
}
#appWrap{
	background-color:#fff;
	margin:auto;
	width:1200px;
	height:640px;
	border-radius:3px;
	box-shadow: 0px 0px 30px 5px #999;
}
.appBox{
	height: 300px;
	border: 1px solid #000;
	text-align: center;
	width: 380px;
	margin: 6px;
	display: inline-block;
	overflow: hidden;
}
#appInside{
	text-align: center;
	position: relative;
	top: 50%;
	transform:translateY(-50%);
}
#schemeForm {
	margin-top:50px
}
.infoBox{
	position:absolute;
	height:50px;
	width:200px;
	border:solid 1px #000;
}

/* BASE UNIT SECTION */
#baseGroup{

}
.unitTitleText{
	font-weight: 700;
	float:left;
}
/* BASE FRONT */
#ddBaseTitleText{
	position: absolute;
	margin-left: 280px;
	margin-top: 5px;
}

#imgApp1 img, #imgApp2 img, #imgApp3 img, #imgApp4 img, #imgApp5 img, #imgApp6 img{
	width: 364px;
	height: 220px;
	margin-top: 15px;
}
#infoBaseFront{

}
	
/* DROP DOWN LISTS 
-----------------------------------------------*/
.appButton{
	background-color: #FBFBFB;
	border: solid 1px #A5A5A5;
	padding: 4px;
	color: #000;
	margin-left: 5px;
}
.appButton:hover{
	background-color: #FFF;
	color: #000;
	cursor:pointer;

}
.ddList{
	width: 346px;
	padding: 2px;
	margin: 5px;
	height: 30px;
	background-color: #FBFBFB;
	border: 1px solid #A5A5A5;
}
#ddApp1{

}
.ddWrap{
width:1200px;
margin:auto;
}
.appText{
	font-size: 16px;
}
/* SCHEMEBOARD POPUP */
 #schemePopup 
{
position:absolute;  
height:600px;      
width:1000px;    
background:#FFF;   
left:0;
right:0; 
top:0;  
bottom:0;
margin:auto;
z-index:1000;             
border:1px solid black;       
padding:15px; 
font-size:15px;    
box-shadow: 0px 0px 5px 3px rgb(153, 153, 153);
border-radius: 2px 2px 2px 2px;  
}
 #schemePopupClose
 {     
 font-size:15px;
 line-height:15px;
 right:5px;
 top:5px;
 position:absolute;
 color:#000; 
 font-weight:500; 
 cursor:pointer;
 }
  #schemePopupClose:hover
 {     
 color:#333; 
 }
 #savingImage{
	float: right;
	clear: right;
	margin-top: 10px;
	margin-right: 10px;
	color: #000;
	font-size: 15px;
 }
 #crop{
	background-color: #EEE;
	width: 100%;
	height: 100%;
	position: fixed;
	right: 0;
	margin-top: -50px;
 }
#printBtn{
	float: right;
	padding: 4px;
	margin-top:25px;
	box-shadow: 0px 5px 5px 0px #777;
}
#printBtn:hover{
	background-color: #BB0D0D;
	color:#FFF;
}
#previewBtn{
	float: right;
	padding: 4px;
	margin-top:25px;
	box-shadow: 0px 5px 5px 0px #777;
}
#previewBtn:hover{
	background-color: #BB0D0D;
	color:#FFF;
}
#editBtn{
	display:none;
	float: right;
	padding: 4px;
	margin-top:25px;
	box-shadow: 0px 5px 5px 0px #777;
}
#editBtn:hover{
	background-color: #BB0D0D;
	color:#FFF;
}
#actionBtns {
	text-align: right;
	margin-top: 10px;
}
 @media print {
    #lists {display: none;}
    .link {display: none;}
	#printPage {display: none;}
	#previewPage {display: none;}
	#editPage {display: none;}
	#footer {display: none;}
}
/* OPTIONS
-----------------------------------------------*/
.insertInput {
	width: 190px;
	padding: 5px;
}
#optionsBar {
    position:relative;
    width:100%;
    min-width:1100px;
    height:25px;
    background-color:#333;
    top:100%;
    text-align:center;
    color:#FFF;
    line-height:25px;
    z-index:101;
	box-shadow: 0px 5px 5px 0px #777;
}
.menuBtn {
	width:200px;
	height:100%;
	color:#FFF;
	background-color:#5E6063;
	padding: 0px 10px 0px 10px;
	float: left;
	margin-left: 2px;
	float: left;
}
div.menuBtn:hover {
	background-color:#B3C3C9;
	color:#000;
	border-bottom: solid 1px #AFAFAF;
	cursor:pointer;
}
.menuOption{
	display:none;
	background-color: #FFF;
	opacity:0.8;
	width: 200px;
	color: #000;
	text-align: left;
	padding:10px;
	margin-top: 25px;
	margin-left: -220px;
	float: left;
	box-shadow: 5px 5px 5px -1px #777;
	overflow: hidden;
}
#appSizeImage img {
	width: 200px;
	background-size: contain;
}