/*Phone*/
.phone {  position: relative; text-align: center; background: url('/images/bananacall/webcall/phoneBg.jpg') no-repeat left top; width: 233px; height: 377px; padding-top: 35px; float: left; margin: 20px 0;}
.numberPhone {  width: 190px; background: url('/images/bananacall/webcall/numberPhone.gif') no-repeat left bottom; margin: auto; height: 35px;}
input.EditPhoneNo { float: left; display: block; width: 150px; height: 18px; line-height: 18px; border: none; background: none; font-size: 12px; color: #333333; margin-top: 5px; margin-left: 7px; padding: 3px;}
a.clearField { background: url('/images/bananacall/webcall/clear.gif') no-repeat left top; width: 18px; height: 18px; display: block;  float: left; margin-top: 9px; cursor: pointer }
a:hover.clearFiled { background: url('/images/bananacall/webcall/clearOn.gif') no-repeat left top;}
.phone .selectFake { width:250px; height:200px; overflow:scroll; overflow-x:hidden;   background: #ffffff; border: 1px solid #333333; text-align: left; vertical-align: middle; position: absolute; left: 45px; top:105px; }
.phone .selectFake a { display: block; color: #000000; text-decoration: none; padding: 3px; z-index: 100;}
.phone .selectFake a img { margin: 2px; vertical-align: middle}
.phone .selectFake a:hover { background: #0a246a; color: #ffffff;}
input.ErrorText { background: none; border: none;  width: 180px; text-align: center; color: #fffc00; margin: 3px 0}
.dialPad { margin: auto; margin-left: 24px; }
.dialPad input { background: url('/images/bananacall/webcall/phoneDialer.jpg') no-repeat; border: none; width: 59px; height: 33px;text-indent:-5000px; cursor: pointer; float: left; font-size: 0px; line-height: 0px; margin: 1px;}
input.one { background-position: 0 0}
input.two { background-position: -59px 0}
input.three { background-position: -118px 0}
input.four { background-position: 0 -33px}
input.five { background-position: -59px -33px}
input.six { background-position: -118px -33px}
input.seven { background-position: 0 -66px}
input.eight { background-position: -59px -66px}
input.nine { background-position: -118px -66px}
input.ten { background-position: 0 -99px}
input.eleven { background-position: -59px -99px}
input.twelve { background-position: -118px -99px}

input:hover.one { background-position: 0 -132px}
input:hover.two { background-position: -59px -132px}
input:hover.three { background-position: -118px -132px}
input:hover.four { background-position: 0 -165px}
input:hover.five { background-position: -59px -165px}
input:hover.six { background-position: -118px -165px}
input:hover.seven { background-position: 0 -198px}
input:hover.eight { background-position: -59px -198px}
input:hover.nine { background-position: -118px -198px}
input:hover.ten { background-position: 0 -231px}
input:hover.eleven { background-position: -59px -231px}
input:hover.twelve { background-position: -118px -231px}

p.phoneButtonsBottom { text-align: center; margin: auto; }
.phoneButtonsBottom input { margin: 0 15px;}
input.dialBtn {  border: 0px solid #FFFFFF; text-indent: -5000px; cursor: pointer; width: 106px; height: 41px; margin-left: 10px;}
input.hangUpBtn {  border: 0px solid #FFFFFF; text-indent: -5000px; cursor: pointer; width: 106px; height: 41px; margin-right: 10px;} 

.contacts { width: 239px; margin-top: 20px; margin-left: 240px;}
.tableContacts { overflow-y: scroll; overflow-x: scroll; height: 250px;}
.tableContacts { border: 1px solid #cfcfcf;}
.tableContacts table { width: 100%}
.contacts span { background: url('/images/bananacall/webcall/contactsTitle.gif') no-repeat left; height: 25px; display: block; font-size: 14px; font-weight: bold; vertical-align: middle; padding: 0 15px;}
.contacts span p { padding-top: 7px;}
.contacts span .addEditButton img {  vertical-align: middle; margin-left: 70px; margin-bottom: 5px;}
.contacts table { list-style-type: none; }
.contacts table tr td { color: #000000; text-decoration: none; padding: 5px 10px; cursor: pointer}
.contacts table a { display: block; text-indent: -500px; background: url('/images/bananacall/webcall/callMiniButon.gif') no-repeat left top; height: 15px; width: 43px; background-position: top; }
.contacts table tr:hover td { background: #fce7b3;}
.contacts table tr:hover td a { background-position: bottom}
.callButton{ width: 40px}

.webcall-preferences
{
	width: 239px;
	background: #f0f0f0;
	text-align: center;
	border: 1px solid #d3d3d3;
	margin-top: 5px;
	color: #2a2a2a;
	font-weight: bold;
	font-size: 15px;
}

.webcall-preferences select
{
	width: 150px;
	margin: 10px;
}


.webcall-options
{
	background-color: #f0f0f0;
	border: 1px solid #d3d3d3;
}

.webcall-options span
{
	float:left;
	display: block;
	text-align: center;
	color: #2a2a2a;
	font-weight: bold;
	font-size: 15px;
	margin: 10px 56px;
}

.webcall-options select
{
	width: 135px;
}

.green
{
	color:#058002;
}

.blue
{
	color: #1ca5c6;
}

.cardListing table tbody tr td table.webcall-rate tr td
{
	padding: 3px;
	border: none;
}

sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
.specialOfferHomePart1 { background: url('/images/bananacall/webcall/specialOffer1.jpg') no-repeat left top; width: 265px; height: 163px; float: left}
.specialOfferHomePart2 { background: url('/images/bananacall/webcall/specialOffer2.jpg') no-repeat left top; width: 265px; height: 163px; float: right}
.specialOfferHomePart1 div
{
	margin: 55px 10px 0 100px;
	text-align: center;
	font-size: 17px;
	color: #000000;
}

.specialOfferHomePart2 div
{
	margin: 55px 100px 0 10px;
	text-align: center;
	font-size: 17px;
	color: #000000;
}

.specialOfferHomePart1 div span, .specialOfferHomePart2 div span
{
	display: block;
	font-size: 30px;
}

.addNumber { text-align: center}
.addNumber input { vertical-align: middle; color: #999999}

.webcall-options img { border: 0}
.contacts a.addEditButton img { border: none}
.callButton{ width: 40}

.warning-image		 { float:left; }	
.error-dialpad		 { float:left; text-align:left; font-size:11px; font-weight:bolder; color:#d82121; line-height:28px; padding:0 0 0 10px;}
.error-bg			 { display:none; background-color: #ffdede; height:30px; border: 1px solid #fbbaba; padding:10px; margin-top:10px;}

.message-dialpad	 { float:left; text-align:left; font-size:11px; font-weight:bolder; color:#637e17; line-height:28px; padding:0 0 0 10px;}
.message-bg			 { background-color: #dde5a0; height:30px; border: 1px solid #bac661; padding:10px; margin-top:10px;}

.clear-both			 {clear:both;}