/*
 * CSS UI V1.4.1 (Jan 20 2014)
 * https://css-ui.com
 *
 * Copyright 2013, https://codeeverywhere.ca
 * Licensed under the MIT license.
 *
 */
*{ margin: 0; padding: 0; }

/* CSS UI Grid */
.ui-wrapper{ width: 960px; margin: 0 auto; }

.ui-left, .ui-half, .ui-third, .ui-fourth, .ui-sixth, .ui-half-pad, .ui-third-pad, .ui-fourth-pad, .ui-sixth-pad{ float: left; }
.ui-right{ float: right; }
.ui-clear{ clear: both; height: 15px; }
.ui-hide{ display: none; }
			
.ui-full{ width: 930px; padding: 15px; }
.ui-half{ width: 450px; padding: 15px; }
.ui-third{ width: 290px; padding: 15px; }
.ui-fourth{ width: 210px; padding: 15px; }
.ui-sixth{ width: 610px; padding: 15px; }

.ui-full-pad{ margin-left: 10px; width: 910px; padding: 15px; }
.ui-half-pad{ margin-left: 10px; width: 435px; padding: 15px; }
.ui-third-pad{ margin-left: 10px;  width: 277px; padding: 15px; }
.ui-fourth-pad{ margin-left: 10px; width: 197px; padding: 15px; }
.ui-sixth-pad{ margin-left: 10px; width: 590px; padding: 15px; }

/* CSS UI Elements */			
.ui-txt-left{ text-align: left; }
.ui-txt-right{ text-align: right; }
.ui-txt-center{ text-align: center; }

.ui-trunc{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-push-down{ margin-bottom: 20px; }

.ui-code{
	background: #f8f8f8;
	margin: 5px;
	padding: 8px;
	border-width: 1px 1px 1px 3px;
	border-style: solid;
	border-color: #e7e7e7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.ui-breadcrumbs{ list-style: none; }
.ui-breadcrumbs > li{ display: inline-block; text-transform: capitalize; list-style: none; }
.ui-breadcrumbs > li:after{ content: '/'; margin: 0 5px 0 8px; color: #8e8e8e; }
.ui-breadcrumbs > li:last-child:after{ content: '';  }
.ui-breadcrumbs li a{ text-decoration: none; color: #1189f1; }

.ui-btn-white, .ui-btn-blue, .ui-btn-green, .ui-btn-red,
.ui-btn-black, .ui-btn-pink, .ui-btn-orange{
	display: inline-block;
	color: #f6f6f6;
	padding: 8px 22px;
	border-radius: 3px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	margin: 5px 5px 0 0;
	cursor: pointer;
	text-decoration: none;
	text-align: center;				
}

.ui-btn-white{ color: #6a6a6a; background: #f5f5f5; border-bottom-color: #efefef; text-shadow: 0px 1px 0px #f4f4f4;}
.ui-btn-white:hover{ background: #f8f8f8; }

.ui-btn-blue{ background: #2f87d9; border-bottom-color: #2876c0; }
.ui-btn-blue:hover{ background: #3390e7; }

.ui-btn-green{ background: #58C026; border-bottom-color: #51b323; }
.ui-btn-green:hover{ background: #62d32e; }

.ui-btn-red{ background: #ee5a4f; border-bottom-color: #d84e44; }
.ui-btn-red:hover{ background: #fa5c51; }

.ui-btn-orange{ background: #F7AB2B; border-bottom-color: #e3a02c; } 
.ui-btn-orange:hover{ background: #ffb431; }

.ui-btn-black{ background: #505050; border-bottom-color: #404040; text-shadow: 0px 1px 0px #111111; }
.ui-btn-black:hover{ background: #5E5E5E; }

.ui-btn-pink{ background: #ff8bb1; border-bottom-color: #e97ea2; }
.ui-btn-pink:hover{ background: #ff9bbc; }

.ui-active{ color: #3088d9; }

.ui-msg-blue, .ui-msg-green, .ui-msg-yellow, .ui-msg-red{
	border-radius: 3px;
	padding: 8px;
	margin: 10px;
	text-transform: capitalize;
}
.ui-msg-blue {	color: #1577a1; background: #a9e2fb; } 
.ui-msg-green { color: #418c15; background: #a0f270; } 
.ui-msg-yellow { color: #8d8510; background: #fdf68a; } 
.ui-msg-red { color: #9a3429; background: #f7796b; }

input[type=text], input[type=password], input[type=file], input[type=date], textarea{
	margin: 5px;
	font-size: 14px;
	margin-left: 5px;
	color: #212121;
	border: 1px solid #999999;
	padding: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

input[type=text]:hover, input[type=password]:hover, input[type=file]:hover, input[type=date]:hover { border: 1px solid #9bc53d; }
input[type=checkbox], input[type=radio] { height: 15px; width: 15px; }
input[type=button], input[type=submit]{
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	text-transform: capitalize;
	margin: 5px;
	color: #343434;
	text-decoration: none;
	background: #f8f8f8;
	background: -moz-linear-gradient(#f8f8f8, #dedede);
	background: -webkit-linear-gradient(#f8f8f8, #dedede);
	background: -o-linear-gradient(#f8f8f8, #dedede);
	background: -ms-linear-gradient(#f8f8f8, #dedede);
	background: linear-gradient(#f8f8f8, #dedede);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	border: 1px solid #999999;
}

table.ui, table.ui-min{  text-align: left; margin: 5px; border-spacing: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
table.ui { background: #fff; border: 1px solid #cccccc; }
table.ui tr th{ background: #e7e7e7; font-weight: normal; color: #646464; }
table.ui tr th, table.ui tr td { padding: 10px; border-top-color: white; border-bottom: 1px solid #ccc; }
table.ui-grid tr th, table.ui-grid tr td{ border-left: 1px solid #ccc; }
table.ui-min tr th, table.ui-min tr td { padding: 10px; border-bottom: 1px solid #dcdcdc; }
table.ui-min tr th{ font-weight: normal; color: #2F87D9; }
table.ui tbody tr:hover, table.ui-min tbody tr:hover{
	background-color: #f6f6f6;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-ms-transition:     all 0.3s;
	-o-transition:      all 0.3s;
}

.ui-thumb{
	float: left;
	display: inline-block;
	margin: 5px;
	padding: 4px;
	border: 1px solid #cfe5fa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.ui-thumb:hover { border-color: #95c6f3; box-shadow: 0px 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.2); }
.ui-thumb-caption{ padding: 5px 2px; }
			
.ui-overlay{ display: inline-block; position: relative; vertical-align: middle; max-width: 100%; text-decoration: none; }
.ui-overlay-inside{
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: rgba(0, 0, 0, .2);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-ms-transition:     all 0.3s;
	-o-transition:      all 0.3s;
	cursor: pointer;
	font-size: 38px;
	color: #f6f6f6;
	text-align: center;
	padding-top: 50px;
}
.ui-overlay-inside:hover{ opacity: 1; }

.ui-progress-bar{
	margin: 5px;
	padding: 0;
	background: #d3d3d3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.ui-progress-bar-inside{
	color: #f9f9f9;
	background: #58C026;
	padding: 3px;
	font-size: small;
	border-right: 2px solid #56ab2e;
	text-align: right;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}