/* css for template library */


.sideBar #search label{	
	color:#333;	
}

.sideBar #search input{
	width:98%; 
	height:25px;
	margin-top:5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius:5px;
    border-radius: 5px;
}

/*style sheet for template list */
.sideBar #main_nav{
	background-color:#F4F7F4;
	margin:0;
	padding: 0;
	}


.sideBar #main_nav .nav{
	background:#FDFDFD left no-repeat;
	cursor: pointer;
	padding: 9px 13px 8px 15px;
	list-style-type:none;
 	margin:0;
	border-top:1px dotted #ccc;
	
}

.sideBar #main_nav ul {
	 margin: 0;
	 padding: 0;
}
	
.sideBar #main_nav ul li{
	margin: 0;
	list-style-type:none;	 
	padding: 8px 13px 8px 15px;
	color:#999;
	cursor: pointer;
}

#search{
	background-color:#FDFDFD;
	padding:20px 15px;
	border-bottom:1px dotted #ccc;
	}

#search #clear{
	margin-top: 2px; 
	}
	
/*style sheet for feature templates*/
#demolist #des_top{
	margin-left:16px;
	margin-bottom:-8px;
	font-size: 20px;  
	color:#444;
	width:737px; 
	padding:4px 20px 5px 15px;
	font-family: Georgia, 'Times New Roman', Times, serif; 
	font-weight: bold;
}

#featurelist {
	border: 1px #eee solid;
	padding: 20px;
}

.features {
   	width: 100%;   
   	display: inline-block;
    min-height: 250px;
   /* overflow: auto; */
}

.features .feature_pic {
	float:left;
	margin: 0 0 20px 0;
    padding: 0 0 7px 0;
    background-image: url('../images/template_screenshot_shadow.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}

.features .feature_pic img {
	width:200px;
	height: auto;
    border:1px solid #999;
}


.features .intro{
	margin-left:240px;
}
.features .intro h3 {
	
	font-size: 1.4em;
	margin: 0;
	
    color: #383838;    
    border-bottom: none;
}

.features .intro p {
	font-size: 1.2em;
	line-height:150%;
	color:#555;
}

.features .intro span.toolBarGroup {
	background-color:#FF7211;
	padding:8px 5px 6px 5px;
	margin-right:20px;
	margin-top:25px;
	-moz-border-radius: 5px;
	border-radius: 5px;

		
    /*
     -moz-box-shadow: 1px 1px 1px #aaa;
    -webkit-box-shadow: 1px 1px 1px #aaa;
   box-shadow: 1px 1px 1px #aaa;  */
	
}

.features .intro span.toolBarGroup a{
	color:#FFF;
    font-weight: bold;
	font-size:14px;
    text-align: left;

}
.features .intro span.toolBarGroup img{
    vertical-align:text-top;
}

.inactive{color:#CCC;}

.selected{
	background-color:#FFFFDF;
}
	
.highlight { background-color:#FF9}


#templatePreviewFrame {  min-height:660px; display:none; width:100%; }