/*generic definition*/
html
{
	margin:0;
	padding:0;
}

body
{
	background: #626262;
	font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	margin:0;
	padding:0;
}

.hide {display:none;}
.show {display:block;}
.clear {clear:both; height:0; font-size:1em; margin:0; padding:0;}
img {border:0;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
form{margin:0; padding:0;}
hr {display:none;}
p {padding:0; margin:0;}


/*CUSTOMER MANAGING starts here*/
#customer_closedbox{float:left; width:auto; height:auto;}
#customer_openbox{float:left; width:auto; height:auto;}
#customer_clientwrapper{float:left; width:auto; height:auto;}
/*CUSTOMER MANAGING ends here*/

/*CUSTOMER MANAGING starts here*/
#customer_closedbox{float:left; width:auto; height:auto;}
#customer_openbox{float:left; width:auto; height:auto;}
#customer_clientwrapper{float:left; width:auto; height:auto;}
#customer_clientwrapper{float:left; width:auto; height:auto;}
#buttonWrapper{width:auto; height:31px; padding:20px 0 0 0;}
#buttonWrapper a{width:162px; height:31px; float:left; margin:0 5px 0 0; *margin:0 2px 0 0;}
#buttonWrapper img{border:0; float:left;}
/*CUSTOMER MANAGING ends here*/



#client {margin:0; padding:0; clear:both; overflow:hidden; width:100%; height:auto; text-align:center;}
#msgr{margin:0; padding:0;}
#msgr #msgrmessage{text-align:center; margin:100px 0 0 0; padding:0;}
#msgr #msgrconnect{text-align:center; margin:150px 0 0 0; padding:0; overflow:hidden; height:200px;}
#msgr #msgrconnect p{font-size:12px; margin-top:50px;}

#msgr #header{margin:0; padding:0; height:42px; width:100%; text-align:left; float:left;}
#msgr #header #header_logo{margin:0 0 0 10px; float:left;}
#msgr #header #header_minimize{margin:13px 10px 0 0; float:right;}

#msgr #profilecontainer {height:68px; margin:0; padding:0 0 0 4px; display:block; float:left; width:100%;}
#msgr #profilecontainer #profileimgcontainer{float:left; height:68px; width:68px; margin:0; padding:0;}
#msgr #profilecontainer #profileimgcontainer img{float:none; margin:7px 0 0 0; width:46px; height:46px;}
#msgr #profilecontainer #profilewrapper{float:left; height:64px; width:340px; margin:0 0 0 10px; padding:0; text-align:left;}

#msgr #profilecontainer #profilewrapper #displayname{float:none; margin:0; padding:0;}
#msgr #profilecontainer #profilewrapper #displayname span{margin:0; padding:0; font-size:16px;}

#msgr #profilecontainer #profilewrapper #personalmessage{float:none; margin:0; padding:0;}
#msgr #profilecontainer #profilewrapper #personalmessage span{margin:0; padding:0; font-size:13px;}
#msgr #profilecontainer #profilewrapper #personalmessage input{margin:0; padding:0; background:transparent; border:none; font-size:13px; font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; color:#000; width:350px;}

#msgr #profilecontainer #profilewrapper #personalstatus{float:none; margin:2px 0 0 0; padding:0;}
#msgr #profilecontainer #profilewrapper #personalstatus #personalstatus0{margin:0; padding:0; height:20px; float:left;}
#msgr #profilecontainer #profilewrapper #personalstatus #personalstatus0 span{font-size:11px;}
#msgr #profilecontainer #profilewrapper #personalstatus #personalstatus0 a{color:#000; text-decoration:none;}
#msgr #profilecontainer #profilewrapper #personalstatus #personalstatus0 a:hover{text-decoration:underline;}

#msgr #profilecontainer #profilewrapper #personalstatus #personalstatus1{margin:0; padding:1px 0 0 4px; height:19px; float:left;}

#msgr #profilecontainer #profilewrapper #personalstatus #personalstatus2{margin:0; padding:0 0 0 4px; height:20px; float:left;}
#msgr #profilecontainer #profilewrapper #personalstatus #personalstatus2 span{font-size:11px;}
#msgr #profilecontainer #profilewrapper #personalstatus #personalstatus2 a{color:#000; text-decoration:none;}
#msgr #profilecontainer #profilewrapper #personalstatus #personalstatus2 a:hover{text-decoration:underline;}

#msgr #separator {height:25px; width:100%; margin:0; padding:0; clear:both; background:url(/images/webmessenger/generic_separator.png) center no-repeat;}

#msgr #actionList{margin:0; padding:0 7px 0 7px;}
#msgr #actionList .actionListImg{margin:0 4px 0 0; padding:0; float:left; height:22px;}
#msgr #actionList .actionListItem a{padding:0; margin:0 12px 0 0; float:left; height:22px;font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; color:#000; font-size:12px; text-decoration:none;}
#msgr #actionList .actionListItem a:hover{text-decoration:underline;}

#msgr #searchBox{margin:10px 7px 0 7px; padding:0; height:26px; width:auto; text-align:left;border:solid 1px #d3d3d3; background:#FFF;}
#msgr #searchBox .searchBox_input{padding:4px 5px 0 5px; height:22px; width:70%; float:left; border:none; background:transparent; font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; color:#000; font-size:12px;}
#msgr #searchBox .searchBox_submit{margin:5px 5px 0 0; padding:0; width:14px; height:15px; float:right;}
#msgr #searchBox .searchBox_onBing {margin:5px 8px 0 0; padding:0; width:auto; height:auto; float:right; font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; color:#888; font-size:12px;}
#msgr #searchBox .searchBox_onBing a{color:#888; text-decoration:none; margin:0; padding:0;}
#msgr #searchBox .searchBox_onBing a:hover{color:#555; text-decoration:underline; margin:0; padding:0;}

#msgr #addContactBox{margin:10px 7px 0 7px; padding:0; height:26px; width:auto; text-align:left;border:solid 1px #d3d3d3; background:#FFF;}
#msgr #addContactBox .searchBox_input{padding:4px 5px 0 5px; height:22px; width:95%; float:left; border:none; background:#FFF; font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; color:#000; font-size:12px;}
#msgr #addContactBox .searchBox_submit{margin:5px 5px 0 0; padding:0; width:14px; height:15px; float:right;}

#contactlist{width:auto; height:290px; *height:280px; margin:0; padding:0; text-align:left; font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; color:#000; overflow-x: hidden; overflow-y: scroll;}

#contactlist .contactlist_group h1{font-size:14px; font-weight:bold; margin:0 0 0 10px; padding:0;}
#contactlist .contactlist_group a{ text-decoration:none; color:#000;}
#contactlist .contactlist_group a:hover{ text-decoration:underline; color:#000;}

#contactlist .ContactItem{padding:0 0 0 20px;}
#contactlist .ContactItem_inner{float:left; min-height:20px;}/*chiara*/
#contactlist .ContactItem_inner img{border:0; margin:0; padding:0;}
#contactlist .ContactItem_inner p{padding:0 0 0 3px; font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; color:#000; font-size:13px; width:430px; *width:auto;}/*chiara*//*ste ha messo 430 di larghezza sennò in FF andava a capo in modalità "aggiungi"*/
#contactlist .ContactItem_inner a{text-decoration:none; cursor:default;}
#contactlist .ContactItem_inner a:hover{text-decoration:underline;}

#msgr #msgrtabcontainer{width:510px; height:auto; margin:0; padding:0; text-align:left;}
#msgr #msgrtabcontainer .tabmod{float:none;}
#msgr #msgrtabcontainer .msgrtabsWrapper{margin:0; padding:0;}


#msgr #msgrtabcontainer ul.msgrtabs{float:left; list-style:none; margin:10px 0 0 7px; padding:0; width:99%; *width:98%; height:33px; background:url(/images/webmessenger/conversation_tab_bg.jpg) left top repeat-x;}

#msgr #msgrtabcontainer li.first{float:left; background:url(/images/webmessenger/conversation_tab_off.jpg) left top  no-repeat; height:33px; padding:7px 0 0 11px; width:89px;*width:100px; text-align:left; position:relative; overflow:hidden;}
#msgr #msgrtabcontainer li.first span{font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; font-size:14px; white-space:nowrap;}
#msgr #msgrtabcontainer li.first a.change_conv{text-decoration:none; color:#7d7d7d;}
#msgr #msgrtabcontainer li.first a.change_conv:hover{text-decoration:underline;}
#msgr #msgrtabcontainer li.first a.close_conv{position:absolute; left:86px; top:10px;}
#msgr #msgrtabcontainer li.selected{background:url(/images/webmessenger/conversation_tab_on.jpg) left top no-repeat; margin:0; padding:7px 0 0 31px; height:26px; *height:33px; width:69px; *width:100px; overflow:hidden;}
#msgr #msgrtabcontainer li.selected span{font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; color:#000; font-size:14px; white-space:nowrap;}
#msgr #msgrtabcontainer li.selected a.change_conv{text-decoration:none;}
#msgr #msgrtabcontainer li.selected a.change_conv:hover{text-decoration:underline;}
#msgr #msgrtabcontainer li.selected a.close_conv{position:absolute; left:84px; top:7px;}

#msgr #msgrtabcontainer li.contatti{float:left; background:url(/images/webmessenger/conversation_tab_contatti_off.jpg) left top  no-repeat; height:33px; padding:7px 0 0 11px; width:89px;*width:100px; text-align:left; position:relative; overflow:hidden;}
#msgr #msgrtabcontainer li.contatti span{font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; font-size:14px; white-space:nowrap;}
#msgr #msgrtabcontainer li.contatti a.change_conv{text-decoration:none; color:#7d7d7d;}
#msgr #msgrtabcontainer li.contatti a.change_conv:hover{text-decoration:underline;}
#msgr #msgrtabcontainer li.contatti a.close_conv{position:absolute; left:86px; top:10px;}
#msgr #msgrtabcontainer li.contattiselected{background:url(/images/webmessenger/conversation_tab_contatti_on.jpg) left top no-repeat; margin:0; padding:7px 0 0 31px; height:26px; *height:33px; width:69px; *width:100px; overflow:hidden;}
#msgr #msgrtabcontainer li.contattiselected span{font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; color:#000; font-size:14px; white-space:nowrap;}
#msgr #msgrtabcontainer li.contattiselected a.change_conv{text-decoration:none;}
#msgr #msgrtabcontainer li.contattiselected a.change_conv:hover{text-decoration:underline;}
#msgr #msgrtabcontainer li.contattiselected a.close_conv{position:absolute; left:84px; top:7px;}

#msgrtabdata{width:100%; *width:auto; margin:0; padding:0; text-align:left; padding:0 0 0 7px;}
#msgrtabdata .msgrconvWrapper{margin:0; padding:0;}
#msgrtabdata #conversations{width:99%; *width:auto;}
#msgrtabdata #cocontactlistnversations .conversationItem{height:290px; *height:280px; width:auto; padding:0;}
#msgrtabdata #conversations .conversationItem .conversationItemWrapper{margin:0; padding:0;}
#msgrtabdata #conversations .conversationItem .conversationItemWrapper .offlinemsg{margin:0; padding:0; width:auto;}
#msgrtabdata #conversations .conversationItem .conversationItemWrapper .offlinemsg p{font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; font-size:13px; text-align:center;}

.conversationhistory{height:170px; width:auto; padding:5px 5px 5px 5px; border:#bbb solid 1px; border-top:none;font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; font-size:13px; overflow-x: hidden; overflow-y: scroll;}

.conversationhistory span{height:15px;font-size:13px;font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; white-space:normal;}
.conversationarea{height:45px; width:100%; border:#bbb solid 1px; margin:0; padding:0 0 0 5px; overflow:auto; text-align:left;font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; font-size:13px;}
.conversationInput{height:35px; margin:0; padding:0; text-align:right;}
.conversationInput input{height:auto; width:auto; margin:0; padding:0;}
.advertisement{height:60px; width:236px; margin:0 0 0 7px; overflow:hidden;}
.advertisementTxt{height:21px; width:500px; margin:10px 0 0 0; overflow:hidden;background:#a5d0e5;}
.advertisementTxt p{ width:500px; height:30px;background:#a5d0e5;}
.advertisementTxt a{font-size:13px;font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; width:500px; height:21px; color:#000;text-decoration:"underline";background:#a5d0e5;}
.advertisementTxt a:hover{color:#000; text-decoration:"underline";}


#changeStatusContainer{ width:123px; height:139px; padding:5px 0 0 5px; display:block; top:113px; left:216px; *top:82px; *left:145px; text-align:left; background: url(/images/webmessenger/bg_changeStatusContainer.png) top left no-repeat; position:absolute; z-index:150 !important;}
#changeStatusContainer .imageStatus{margin:0 0 0 0; padding:1px 0 0 4px; height:17px; float:left;}
#changeStatusContainer .stringStatus{margin:0 0 0 0; padding:0 0 0 4px; height:18px; float:left;}
#changeStatusContainer .stringStatus span{font-size:11px;}
#changeStatusContainer .stringStatus a{color:#000; text-decoration:none;}
#changeStatusContainer .stringStatus a:hover{text-decoration:underline;}

#boxEmoticon{width:256px; height:138px; display:block; top:419px; left:238px; *top:372px; *left:169px; text-align:left; background:url(/images/webmessenger/conversation_bg_emoticon.png) top left no-repeat; position:absolute; z-index:150 !important;}
#boxEmoticon a img{ float: left; margin:6px 0 0 6px; border:0;}
