/* Informations, Warnings, Information */


/* BLOK s hlaskami */
DIV#messages
{
	
}

DIV#messages P
{
	margin: 0px;
	padding: 0px;
}


/* OKNA */
#information, #warning, #error
{
  position: relative;
  padding: 8px;
  width: 250px;
  margin: 0px auto 5px auto;
  text-align: justify;
  font-family: "Tahoma", "Arial", "Arial CE", "Helvetica CE", sans-serif;
  font-size: 11px;
  line-height: 13px;
  overflow: hidden;
}

/* Barevne schema */
#information
{
  background-color: #0000FF;
  color: #FFFFFF;
}

#warning
{
  background-color: #FFFF00;
  color: #000000;
}

#error
{
  background-color: #FF0000;
  color: #FFFFFF;
}


/* IKONY */
#information .icon, #warning .icon, #error .icon
{
  margin: -2px 4px 0px -2px;
  width: 40px;
  height: 40px;
  float: left;
}

#information .icon
{
  background-image: url('images/messages/information.gif');
}

#warning .icon
{
  background-image: url('images/messages/warning.gif');
}

#error .icon
{
  background-image: url('images/messages/error.gif');
}


/* ROHY */
#information .top-left, #information .top-right, #information .bottom-left, #information .bottom-right,
#warning .top-left, #warning .top-right, #warning .bottom-left, #warning .bottom-right,
#error .top-left, #error .top-right, #error .bottom-left, #error .bottom-right
{
  position: absolute;
  width: 16px;
  height: 16px;
}

/* Pozice rohu */
#information .top-left, #warning .top-left, #error .top-left
{
  top: 0px;
  left: 0px;
  background-position: top left;
}

#information .top-right, #warning .top-right, #error .top-right
{
  top: 0px;
  right: 0px;
  background-position: top right;
}

#information .bottom-left, #warning .bottom-left, #error .bottom-left
{
  bottom: 0px;
  _bottom: -1px;
  left: 0px;
  background-position: bottom left;
}

#information .bottom-right, #warning .bottom-right, #error .bottom-right
{
  bottom: 0px;
  _bottom: -1px;
  right: 0px;
  background-position: bottom right;
}

/* Zdroje rohu */
#information .top-left, #information .top-right, #information .bottom-left, #information .bottom-right
{
  background-image: url('images/messages/information-corners.gif');
}

#warning .top-left, #warning .top-right, #warning .bottom-left, #warning .bottom-right
{
  background-image: url('images/messages/warning-corners.gif');
}

#error .top-left, #error .top-right, #error .bottom-left, #error .bottom-right
{
  background-image: url('images/messages/error-corners.gif');
}