/* estilos creados para la nueva version*/
historia{ 
	width:99%;  clear:both;}
	
.centered { text-align: center; color:#FFF; line-height:30px; font-size:21px; display:block; float:left; height:30px; width:90%;}
.titHistorial { background:url(../images/rosaSup.gif); height:30px; width:99%;}
.esquinaRosa1{ background:url(../images/rosaEsquina1.gif) no-repeat; height:30px; width:14px; display:block; float:left; }
.esquinaRosa2{ background:url(../images/rosaEsquina2.gif) no-repeat; height:30px; width:14px; display:block; float:right;  }

.pieHistorial { background:url(../images/mixta.gif); height:42px; width:99%;}
.esquinaPie1{ background:url(../images/mixtaEsquina1.gif) no-repeat; height:42px; width:14px; display:block; float:left; }
.esquinaPie2{ background:url(../images/mixtaEsquina2.gif) no-repeat; height:42px; width:14px; display:block; float:right;}


#boxMessages { border-right:#eb1e8b 2px solid; border-left:#eb1e8b 2px solid; width:95%; height:280px; padding: 17px; overflow:auto; position:relative; }

#boxMessages div { .width: 98%; }

#actualMessage { background-color: #B1B1B1; color: #FFF; font-size: 1.3em; border-right:#eb1e8b 2px solid; border-left:#eb1e8b 2px solid; width:95%; padding: 5px 22px 0px 12px; }

#nick {  color:#FFF; line-height:30px; font-size:21px; display:block; float:left; margin-right:5px;}
.nick_out, .nick_in { font-weight: bold; }

.msg_container div {
	line-height: 23px;
}

#salaInfo{ width:300px; height:165px;; float:left; }
#usuarioInfo{ width:300px; height:165px; float:left; margin: 0px 20px; }

.titSala { text-align: center; color:#FFF; background:url(../images/bgInfoSala.gif) repeat-x; line-height:30px; font-size:14px;}
.cuerpoNegro { border-left:#464646 2px solid; border-right:#464646 2px solid;  padding:10px 10px;}
.subInfo{ color:#eb1e8b; font-weight:bold; line-height:30px;}
.txtInfo { line-height:20px; text-align:right;}

.pagination {
	margin: 10px 0 10px 0;
}

.pieNegro{ background:transparent url(../images/pieNegro.gif) no-repeat scroll 0 0; width:300px; width:300px; height:14px;}

#comentarios{ width:300px; float:left; margin-bottom: 20px;}

.titComent { text-align: center; color:#FFF; background:url(../images/bgComent.gif) repeat-x; line-height:30px; font-size:14px;}
.cuerporosa { border-left:#eb1e8b 2px solid; border-right:#eb1e8b 2px solid;  padding:10px 10px; overflow:auto;}
.tags	{ background-color:#dee7f8; border:1px solid #cad8f3; color:#666666; font-size:11px; padding: 1px 3px;}
.pieRosa{ background:transparent url(../images/pieRosa.gif) no-repeat scroll 0 0; width:300px; height:14px;}

div.in 	{ background:#f6e3ef; margin:1px 0px;}
div.out 	{ background:#F5FFEB; margin:1px 0px;}
div.command_in 	{ background:#FFF8FD; margin:1px 0px;}
div.command_out	{ background:#FDFFFC; margin:1px 0px;}
.boton	{ background:transparent url(../images/btnEnviar.png) no-repeat 0 0; border:none; width:93px; height:19px; color:#FFF; font-size:12px; line-height:19px;}
.boton:hover	{ background:transparent url(../images/btnEnviar.png) no-repeat 0 bottom; border:none; width:93px; height:19px; color:#fff; font-size:12px; line-height:19px; cursor: pointer;}

.cuerpoNegro, .cuerporosa { height: 140px; }

.close_comment { cursor: pointer; }

.expander { cursor: pointer; }

table.message { margin: 0px;}
table.message td { vertical-align: top; }
table.message td.nick, table.message td.command { padding-left: 20px; padding-right:0px; width: 1px; white-space: nowrap;}
table.message td.text { width: auto; }
table.message td.date { width: 120px; }

div.in 	table td.nick			{ background: transparent url(../images/sms_in.png) no-repeat scroll 2px 5px;}
div.out table td.nick			{ background: transparent url(../images/sms_out.png) no-repeat scroll 2px 5px;}
div.command_in table td.command	{ background: transparent url(../images/sms_command_in.png) no-repeat scroll 2px 5px;}
div.command_out	table td.command{ background: transparent url(../images/sms_command_out.png) no-repeat scroll 2px 5px;}

/* FIN de estilos creados para la nueva version*/

* {
    margin: 0;
}
html, body {
    height: 100%;
	.height: 99%;
}
#html-body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -90px;
	padding:0px 20px;
	background:#FFF;
}
body { background:#ebebeb;}
.push {
    height: 90px;
}

#footer {
	border-top: 1px dotted #c0c0c0;
	padding-top: 20px;
	height: 48px;
	width:950px;
	margin: 20px auto 0 auto;
}
ul { margin: 0; }
li {
	list-style-type: none;
	background: transparent url(/style/img/icon/bullet_orange.png) no-repeat scroll 1px 1px;
	padding-left: 20px;
}

small { color: #000; }

.right { float: right; position: relative; }
.left  { float: left;  position: relative; }

.hidden { display: none; }

div.close { cursor: pointer; float: right; }

.clear{ clear: both; }

.rounded {
   -moz-border-radius-bottomleft:  6px;
   -moz-border-radius-bottomright: 6px;
   -moz-border-radius-topleft:     6px;
   -moz-border-radius-topright:    6px;
}

.roundedBottom {
   -moz-border-radius-bottomleft:  6px;
   -moz-border-radius-bottomright: 6px;
}
.roundedTop {
   -moz-border-radius-topleft:     6px;
   -moz-border-radius-topright:    6px;
}


.paddingV { padding-top: 5px; padding-bottom: 5px; }
.paddingH { padding-left: 5px; padding-right: 5px; }

div#content h3 {
   color: #686C6F !important;
   font-size: 1.2em;
   font-weight:bold;
}

div#content h2 {
   color: #686C6F !important;   
   font-weight:bold;
   font-size: 1.4em;
}


/*** OPCIONES ***/

div.options a.animate{color:#CFBF11;}
div.options a.delete {color:#8a1f11;}
div.options { margin-bottom: 15px; }

/****************/


/********* HEADER **************/

div#header a { text-decoration: none; }
div#header a:hover { text-decoration: underline; }

div#header {
   border-bottom:1px dotted #c0c0c0;
   margin-bottom: 20px;
}

div#header div#user {
   float: right;
   background-color: #E20072;
   color: #FFF;
   padding: 0 4px;
   border-left: 1px solid #FABADA;
   border-bottom: 1px solid #FABADA;
}

div#header div a
{
   color: #FFF;
   font-weight: bold;
}

div#header div#menu {
	/*
	 position:relative;
	 float:left;
	 bottom: 16px;
	*/
	height:22px;
	background: url(../images/bgMenu.gif);
	padding: 4px 10px;
	color:#FFF;
}
div#header div#menu ul {
	margin: 0;
	color:#FFF;
	
}


div#header div#menu li {
	display: inline;
	margin: 0px;
	padding: 2px 5px;
	color:#FFF;
	background: none;
}

div#header div#menu li a {
	color: #fff;
	font-size:1.2em;
}


div#footer li {
	list-style-type : disc;
	list-style-image: none;
	background: none;
	padding-left: 0px;
}

/*
 Campos para formularios: @JUANSE
*/
div.tab-container label {
  color:#7D7C7C;
  display:block;
  font-weight:normal;
  padding-top:0.8em;
  min-width:100px;
  padding-right:0.5em;
}




input.frmText {
  background:#F6F6F6 none repeat scroll 0 0;
  border-color:#666666 #DDDDDD #DDDDDD #666666;
  border-style:solid;
  border-width:1px;
  color:#000000;
  font-size:1.3em;
  padding:0 1px;
}

div.frm-actions 
{ 
	clear: both; 
	margin: 2em 0 1em 0; 
	padding: .5em 0;
}

div.frm-actions h4 {
	margin-bottom:.5em;
	margin-top: 1em;
	border-bottom: 1px solid #eee
}


h1.home-title {
	margin-bottom: 0 !important;
	background: #FFF url(/images/logo-alertas.png) no-repeat scroll 0 0;
	padding-left: 40px;
	.line-height: 40px;
}

h1.home-title a {
	font-size:0.4em;
	margin-left:.5em;	
}

.box-border {
  border: 1px solid #c0c0c0;
}

.box-padding {
  padding: 10px;
}

.box-margin {
  margin: 10px;
}

input.longTextField {
  width: 40em;
}

.alertDetailPad {
	padding:.3em;
	margin:.3em;
	border: 1px solid #ccc;
}

.delete, a.delete {
    color: #f00 !important;
}

.ok, a.ok {
    color: #00A50B !important;
}

.warning_text { color: #f00; background: transparent url('img/icon/error.png') no-repeat top left; padding-left: 20px; margin-left: 10px; }

.void_result {
    background-color: #FFFEAA;
    padding:10px;
    margin:20px 10px 10px 20px;
    width:40%;
    border:1px dotted #ccc
}


/*
 Simple Tabs para multivaluacion de alertas: @DAMOR
*/

.tab-wrapper { padding: .5em 0; border-top: 3px solid #333333; clear: both; }
.tab-menu { list-style: none; padding: 20px 0 0 0; clear: both; line-height: 17px; font-size: 12px; margin: 0; }
.tab-menu li { display: block; margin: 2px 2px 0 2px; float: left; background: #f5f5f5;}
.tab-menu li a { padding: 2px 10px; color: #222; text-decoration: none; }
.tab-menu li a:hover,
.tab-menu li a:focus { background: #eee; color: #444 }
.tab-menu li a:hover { background: #ddd; color: #444 }
.tab-menu li.tab-selected a { background: #333; color: #fff }
.tab-menu li.next-separator { margin-right: 20px; }