/*
source_sans_problack
source_sans_problack_italic
source_sans_probold
source_sans_probold_italic
source_sans_proextralight
source_sans_proXLtIt
source_sans_proitalic
source_sans_prolight
source_sans_prolight_italic
source_sans_proregular
source_sans_prosemibold
source_sans_proSBdIt
*/
.clear{clear:both;}
.clean{clear:both;}
.clearfix{clear:both;}

.left{float:left;}
.right{float:right;}



.loginlogo{
	display: block;
	margin: 50px auto 50px auto;
	width: 300px;
	height: auto;

}


.loginbox{
	width: 300px;
	margin: 0 auto 0 auto;
	height: auto;
	padding: 10px;
	background-color: #f0f4f5;
	
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.menu_logo{
	display: block;
	margin: 10px auto;
	width: 180px;
}

.frame_top{
	position: fixed;
	top: 0;
	min-width: 720px;
	width: 100%;	
	height: 77px;
	background-color: #212226;
	z-index: 2;
	color: white;
}

.logout_button{
	display: block;
	float: right;
	margin: 23px 10px 0 auto;
	line-height: 32px;
	font-family: "source_sans_prosemibold";
	padding-left: 34px;
	background-image: url("/admin/views/layouts/img/logout.png");
	background-repeat: no-repeat;
}
.logout_button:hover{text-decoration: none;color:#31a9d6;}

.frame_left{
	top: 0;
	position: fixed;
	width: 250px;
	height: 100%;
	background-color: #212226;
	z-index: 2;
	color: white;
}
.frame_right{
	margin-top: 97px;
	margin-left: 250px;

	min-height: 400px;

}





.main_navi{
	margin: 30px auto 10px auto;
	list-style: none;
	display: block;
	font-family: "source_sans_prosemibold";
	font-size:14px;
}
.main_navi li{

}
.main_navi li a{
	text-align: center;
	cursor:pointer;
	color: white;
	display: block;
	line-height: 24px;
}
.main_navi li a:hover{
	
	text-decoration: none;
	background-color: #31a9d6;
}


.main_navi .submenu{background-color:#3a3b42;display:none;}

.main_navi li.active a{color:#dd4b39;}





.workspace{	
	margin: 0 20px 20px 20px;
	height: auto;
	min-height: 400px;	
	background-color: #fff;	
}

.spaceholder{
	margin: 0 auto;
	height: 20px;
}

span.errorbox{
	display:block;
	max-width:300px;
	color:red;	
	margin:10px auto;
}

.modmanager_module_list{
	display:block;	
	
	list-style:none;
	position:relative;	
}
.modmanager_module_list li{
	display:block;
	height:200px;
	width:160px;
	float:left;	
	margin:0 20px 20px 0;
	border:2px solid #eee;
	background-position:center 25px;	
	background-size:100% auto;
	background-repeat:no-repeat;
	position:relative;
}
.modmanager_module_title{
	line-height:25px;
	font-size:16px;
	font-weight:bold;
	text-transform:capitalize;
	text-align:center;
	position:relative;
	top:0px;
	background-color:#fff;
	color:#34b4e4
}

.modmanager_module_title.checked{
	background-image:url("/admin/views/layouts/img/pipa.png");
	background-position: right top;
	background-repeat: no-repeat;
}

.modmanager_module_list li a {
	position:absolute;
	bottom:0;
	line-height:25px;
	color:white;
	width:80px;
	text-align:center;
	text-transform:capitalize;
	display:block;    
}

.href_mod_install{left:0px;background-color:#009630;}
.href_mod_remove{right:0px;background-color:#dd4b39;}





.listRow{
	width:100%;
	border:1px solid #ddd;	
	line-height: 36px;
	color:#000;
}
.listHead{
	color:#dd4b39;
	font-weight:bold;
}

.listCell{
	min-height:36px;	
	float:left;	
	border-right:1px solid #ddd;
	text-align:center;
	
}
.lastCell{border-right:none}


.button{
	display:inline-block;
	border:1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: auto;
	min-width:50px;
	padding: 0px 12px;
	height: 28px;
	line-height: 28px;
	cursor: pointer;
	margin-bottom: 0px;
	color: #fff;
	font-family: "source_sans_prosemibold";
	font-size: 14px;
	text-align:center;
}

.deleteButton{background-color: #dd4b39;}
.deleteButton:hover{background-color: #F05441; text-decoration:none}
.editButton{background-color:#009630;}
.editButton:hover{background-color: #0FAC41;text-decoration:none}

.thumbnail{
 	display:block;	
	float:left;	
	margin:0 20px 20px 0;
	border:2px solid #eee;
	overflow:hidden;
	position:relative;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}

.thumbnail img{ 
	height:150px;
	
	
}



.thumbnail .editButton{
	position:absolute;
	left:10px;
	top:5px;
	z-index:1;
}

.thumbnail .deleteButton{
	position:absolute;
	left:10px;
	bottom:5px;
	z-index:1;
}

.imagemod_img{
	display:block;
	
	max-width:500px;
}

span.orange{color:darkorange;}
span.blue{color:blue;}