/* CSS document */

@import "../font/roboto.css";
@import "template.css";
@import "event.css";
@import "jquery-ui-cha.css";
@import "jquery-ui-timepicker-addon.css";
@import "payment.css";
@import "faq.css";
@import "admin.css";
@import "maintenance.css";
@import "stats.css";
/* Table sorter*/
@import "tablesorter/style.css";


body {
	background:#FFF;
	margin:0px;
	padding:0px;
	font-size:14px;	
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-weight: 400;
}

h1, h2, h3, h4, h5, .title, .nav, #header, .top, #footer {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
}

h1 { font-size:18pt; font-weight:bold; }
h2 { font-size:16pt; font-weight:bold; }
h3 { font-size:14pt; font-weight:bold; }
h4 { font-size:12pt; font-weight:bold; }

.left { float: left; }
.right { float: right; }
.clear { float: none; width: 100%; }

.align_left {	text-align: left; }
.align_right {	text-align: right; }

.ml1 { margin-left: 10px; }

/* Tooltips */
.ui-tooltip {
	background:#FFF;
	margin:0px;
	padding:10px;
	font-size:10pt;	
}
/* END tooltips */

.dialog_alert, 
.dialog_info, 
.dialog_success, 
.dialog_warning {
	margin:10px 35px;
	padding:5px;
	padding-left:25px;
	border: 1px solid;
	clear: both;
	font-weight: bold;
}
.dialog_alert {
	color:#C00;
	background-color:#FEF1EC;
	background:#FEF1EC url(../../images/icons/exclamation.png) no-repeat 5px 50%;
	border-color:#CD0A0A;
}
.dialog_info  {
	background-color:#FBEC88;
	background:#FBEC88 url(../../images/icons/information.png) no-repeat 5px 50%;
	border-color: #FAD42E;
}
.dialog_warning  {
	background-color:#FBEC88;
	background:#FBEC88 url(../../images/icons/error.png) no-repeat 5px 50%;
	border-color: #FAD42E;
}
.dialog_success {
	color:#000;
	background-color:#EBF8A4;
	background:#EBF8A4 url(../../images/icons/accept.png) no-repeat 5px 50%;
	border-color: #A2D246;
}

.icon_alert, 
.icon_info, 
.icon_manager, 
.icon_root, 
.icon_warn {
	margin:0px 5px;
	padding-left:15px;
}
.icon_alert { background: url(../../images/icons/exclamation.png) no-repeat; }
.icon_warn { background: url(../../images/icons/error.png) no-repeat; }
.icon_info { background: url(../../images/icons/information.png) no-repeat; }
.icon_root { background: url(../../images/icons/root.png) no-repeat; }
.icon_manager { background: url(../../images/icons/manager.png) no-repeat; }

.icon {
	vertical-align:text-bottom;
	padding-right: 5px;
}

.hidden { display:none; }

span.required_field {
	font-weight:bold;
	color:#E00;
}
span.help {
	padding-right:25px;
	background:url(../../images/icons/help.png) no-repeat right ;
}
span.info {
	padding-right:25px;
	background:url(../../images/icons/information.png) no-repeat right ;
}
span.warn {
	padding-right:25px;
	background:url(../../images/icons/error.png) no-repeat right ;
}
span.red, p.red {
	color: #F33;
}

.scroll-x { overflow-x: auto; }
.scroll-y { overflow-y: auto; }

/* --------------------------------- BUTTON ---------------------------*/

.button {
	position: relative;
	display: inline-block;
	cursor: pointer;
	border: solid 1px #ccc;
	line-height: 1.9em;
	padding: 2px 16px;
	background: #e8e8e8;
	margin: 3px 6px;
	color: #000;
	text-decoration:none;
}
.button:hover {
	border: 1px solid #cdd5da;
	background: #fafafa;
}

.button.add, 
.button.submit, 
.button.admin, 
.button.delete, 
.button.email_edit, 
.button.cancel, 
.button.edit, 
.button.useredit, 
.button.page_edit {
	background-repeat:no-repeat;
	background-position: 15px 50%;
	padding-left: 35px;
}
.button.add { background-image:url(../../images/icons/add.png); }
.button.submit { background-image:url(../../images/icons/accept.png); }
.button.admin { background-image:url(../../images/icons/shield_go.png); }
.button.delete { background-image:url(../../images/icons/cancel.png); }
.button.email_edit { background-image:url(../../images/icons/email_edit.png); }
.button.cancel { background-image:url(../../images/icons/cross.png); }
.button.useredit { background-image:url(../../images/icons/pencil.png); }
.button.page_edit { background-image:url(../../images/icons/page_edit.png); }
.button.edit {
	background-image:url(../../images/icons/pencil.png);
	position:absolute;
	right:100px;
}