/* ================================================================== */
/* STYLESHEET FOR SNABMOBLER.SE, Bjorn Moren 2014-12-30 */



/* ===== GENERAL ==================================================== */

body 
{
    background-color:#ffffff;
    font-family:Calibri, Helvetica, Arial, Sans-Serif;
    font-size:20px;
    margin:0px; 
    padding:0px; 
}

input, select
{
	font-family:Calibri, Helvetica, Arial, Sans-Serif;
}

.layoutTable
{
	padding:0px;
	margin:0px;
	border:0px;
	border-collapse:collapse;
}

.layoutTable td, .layoutTable tr, .layoutTable th
{
	padding:0px;
	margin:0px;
	border:0px;
}

#mainFrame
{
	width:1000px;
	margin:10px auto 10px auto;
	background-color:#b59157;
	border-left:2px solid #957748;
	border-right:2px solid #957748;
	border-top:25px solid #957748;
	border-bottom:10px solid #957748;
}
#mainContainer
{
	padding:0px 30px 30px 30px;
}
#mainHeading
{
	color:#ffffff;
    font-size:50px;
    font-weight:bold;
    margin:5px 0px 0px 0px;
}
.headingDivider
{
	margin:10px 0px 10px 0px;
	height:5px;
	background-color:#b59157;
}

.footer
{
	text-align:center;
	color:#ffffff;
    font-size:20px;
    font-weight:bold;
    margin:15px 0px 0px 0px;
}


/* === DESIGN VIEWPORT ============================================== */

#viewport
{
	width:600px; 
	height:450px;
	background-color:#f2eecb;
}


/* === PROPERTY LIST ================================================ */

#propertyList
{
	margin-left:1px;		/* WebGL bug: scene can not be touching div with form elements */
	width:340px; 
	height:450px;
	background-color:#dbcfbb;
	overflow-y:scroll;
}

.propertyTitle
{
	color:#ffffff;
	background-color:#957748;
	padding:5px 10px 5px 10px;
	margin-bottom:3px;
	font-size:25px;
	font-weight:bold;
	cursor:pointer;
}

.propertyTitleIcon
{
	width:25px; 
	height:25px; 
	margin-top:2px;
}

.propertyTable
{
	width:300px;
	padding:0px;
	margin:5px 10px 20px 10px;
	border:0px;
	border-collapse: collapse;
}

.propertyTable TD
{
	padding:1px 1px 2px 2px;
}

.propertyNumBox, .propertyNumBox:focus
{
	font-size:20px;
	width:50px;
	text-align:right;
	padding:0px 5px 0px 5px;
	border:2px solid #957748;
	outline:0px;
}

.propertyTextBox, .propertyTextBox:focus
{
	font-size:20px;
	margin:0px 0px 0px 0px;
	width:114px;
	text-align:left;
	padding:0px 5px 0px 5px;
	border:2px solid #957748;
	outline:0px;
}

.selectBox, .selectBox:focus
{
	font-size:20px;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	width:126px;
	text-align:right;
	padding:0px 5px 0px 0px;
	border:2px solid #957748;
	outline:0px;
}

.propertyCheckBox
{
	margin-left:2px;
	width:24px;
	height:24px;
	background-color:#957748;
}

.propertyButtonSmall
{
	margin:0px 0px 0px 0px;
	width:28px; 
	height:28px; 
	cursor:pointer;
	background-color:#957748;
}

.propertyButton
{
	color:#ffffff;
	border:2px solid #655131;
	font-size:18px;
	height:28px;
	width:124px;
	text-align:center;
	padding:auto 2px auto 2px;
	font-weight:bold;
	cursor:pointer;
	background-color:#957748;
}

.propertyButtonSmall:active, .propertyButton:active, .propertyCheckBox:active
{
	background-color:#b59157;
}