@CHARSET "UTF-8";

@import url(common.css);

@media screen, projection {

/* Project */
	
	div#left div.bigBox div#renderWrapper {
		position: relative;
		float: left;
		display: inline;
		width: 454px;
		height: 686px;
		margin-bottom: 24px;
	}
	
		div#renderWrapper div.renderBox {
			position: absolute;
		}
		
		div#renderWrapper div.render2 {
			top: 322px;
		}
		
			div#renderWrapper div.renderBox img {
				width: 450px;
				cursor: url("/img/zoomout.cur"), pointer;
			    border: 1px solid #CECC7B;
			    padding: 1px;
			    background-color: #F9F8EE;
			}
			
		div#renderWrapper ul#actions {
			position: absolute;
			overflow: hidden;
			bottom: 0px;
			height: 50px;
		}
		
			ul#actions li {
				float: left;
				display: inline-block;
				height: 50px;
			}
		
			ul#actions li#mirror {
				width: 138px;
				background: url("/img/bgButtons.png") no-repeat;
				margin-right: 12px;
			}
			
			ul#actions li#normal {
				width: 138px;
				background: url("/img/bgButtons.png") no-repeat -138px 0px;
				margin-right: 12px;
			}
			
			ul#actions li#add2Clip {
				width: 130px;
				background: url("/img/bgButtons.png") no-repeat -276px 0px;
				margin-right: 12px;
				cursor: pointer;
			}
			
			ul#actions li#help {
				width: 162px;
				background: url("/img/bgButtons.png") no-repeat -406px 0px;
				cursor: pointer;
			}
			
				ul#actions li a {
					display: block;
					height: 50px;
				}
			
	div#left div.bigBox div#paramsBox {
		float: right;
		display: inline;
		width: 257px;
	}
	
		div#paramsBox p.tech {
			padding-bottom: 4px;
			border-bottom: 1px solid #A1A1A1;
			color: #3C80D0;
			text-transform: uppercase;
			font-weight: bold;
			margin-top: 24px;
		}
		
		div#paramsBox p.note {
			margin: 12px 0px;
		}
		
		div#paramsBox p#question {
			color: #555555;
			padding-top: 6px;
			margin-top: 4px;
			border-top: 1px solid #A1A1A1;
			cursor: pointer;
		}
		
			div#paramsBox p#question img {
				vertical-align: middle;
				margin-right: 6px;
			}
			
		div#paramsBox div#fbLikeTo {
			overflow: hidden;
			margin-top: 10px;
		}
		
			div#paramsBox div#fbLikeTo iframe {
				float: left;
			}
			
		div#paramsBox div#ebroker {
			margin: 10px 0;
		}
		
		div#paramsBox table {
			width: 100%;
		}
		
			div#paramsBox table tr.hilite th, 
			div#paramsBox table tr.hilite td {
				background-color: #EEEDD4;
			}

			div#paramsBox table th {
				text-align: left;
				color: #666666;
				height: 24px;
				padding-left: 4px;
				vertical-align: middle;
			}
			
			div#paramsBox table td {
				text-align: right;
				font-weight: bold;
				color: #666666;
				padding-right: 4px;
				vertical-align: middle;
			}
			
				div#paramsBox table td sup {
					font-size: 0.75em;
					position: relative;
					top: -4px;
				}
	
	div#left div.bigBox div#description {
		clear: both;
		margin-bottom: 32px;
	}
	
		div#description p:first-child {
			margin-bottom: 4px;
		}
		
	div#left div#elevationsBox {
		min-height: 112px;
		border: 1px solid #CECC7B;
		background-color: #fff;
		margin-bottom: 24px;
	}
		
		div#left ul#elevations {
			overflow: hidden;
			height: 100%;
			padding: 6px;
		}
		
			ul#elevations li {
				float: left;
				display: inline;
				background-color: #fff;
				margin-left: 12px;
			}
			
			ul#elevations li:first-child {
				margin-left: 0px;
			}

	div#left ul#sketchSelector li span#sketchLoader {
		line-height: 17px;
	}
	
		ul#sketchSelector li span#sketchLoader img {
			vertical-align: middle;
			margin-right: 4px;
			margin-bottom: 3px;
		}
		
	div#left div#sketchToolBox {
		margin: 24px 50px 0px 0px;
		text-align: right;
	}
	
		div#sketchToolBox span#distance {
		    cursor: pointer;
		    padding: 4px 0px 7px 32px;
		    color: #EE7D33;
		    background: url("/img/bgMeasure.png") no-repeat;
		}
		
		div#sketchToolBox span#distance.off {
		    background: url("/img/bgMeasure.png") no-repeat 0 -24px;
		    color: #919191;
		}
		
		div#sketchToolBox span#area {
		    cursor: pointer;
		    padding: 4px 0px 7px 32px;
		    margin-left: 32px;
		    color: #EE7D33;
		    background: url("/img/bgMeasure.png") no-repeat 0 -48px;
		}
		
		div#sketchToolBox span#area.off {
		    background: url("/img/bgMeasure.png") no-repeat 0 -72px;
		    color: #919191;
		}
		
	div#left div#sketchWrapper {
		margin-top: 24px;
		margin-left: 50px;
		text-align: center;
		width: 625px;
		padding: 12px;
		border: 1px solid #CECC7B;
		background-color: #FFFFFF;
	}

		div#storeyListing {
			width: 650px;
			margin-top: 16px;
			margin-left: 50px;
		}
		
			div#storeyListing p {
				color: #3C80D0;
			    font-weight: bold;
			    font-size: 1.2em;
			    width: 300px;
			}
			
				div#storeyListing p span {
					float: right;
				}
				
					div#storeyListing p span sup {
						font-size: 0.7em;
						position: relative;
						top: -5px;
					}
		
			div#storeyListing table {
				width: 306px;
			}
			
			div#storeyListing table tr.hilite th,
			div#storeyListing table tr.hilite td {
				background-color: #EEEDD4;
			}
			
				div#storeyListing table th,
				div#storeyListing table td {
				    color: #666666;
				    font-size: 1.2em;
				    line-height: 28px;
				}
				
				div#storeyListing table td.area {
				    font-weight: bold;
				    text-align: right;
				}
				
				div#storeyListing table td.summary {
				    color: #3C80D0;
				    font-weight: bold;
				    text-transform: uppercase;
				}
				
				div#storeyListing table th {
					font-weight: bold;
					width: 18px;
					text-align: right;
				}
				
				div#storeyListing table td {
				    padding: 0px 6px;
				}
				
				div#storeyListing div.floatedParamsBox {
					overflow: hidden;
					height: 100%;
				}
				
					div#storeyListing div.floatedParamsBox div {
						float: left;
						display: inline;
					}
					
					div#storeyListing div.floatedParamsBox div:first-child {
						margin-right: 37px;
					}

    
    div#left div#mbHeader {
		background-color: #EFEED4;
    	padding: 12px 0 12px 24px;
	}
	
		div#mbHeader img {
			padding: 8px;
    		vertical-align: middle;
		}

    div#left div.mbBox,
    div#left div.mbForum  {
    	padding-top: 16px;
    	padding-left: 62px;
    	border-top: 1px solid #EFEED4;
	}
	
		div#left div.mbBox p {
			margin-left: -32px;
			height: 28px;
			line-height: 28px;
			padding-left: 36px;
		}
		
		div#left div.mbBox p.gallery {
			background: url("/img/bgIcons.png") no-repeat 0 -112px;
		}
		
		div#left div.mbBox p.builders {
			background: url("/img/bgIcons.png") no-repeat 0 -140px;
		}
		
		div#left div.mbBox p.favourite {
			background: url("/img/bgIcons.png") no-repeat 0 -168px;
		}
		
		div#left div.mbForum p.forum {
			margin-left: -32px;
			height: 28px;
			line-height: 28px;
			padding-left: 36px;
			background: url("/img/bgIcons.png") no-repeat 0 -196px;
		}
		
			div#left div.mbBox p a,
			div#left div.mbForum p a  {
				color: #CC0000;
				text-decoration: underline;
			}
	
		div#left div.mbBox ul {
			overflow: hidden;
			height: 100%;
			margin-top: 16px;
			margin-bottom: 8px;
		}
		
			div#left div.mbBox ul li {
				float: left;
				display: inline;
			}
			
				div#left div.mbBox ul.gallery li {
					margin-right: 11px;
					margin-bottom: 12px;
					height: 89px;
				}
			
					div#left div.mbBox ul.gallery li img {
						background-color: #FFFFFF;
					    border: 1px solid #DBDBDB;
					    padding: 2px;
					}
					
				div#left div.mbBox ul.icons li {
					text-align: center;
    				width: 96px;
    				margin-bottom: 16px;
				}
				
					div#left div.mbBox ul.icons li img {
						background-color: #FFFFFF;
					    border-bottom: 1px solid #D9D9D9;
					    border-right: 1px solid #D9D9D9;
					    padding: 0 1px 1px 0;
					}
					
					div#left div.mbBox ul.icons li span {
					    display: block;
					    color: #CC0000;
					    font-size: 0.94em;
					}

		div#left div.mbForum ul {
			margin-top: 12px;
		}	
					
			div#left div.mbForum ul li {
				padding: 12px;
			}
			
			div#left div.mbForum ul li.odd {
			    background-color: #EDECE3;
			}
			
				div#left div.mbForum ul li p.title {
				    font-size: 1.2em;
				    font-weight: bold;
	    		}
	    		
	    		div#left div.mbForum ul li p.txt {
				    font-size: 1.2em;
				    line-height: 1.1em;
				    margin: 8px 0px;
	    		}
			
				div#left div.mbForum ul li p.info {
				    font-size: 0.9em;
	    		}
	    		
	    			div#left div.mbForum ul li p.info a {
					    font-weight: bold;
		    		}
			
					div#left div.mbForum ul li p.title a {
					    color: #595955;
					    font-weight: bold;
		    		}
		
		div#left div.addonContent {
			min-height: 638px;
			height: auto !important;
			height: 638px;
			margin: 25px 14px 0;
			color: #555555;
		}
		
			div#left div.addonContent object#model3d {
				margin-left: 175px;
			}
		
			div#left div.addonContent p,
			div#left div.addonContent ul {
				margin-bottom: 6px;
			}
			
			div#left div.addonContent p.linkBox {
				height: 16px;
				line-height: 16px;
				margin-top: 12px;
			}
			
			div#left div.addonContent p a {
				color: #CC0000;
			}
			
			div#left div.addonContent p a.xls {
				display: inline-block;
				height: 16px;
				padding-right: 19px;
				background: url("/img/bgIcons.png") no-repeat right -224px;
			}
			
			div#left div.addonContent p a.pdf {
				display: inline-block;
				height: 16px;
				padding-right: 20px;
				background: url("/img/bgIcons.png") no-repeat right -240px;
			}

/* similiar Projects */	
	div#left ul#similiarProjectsList {
		margin-top: 48px;
		margin-left: 18px;
	}
	
		ul#similiarProjectsList li {
			float: left;
			display: inline;
			width: 152px;
			padding: 0px 10px;
			text-align: center;
			margin-bottom: 8px;
		}
		
			ul#similiarProjectsList li div {
				margin-bottom: 3px;
			}
			
			ul#similiarProjectsList li div.infoBox {
				min-height: 58px;
			}
		
			ul#similiarProjectsList li img {
				background-color: #F9F8EE;
			    border: 1px solid #CECC7B;
			    padding: 1px;
			}
			
			ul#similiarProjectsList li a {
				color: #CC0000;
				text-transform: uppercase;
			}
			
			ul#similiarProjectsList li p {
				color: #999;
				font-size: 0.85em;
			}
			
				ul#similiarProjectsList li p sup {
					position: relative;
					top: -3px;
				}
		    		
		    		
/* right */
	
	div#right div#clipWrapper {
		/*padding-bottom: 26px;*/
	}
	
		div#clipContainer div.linkWrapper {
			height: 16px;
		}
	
	div#right ul#clipBox {
		margin: 0px 12px;
		padding-top: 12px;
	}
	
	div#right ul#clipBox li {
		height: 79px;
	}
	
	div#right ul#clipBox li div {
		position: relative;
		overflow: hidden;
	}

		div#right ul#clipBox li div > img {
			position: absolute;
			top: 0px;
			left: 84px;
			cursor: pointer;
		}
		
		div#right ul#clipBox li div a {
			color: #CC0000;
			text-transform: uppercase;
		}
	
			div#right ul#clipBox li div a img {
				width: 89px;
			    background-color: #F9F8EE;
			    padding: 1px;
			    border: 1px solid #CECC7B;
			    margin-top: 5px;
			    margin-right: 10px;
			    vertical-align: top;
			    float: left;
			}
			
			div#right ul#clipBox li div a span {
				position: relative;
				top: 10px;
			}
			
		div#right ul#clipBox li div > span {
			display: block;
			width: 91px; 
			height: 61px;
			border: 1px solid #CECC7B;
			margin-top: 5px; 
		}
	
	div#right ul#similiarProjects {
		padding-top: 12px;
	}

		div#right ul#similiarProjects li {
			padding-bottom: 16px;
			text-align: center;
		}

				ul#similiarProjects li div a {
					color: #CC0000;
					text-transform: uppercase;
				}
				
					ul#similiarProjects li div a img {
						background-color: #F9F8EE;
					    border: 1px solid #CECC7B;
					    padding: 1px;
					}
					
					ul#similiarProjects li div a span {
						display: block;
						color: #CC0000;
						font-size: 1em;
					}
			
			ul#similiarProjects li span {
				color: #999;
				font-size: 0.9em;
			}
			
				ul#similiarProjects li span sup {
					position: relative;
					top: -3px;
				}

/* GaraĹź */

	div#left div.bigBox div#garageWrapper {
	    display: inline;
	    float: left;
	    height: 626px;
	    width: 454px;
	    margin-bottom: 24px;
	}
	
		div#garageWrapper div.render2 {
		    margin-top: 16px;
		}
	
		div#garageWrapper div.renderBox img {
		    background-color: #F9F8EE;
		    border: 1px solid #CECC7B;
		    padding: 1px;
		    width: 450px;
		}
		
	div#left div.bigBox div#garageSketchBox img {
	    background-color: #FFF;
	    border: 1px solid #CECC7B;
	    padding: 8px;
	}
	
/*Listing table header*/
	div#left div#estimateList, div#left div.description {
		margin: 0 12px 20px 12px;
	} 
	
	div#left div#estimateList ul#listingTableHeader  {
		overflow: hidden;
		height: 30px;
		background-color: #DCDA9F;
		margin-top: 20px;
	}

		div#left div#estimateList ul#listingTableHeader li {
			float: left;
			display: inline;
			height: 30px;
			color: #666666;
			text-align: center;
		}

		div#left div#estimateList ul#listingTableHeader li.projectSymbol {
			width: 150px;
			border-right: 1px solid #EFEED4;
		}

			* + html div#left div#estimateList ul#listingTableHeader li.projectSymbol {
				width: 150px;
			}

		div#left div#estimateList ul#listingTableHeader li.projectName {
			width: 199px;
			border-right: 1px solid #EFEED4;
		}
		
			* + html div#left div#estimateList ul#listingTableHeader li.projectName {
				width: 201px;
			}

		div#left div#estimateList ul#listingTableHeader li.projectEstimateDate {
			width: 199px;
			border-right: 1px solid #EFEED4;
		}

		div#left div#estimateList ul#listingTableHeader li span {
			line-height: 30px;
			font-weight: bold;
			padding-right: 12px;
		}
		
		div#left div#estimateList ul#listingTableHeader li span.asort {
			background: url(/img/bgArrow.png) no-repeat right 0px;
		}
		
		div#left div#estimateList ul#listingTableHeader li span.dsort {
			background: url(/img/bgArrow.png) no-repeat right -9px;
		}
		
		div#left div#estimateList ul#listingTableHeader li span.nosort {
			background: none;
			padding-right: 0px;
		}
		
			div#left div#estimateList ul#listingTableHeader li span.asort a,
			div#left div#estimateList ul#listingTableHeader li span.dsort a,
			div#left div#estimateList ul#listingTableHeader li span.nosort a {
				color: #666666;
			}
			
			div#left div#estimateList ul#listingTableHeader li span.asort a:hover,
			div#left div#estimateList ul#listingTableHeader li span.dsort a:hover,
			div#left div#estimateList ul#listingTableHeader li span.nosort a:hover {
				color: #8E8E8F;
			}


/* Table */
	div#left div#estimateList table {
		width: 100%;
	}

		div#left div#estimateList table td {
			color: #8e8e8f;
			border: 1px solid #EFEED4;
			padding: 8px 0px;
			vertical-align: middle;
			text-align: center;
			font-weight: bold;
		}

		div#left div#estimateList table td.price {
			color: #86a02d;
		}

			div#left div#estimateList table td a {
				color: #3d65b5;
				text-decoration: underline;
				font-weight: normal;
			}
			
			div#left div#estimateList table td a:hover {
				color: #ec701e;
			}

		div#left div#estimateList table tr.hilite td {
			background-color: #faf7f4;
		}
		
/* description */
	div#left div.description p, div#left div.description ul {
		padding-bottom: 6px;
	}
	
	div#left div.description ul {
		margin-left: 25px;
	}
		div#left div.description ul li {
			list-style: disc;
		}
}