/*
 *
 * styles for the front-end that are not part of a theme
 *
*/

	.text-left { text-align: left; }
	.text-center { text-align: center; }
	.text-right { text-align: right; }

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

	.overflow-ellipsis {
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	th.overflow-ellipsis,
	td.overflow-ellipsis {
		display: table-cell;
	}

	.float-left { float: left; }
	.float-right { float: right; }
	.clear-both { clear: both; }


	/* loading... */
	.loading-small, .loading-medium, .loading-large {
		text-align: center;
		vertical-align: top;
	}

	.loading-small:before, .loading-medium:before, .loading-large:before {
		margin-right: 5px;
		overflow: hidden;
		display: inline-block;
		vertical-align: top;
	}

	.loading-small { padding-left: 8px; min-height: 16px; line-height: 16px; font-size: 16px; }
	.loading-small:before { content: url(../images/loading-16.gif); }

	.loading-medium { padding-left: 16px; min-height: 32px; line-height: 32px; font-size: 32px; }
	.loading-medium:before {  content: url(../images/loading-32.gif);	}

	.loading-large { padding-left: 32px; min-height: 64px; line-height: 64px; font-size: 64px; }
	.loading-large:before { content: url(../images/loading-64.gif); }

	.loading-small.jquery-animate:before,
	.loading-medium.jquery-animate:before,
	.loading-large.jquery-animate:before { content: ''; }

	.loading-small.jquery-animate:before { background-image: url(../images/loading-16.png); width: 16px; height: 16px; }
	.loading-medium.jquery-animate:before { background-image: url(../images/loading-32.png); width: 32px; height: 32px; }
	.loading-large.jquery-animate:before { background-image: url(../images/loading-64.png); width: 64px; height: 64px; }

	.jquery-animate.frame-0:before { background-position: 0% 0px; }
	.jquery-animate.frame-1:before { background-position: 10% 0px; }
	.jquery-animate.frame-2:before { background-position: 20% 0px; }
	.jquery-animate.frame-3:before { background-position: 30% 0px; }
	.jquery-animate.frame-4:before { background-position: 40% 0px; }
	.jquery-animate.frame-5:before { background-position: 50% 0px; }
	.jquery-animate.frame-6:before { background-position: 60% 0px; }
	.jquery-animate.frame-7:before { background-position: 70% 0px; }

	.loadingBox {
		display:table;
		position:fixed;
		top:0; left:0;
		width:100%; height:100%;
		z-index:2000;
	}

	.loadingBox .loading-large {
		display: table-cell;
		vertical-align: middle;
		background: rgba(255,255,255,.5);
		color: black;
	}


	.v-margin {
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.h-margin {
		margin-left: 5px;
		margin-right: 5px;
	}

	.padded {
		padding: 5px;
	}



	/* alert styles */
	.dialogAlertBox{
		font-size: 14px;
		padding: 18px 15px 18px 82px !important;
		min-height: 35px !important;
		text-align: left;
	}

	.dialogAlertBox.alert_dialog{ background: url('../images/admin/icons/warning-icon.png') no-repeat 22px 10px transparent !important; }
	.dialogAlertBox.error_dialog{ background: url('../images/admin/icons/error-icon.png') no-repeat 15px 10px transparent !important; }
	.dialogAlertBox.warning_dialog{ background: url('../images/admin/icons/warning-icon.png') no-repeat 22px 10px transparent !important; }
	.dialogAlertBox.info_dialog{ background: url('../images/admin/icons/info-icon.png') no-repeat 20px 10px transparent !important; }
	.dialogAlertBox.success_dialog{ background: url('../images/admin/icons/success-icon.png') no-repeat 5px 0px transparent !important; }

	/* Prompt styles */
	.dialogPromptBox{
		font-size: 14px;
		padding: 18px 15px 18px 82px !important;
		min-height: 35px !important;
		background: url('../images/admin/icons/prompt-icon.png') no-repeat 10px 10px transparent !important;
		text-align: left;
	}

	/* Confirm styles */
	.dialogConfirmBox{
		font-size: 14px;
		padding: 18px 15px 18px 82px !important;
		min-height: 35px !important;
		background: url('../images/admin/icons/confirm-icon.png') no-repeat 10px 10px transparent !important;
		text-align: left;
	}

	.ui-dialog.confirmBox .ui-dialog-titlebar-close{
		display: none;
	}


/* Rules for all forms. Front rules will most likely be overriden */

.line_wrapper {
    padding: 3px;
    margin: 5px 0;
}

.line_wrapper label {
    display:inline-block;
    width:100px;
    padding: 0 10px 0 0;
    text-align:left;
}

.line_wrapper span.label {
    display:inline-block;
    width:100px;
    padding: 0 10px 0 0;
    text-align:right;
    font-weight:bold;
    font-size:13px;
}

.form_row
{
	vertical-align:top;
	clear:both;
	display:block;

	padding: 3px;
    margin: 5px 0 20px;

}

.form_row > label {
	float:left;
    width:15%;
    padding: 0;
    text-align:left;
	vertical-align:top;
}

.form_row .form_group
{
	float:left;
	display:block;
}

.form_row .form_group input
{
	clear:left;
}

.form_row .form_group textarea
{
	vertical-align:top;
	display:block;
	width:200px;
}



.form_row input.submit
{
	margin-left:75px;
}

.widget form {
	max-width: 70%;
}

.form-error-msg { display:none; }
.form-error .form-error-msg { display:block; color: red; font-size:smaller; float: right; }

/* End Form Styles */



p.notification {
	float:left;
	width:350px;
}


.reset_font, .pallette_font, .pallette_repeat
{
	font-size:12px !important;
}


/* Localized */