/* 
    Created on : Jul 6, 2014, 11:48:06 AM
    Author     : VNDX
*/

/**
* VND ALERT OVERRIDE */
#vnd-ajax-window{
	background:white;
	box-shadow:0px 0px 8px rgba(0,0,0,0.5);
	padding:1%;
	text-align:center;
	position:fixed;
	width:10%;
	left:44%;	
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	z-index:99999;
	display:none;
}

#vnd-alert-override{
	background:rgba(0,0,0,0.6);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	display:none;
}
	#vnd-alert{
		position:absolute;
		width:46%;
		max-height:40%;
		left:25%;
		top:10%;
		padding:2%;
		background:white;
	}
    	#vnd-alert-message{
			font-weight:600 !important;
			font-size:2em;
			display:block;
			margin-bottom:20px;
		}
        .vnd-alert-dismiss{
			
		}

/**
* St.Mary's Templates **/
#slide-selected-image{
	/*position:absolute;	
	overflow:hidden;*/
	width:970px;
	max-height:400px;
	/*top:80px;
	right:-30px;
	padding:10px;*/
	background:white;
	display:block;
	margin-bottom:20px;
	position:relative;
	left:-5px;
}
	#slide-selected-image img{
		width:970px;
		max-height:400px		
	}
#vnd-ajax-black-overlay{
	background:black;
	z-index:1000;
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	opacity:0.8;
	display:none;
}
	#vnd-ajax-black-overlay p{
		color:white;
		font-size:3em;
		text-align:center;
		margin-top:100px;	
	}
	#slide-selected-image img{
		width:100%;
	}
.vnd-slides-a,
.vnd-slides-b{

}
.sep-pep{
	padding-top:10px;
	margin-bottom:35px;
	height:1px;
	border-bottom:1px solid #cecece;	
}
.vnd-slides-a{

}
.vnd-slides-b{
	position:relative;
	
}
.slide-highlight{
	background:rgb(245,180,80) !important;	
}
.smtu-edit-slide{
	width:25px;
	height:25px;
	padding:7px;
	background:url(../img/edit-pencil-ico.png) no-repeat center center white;
	position:absolute;
	top:10px;
	right:55px;	
	z-index:99999;
	cursor:pointer;
	box-shadow:2px 2px 0px rgba(0,0,0,0.2);
}
	.smtu-edit-slide:hover{
		opacity:0.7;	
	}
.smtu-remove-slide{
	width:25px;
	height:25px;
	padding:7px;
	background:url(../img/remove-cross-ico.png) no-repeat center center white;
	position:absolute;
	top:10px;
	right:10px;	
	z-index:99999;
	cursor:pointer;
	box-shadow:2px 2px 0px rgba(0,0,0,0.2);
}
	.smtu-remove-slide:hover{
		opacity:0.7;	
	}
.vnd-new-slide-dialog{
	background:white;
	position:absolute;
	left:400px;
	top:-305px;
	color:#333;
	width:400px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	display:none;
	box-shadow:0px 2px 2px 0px rgba(0,0,0,0.15);
}
	.vnd-new-slide-dialog-content{
		padding:15px;	
	}
	.vnd-new-slide-dialog-content h2{
		margin-top:0px !important;
		margin-bottom:20px !important;	
	}

/** New Slider Portion **/
#vnd-template-slider-edit-slides{
	margin:50px 0px;
}
	.vnd-template-slide-actions{
		width:300px;
		height:150px;
		border:5px solid white;
		position:absolute;
		background:transparent;	
		z-index:9999;
		top:-5px;
		left:-5px;
		display:none;
		box-shadow:0px 0px 4px 4px rgba(0,0,0,0.1);
	}
	#vnd-template-slider-edit-slides li{
		width:300px;
		height:150px;
		margin-bottom:10px;
		background:white;
		position:relative;	
		float:left;
		cursor:move;
	}
		#vnd-template-slider-edit-slides li h2{
			font-weight:bold;
			font-size:16px;
			text-transform:uppercase;
			position:absolute;
			top:10px;
			left:10px;
			margin:0px !important;
			color:white;
		}
		#vnd-template-slider-edit-slides li h3{
			font-weight:bold;
			font-size:12px;
			text-transform:uppercase;
			position:absolute;
			top:30px;
			left:10px;
			margin:0px !important;
			color:white;
		}
		#vnd-template-slider-edit-slides li small{
			display:block;
			font-weight:bold;
			font-size:10px;
			text-transform:uppercase;
			position:absolute;
			top:40px;
			left:10px;
			margin:0px !important;
			color:white;
		}

#vnd-available-templates{
	margin:0px !important;
	padding:0px !important;	
}
	#vnd-available-templates li{
		margin:0px !important;
		border-bottom:1px solid #cecece;
		padding:30px !important;	
	}
		#vnd-available-templates li h2{
			font-weight:bold;
			margin:0px !important;
			margin-bottom:20px !important;	
		}

/**
* St.Mary's Sliders **/
.vnd-admin-table{
	border-spacing:0px !important;
	width:80%;
}
	.vnd-admin-table thead{
			
	}
		.vnd-admin-table thead tr{
			
		}
			.vnd-admin-table thead tr td,
			.vnd-admin-table thead tr th{
				min-width:200px;
				text-align:left;
				background:white;
				padding:15px 10px;
				font-weight:100;
				font-size:16px;
				border-bottom:2px solid rgba(0,0,0,0.2);
				border-top:2px solid rgba(0,0,0,0.2);
			}
				.vnd-admin-table thead tr th:nth-child(1){
					min-width:50px !important;
				}
				.vnd-admin-table thead tr th:nth-child(2){
					min-width:80px !important;
				}
				/*.vnd-admin-table thead tr th:nth-child(4){
					min-width:50px !important;
				}*/
			.vnd-admin-table tbody tr:nth-child(even) td,
			.vnd-admin-table tbody tr:nth-child(even) th{
				background:white;
			}
				.vnd-admin-table tbody tr:hover td,
				.vnd-admin-table tbody tr:hover th{
					background:transparent;	
					color:white;
				}
				.vnd-admin-table tbody tr:hover{
					background-color:rgba(0,116,162,0.5);
				}
			.vnd-admin-table tbody tr td,
			.vnd-admin-table tbody tr th{
				padding:10px;
				font-weight:400;
				border-bottom:1px solid #cecece;
				box-shadow:inset 0px -5px 5px rgba(0,0,0,0.01);
			}

.vnd-black-overlay{
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background:rgba(0,0,0,0.5);	
	z-index:9998;
	display:none;
}
.vnd-plugin-dialog{
	position:fixed;
	width:25%;
	height:25%;
	left:37.5%;
	top:0;
	z-index:9999;
	background:white;
	border-radius:10px;	
	display:none;
	box-shadow:
		0px 0px 20px rgba(0,0,0,0.7);
}
	.vnd-plugin-dialog .dialog-content{
		padding:20px;	
	}
#vnd-ajax-spinner{
    position:absolute;
    top:134px;
    left:150px;
    display:none;
}
.vnd-plugin-admin{
    margin-top:30px;
    margin-right:40px;
    position:relative;
}
.vnd-action-bar{
    background:#eaeaea;
    padding:10px;
    border-radius:5px;
    overflow:hidden;
}
.vnd-action-bar li{
    display:block;
    float:left;
    margin-right:10px;
}
.vnd-action-bar li{
    margin-bottom:0px !important;
}
#soca-new-organization-form{
    float:left;
    width:20%;
}
.soca-organizations{
    float:left;
    border-radius:5px;
    width:70%;
}
.soca-organizations li:nth-child(odd){
    //background:#efefef;
}
.soca-organizations li{
    background:white;
    padding:12px;
    font-weight:bold;
    font-size:16px;
    border:1px solid #cecece;
    box-shadow:-1px 0px 1px rgba(0,0,0,0.05);
    cursor:move;
    position:relative;
	z-index:99;
}
	.soca-organizations li .edit-org-name{
		border:0px !important;
		box-shadow:none;
		font-weight:bold !important;
		font-size:18px;
		width:50%;	
		border-bottom:1px solid #cecece !important;
	}
		.edit-org-name:focus{
			box-shadow:0px 5px 10px rgba(13, 214, 255, 0.3) !important;
		}
.soca-organizations li:hover{
    box-shadow:0px 0px 12px 0px rgba(0,0,0,0.3);
}
.soca-children{
    margin-top:10px;
    margin-left:15px;
    min-height:10px;
}
.soca-children li{
    /*background:transparent !important;*/
    padding:5px;
    border:none;
    font-size:12px !important;
    font-weight:400;
	border-top:1px solid #cecece;
	border-left:1px solid #cecece;
}
	.soca-children li .edit-org-name{
		font-size:12px !important;
		font-weight:400;
	}
.soca-highlight{
    background:transparent !important;
    padding:10px !important;
    height:20px;
    border:2px dashed #cecece !important;
}
.vnd-icon-set{
    position:absolute;
    font-size:10px;
    top:10px;
    right:5px;
}
	.edit-mode{
		box-shadow:0px 0px 12px 10px rgba(13, 214, 255, 0.4) !important;	
		z-index:999999999;
	}
	.edit-mode > .soca-icons{
		display:block;	
	}
	.soca-icons{
		overflow:hidden;
		position:absolute;
		top:10px;
		right:60px;
		display:none;
	}
		.soca-icons .none-set img{
			opacity:0.5;
		}
		.soca-icons a:hover img{
			opacity:1;	
		}
		.soca-icons div{
			float:right;	
			margin-right:5px;
		}
.soca-edit,
.soca-remove{
	float:left;
	margin-right:10px;	
}
	.soca-edit:hover,
	.soca-remove:hover{
		opacity:0.8;	
	}
.soca-edit{
	width:15px;
	height:15px;
	background:url(../img/edit-ico.png) no-repeat;
	background-size:cover;
	display:block;
}
.soca-remove{
	width:15px;
	height:15px;
	background:url(../img/remove-ico.png) no-repeat;
	background-size:cover;
	display:block;
}

/**
* FRONT - END STYLES **/
#soca-front-end{
	border:1px solid #cecece;
	border-radius:10px;	
	padding:0px !important;
}
	#soca-front-end ul{
		margin:0 !important;	
	}
	#soca-front-end ul li{
		list-style-type:none !important;
		margin:0 !important;
		padding:0 !important;
		position:relative;
	}
		.soca-icons-fe{
			position:absolute;	
			right:10px;
			top:10px;
			opacity:0.5;
			overflow:hidden;
		}
		.soca-icons-fe icon-set{
			display:block;	
		}
		.soca-icons-fe .none-set{
			opacity:0.0;
		}
		.soca-icons-fe a{
			float:right;
			margin-left:5px;
		}
		#soca-front-end ul li:hover > .soca-icons-fe{
			opacity:1;
		}
		#soca-front-end ul li ul li{
			padding-left:10px !important;
		}
			#soca-front-end ul li ul li ul li{
				padding-left:25px !important;
			}
			#soca-front-end ul li ul li:nth-child(even){
				background: #F3F3F3 !important;
			}
			#soca-front-end ul li ul li{
				padding:10px 0px 10px 15px !important;	
			}
		#soca-front-end ul li:first-child h2{
			border-top-right-radius:10px;
			border-top-left-radius:10px;
		}
		#soca-front-end ul li h4{
			font-size:13px !important;	
			font-weight:400 !important;
		}
		#soca-front-end ul li h2{
			font-size:14px;	
			padding-top:10px;
			padding-bottom:10px;
			padding-left:30px;
			margin:0 !important;
			background:#DCE4E2;
		}
.vnd-plugin-pagination{}
	.vnd-plugin-pagination li{
		display:block;
		float:left;
		margin-right:10px;
		padding:5px 10px;
		background:#333;
		color:white;	
	}
		.vnd-plugin-pagination li.current-item{
			background:#069;	
		}
		.vnd-plugin-pagination li a{
			color:white !important;	
			text-decoration:none !important;
		}