/* Core Formatting */
.left		{ text-align: left }
.right		{ text-align: right }
.center		{ text-align: center }
.f-left		{ float: left }
.f-right	{ float: right }
.top		{ vertical-align: top }
.middle		{ vertical-align: middle }
.bottom		{ vertical-align: bottom }
.clear		{ clear: both }
.clear-l	{ clear: right }
.clear-r	{ clear: left }
.smalltext	{ font-size: 11px; }
.nowrap 	{ white-space:nowrap; }

/* Core Icons */
img.icon		{ border: 0 }
img.icon.list	{ margin: 0px 5px 5px 0px }
img.icon.action { vertical-align: middle }
img.S16		{ width: 16px; height: 16px }
img.S32		{ width: 32px; height: 32px }
img.S64		{ width: 64px; height: 64px }
img.S128		{ width: 128px; height: 128px }
/*******************************************************************************************************************/

/* Forms */
form        { display:inline; }
input, select{ vertical-align:middle; }
textarea	{ overflow:auto; }

/******** SyS Messages / Message text formatting */
/* message boxes */
#s-message { }

#s-message div.info, div.info,
#s-message div.error, div.error,
#s-message div.success, div.success,
#s-message div.debug, div.debug,
#s-message div.warning, div.warning { padding: 5px; margin-bottom: 10px; }


#s-message div.info, div.info 	{ background-color:#C1E0FF; border: 1px solid #3399FF; }
#s-message div.error, div.error 	{ background-color:#FFCECE; border: 1px solid #CC0000; }
#s-message div.success, div.success  { background-color:#DFFFDF; border: 1px solid #009900; }
#s-message div.warning, div.warning	{ background-color:#FFFFD5; border: 1px solid #FFCC00; }
#s-message div.debug, div.debug 	{ background-color:#FFFFFF; border: 1px solid #EAEAEA; }

.message-title { height: 32px; background: 0 50% no-repeat; padding-left: 42px; font-size: 14px; font-weight: bold; line-height: 32px; }

div.info 		.message-title 	{ background-image: url(images/messagebox_info.png); }
div.error 		.message-title 	{ background-image: url(images/messagebox_critical.png); } 
div.success 	.message-title 	{ background-image: url(images/ok.png); }
div.warning 	.message-title	{ background-image: url(images/messagebox_warning.png); }
div.debug 		.message-title	{ background-image: url(images/messagebox_info.png); }

.message-body { padding-left: 42px; }
.message-item ()

/* Info Boxes */ 
.ebox { }

.ebox-left, 
.ebox-right { width: 49% }

.ebox-left { float: left }
.ebox-right { float: right }

.ebox-content { }
.ebox-content .head { background-color: #F9F9F9; padding: 2px 10px; border: 1px solid #ddd; border-bottom: 0 none; }
.ebox-content .head h4 { background: transparent; text-align: left; line-height: 20px; font-size: 1em; margin: 0; padding: 0;}

.ebox-content fieldset, 
.ebox-content .fieldset  { margin-bottom: 15px; padding: 10px 15px; border: 1px solid #ddd }

.ebox-list { border: 0 none !important; width: auto; margin: 0; }
.ebox-list td { background: transparent !important; border:0 none; padding-bottom: 5px; padding-top: 5px; }
.ebox-list td.label { width: 150px; }
.ebox-list td.label span { display: block; padding-right: 10px; }
.ebox-list td.label span.required {
	display: inline;
	color: #ff0000;
	padding: 0;
}

/* validate result inline message */
.validate-result {}

/* message text (overall) */
.warning { color: #FF6600 }
.success { color: green; }
.error { color: #FF0000 }
.info {}

/******** Tooltip info */
.e-info {}

/******** Buttons */

button { 
  border:0; 
  cursor:pointer; 
  font:bold 12px arial, helvetica, sans-serif;  
  padding:0 10px 0 0; 
  text-align:center;
  color:#0b333c; 
}
button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 13px; 
  height:22px; line-height:22px;  color:#0b333c;
}

button 					{ background:url(images/btn_right.gif) right no-repeat;  }
button span 			{ background:url(images/btn_left.gif) left no-repeat;  }

button:hover,
button:focus 			{ background:url(images/btn_over_right.gif) right no-repeat; }
button:hover span, 
button:focus span 		{ background:url(images/btn_over_left.gif) left no-repeat; } 


button:active			{ background:url(images/btn_active_right.gif) right no-repeat; }
button:active	span	{ background:url(images/btn_active_left.gif) left no-repeat; }

button::-moz-focus-inner { border: none; } 

button.delete span			{ padding-left: 30px; }
button.delete span			{ background-image:url(images/btn_remove_left.gif); }
button.delete:hover span,
button.delete:focus span 	{ background-image:url(images/btn_remove_over_left.gif) } 
button.delete:active span	{ background-image:url(images/btn_remove_active_left.gif)}

button.submit span			{}
button.submit span			{}
button.submit:hover span,
button.submit:focus span 	{} 
button.submit:active span	{}


button.update span			{ padding-left: 30px; }
button.update span			{ background-image:url(images/btn_update_left.gif); }
button.update:hover span,
button.update:focus span 	{ background-image:url(images/btn_update_over_left.gif)}
button.update:active span	{ background-image:url(images/btn_update_active_left.gif)}

button.create span			{ padding-left: 30px; }
button.create span			{}
button.create:hover span,
button.create:focus span 	{} 
button.create:active span	{}

button.edit span			{ padding-left: 30px; }
button.edit span			{}
button.edit:hover span,
button.edit:focus span 		{} 
button.edit:active span		{}

button.cancel span			{}
button.cancel span			{}
button.cancel:hover span,
button.cancel:focus span 		{} 
button.cancel:active span		{}


.buttons-bar { padding: 10px 0px; }
.buttons-bar button { margin-right: 10px; }
.buttons-bar button.f-right { margin-right: 0px; }

/********** Element Loading Status default style */
.element-loading-mask { background-repeat: no-repeat; background-position: 50% 50%; background-color: #f5f5f5; }

/********** Misc */
.e-pointer { cursor: pointer; } /* Pointer Hand */
.expand-container { padding: 10px 0px; } /* Block with expandable items */