#resend {
	display: none;
}

* :focus { outline: 0; }

img {
	border-style: none;
	margin: 3px;
}

#close_me {
	float: right;
}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../loader.gif) 50% 50% no-repeat rgb(249,249,249);
}
body {	
	width: 960px;
	height: 100%;	
	margin: 5px auto 0px;
	background-color: #ffffff;
	font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	position: relative;		
}
h4 {
	color: #1E6FB7;	
	font-weight: normal;
	font-size: 16px;	
	line-height: 24px;
	border-bottom: 1px dotted #800;	
	margin: 0px 0 10px 0;
}

.members {
	float: right;
	color: blue;
	text-align: center;
	font-size: 16px;
	width: 295px; 
	height: 410px;	
	background-color: #DBE9FA;
	border: 1px solid #aaa;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
.members ul li {
	list-style-type: none;
	font-size: 12px;
	margin-left: -40px;	
}
.members ul {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 350px;
}

.monitor {
	float: right;	
	width: 183px;	
	margin: 0px 10px 0px 0px;	
	background-color: #ffffff;
}

#recalls, #undone, #errors {	
	width: 180px;
	height: 20px;
	text-align: center;
	font-size: 16px;	
	padding: 4px;
	border: 1px solid #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

#acct_header, #call_header, #pbx_header {
	display: inline-block;	
	text-align: left;
	color: #555;
	font-size: 15px;
	font-weight: bold;
	width: 752px;	
	height: 20px;
	margin: 0px 0 1px 0px;
	background-color: #D2E3F9;
	padding: 4px;
	border: 1px solid #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
#greeting {
	display: inline-block;	
	text-align: center;
	width: 750px;
	margin: 3px 0 3px 0px;
	min-height: 50px;	
	background-color: #ffffff;	
	padding: 5px;	
	border: 1px solid #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}

#ccs {
	margin-left: 22px;
	color: #2D6290;	
	font-size: 18px;	
}

#close_me, .fade{
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
#close_me:hover, .fade:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#contact_search {
	width: 185px; 
	min-height:450px; 
	display: inline-block;
	margin: 4px 0px 0 0px;	/*******************************************************************************************/
	font-size: 12px;	
	text-decoration: none;	
}
#contact_search ul, #messages ul, #oncalls2 ul  {	
	overflow: auto;	
}
#contact_search ul {
	margin: 5px 20px 0 0;
	width: 80%;
	background-color: #ffffff;	
	max-height: 555px; /*******************************************************************************************/
}
#contact_search li, #messages li, #oncalls2 li, #logins ul li {	
	color: #333;	
	line-height: 16px;
	background-color: #fafafa;
	padding: 5px;	
}
#contact_search li:hover, #messages li:hover, #oncalls2 li:hover, #logins ul li:hover {
	color: #1E6FB7;
	border: solid 1px;	
}
#contact_search ul li, #messages ul li , #oncalls2 ul li, #logins ul li {
	margin-left: -40px;	
	list-style-type: none;	
	border-bottom: 1px solid #666;
	text-align: left;
}
#contact_search ul a, #messages ul a, #oncalls2 ul a  {
	text-decoration: none;	
}

#messages ul, #oncalls2 ul {
	font-size: 12px;
	max-height: 370px;
	background-color: #D2E3F9;
}

.no_result, .more_results {
	margin-top: 5px;
	width: 100%;		
	height: 25px;	
	padding-top: 10px;
	background-color: #666;
	text-align: center;
	color: #ffffff;
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	border-radius:3px; 	
}

.watermark {
	color: #ddd !important;
}
.required {
	font-size: 10px;
}
.msg_for {
	display: inline-block; 
	width: 295px;
	text-align: center;
	color: red;
}

.recall { display: none; }

/************************************************************** detail no edit */ 
.admin, #recipient {
	min-height: 425px;
	max-height: 575px;
	display: block;
	padding: 1px;
	width: 300px;	
	font-size: 10px;	
	color: #800;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #DBE9FA;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
.left, #recipient{
	float: left;	
}	
.right {	
	display: inline-block;
	margin-left: 10px;	
}
.admin input, .admin select, .admin textarea {
	width: 98%;
	text-align: center;
	border: none;
	padding: 2px;
	margin: 0 0 1px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;    
	background-color: #DBE9FA;
	font-size: 13px;
	color: #333;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* accordian header */
h6 {	color: #800 !important;	}

#info, #listings {
	min-height: 80px;	
}
#greet {
	min-height: 50px;	
}
#call_handling { 
	min-height: 330px;
	color: blue; 
	background-color: none;
}
#hand_edit { 
	min-height: 315px;
}
#message {
	min-height: 90px;	
}

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

/************************************************************** detail editing */

#acct_edit_1 div, #acct_edit_2 div  { 
	padding: 0px; margin: 0px;	
	background: #DBE9FA !important;
	color: #800 !important;
}

#acct_edit_1 input, #acct_edit_1 select, #acct_edit_2 textarea, .admin_edit input, .admin_edit select, #message_form input , #message_form select , #message_form textarea {	
	background-color: #ffffff;
	border: solid 1px #ccc;
	width: 98%;	
}

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

#dispatch_status {	
	text-align: center;
	border: solid 1px #999999;
	padding: 2px;
	font-size: 14px;	
	margin-bottom: 8px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#search, #msg_search, #num, #username, #password {		
	text-align: center;
	border: solid 1px #999999;
	padding: 3px;
	margin: 0 0 1px 0;	
    background-color: #ffffff;
	font-size: 15px;
	color: #111;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#search, #num, #msg_search{
	width: 180px;
}

a {	
	display: block;
	color: #1E6FB7;
	text-decoration: none;
	margin-bottom: 4px;
}
a:hover {
	text-decoration: underline;
	cursor: pointer; cursor: hand;
}
a.link.active { 
	font-weight: bold;
}
.content {	
	color: #444;
	font-size: 16px;
	line-height: 17px;
	height: 100%;
}
div.error, div.result{	
	line-height: 18px;
	color: red;
	font-size: 14px;
	text-align: center;
}
#login_form {
	display: block;	
	background-color: #A8C6DC;
	padding: 5px;
	margin-top: 90px;
	margin-bottom: 70px;
	margin-right: auto;
	margin-left: auto;
	outline: none;
	width: 300px;
	color: #800;
	font-size: 14px;
	line-height: 22px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-moz-box-shadow: 3px 3px 4px #666;
	-webkit-box-shadow: 3px 3px 4px #666;
	box-shadow: 3px 3px 4px #666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
	
}
.buttons {
	display: inline-block; 
	float: right; 
	width: 300px;
}
.button {
	float: right;	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;	
	
	text-align: center;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:3px 12px;
	text-decoration:none;
	
	width: 70px;
	margin: -5px 10px 0 0;
}.button:active {
	position:relative;
	top:1px;
}
.tool_button {
	display: inline-block;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;	
	
	text-align: center;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:3px 12px;
	text-decoration:none;	
	width: 45%;
	
}.tool_button:active {
	position:relative;
	top:1px;
}
.zoip_button {
	float: right;	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;	
	
	text-align: center;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:2px 10px;
	text-decoration:none;
	
	width: 60px;
	margin: -2px 2px 0px 2px;
}.zoip_button:active {
	position:relative;
	top:1px;
}

.blue{
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	
	color:#ffffff;
	border:1px solid #84bbf3;
	text-shadow:1px 1px 0px #528ecc;	

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #718ba6) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #718ba6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#718ba6');
	background-color:#79bbff;
}
.blue:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #718ba6), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #718ba6 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#718ba6', endColorstr='#79bbff');
	background-color:#718ba6;
}

.yellow{
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	
	border:1px solid #ffaa22;
	
	color:#333333;
	
	text-shadow:1px 1px 0px #ffee66;
}
.yellow:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
}

.green{
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	
	border:1px solid #268a16;
	
	color:#306108;
	
	text-shadow:1px 1px 0px #aade7c;
}
.green:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}

.red{
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	
	border:1px solid #d83526;
	
	color:#ffffff;
	
	text-shadow:1px 1px 0px #b23e35;
}
.red:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}

.grey{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	
	text-shadow:1px 1px 0px #ffffff;
}
.grey:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

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



/*******************************************************************************************/
/* **************** Start vtab css ******************** */
#vtab {
	display: inline-block;
	margin-top: 1px;	
	padding: 0px;	
	width: 760px;
	vertical-align: top;
}
#vtab > ul > li {
	width: 120px; /* Adjust Tab width */
	height: 30px; /* Adjust Tab height */
	line-height: 40px;
	font-weight: normal;
	font-size: 16px;
	cursor: pointer; cursor: hand;
	background-color: #fff !important;
	list-style-type: none;
	display: block;
	text-align: center;
	margin: auto;
	padding-bottom: 10px;
	border: 1px solid #fff;
	position: relative;
	border-right: none; /* Right or Left tabs */	
}
#vtab > ul > li.selected {
	color: #1E6FB7;	
	border: 1px solid #ddd;
	border-right: none; /* Right or Left tabs */
	z-index: 10;
	background-color: #D2E3F9 !important;
	position: relative;
}
#vtab > ul {
	float: left; /* Right or Left tabs */
	width: 120px; /* Adjust Tab width */
	text-align: left;
	display: block;
	margin: 0 1px 0 0;
	padding: 0;
	position: relative;
	top: 0px; /* tab vert posit */
}
#vtab > div {
	display: block;	
	background-color: #D2E3F9;
	margin-left: 120px; /* Adjust Tab width */ /* Right or Left tabs */		
	border: 1px solid #ddd;	
	padding: 10px;
	position: relative;	
	min-height: 465px;
	max-height: 600px;
	z-index: 9;
	-moz-border-radius: 20px;	
}
/* **************** End of vtab css ******************** */
.tab:hover {
	color: #1E6FB7;	
}
.tab {
	color: #333;
	background: #1E6FB7
}
div.ui-datepicker {
 font-size:12px;
}
div.error {
	font-size: 12px;
}

@media screen {
	.print {
		display: none;
	}	
}
@media print {
	body { overflow-y: visible; }
	.print {
		display: block;		
		text-align: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;		
	}
	.noprint, h4, .tabitem, #vtab > ul > li , #greeting, #acct_header,  #call_header, #pbx_header, #pbx_status{
	display: none;
	width: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}	
	#vtab > div  {	
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border-width: 0px;
		width: 100%;	
	}		
	#messages ul{
		margin: 0 20px 0 0;
		height: auto;
		width: 90%;
		overflow: visible;			
	}	
}