html {
	height:100%;
}

body {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	background-color:#666;
	
}
#body {
	/*margin-right:264px;*/
}
img {
	border: none;
}
#nav {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:300px;
	overflow-y:scroll;
	overflow-x:hidden;
	height:87px;
	float:right;
	border:1px solid black;
	padding:3px;
	background-color:white;
	z-index:8;
	position: relative;
}

#donebar {
	width:100%;
	height:33px;
	background-color:#090;
	color:white;
	font-weight:bold;
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:8000;
	font-size:24px;
	text-align:center;
	padding:6px;
	display:none;
}

.callrow {
	border-bottom: 1px solid grey;
	border-left:5px solid grey;
	margin-bottom: 2px;
	padding:4px;
	padding-left:10px;
	cursor:pointer;
	text-size:14px;
	position:relative;
}
.callrow img {
	vertical-align:middle;
}
.callrow:hover {
	background-color:black;
	color:white;
}
.unknown {  
	border-left:5px solid white !important;	
}
.internal {  
	border-left:5px solid #306; !important;	
}

.sales {  
	border-left:5px solid black !important;	
}
.salesleads {  
	border-left:5px solid green !important;	
}
.support {
	border-left:5px solid orange !important;	
}
.suppliers {
	border-left:5px solid #90F !important;	
}
.unknown {  
	border-left:5px solid white !important;	
}
.cell {
	background-color: grey; !important;	
}
.internalcell {  
	background-color: #306; !important;	
}
.salescell {  
	background-color: black !important;	
}
.salesleadscell {  
	background-color: green !important;	
}
.supportcell {
	background-color: orange !important;	
}
.supplierscell {
	background-color: #90F !important;	
}

.callrowmenu {
	display:none;
	position:absolute;
	background-color:white;
	border:1px solid black;
	width:183px;
	left:-195px;
	top:-20px;
	z-index:20;
	padding:2px;
}
.callrow:hover .callrowmenu {
	display:block;
}
.callrowmenuitem  {
	display:inline-block;
	margin-left:10px;
}
.callrownum {
	float:right;
	margin:0px;
	padding:0px;
	clear:right;
	text-align:right;
}
#recentcallsmenu {
	border:1px solid #999;
	border-radius:3px;
}
#recentcallsmenu .ui-widget-header {
	padding-left:10px;
	padding-right:10px;
	font-size:9px;
	font-weight:normal!important;
}
.mitem {
	margin:1px;
	padding:2px;
	color:#000;
	display:inline-block;
	font-size:8px;
	text-align:center;
	width:35px;
}
.mitem:hover {
	background-color:#000;
	color:#FFF;
}
.mitem img {
	vertical-align: middle;
	width:20px;
	height:20px;
}
.mhead {
	text-align:center;
	font-weight:bold;
	padding:2px;
	background-color:#999999;
	color:white;
}
#headermenu {
	border-bottom:2px solid #93C;
	background-color:#white;
	color:#93C;
	font-size:12px;
	padding:0px;	
	font-weight:bold;
	position: relative;
	width:100%;
	top:107px;
	z-index:50;
}
.mtop {
	color:white;
	border-radius:2px;
	font-size:9px;
	border:1px solid black;
	padding:1px;
	display:inline-block;
	margin:1px;
	background-color:#390;
	width: 25%;
	text-align: center;
	cursor:pointer;
	overflow:hidden;
	height:13px;
}
.mtop a {
	color: white;
}
#leftmenu {
	float:left;
	width:210px;
	border-right:3px solid #93C;
	padding:8px;
}
a {
	text-decoration: none;
}
#content {
	margin-top:55px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 1px;
	padding-bottom:15px;
}

#messages {
	font-weight:bold;
	font-size:14px;
	border:1px solid red;
	border-radius:4px;
	margin:20px;
	padding:10px;
	display:none;
}

#topright {

	border-left: 4px solid black;
	border-bottom: 4px solid black;
	border-bottom-left-radius: 10px;
	width:515px;
	height:100px;
	float:right;
	padding:10px;
	background-color:white;
	
	
}


#topleft {
	border-right: 4px solid black;
	border-bottom: 4px solid black;
	border-bottom-right-radius: 10px;
	padding:10px;
	margin-right:550px;
	font-weight:bold;
	font-size:16px;	
	height:100px;
	background-color:white;
}

#leftcol {
	float:left;
	width:49%;
}
#rightcol {
	float:right;
	width:50%;
}
#site_info {
	border:1px solid grey;
	width:100%;
}

#licences {
	clear:both;
	border:1px solid grey;
	width:100%;	
}

#compay_contacts {
	border:1px solid grey;
	width:100%;	
}


.boxtitle {
	background-color:#333333;
	color:white;
	font-weight:bold;
	font-size:12pt;
	padding-bottom:2px;
	padding-left:10px;
	padding-top:2px;
	
}
.boxsubtitle {
	background-color:#666;
	color:white;
	font-weight:bold;
	font-size:10pt;
	padding-bottom:2px;
	padding-left:10px;
	padding-top:2px;
	
}
.boxcontent {
	padding:4px;
	padding-bottom:100px;
}
.aboxcontent {
	padding:4px;
	display:none;
}
.box {
	margin-bottom:5px;
	width:100%;	
	border:1px solid grey;
}
.lbfi {
	clear:left;
	margin:2px;
}
.lb {
	float:left;
	width:80px;
	font-weight:bold;
	text-align:right;
}
.fi {
	margin-left:95px;
}


/* 3 col layout */

.col3Left {
	float:left;
	width:30%;
	margin:0px;
	padding:0px;
}
.col3Right {
	float:right;
	width:30%;
	margin:0px;
	padding:0px;
}
.col3Middle {
	margin-left:32%;
	margin-right:32%;
	margin-top:0px;
}

.lmenutitle {
	background:#CC66CC;
	padding:1px;
	color: white;
	font-weight: bold;
	font-size: 10px;	
	text-align:center;
}
.lmenutitle input {
	font-size: 10px;
	width: 100px;
}

.lmenuitem {
	clear:left;
	border: 1px solid #EBEBEB;
	padding:6px;
}
.lmenuitem img {
	vertical-align:middle;
}
.lmenuimg {
	float:left;
	width:20px;
}
.numberitem {
	clear:left;
	border: 1px solid #EBEBEB;
}
.numberitemimg {
	float:left;
	width:30px;
}

.datatable {
	width:100%;
    border-collapse: collapse;
    font-size: 10pt;
}
.dtsmall {
	font-size:10px;
}
.dtsmall input {
	font-size:10px;
}

.datatable th {
    border-right: 2px solid white;
    padding: 4px 12px;
    text-align: left;
}.datatable th:first {
}
.datatable tr {
	border-bottom:1px dashed grey;
}
.datatable .data:hover {
	background-color:#FFFFCC;
}
.datatable tr td {
    border-bottom: 1px solid #F6F6F6;
    padding: 8px;
}
.datatable tr.split td {
    border-bottom: 3px solid black;
    padding: 0px;
	font-size:0px;
	margin-bottom:2px;
	padding-bottom:2px;
	height:1px;
}
.dtsmall tr td {
	padding:3px;
	padding-top:3px;
	padding-bottom:3px;
}
.datatable tr td:first {
	padding-left:10px;
}
.datatable tr:hover td {
	background-color:#CCC;
	cursor:pointer;
}

.datatable input {
	border: 1px solid black;
}
.datatable .active {
	background-color:#FFFFCC;
}
.datatable .inactive {
	background-color:#CCC;
}

.datahead {
	font-weight:bold;
	font-size:15px;
	padding:8px!important;
	cursor:default;
	border-bottom:1px solid black!important;
}
.datahead .td {
	font-weight:bold;
	background-color:#666666;
	color:white;
	font-size:larger;
	padding:8px!important;
	cursor:default;
	
}

.datatable .datahead:hover td {
	background-color:inherit;
}



#addNewComp {
}
#useExistingComp {
		visibility:hidden;	
	display:none;

}
#licsearchresult{
	height:200px;
	border:1px solid black;
	overflow:scroll;
}
#licadd{
	height:80px;
	border:1px solid black;
	overflow:scroll;
}
h1 {
	margin-top:2px;
	margin-bottom:8px;
	padding:3px;
	border-bottom:1px solid #CCC;
}
h2 {
	margin:0px;
	margin-top:6px;
	padding:2px;
	background-color: #333;
	color:white;
	border-bottom:1px solid #CCC;
	font-size:12px;
	cursor:pointer;
}
#loading {
	position:fixed;
	width:250px;
	height:60px;
	top:50%;
	left:50%;
	margin-left: -125px;
	margin-top:-30px;
	background:#380038;
	color:white;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	border:1px solid black;
	border-radius:10px;
	display:none;
	padding:10px;
	padding-top:30px;
	z-index:2001;
}
#middleform {
	position: fixed;
	width: 50%;
	left: 25%;
	right: 25%;
	top: 104px;
	border: 2px solid #333;
	background: white;	
	display:none;
	opacity:1;
	filter:alpha(opacity=100);	
	z-index:10;
	max-height:70%;
	overflow-y:scroll;
	overflow-x:hidden;
}
#middleformclose {
	float:right;
	width:80px;
	border: 1px inset #CCC;
	text-align:center;
	cursor:pointer;
	color:white;
}
#middleformclose img {
	vertical-align:middle;
	width:14px;
	height:14px;
}

.note {
	border:1px dashed white;	
	margin:4px;
}
.note .lmenuitem {
	padding:3px;
}
.notemenu {
	float:right; 
	width:330px;
}
.noteleft {
	float:left;
	width:30px;
	text-align:center;
	padding-top:10px;
}
.notebody {
	background-color:white;
	margin-left:30px;	
	padding:8px;
}
.resolved {
	 background-color:#009900;	
}
.new {
	 background-color:#999999;	
	 cursor:pointer;
}
.notresolved {
	 background-color:#CC0000;	
}
.datatable .tablesubhead td {
	border-spacing-top: 10px
}
.datatable .tablesubhead td {
	font-weight: bold;
	font-size: larger;
	background-color:#CC66CC;
	border: 1px solid black;
	border-bottom: 1px solid black;
}

.datatable .tablesubhead img {
	border: 1px solid black;
	vertical-align:middle;
}
.click {
	cursor:pointer;
}
.sitebox {
	width: 170px;
	height: 90px;
	float: left;
	border: 1px solid #CCC;
	border-radius:4px;
	padding: 4px;
	margin: 4px;
	cursor:pointer;
	position:relative;
}
.siteboxform input, .siteboxform select {
	font-size:9px;
	border: 1px solid black;
}
.siteboxform div {
	padding:2px;
}
.siteboxform #submit {
	width:100%;
	background-color:#333333;
	color:white;
}
.personbox {
	width: 180px;
	height: 60px;
	float: left;
	border: 1px dashed #CCC;
	padding: 4px;
	margin: 4px;
	cursor:pointer;
	position:relative;
	padding-bottom:30px;
}
.equipmentbox {
	width: 220px;
	height: 190px;
	float: left;
	border: 1px solid #CCC;
	padding: 4px;
	margin: 4px;
	cursor:pointer;
	position:relative;
	padding-bottom:30px;
	border-radius:4px;
}
.boxselected {
	border: 1px solid #999;
	background-color:#F9F;
}
.boxheader {
	background-color:#999;
	font-size:10px;
	border:1px solid black;
	color:white;
	margin-bottom:3px;
	padding:2px;
	font-weight:bold;
	text-align:center;
}
.boxedit {
	position:absolute;
	right:4px;
	bottom:4px;
	width: 50px;
	height: 20px;
	text-align:right;
}
#recentcalls {
	float:right;
	width:400px;
	overflow-y:scroll;
	overflow-x:hidden;
	height:87px;
	background-color:white;
	font-size:10px;
	color: black;
	
	font-weight: normal;
	border:1px solid black;
}
#searchbox {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	width:200px;
	overflow-y:scroll;
	overflow-x:hidden;
	height:93px;
	float:right;
	border:1px solid black;
	padding:0px;
	position:absolute;
	background-color:white;	
}
#searchhead {
	border-bottom:1px solid black;	
	margin:0px;
	padding:1px;
	font-size:10px;
	background-color:#0C0;
	color:white;
	font-weight:bold;
	text-align:center;
}
#searchhead input {
	font-size:9px;
	border:1px solid black;
	width:140px;
}
#searchhead form {
	font-size:9px;
	margin:0px;
	padding:0px;
}
.label {
	width:60px;
	display:inline-block;
}
.formfield {
	border:1px dashed grey;
}
.formfield .label {
	width:120px;
	display:inline-block;
}
#companycategories {
	
	padding:2px;
	font-weight:bold;
	font-size:8pt;
	color:white;
	display: inline-block;
	float:right;
	border-radius:4px;
		
}
#companycategories img {
	vertical-align:middle;
}
.category {
	display: inline-block;
	border:1px solid #333;
	padding:4px;
	padding-left:8px;
	padding-right:8px;
	font-weight:normal;
	border:1px solid #CCC;
	background-color:#CCC;
	margin:1px;
	margin-right:4px;
	height:12px;
	color:black;
	border-radius:2px;
	
}

.category .xdel {
	color: red;
	font-size:12pt;
	margin-left:10px;
}
.catselect {
	background-color:#CCCCCC;
	width:40%;
	border: 1px dashed grey;
	float: left;
	margin:6px;
	padding:6px;
}
.selected {
	background-color:#93C!important;
} 

#compsites{
	height:150px;
	border:1px solid black;
	overflow:scroll;
	float:left;
	width:45%
}
#selectedsites{
	height:150px;
	border:1px solid black;
	overflow:scroll;
	float:right;
	width:45%;
}
#compsitestitle {
	border:1px solid black;
	float:left;
	width:45%;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding:0px;
	background:#93C;
	color:white;
}
#selectedsitestitle {
	border:1px solid black;
	float:right;
	width:45%;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding:0px;
	background:#93C;
	color:white;
}

.selector {
	border-bottom: 1px dashed grey;
	font-weight:bold;
	margin:0px;
	padding:4px;
	cursor:pointer;
}
.selector:hover {
	background-color:#FFFFCC;
}
.notetab {
	display: inline-block;
	background-color:#333;
	color:white;
	/* width:100px; */
	border:1px solid #333;
	/* color: #93C;*/
	text-align:center;
	padding:4px;
	font-size:12pt;
	font-weight:bold;
	border-top-left-radius:5px;
	border-top-right-radius:5px;	
	border-bottom:none;
	padding-left:20px;
	padding-right:20px;
	cursor:pointer;
} 
.notetab .nselected {
	color:white;
	background-color:#93C;
}

.notetab:hover {
	background-color:#666;	
}
/*.notetab .nselected:hover {
	color:white;
	background-color:#93C;
}*/


.hello {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#666666;
}
.hel2nd {
	margin-left:20px;
}
.hell3rd {
	margin-left:40px;
}
.hellrow {
	margin-left:60px;
	border-bottom:3px solid grey;
	font-size:20px;
	height:85px;
	margin-top:5px;
	padding:5px;

}
.hellrow:hover {
	/* background-color:#CCCCCC; */
	border:2px dashed #666666;
}
.hellrow .notemenu {
	font-size:12px;
}
.personcall {
	float:left;
	border: 1px dashed #CCCCCC;
	width: 200px;
	cursor:pointer;
	margin:2px;
	height:25px;
	font-size:10px;
	background-color:white;
	padding:2px;
}
.pccall {
	font-size:12px;
}
.personcall:hover {
	background-color:#FFFFCC;
	border: 1px solid #CCCCCC;
}
.personcall img {
	vertical-align:middle;
}
.pcimg {
	clear:left;
	float:left;
	margin-right:10px;
	font-size:9px;
	width:100px;
}
.pcimg img {
	margin-right:4px;
}
.pccalldiv {
	cursor:pointer;
	border:1px dashed #CCC;
	padding:1px;
	margin:1px;
}
.pccalldiv:hover {
	background-color:#FFC;
}
.clickable {
	cursor:pointer;
}

.listing {
	margin:5px;
	border-bottom: 1px solid #CCC;
	padding:5px;
}

.listing strong {
	display:inline-block;
	width:100px;	
}
.filerow {
	
}

.filerow:hover {
	background-color:#FFFFCC;	
}
#awesome {
	background-color:#333333;
	border-bottom:#999999;	
	font-weight:bold;
	padding:2px;
	font-size:12px;
	margin: 0px;
	padding-bottom:0px;
	position:fixed;
	width:100%;
	top:0px;
	border-bottom:3px solid #030;
	z-index:500;
}
#awesomebox {
	margin:0px;
	padding:0px;
	overflow:visible;
	position: fixed!important;
	z-index: 1000;
	background-color:black;
	top:0px;
}
#awesome a {
	/*color:white;;*/
}
#awesome .menuitem, #compawesomemenu .menuitem , .lightheader .menuitem {
	color:white;
    cursor: pointer;
    display: block;
	float:left;
    font-size: 10px;
    font-weight: normal;
    width: 70px;
    margin-top: 10px;
    margin-bottom: 10px;
	padding-left:5px;
	padding-right:5px;
    position: relative;
    text-align: center;	
	border-right:1px groove;
}
#awesome .menuitem.menuselected {
	background-color:#999999;
}
#awesome .menuitem img, #compawesomemenu .menuitem img, .lightheader .menuitem img{
	width:25px;
	height:25px;
}

#awesome .menuitem small, #compawesomemenu .menuitem small, .lightheader .menuitem small {
	font-size:10px;
	padding-top:2px;
	display:block;
}
#awesome .menualert {
	background-color:#990000;
}

#awesome .menuitem:hover {
	background-color:#666;
}
.menuitem:hover .dropdown {
	display:inline;
}
.help:hover .dropdown {
	display:inline;
	left:auto;
	top:auto;
	padding:3px;
}

#awesome .menuitem:hover, #compawesomemenu .menuitem:hover {
	background-color:#666;
}
#awesome .menuitem:hover .dropdown, #compawesomemenu .menuitem:hover .dropdown  {
	display:inline;
}


#compawesomemenu {
	background: url("../jquery/css/custom-theme/images/lighthead.png") repeat-x scroll 50% 50% #171717!important;
}

#awesome span img {
	vertical-align:middle;
}
#awesome span form {
	display:inline;
}
#searchresults {
	border:1px solid green;
	width:160px;
	max-height:200px;
	position:absolute;
	z-index:10;
	background-color:white;
	overflow-y:scroll;
	overflow-x:hidden;
	color:black;
	display:none;
}
#searchresults a {
	color: #006;
}
#awesome .menuitem:hover #searchresults:hover {
	background-color:white;
}

#searchmenu:hover #searchresults {
	display:inline;
}

#searchclose {
	display:block;
}
#searchresultsshow {
	display:block;
}
.menuitemright {
	float:right;
	width:50px;
	clear:right;
}

#recentcallslist {
	/*border:1px solid green;
	width:460px;
	max-height:500px;
	position:absolute;
	z-index:10;
	background-color:white;
	overflow-y:visible;
	overflow-x:visible;
	color:black;  
	/*display:none;
	padding:8px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;*/
	
}
.callrow {
	padding:2px;
	font-size:12px;
}
.callrow img {
	height:18px;
	width:18px;	
	float:left;
	margin-right:2px;
}
fieldset a {
	color: #00F!important;
	text-decoration:underline!important;
}
#awesome .menuitem:hover #recentcallslist:hover {
	background-color:white;
}
#showreccalls:hover #recentcallslist {
	display:inline;
}


#outgoingcallslist {
/*	border:1px solid green;
	width:360px;
	max-height:500px;
	position:absolute;
	z-index:10;
	background-color:white;
	overflow-y:visible;
	overflow-x:visible;
	color:black;  
	display:none;
	padding:8px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;*/
	
}
#outgoingcallslist .callrow {
	padding:2px;
	font-size:9px;	
}
#outgoingcallslist .callrow img {
	height:18px;
	width:18px;	
	float:left;
	margin-right:2px;
}

#outgoingcallslist a {
	color: #006;
}
#awesome .menuitem:hover #outgoingcallslist:hover {
	background-color:white;
}
#showoutgoingcalls:hover #outgoingcallslist {
	display:inline;
}



#recentcallsclose {
	display:block;
}
#recentcallsshow {
	display:block;
}

.menuitemlist {
	padding:8px;
	border-bottom:1px solid #CCC;
	position:relative;
}
.menuitemlist:hover {
	color:white;
	background-color:#333333;
}
.dropdown {
	border:1px solid #333!important;
	width:160px;
	max-height:400px;
	top:35px;
	left:-5px;
	position:absolute;
	z-index:10;
	background-color:white;
	/*overflow-y:auto;
	overflow-x:hidden;*/
	color:black;
	display:none;
	font-size:12px!important;
	font-weight:bold!important;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	margin:4px;
	
}
.submenu {
	border:1px solid #333!important;
	width:160px;
	max-height:400px;
	right:-160px;
	top:-4px;
	position:absolute;
	z-index:10;
	background-color:white;
	overflow-y:auto;
	overflow-x:hidden;
	color:black;
	display:none;
	font-size:12px!important;
	font-weight:bold!important;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	margin:4px;
	
}
.menuitemlist:hover .submenu {
	display:block;
}
.menuitemlist a {
	color:black!important;
}
.menuitemlist:hover a {
	color:white!important;
}

.menuitemlist img {
	width:20px;
	height:20px;
	padding-left:5px;
	padding-right:5px;
}

.menuitemlisttitle {
	background:#333;
	color:#FFF;
	font-weight:bold;
}

#companyhead {
	background-color:#333333;
	color:white;
	border-bottom:#999999;	
	font-weight:bold;
	padding:4px;
	font-size:12px;
	
}
#companyhead .menuitem {
	margin-top:5px;
}
#companyname {
}
#companysites {
	
}

.menuitem strong {
	font-size:14px !important;
}

#companyhead .menuitem {
	cursor:pointer;
	border-right:1px inset grey;
	margin:0px;
	padding:4px;
	padding-right:6px;
	font-size:10px;
	font-weight:normal;
}

#companyhead a {
	color:white;
}
#companyhead .menualert {
	background-color:#990000;
}

#companyhead .menuitem:hover {
	background-color:#666;
}
#companyhead span img {
	vertical-align:middle;
}
#companyhead span form {
	display:inline;
}

.boxsubtitle .menuitem {
	cursor:pointer;
	border-right:1px inset grey;
	margin:0px;
	padding:4px;
	padding-right:6px;
	font-size:10px;
	font-weight:normal;
}
#window {
	position: fixed;
	width: 60%;
	left: 17%;
	right: 17%;
	top: 34px;
	border: 1px outset;
	background: white;	
	display:none;
	opacity:1;
	filter:alpha(opacity=100);	
	z-index:10;
}
#windowcontent {
	overflow-y:auto;
	overflow-x:hidden;
	max-height:400px;
	min-height:100px;
	padding:10px;
	
}
#headerwindowbar {
	background-color:#333333;
	color:white;
	font-size:12px;
	font-weight:bold;
	padding:6px;
}
#headerwindowbar .menuitem {
	cursor:pointer;
	border-left:1px inset grey;
	margin:0px;
	padding:0px;
	padding-right:6px;
	padding-left:6px;
	font-size:10px;
	font-weight:normal;
	float:right;
}

.stdform div {
	border-bottom:1px solid #CCC;
	padding: 3px;
}
.stdform div label {
	display:inline-block;
	width:150px;
	text-align:right;
}
.stdform div input, .stdform div select {
	width:200px;
}
.menuitem form {
	display:inline-block!important;
}

#dropZone
{
	display:inline-block;
}
 
#dropZone.hover
{
    border-color: #aaa;
    background-color: #ddd;
}
 
#dropZone.error
{
    border-color: #f00;
    background-color: #faa;
}

#sidebar {
	float:right;
	width:250px;
	height:100%;
	position:fixed;
	right:0px;
	margin-right:5px;
	padding:1px;
}
#sidebar div {
	padding:1px;
	font-size:14px;
}
#leftbar {
	float:left;
	width:170px;
	background-color:white;
	left:0px;
	padding:0px;
}
#leftbar h2 {
	margin:0px;
}
.leftnumber {
	padding:3px;
	border-bottom:1px solid #CCC;
	cursor:pointer;
	clear:both;
}
.notecall .leftnumber {
	clear:none;
	float:left;
	width:300px;
	border:1px solid #CCC;
}
.leftnumber:hover {
	background-color:#CCC;
}
.titleicons {
	cursor:pointer;
	float:right;
	width:20px;
	height:20px;
	margin-right:10px;
}

.displayfield {
	margin:4px;
	border-bottom:1px solid #CCC;
	font-size:12px;	
	clear:left;
}

.displayfield div {
	float:left;
	text-align:right;
	width:100px;
	margin-right:4px;
	font-weight:bold;	
}
.displayfield span {
	display:block;
	color:#333333;
	margin-bottom:6px;
	margin-left:105px;
}
.actionbutton {
	border:1px solid black;
	border-radius:4px;
	color:white;
	background-color:#666;
	font-size:14px;
	width:200px;
	text-align:center;
	margin:4px;
	padding:4px;
	cursor:pointer;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.actionbutton:hover {
	background-color:#333333;
}
.scratch {
	width:300px;
	height:200px;
	border: 1px solid black;
	
}
.ui-dialog-titlebar button {
	float:right;
}
#adminmenu {
	display:none;
	background-color:white;
}
.menu-icon {
	display:block;
	width:110px;
	float:left;	
	font-size:12px;
	font-weight:bold;
	text-align: center;
	margin:10px;
	cursor:pointer;
	border-style: solid;
	border-color: black;
	border-width: 0px;
	padding:2px;
}
.menu-icon img {
	margin:4px;
	width:45px;
	height:45px;
}
.menu-icon:hover {
	background-color:#FFC;
}
.menu-icon .selected {
	background-color:#CCC;
}

.sitelist {
	border:1px solid black;	
	clear:left;
}

.hideeditbuttons .editbuttons {
	visibility:hidden;
}
.hideeditbuttons:hover .editbuttons {
	visibility:visible;	
}

.ui-state-error, .ui-state-info {
	padding:8px;
	margin:8px;
}
.ui-state-info {
	border:1px solid #006;	
	color:#006!important;
	background:#C4C4FF
}
.ui-state-error {
	border:1px solid #900;	
	color:#900!important;
	background:#FFA4A4!important;
}

.ui-state-error .ui-icon, .ui-state-info .ui-icon {
	margin-right:10px!important;
}

#notifications {
	background-color: white;
    border: 1px solid black;
    bottom: 0;
    padding: 2px;
    position: fixed;
    right: 10px;
    width: 300px;
    z-index: 10000;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	display:none;
}

.beingDragged {
	background-color:#CCCCCC;
	border: 1px solid black;
	z-index: 20;
	width:200px;
}
.beingDragged .notesummary .noteicon, .beingDragged .notesummary .notetype, .beingDragged .notesummary .notesupport  {
	display:none;
}
.beingDraggedOver {
	background-image:none!important;
	background-color:#FFFFCC!important;
	color:black!important;
}

.dualSelector {
	width:45%;
	float:left;
	border:1px solid #999;
	border-radius:3px;	
	padding:3px;
	height:200px;
}

.dualSelector-item {
	border-bottom: 1px solid #CCC;
	padding:3px;	
}
.dualSelector-item img {
	width:20px;
	height:20px;
	vertical-align:middle;	
	margin-right:4px;
}

.siteOptionsField {

	margin-bottom:6px;	
	clear:left;
	border-bottom:1px solid #CCC;
}

.siteOptionsField label {
	float:left;
	width:150px;
	position:absolute;
}

.siteOptionsField input, .siteOptionsField select {
	margin-left:160px;	
	width:150px;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-dialog button {
	/*height:30px;*/
	font-size:10px!important;
}
.ui-dialog button img {
	height:19px;
	width:19px;
	vertical-align:middle;
}

.smalldatatable {
	margin:6px;
}
.smalldatatable td {
	font-size:smaller;
}
.smalldatatable input {
	font-size:smaller!important;
	border:1px solid black;
}
.actionsbutton {
	padding:4px!important;	
}
.actionsbutton .actionsbuttonmenu{
	display:none;
	position:absolute;
	width:200px;
	border:1px solid black;
	background-color:#FFFFFF;
	z-index:1000;
	color:black;
	overflow-x:hidden;
	overflow-y:auto;
	left:-180px;
}
.actionsbutton:hover .actionsbuttonmenu, .actionsbuttonmenu:hover {
	display:block;
}
.actionselect {
	border-top: 1px solid #CCC;
	clear:left;
	text-align:left;
	padding:4px;
	cursor:pointer;
}
.actionselect img {
	width:15px;
	height:15px;
	float:left; 
	margin-right:4px;
}
.actionselect:hover {
	background-color:black;
	color:white;
}
.topnotice {
	width:100%;
	position:fixed;
	height:30px;
	top:0px;
	left:0px;
	background-color:#6CF;
	z-index:2000;
	padding:12px;
	border-bottom:2px solid #009;
	font-size:14px;
	color:#009;
	
}

.homepageWidget {
}
.widgetdrop {
	background-color:#FFFFCC;
}
.widgetcontent {
	padding: 6px;
	height:160px;
	overflow-x:hidden;
	overflow-y:scroll;
}
.widgetcontent .calrow {
	margin: 1px;
}
.homepageWidget {
	width:300px;
	float:left;
	height:200px;    
	margin:8px;
}
.homepageWidget .ui-widget {
	padding:1px;
}
.homewidget {
	margin: 2px;
}
.widgetdrop {
	width:294px;
	float:left;
	height:194px;
	background-color:#FFFFCC;
	border:1px solid #F90;
	margin: 2px;
}

#addwidget {
	position:fixed;
	bottom:0px;
	left:10px;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
	width:100px;
	background-color:#CCCCCC;
	padding:4px;
	cursor:pointer;
	font-weight:bold;
}
#addwidget:hover {
	background-color:black;
	color:white;
}
#addwidget img {
	width:18px;
	height:18px;
	vertical-align:middle;
}
#widgetlist {
	position:fixed;
	bottom:0px;
	left:10px;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
	width:220px;
	height:300px;
	background-color:#CCCCCC;
	padding:4px;
	cursor:pointer;
	font-weight:bold;
	display:none;
	overflow-x:hidden;
	overflow-y:auto;
}

.menuitem .awesomedropdown {
	display:none;
	position:absolute;
	text-align:left;
	width:150px;
	color:black;
}
.menuitem:hover .awesomedropdown {
	display:block;
}

.bottommenu {
	position:fixed;
	bottom:0px;
	background-color:black;
	color:white;
	font-weight:bold;
	cursor:pointer;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	padding:10px;
	width:350px;
	z-index:9000;
	display:block !important;
}
.bottommenu .bottommenucontent {
		padding-bottom:20px;
	font-weight:normal;
}
#incomingcalls {
	right:10px;
}
#outgoingcalls {
	right:390px;
}

.ui-dialog .ui-dialog-title {
	width: unset!important;
}