/*Pedidos 2.0
  By: j0n4th4ntub3! | 1.0 by  crazyfrog
  spirate 2.3
  Actualizaciones, modificaciones en --> http://www.spirate.net
  Diseño totalmente creado por: j0n4th4ntub3
  Exclusivo sistema de pedidos
*/

ul {list-style-type:none;}
/*Lineas en inputs -> onfocus ??? quitemoslas!*/
input::-moz-focus-inner { border: 0;outline:0 } 
input[type=button]::-moz-focus-inner { border: 0;outline:0 } 
input[type=submit]::-moz-focus-inner { border: 0;outline:0 }
button::-moz-focus-inner { border: 0;outline:0 } 

#pedidos_bigdiv{
-moz-border-radius:0 2px 5px 5px;
-webkit-border-radius:0 2px 5px 5px;
border:1px solid #999999;
border-top:none;
clear:both;
float:left;
width:100%;
min-height:100px;
position:relative;
background:url('images/pedidos/div_ul.gif') repeat-x top #e3e1e1;
padding-top:3px;
padding-bottom:20px;
	
}





/*sistema de pestañas 1.0 by by j0n4th4ntub3 */
ul#pestanas{
border-bottom:1px solid none;
border-left:none;
float:left;
height:32px;
list-style:none outside none;
margin:0;
padding:0;
width:100%;



	
}
.img_pedidos{padding:0 5px 0 23px; background:url('images/pedidos/pedidos_icons.png?v=1.0') 0 -47px no-repeat;}
.img_agregar{padding:0 5px 0 19px; background:url('images/pedidos/pedidos_icons.png?v=1.0') 0 -1px no-repeat; padding-top:2px}
.img_cumplidos{padding:0 5px 0 23px; background:url('images/pedidos/pedidos_icons.png?v=1.0') 0 -140px no-repeat; padding-top:2px}
.img_pendientes{padding:0 5px 0 23px; background:url('images/pedidos/pedidos_icons.png?v=1.0') 0 -27px no-repeat; padding-top:0}
.img_buscar{padding:0 5px 10px 23px; background:url('images/pedidos/pedidos_icons.png?v=1.0')  0 -97px no-repeat; padding-top:0}
.img_ordenar{padding:0 5px 0 19px; background:url('images/pedidos/pedidos_icons.png?v=1.0') 0 -120px no-repeat; padding-top:0}
.img_destacados{padding:0 5px 0 23px; background:url('images/pedidos/pedidos_icons.png?v=1.0') 0 -210px no-repeat; padding-top:0}
.img_inpedido{padding:0 5px 0 23px; background:url('images/pedidos/pedidos_icons.png?v=1.0') 0 -250px no-repeat; padding-top:0}



#pestanas li{
background:#ececec;
border:1px solid #999999;
border-bottom:none;
float:left;
height:31px;
line-height:31px;
margin:0 0 -1px;

padding:0 5px 0 8px;
position:relative;
cursor:pointer;
margin-right:4px;
font-weight:bold;
color:#CCC;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;

}

#pestanas li a {color:#999; text-decoration:none;padding-bottom:5px;}
#pestanas li.seleccionada a {color:#000;}
#pestanas li:hover a {color:#000;}
#pestanas li:hover {background:#f4f2ef;}

#pestanas li.first{
border-left:1px solid #999999;
margin-left:0px;
}



#pestanas li.seleccionada{
background:none repeat scroll 0 0 #e3e1e1;
border-bottom:1px solid #e3e1e1;
font-weight:bold;
text-shadow:1px 1px 1px #FFF;
font-family:Arial, Helvetica, sans-serif;
-moz-box-shadow: 0 0 3px #6dcff6;
height:30px;
color:#000;
	
	
}

.cuerpo_pedido{
padding:9px 25px 9px 25px;
background:url('images/pedidos/div_ul.gif') bottom  repeat-x ;
margin: 5px;
margin-top:0px;
margin-bottom:0px


}
.clip{position:absolute; right:0px; margin:20px;}
.clip .pend{height:19px; background:url('images/pedidos/pedidos_icons.png?v=1.0') 0 -22px no-repeat;  width:20px; display:block}
.clip .cump{height:19px; background:url('images/pedidos/pedidos_icons.png?v=1.0') 0 -140px no-repeat;   width:20px; display:block}
.clip .dest_icon{height:19px; background:url('images/pedidos/pedidos_icons.png?v=1.0') 0 -210px no-repeat;   width:20px; display:block}
.data_pedido{font-weight:bold;}
.contenido_pedido{
	padding: 10px 0 10px 0;
	
}
input.btn_pedido{
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
-moz-box-shadow:0 1px 0 #CCCCCC;
background-color:#EEEEEE;
border:1px solid #888888;
color:#333333;
cursor:pointer;
outline:0 none;
margin-left: 6px;
margin-right:6px;
text-align:center;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
text-shadow:1px 1px 1px #DDDDDD;
}

.padd_in_btn{padding: 5px 10px 5px 10px;}

input.btn_pedido:hover{-moz-box-shadow:1px 1px 6px #444444;}

input.btn_pedido:active{background:-moz-linear-gradient(center top , #CCCCCC, #FFFFFF) repeat scroll 0 0 #DDDDDD;}

.close_p_btn{padding-left:20px; background:url('images/pedidos/pedidos_icons.png?v=1.0') 0 -181px no-repeat;}
input.close_p_btn:active{background:url('images/pedidos/pedidos_icons.png?v=1.0') 0 -137px no-repeat ; background-color:repeat scroll 0 0 #DDDDDD;}

.aclaracion{color:#999;}
.data_pedido a{color:#06F;}


.sort_pedidos{
-moz-box-shadow:5px 5px 5px rgba(0, 0, 0, 0.5);
background:url('images/pedidos/div_ul.gif') repeat-x #e3e1e1;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
color:#444444;
display:block;
left:-1px;
font-weight:normal;
position:absolute;
text-align:left;
width:200px;
display:none;
z-index:9900;	
		
}

.sort_options{padding: 0 10px 0 10px;}
.sort_options:hover{background:#ececec}


.cuerpo_create{padding:10px;}
.cuerpo_create input[type="text"]{width:800px; color:#000; font-size:14px;}
.tit_new_p{font-weight:bold; text-shadow:2px 2px 2px #FFF; font-size:15px; text-transform:uppercase; margin-bottom:5px; color:#0066ff;}
.cuerpo_textarea textarea{
width:800px; 
height:100px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

}
.cuerpo_textarea{width:810px;}
.btn_submit{margin-top:10px;}

.proceso{
background:url('images/social_groups/loading_popup.gif') no-repeat center white;
display:none;
height:100%;
opacity:0.5;
filter: alpha(opacity=60);
position:absolute;
width:100%;
z-index:999;}

#info_pedido_request{
	
	
	width:100%;
	text-align:center;
	display:none;
	position:relative;

	
	}
	
#info_pedido_request .statok{
	margin:10px;
	height:20px;
	border-top:1px solid green;
	border-bottom:1px solid green;
	background-color:#4dce58;
	padding:5px;
	color:#064a1a; 
	text-shadow:1px 1px 1px #70e669;
	font-weight:bold;
	
}

#info_pedido_request .staterror{
	margin:10px;
	height:20px;
	border-top:1px solid red;
	border-bottom:1px solid red;
	background-color:#dd5051;
	padding:5px;
	color:#951919; 
	text-shadow:1px 1px 1px #f07c7e;
	font-weight:bold;
	
}



.info_user{
margin: 15px 15px 0 15px;
background: url('images/pedidos/user_fondo.png') no-repeat;
height:300px;
width:210px;
}
.info_user .contenido{
padding: 15px 10px 10px 35px;
overflow:hidden;

color:#5f5f5f; text-shadow:1px 1px 1px #e7e7e7;
font-weight:bold;
}
.info_user a:hover{text-decoration:none;}

.avatar_inpedido img{max-width:150px; max-height:150px}
.up_line{background:url('images/pedidos/div_ul.gif') repeat-x; display:block; height:10px; width:193px; margin-left:27px; }
.up_line2{background:url('images/pedidos/div_ul.gif') repeat-x; display:block; height:10px; width:193px; }
.mp_send{background:url('images/icons/notify_sm.gif') 0 -2px no-repeat; display:inline; height:15px; width:193px; padding-left:20px;}
.tota_pedidos{background:url('images/pedidos/hand.png') 0 -2px no-repeat; display:inline; height:15px; width:193px; padding-left:19px;}
.href_nick{background:url('images/pedidos/pedidos_icons.png?v=1.0') 0 -230px no-repeat; display:inline; height:15px; width:193px; padding-left:22px;}


.descript_pedido{
	width:620px;
	height:100%;
	margin: 26px 15px 0 15px;	
}
.descript_pedido .titulo{
	height:25px;
	background:url('images/pedidos/bg-title-pedido.gif') repeat-x #e8e8e8;
	padding:7px 0 0 25px;
	width:593px;
	color:#6E6E6E;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #BDBDBD;
	border-width: 1px 1px 0 1px;
	border-style:solid solid none solid;
	border-color:#A4A4A4 #A4A4A4  transparent #A4A4A4;
	-moz-border-radius: 5px 5px 0 0;
	
	
}
.descript_pedido .contenido{
	background:url('images/pedidos/div_ul.gif') repeat-x #e6e6e6;
	border-width: 0 1px 1px 1px;
	overflow:hidden;
	border-style:none solid solid solid;
	border-color:transparent #A4A4A4 #A4A4A4 #A4A4A4;
	width:618px;
	height:100%;
	-moz-border-radius: 0 0 5px 5px;
}
.descript_pedido .contenido .txtpedido{padding:15px;}

.inpt_ped{
-moz-border-radius:5px;
-webkit-border-radius:5px;
width:190px;
}


.respuesta_p{
border-bottom:1px solid #999;
border-top:1px solid #999;
height:55px;
background:#CCC;
padding-left:20px;
position:relative;
margin-bottom:3px;
}

.deleted{
border-bottom:1px solid #FF0000;
border-top:1px solid #FF0000;	
background:#FA5858;
opacity:0.6; 
filter: alpha(opacity=60);

}


.deleted b{color:#951919; text-shadow:1px 1px 1px #f07c7e;}


.selected_best{
border-top:1px solid green;
border-bottom:1px solid green;
background-color:#4dce58;
}

.selected_best b{color:#064a1a; text-shadow:1px 1px 1px #70e669;}

.respuesta_p span{
	margin:20px;
	position:absolute;
	display:inline;
}
.respuesta_p img{margin-top:10px; display:inline;}
.respuesta_p strong{position:absolute;right:0px; margin:8px;}
.respuesta_p strong a{cursor:pointer;}

.column_search_2 span a{color:#06F; font-weight:bold; margin-bottom:15px; text-decoration:none;}

.resultados_in{height:50px; overflow:hidden; margin-bottom:30px; padding-bottom:100px; background:url('images/pedidos/div_ul.gif') bottom repeat-x;}

.column_search_1{width:600px; margin-right:15px;}
.column_search_2{width:200px; overflow:hidden;}
.column_search_2 a:hover, .column_search_1 a:hover{text-decoration:none;}
.column_search_2 span{display:block; margin-bottom:3px;}
.contenido_pedido a:hover{text-decoration:none}
strong.cumplido{background:#088A08; padding: 2px 10px 2px 10px; color:#FFF; text-shadow:1px 1px 1px #000; -moz-border-radius:5px;}
strong.pendiente{background:#FE2E2E; padding: 2px 10px 2px 10px; color:#FFF; text-shadow:1px 1px 1px #000; -moz-border-radius:5px;}
div.title_search{ height:20px; padding-top:10px;}
.title_search span{background:#2E9AFE; padding: 3px 10px 3px 10px; color:#FFF; text-shadow:1px 1px 1px #000; -moz-border-radius:5px; width:600px; overflow:hidden;}
.title_search span a{color:#FFF; -moz-border-radius:5px;}


/*Help arrows rainbow 1.0 by j0n4th4ntub3*/
/*Necesitamos un elemento con posicion relativa */
.relative{position:relative;}
/*Base de los arrows */
.tip_ayuda{
	display:none;
	position:absolute;
	height: 20px;
	left:100%;
	width:350px;
	z-index:9999;
	top:5px; }
/*Background... */
.tip_ayuda span, .tip_ayuda strong{background:url('images/pedidos/arrows-rainbow-1.0.png?v=1.0') no-repeat;}
/* Borde derecho .... */
.tip_ayuda span{
float:left;
height:55px;
padding-right:24px;
}
/*Contenido... */
.tip_ayuda strong{
display:block;
font-weight:bold;
height:20px;
padding:19px 10px 10px 50px;
}

/*links en arrows */
.tip_ayuda strong a{ font-weight:normal;color:#FFF; text-shadow:1px 1px 1px #000; font-family:Tahoma, Geneva, sans-serif; position:relative;bottom:1px;}
.tip_ayuda strong a:hover{text-decoration:none;}

/* ------ Tipos de alerta --------- */

/*aviso de informacion */
.tip_ayuda.tip span strong{background-position:left 6px; color:#1b3264; text-shadow:1px 1px 1px #56aae3;}
.tip_ayuda.tip span{ background-position: right 6px; }
/* Aviso de error */
.tip_ayuda.trouble span strong{background-position: left -45px; color:#951919; text-shadow:1px 1px 1px #f07c7e;}
.tip_ayuda.trouble span{ background-position: right -45px; }
/*aviso status ok! */
.tip_ayuda.correct span strong{background-position: left -96px; color:#064a1a; text-shadow:1px 1px 1px #70e669;}
.tip_ayuda.correct span{ background-position: right -96px; }
/* aviso loading... */
.tip_ayuda.wait span strong{background-position: left -148px; color:#5f5f5f; text-shadow:1px 1px 1px #e7e7e7; }
.tip_ayuda.wait span{ background-position: right -148px; }
/*aviso warning */
.tip_ayuda.warning span strong{background-position: left -199px; color:#8d8028; text-shadow:1px 1px 1px #e7e7e7; }
.tip_ayuda.warning span{ background-position: right -199px; }