@CHARSET "UTF-8";

/**************** FB ****************/

.fbbox { overflow:hidden; width:180px; height:60px; border: solid 1px #b1b1b1; display: inline-block; }
.fbbox img { margin: 5px; float:left; }
.fbbox .name { margin: 14px 5px 0px 0px; display: inline-block; float:left; width: 115px; overflow: hidden; text-align:left; }
.fbbox .name a { color: #333333; }
.fbbox .email { margin: 0px; display: inline-block; float:left; font-size: 10px; font-weight: normal; width:115px; overflow:hidden; text-align:left; }
.fbbox .email .fb_button_text { font-size: 9px; }
.fbbox .email #completaInfo { font-weight:bold;  }

#header .fbbox { width: 220px; background: white; }
#header .fbbox img {  }
#header .fbbox .name { width:155px; margin-top: 12px;  }
#header .fbbox .name a { font-size: 16px; }
#header .fbbox .email { width:155px; font-size:11px;  }
#header .fbbox .email .fb_button_text { font-size: 11px; }
#header .fbbox .email #completaInfo { font-weight:bold; font-size:11px;  }

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

#ayuda { position: fixed; top: 250px; left: 0px; width: 76px; height: 193px; border: 0px; display: block; cursor: pointer; }
#ayuda .holder { background: transparent url(../images/ayuda_fb.png) no-repeat; width: 76px; height: 193px; }

.loginError { color:yellow; background: #666; padding:0px 20px; float:right; }

.phone_pic {
	width: 179px;
	height: 159px;
	border: solid 1px black;
}

.mensaje {
	font-family: "Courier New", monospace;
	color: black;
	font-size: 14px;
}
.mensaje .comando {
	font-weight: bold;
}

.conversacion {
	margin: 30px;
	padding: 10px;
	background: #eee;
	border: solid 1px #333
}

#mensaje_codigo {
	background: white;
	border: solid 1px;
	padding: 15px;
}

/**************** UI ****************/

.ui-state-highlight {
	background: #FBC013;
	border: solid 2px #ddb51c;
	color: black;
	padding: 5px 30px !important;
	text-align: center;
}

.ui-state-error {
	background: #d3420f url(../img/state_bg.png) repeat-x 0 -26px;
	border: solid 2px #aa3c03;
	color: white;
	padding: 5px 30px !important;
	text-align: center;
}

.ui-helper-hidden {
	display: none;
}


/**************** SERVICIOS ****************/

#accounts { background: white; z-index: 9999; }

.button { padding:0.3em 1em 0.3em 20px; position:relative; text-decoration: none; }
#asociar { padding:0.4em 1em 0.4em 20px; position:relative; text-decoration: none; }
.asociar_container { width: 500px; padding-top: 8px; background: #F0F0F0; overflow: auto; }
.extraHeight.asociar_box { height: 150px; }
.asociar_box { background: white; float: left; width: 238px; overflow: hidden; margin: 0 0 8px 8px; height: 120px; }
.asociar_box .im_icon { float: left; margin: 0 0 0 5px; height: 40px; width: 40px; }
.asociar_box .im_icon.msn .holder { background: transparent url(../images/icon/msn_40_online.png) no-repeat; width: 40px; height: 40px; }
.asociar_box .im_icon.gtalk .holder { background: transparent url(../images/icon/gtalk_40_online.png) no-repeat; width: 40px; height: 40px; }
.asociar_box .im_icon.yahoo .holder { background: transparent url(../images/icon/yahoo_40_online.png) no-repeat; width: 40px; height: 40px; }
.asociar_box .im_icon.facebook .holder { background: transparent url(../images/icon/facebook_40_online.png) no-repeat; width: 40px; height: 40px; }

.asociar_box .im_name { color:#ff0000; font-size:20px; font-weight:normal; margin:0; padding:13px 0 8px 54px; position:relative; text-transform:lowercase; }
.asociar_box .error { padding: 0px 0 0px 54px; color: #ED1C24; font-size: 11px; font-weight: normal; display: none; }
.asociar_box .label { font-weight:normal; font-size: 11px; }
.asociar_box input { background: #FAFAFA; border:solid 1px #B1B1B1; font-size: 11px; width: 130px; height: 17px; line-height: 17px;}
.asociar_box .loginbox { padding: 5px 0 0 30px;  }
.asociar_box .info .label { font-weight:normal; font-size: 12px; }
.asociar_box .username { font-size: 12px; color: black; }
.asociar_box .progress { font-size: 12px; font-weight: bold; color: #40A2E2; display: none; text-align:right; padding-right: 10px; line-height: 16px; }

.continue { color: #FF0101;  line-height: 26px; }
.continue .left { background: transparent url(../images/bg-side-link-l-hover.png) no-repeat; width: 105px; height: 33px; padding: 0 0 0 12px; float: left; = }
.continue .right { background: transparent url(../images/bg-side-link-r-active.png) no-repeat; width: 39px; height: 33px; float: left; }

.asociar_box .asociar, .asociar_box .desasociar { border: none; width: 92px; height: 22px; }


/**************** LISTAS ****************/




.lista {
   
}

.lista-contactos { 
list-style-type: none; 
margin: 0;
padding: 0 0 50px 0; 
width: 160px;
border-top: solid 1px #ccc;

}

.lista-contactos li {
background: white;
padding: 0px 0px;
border: solid 1px #ccc;
border-top: none;
margin-bottom: 1px;
height: 43px;
position: relative;
zoom: 1;
cursor: move;
}

.lista-contactos li.hover {
	border: solid 1px blue;
}
.lista-contactos li.hover .buddyId, .lista-contactos li.hover .buddyName {
	color: black;
}

#listas {
    background: #f0f0f0;
}

#listas td.lista {
    background: white;
    border:solid 1px #ff0000;
	
}
#listas th { 
	background: ;
	color: #ff0000;
	padding: 5px;
}




/*
#bloqueados { background: #D8D8D8;}
#contactos { background: #B7B7FF;}
#favoritos { background: #CAFF95;}

th.bloqueados { color:#5C5C5C}
th.contactos { color:#5151FF}
th.favoritos { color:#009500}


#bloqueados li {
border-color:#5C5C5C;
}

#contactos li {
border-color:#5151FF;
}

#favoritos li {
border-color:#009500;
}
*/

#bloqueados li .buddyNumber {
background: #646463;
color: white; 
}

#contactos li .buddyNumber{
background: #37649d;
color:#afcbeb; 
}

#favoritos li .buddyNumber{
background: #ff9c00;
color:#ffffff; 
}

.buddyNumber {
font-weight: bold;
height: 40px;
width: 30px;
display: block;
float: left;
padding: 4px 3px 0px 3px;
text-align: center;
background: #eee;
color: #555;
font-size: 10px;
}

.buddyId {
font-size: 9px;
position: absolute;
top: 24px;
left: 40px;
width: 115px;
overflow: hidden;
height: 12px;
line-height: 12px;
}
.buddyName {
position: absolute;
top: 2px;
left: 40px;
overflow: hidden;
width: 115px;
height: 20px;
line-height: 20px;
}

.im-icon {
	background-image:url(../images/icon/im-icons.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;	
	float: left;
	display: inline-block;
	text-indent: -99999px; 
	overflow: hidden;
	margin: 0px 0px 0px 0px; 
	
}
.im-icon-msn {
	background-image:url(../images/icon/msn_20_online.png);
}
.im-icon-goo {
	background-image:url(../images/icon/gtalk_20_online.png);
}
.im-icon-yah {
	background-image:url(../images/icon/yahoo_20_online.png);
}
.im-icon-fb {
	background-image:url(../images/icon/facebook_20_online.png);
}

.lista-contactos .im-icon {
    position: absolute;
    top: 20px;
    left: 7px;
    padding: 0px 3px;
}

#contact-container {
    float:left;
    width:500px;
    text-align: center;
}
#contact-container h1 {
    margin-bottom:20px;
}
#contact-form {
    margin: 0 auto;
    width:300px;
    text-align: left;
}
#contact-form label {
    display: block;
    float: left;
    text-align: right;
    width: 148px;
    margin-right: 5px;
}
#contact-form select {
    width: 147px;
}
#contact-form textarea {
    width: 300px;
}
#contact-form br {
    clear: both;
}
#contact-form p {
    text-align: center;
}

tr.step1 {
    display: table-row;
}
tr.step2,tr.step3 {
    display: none;
}