/* CSS Document */

/* Measurement Search */

#content {
	margin-top:40px;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:40px;
}

#content h1{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:20px;
	color:#666;
	font-weight:lighter;
	letter-spacing:1px;
	padding-bottom:4px;
}

#content p{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	color:#999;
	font-weight:lighter;
	letter-spacing:0px;
	padding-bottom:2px;
}

#filter{
	font-size:11px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#999;
	font-weight:lighter;
}

#searchbox_layer{
}

#searchbox_form{
	width:900px;
	padding-bottom:20px;
	padding-top:6px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	color:#333;
	font-weight:lighter;
	float:left;
}

#searchbox_layer #filter-count {margin-left:10px; font-size:12px; color:#999; display:inline-block; }

input {color:#999;font-style:italic; padding-left:5px; height:20px;width:300px; margin:0;border: 1px solid #09C; display:inline-block; border-radius: 3px;}

input:focus {color:#000;font-style:normal; font-weight:bold; outline: none;}

#live-search{
	width:900px;
}

#measurement_list{
	padding-top:20px;
}

#measurement_list ol{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	color:#333;
	font-weight:lighter;
	list-style:outside;
	list-style-type:none;
	line-height:20px;
}

#measurement_list a{
	color:#09C;
	text-decoration:none;
}
#measurement_list a:hover{color:#069;}


#layout1 {
	clear: none;
	padding-top: 30px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 40px;
}

#layout1 a{
	color:#09C;
	text-decoration:none;
	font-weight:normal;
}
#layout1 a:hover{color:#069;}

#layout1 h1{
	font-size: 22px;
	font-weight: normal;
	padding-bottom:10px;
}
#layout1 h2{
	font-size: 20px;
	color:#000;
	font-family:Tahoma, Geneva, sans-serif;
	padding-bottom:10px;
}
#layout1 h3{
	font-size: 11px;
	color:#333;
	font-weight:bold;
	padding-top:12px;
	padding-bottom:10px;
}
#layout1 p{
	font-size: 11px;
	color:#666;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:18px;
	word-spacing: 1px;
	padding-bottom:10px;
}

.aboutLayout {display:table; width:980px;}

.aboutImage {
	float:left;
	width:324px;
	padding-left:40px;
	padding-bottom: 30px;
	padding-top: 0px;
}

.layoutIntro {
	float:right;
	width:500px;
	padding-right: 60px;
	padding-top:40px;
}

/*----Layout 2----*/

#layout2 {
	clear: none;
	padding-top: 30px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-right: 0px;
	padding-bottom: 10px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#CCC;
}

#layout2 h1{
	font-size: 22px;
	font-weight: normal;
	padding-bottom:20px;
	margin-left:40px;
}

#layout2 img{
	padding-left:40px;
	padding-right:40px;
}

/*----Overview Panel Ends----*/

/*----Detail Section Begins----*/

#maincontent a{
	color:#09C;
	text-decoration:none;
	font-weight:normal;
}
#maincontent a:hover{color:#069;}
#maincontent h1{
	font-size: 24px;
	color: #666;
}
#maincontent h2{
	font-size: 20px;
	color: #333;
	font-weight: lighter;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#maincontent h3{
	font-size: 11px;
	color:#333;
	font-weight:lighter;
	padding-top:12px;
	text-decoration: underline;
}

#maincontent p{
	font-size: 11px;
	color: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:20px;
	word-spacing: 1px;
}

#maincontent .title{
	font-weight: bold;
	font-size: 11px;
	height: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-bottom: 3px;
	color:#333;}

#maincontent {
	width: 980px;
	clear: none;
	height: auto;
	padding-top: 20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 50px;
}

#maincontent .leftColumn {
	float: left;
	width: 600px;
	padding-left: 50px;
}

#maincontent .rightColumn {
	width: 200px;
	float: right;
	padding-right: 40px;
}

/* --- text gradient begins --- */
    .white-gradient {
        position:relative;
    }
    .white-gradient:after {
        content: '';
        position:absolute;
        display:block;
        top:0;
        left:0;
        height:60%;
        width:100%;
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
    }
/* --- text gradient ends --- */