.view-docs .topsingleout {
	padding:30px 0;
	margin:0 0 70px 0;
	color:#e2ebf8;
	text-align:center;
	display:block;
}
.view-docs .heading_title {
	color:#e2ebf8;
	font-size:48px;
}
.view-docs .subheading {
	font-size:18px;
}
.view-docs #centerbottom {
	padding:50px 0;
}

#docs_holder {
	display:block;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
#right_side {
	display:block;
	float:right;
	width:25%;
	min-height:400px;
	margin:10px 0 0 0;
}
#right_side:after{
	display:table;
	content:"";
	clear:both;
}
#right_in {
	display:block;
	padding: 20px;
	background: #F1F5F8;
	border: 1px solid #e2e6e8;
}
#left_side {
	display:block;
	position:relative;
	width: 70%;
	margin:0;
	float:left;
	overflow:hidden;
}
.clrins {
	display:block;
	clear:both;
}
.instructs {
	display:block;
	overflow:hidden;
	clear:both;
	margin:0 0 20px;
}
.instr_titles{
	margin:0 0 30px 0;
}
.select_tem,
.select_install,
.select_install_ok,
.select_check,
.select_down {
	display:block;
	overflow:hidden;
	position:relative;
	background:#F1F5F8 url(../images/select.jpg) no-repeat left top;
}

.imghook{
	display:block;
	overflow:hidden;
	height:320px;
	border: 1px solid #e2e6e8;
	position:relative;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   margin:30px 0;
}

.imghook_in{
	position:relative;
	display:block;
	overflow:hidden;
	height:100%;
	border:10px solid #F1F5F8;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.imghook_in:before{
	position:absolute;
	display:block;
	content:"";
	height:100%;
	width:100%;
	border: 1px solid #e2e6e8;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
	
}
.imghook.exmanager2{
	height: 545px;
}
.select_install_ok.imghook{
	height: 504px;
}
.imgholder{
	padding:10px;
	display:block;
	overflow:hidden;
	background: #F1F5F8;
	border: 1px solid #e2e6e8;
	margin:30px 0;
}
.imgholder_in {
	overflow:hidden;
	display:block;
	height:auto;
	border: 1px solid #e2e6e8;
}

.imgholder img {
	width:100%;
	display:block;

}
.templateimage .imgholder_in {
	height:450px;
}
.select_install {
	background:#F1F5F8 url(../images/install.jpg) no-repeat 10px 10px;
}
.select_install_ok {
	background:#F1F5F8 url(../images/install_ok.jpg) no-repeat 10px 10px;
}
.select_check {
	background:#F1F5F8 url(../images/check_template.jpg) no-repeat left bottom;
	background-size: cover;
	
}
.select_down {
	background:#F1F5F8 url(../images/download_template.jpg) no-repeat 10px 10px;

}
.install3{
	background:#F1F5F8 url(../images/in3.jpg) no-repeat 10px 10px;
}

.exmanager2{
	background:#F1F5F8 url(../images/exmanager2.jpg) no-repeat;
}

.texthook{
	position:absolute;
}
.texthook.template_name{
 top: 112px;
 left: 136px;
 color:#eb5858;
 font-weight:600;
}
.texthook.exmanager2_txt{
 top: 380px;
 left: 400px;
 font-weight:600;
 color:#444;
}
.texthook.install3_txt{
 top: 147px;
 left: 242px;
 font-weight:600;
}

.select_install span {
	top:159px;
	left:35px;
}
.select_install_ok .pakname {
	top: 246px;
	left: 420px;
	font-size: 18px;
	color: #444;
	font-weight:bold;
	
}
.select_install_ok span.tem_thumb {
	display:block;
	position:absolute;
	left: 456px;
	top: 286px;
	width: 270px;
	height: 180px;
	overflow:hidden;
}
.select_check span {
	top:auto;
	bottom: 40px;
	left: 500px;
	color:#0188cc;
	font-weight:normal;
}

.select_down span.demo_name {
	top:170px;
	left:52px;
	font-size:12px;
}

/* menu */ 
div.templateselect {
	width:100%;
	text-align:center;
	font-weight:600;
}
.item_info_box {
	display:block;
	position:relative;
}
.item_info_box:after {
	display:table;
	content:"";
}
.templateselect {
	position:relative;
	z-index:100;
}
.templatelinks {
	position:absolute;
	background:#fff;
	top:50px;
	left:0px;
	width:100%;
	z-index:100;
	max-height: 320px;
	overflow-y:auto;
	overflow-x: hidden;
	display:none;
}
.templatelinks .selectname {
	margin:0;
	padding:15px;
	font-size:12px;
	border-bottom: 1px solid #efefef;
	font-weight:normal;
	display:block;
	position:relative;
	cursor:pointer;
}

.templatelinks .selectname:hover,
.templatelinks .selectname.isactive {
	background:#eb5858;
	color:#fff;
}
.docsverlay {
	display:none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#000;
	z-index:99;
}
.namesearch-in {
	border: 1px solid #e2e6e8;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 10px;
	margin:10px;
	width:92%;
	position: relative;
}
ul.sidemenu {
	list-style-type:none;
}
ul.sidemenu li {
	padding:5px 0;
}
ul.sidemenu li:before {
	font-family:FontAwesome;
	content: "\f016";
	margin:0 10px 0 0;
}
.extensions_used{
	display:block;
	overflow:hidden;
	margin:0 0 30px 0;
}