@charset "utf-8";
/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
input, textarea {
background: transparent;border:0;margin:0;padding:0;
white-space: normal;-moz-box-sizing:border-box;}
body {line-height: 15pt;}
h1, h2, h3, h4, h5, h6 {clear: both;font-weight: normal;}
ol, ul {list-style: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: '';content: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
a img {border: none;}
pre { white-space:pre }
fieldset {
border:1px solid #e2e2e2;-moz-border-radius:5px; padding:5px; margin: 3px 3px 10px 3px;
}
fieldset legend {
-moz-border-radius:3px;
border:1px solid #c1cfdb;
line-height:13pt;
width:200px;
background-color: #dfe6ec; color:#595f71; font-weight:bold;
}
/*Dyncalendar display correction because of reset*/
.DynarchCalendar * {-moz-box-sizing:content-box;}
.DynarchCalendar-menu-year {margin-left:10px;}
.DynarchCalendar-menu table td div {margin-left:10px;}
.DynarchCalendar-title div {margin-left:44px;}
/*TEXT*/
body,td,th,input,select,a,button,textarea,p {font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:8pt;line-height:15pt;}
h1 { color:#4e5e63;margin:0 0 10px 0;font-weight:bold;font-style:italic;}
h2 { font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;font-size:16pt; font-weight:bold; color:#566069;margin: 0 0 10px 0;font-style:italic;}
h3 { font-size:8pt;font-weight:bold;color:#5076BE;line-height:30pt;}
h4 { font-weight:bold;line-height:25pt;padding:0;}
h5 { font-size:8pt;font-weight:bold;color:#575757;border-bottom:1px dotted #81A879;margin:0 0 1px 0;}
p { white-space:normal; margin: auto 20px;}
a, a:visited { color:#355791; text-decoration: none; }
a:hover {color:#2e83d8;}
label {float:left;width:130px;color:#333333;font-weight:bold;}
ul {margin-left:15px;}
ol {margin-left:30px;}
ul li {list-style-type:disc;}
ol li {list-style-type:decimal;}
.small {font-size:8pt;}
.debug {font-family:Courier New;font-size:8pt;color:gray;}
.url-text {font-family:courier new;color:#009966;size:7pt;}
.alert {color:red; font-weight:bold;}
.error {border:1px solid #ff0000;}
.legal {font-family:Times,sans-serif;font-size:8pt;color:#888888;}
.legal a {color:#BB0E04;}
.infotext {color:#666666;}
.infotext-gray {color:gray;}
.infotext-dark-gray {color:#333333;}
.footnav { color:white;background:gray;height:20px;cursor:default;}
.footnav a {text-decoration:none; color:white;font-family:Arial,Helvetica,sans-serif;font-size:11px;width:100px;display:inline;}
.idx {font-size:38px;font-weight:bold;color:#CDCDCD;}
.help {padding:15px;background:#F7F0EA;border:1px dotted #CABAAA;text-align:left;}
.underline{text-decoration:underline;}
.no-background{background:none !important;}
.no-list-style{list-style-type:none !important;}
/*FRONT COLORS*/
.bg-yellow {background-color:#FFFFCC;}
.bg-lite-blue {background-color:#EAFEFF;}
.bg-lite-grey {background-color:#EEEEEE;}
.dark {color:#2d2d2d;font-weight:bolder;}
.gray {color:#555555;}
.silver {color:#888888;}
.red {color:red;}
.green {color:green;}
.blue {color:blue;}
.navy {color:navy;}
.black {color:black;}
.active {display:none;z-index:10000;position:absolute;height:12pt;padding:1px 10px 0px 1px;background:#CACCE3;color:gray;border:1px solid #8C97BB;border-bottom:none;}
.emphasize {font-weight:bold;margin:0 5px 0 5px;border-bottom:1px dotted green;}
.reference {font-size:12pt;font-weight:bold;color:black;}
.summary {background:#6B7DAD;border:1px solid #425468;color:white;}
/*.summary table tr td {background:#6B7DAD;color:white;}*/
.float-right{float:right !important;}
.float-left{float:left !important;}
.float-none{float:none !important;}
.clear-both{clear:both !important;}
.align-right { text-align: right !important;}
.align-left { text-align: left !important;}
.align-center { text-align: center !important;}
.justify { text-align: justify !important;}
.valign-top { vertical-align: top !important;}
.valign-middle { vertical-align: middle !important;}
.valign-bottom { vertical-align: bottom !important;}
.overflow-y-scroll{overflow-y:auto !important;}
.overflow-x-scroll{overflow-x:auto !important;}
.overflow-auto{overflow:auto !important;}
.overflow-none{overflow:none !important;}
.overflow-hidden{overflow:hidden !important;}
.textaligncenter{text-align:center !important;}
.textalignleft{text-align:left !important;}
.textalignright{text-align:right !important;}
.display-block{display:block !important;}
.position-relative{position:relative !important;}
.position-static{position:static !important;}
.position-absolute{position:absolute !important;}
.position-right{right:0 !important; position:absolute !important;}
.position-left{left:0 !important; position:absolute !important;}
.position-bottom{bottom:0 !important; position:absolute !important;}
.position-top{top:0 !important; position:absolute !important;}
.clearboth{clear:both !important;}
.clearleft{clear:left !important;}
.clearright{clear:right !important;}
.clearnone{clear:none !important;}
.cursor-pointer{cursor:pointer !important;}
.cursor-default{cursor:default !important;}
.font-size-small{font-size: small;}
/*BOXES*/
.box {border:1px solid silver;background:#fafafa;padding:3px;margin-top:3px;}
.util {background-color:white;padding:10px;-moz-border-radius:10px;border:1px solid #d6d6d6;}
.form {border:3px solid #667C8C;background:#F9F9F7;padding:5px 2px 2px 2px;margin-top:3px;}
.dotbox {width:560px;border:1px dotted silver;display:table-cell;}
.titlebox {padding:5px;border:1px solid #E6EAEE; background:#F4F4F0;}
.info {color:#7A7A7A;background-color:#FDFDEC;border:1px solid #F7EFE1;padding:5px;margin:0;}
.infobox {border:1px solid #DFE6EC;background:#EFEFEF;}
.actionbar {border:1px solid silver; background:url(widget/action-bar.gif);text-align:right;margin:10px 0 0 0; padding:3px;}
#sidebar > div {border:1px solid #DDDDDD;background:#F2F2F2;-moz-border-radius:10px;padding:10px;margin:5px 0;}
#sidebar > div:first-child {border:1px solid #CBD8C5;background:#F1F7F0;}
#sidebar > div > h4 {line-height:12pt;}
.divider {border-bottom:1px dotted silver; height:3px;margin-bottom:2px;}
.item-A {border:1px solid #DBE6F7;border-left: none;border-right:none;background:#F5FBFE;padding:5px;}
.item-B {padding:5px;}
.no-border{border:0px !important;}
.no-wrap{white-space:nowrap !important;}
/*DIALOG*/
.dialogBody {padding:10px;background:#FAFAFA;}
.titlebar {font-family: Trebuchet MS;background:url(img/bg/win-caption.gif);color:#333333;font-weight:bold;margin:0;padding:1px 5px 1px 5px;height:25px;border-bottom:1px solid #888888;}
.dialogtitle {font-family: Trebuchet MS;color:#4F4735;background:#E2DBD3;font-size:15pt;margin:0;height:30px;vertical-align:middle;padding:1px 5px 1px 5px;border-bottom:1px solid #CFC1A9;}
.dialog {border:1px solid #888888;padding:0;}
.dialog label { white-space:nowrap; }
.dialog .info {border:none;}
div.curtain {background-color:#676767;filter:alpha(opacity=20);-moz-opacity:0.2;opacity: 0.2;}
/*FORMS*/
form {margin:0;padding:0;line-height:25px;}
form.dialog {padding:3px;border:1px solid #E0D8BE;background:#F5EDCB;}
input, select, textarea {color:#333;margin:3px;}
select[size] {border:0;}
select[size] option {padding-left:20px;padding-top:5px;padding-bottom:5px;border-bottom:1px solid #e9e9e9;}
select[size] option:selected {background:white;}
optgroup {font-style:normal;}
input,textarea {padding:3px;-moz-border-radius:3px;}
input.integer {text-align:right;padding-right:3px;}
input, textarea, div.list-items {border:1px solid #ccc;background:#fff url(widget/text-bg.gif) repeat-x;background-position: 0px -1px;}
input:disabled {background:transparent;border:1px solid #D0D8DD;}
input:focus, textarea:focus {border:1px solid #B0C9F2;color:black;}
input, textarea {color:#333333;}
input.lookup {background:url(widget/text-lookup.gif) right -1px no-repeat;}
button { border:1px solid silver;background:url(widget/button.png);
color:#666; width:80px;
text-align:center; background-position:360px 73px;margin:3px;
padding:2px 12px;
-moz-box-sizing:border-box;-moz-border-radius:12px;
cursor:pointer;
}
button:disabled img {opacity:0.5;}
button:disabled { cursor: default; }
button:disabled * {opacity:0.3;}
button:focus {background-position:360px 50px;border-color:#1676d6;color:black;}
button:hover {background-position:360px 100px;border-color:#333;color:#333;}
button:active,
button.selected{background-position:360px 125px;border-color:#333;color:white;}
button:disabled{background-position:360px 25px;border-color:#ccc;color:#aaa;}
button.large { width:120px; background-position:120px 73px; }
button.large:focus {background-position:120px 50px;border-color:#1676d6;color:black;}
button.large:hover {background-position:120px 100px;border-color:#333;color:#333;}
button.large:active {background-position:120px 125px;border-color:#333;color:white;}
button.large:disabled{background-position:120px 25px;border-color:#ccc;color:#aaa;}
button.default {background-position:280px 75px;border-color:#3c65b0;color:white;font-weight:bold;}
button.default:focus {background-position:280px 50px;border-color:#1676d6;color:white;}
button.default:hover {background-position:280px 100px;border-color:#264475;color:white;}
button.default:active{background-position:280px 125px;border-color:#264475;color:white;}
button.default:disabled{background-position:280px 25px;border-color:#ccc;color:#aaa;}
/*
button.alarm {background-position:200px 75px;border-color:#b90000;color:#eee;font-weight:bold;}
button.alarm:focus {background-position:200px 50px;border-color:#1676d6;color:white;}
button.alarm:hover {background-position:200px 100px;border-color:#880000;color:white;}
button.alarm:active {background-position:200px 125px;border-color:#880000;color:white;}
button.alarm:disabled{background-position:200px 25px;border-color:#ccc;color:#aaa;}
*/
span.editor table {display:inline-block;vertical-align:top;}
/*
.widget {background-image:url('widget/button.png');color:#333;height:25px;line-height:25px;border:0;margin:0;padding:0;}
button.widget {vertical-align:middle;padding:2px 1px 2px 1px;}
button.normal {width:60px;}
button.left {background-position:top left;width:3px;}
button.center {background-position:top center;}
button.right {background-position:top right;width:3px;}
button.demark {border-right:1px solid silver;}
button.disabled {color:silver;}
button.selected {color:black;}
button.submit {background-image:url('widget/button-yes.png');color:#408413;}
button.reset {background-image:url('widget/button-no.png');color:red;}
button.save {background-image:url('widget/button-save.png');color:navy;}
*/
button.separator {background:silver;width:1px;border-top:1px solid gray;border-bottom: 1px solid gray;}
span.button-set {margin:0 2px;}
span.pagecontrol {position:absolute;right:15px;bottom:5px;}
span.pagecontrol.secondary {top:5px;}
span.pagecontrol * {line-height:23px;vertical-align:middle;}
span.pagecontrol input {width:30px;margin:0 0 -2px 0;}
/*----*/
div.toolbar div.group {-moz-border-radius: 3px;}
div.toolbar input {margin:0 2px;}
div.toolbar {overflow:hidden;border:1px solid #C5C4A7;background:url(widget/toolbar.gif);padding:2px;margin: 0 0 5px 0;}
div.toolbar div {float:left;vertical-align:middle;line-height:22px;height:22px;padding:0;}
div.toolbar div button {margin:0; vertical-align:top;}
/* div.toolbar button.widget {background:url(widget/button-toolbar.gif) top right;height:22px;}
div.toolbar button.demark {border-right:1px solid #B1C5DA;}
*/
div.toolbar label {width:auto;margin-left:5px;}
div.editor {position:absolute;}
input.editor {
z-index:1;
bottom:0;
border:2px solid black;
margin:0;
background:white;
-moz-box-sizing:border-box;
padding:2px 2px 0 2px;
position:absolute;
font-size:9t;
opacity:0;
}
input.editor:focus {border:2px solid black;}
fieldset.group {position:relative;margin:15px 15px 0 15px;padding:30px 0 5px 0;width:300px !important;float:left;border:1px solid #b9b9b9;-moz-border-radius:10px;overflow:hidden;}
fieldset.group legend {text-shadow:0 1px 0 #FFFFFF;border-width: 0 0 1px 0;
position:absolute;
top:-30px;height:25px;
color:black;font-weight:bold;font-size:10pt;
width:100%;padding-top:3px;
-moz-border-radius: 10px 10px 0 0;
background: #ffffff; /* old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */
}
legend * {vertical-align:middle;}
span.select {position:relative;}
span.select a {-moz-border-radius:3px;background:#EEE;padding:0 3px 0 3px;cursor:default;}
span.select a:hover {background:#DDD;}
div.dropdown {
position:absolute;background:#f4f4f4;padding:10px;
-moz-border-radius:10px;border:3px solid #383838;
text-align:left;font-weight:normal;z-index:1000;
}
/*
div.dropdown {position:absolute;background:white;top:20px;left:0;border:1px solid #DDD;overflow:auto;z-index:1000;padding:5px;text-align:left;font-weight:normal;}
div.dropdown label {float:none;font-weight:normal;color:black;}
div.dropdown ul {font-weight:bold;list-style:none inside;margin:1px;padding:0;background:#EEE;color:black;cursor:default;}
div.dropdown li {font-weight:normal;background:white;color:#333;cursor:default;}
div.dropdown li.hover {background:#0066FF;color:white;}
*/
.dropdown_list {background:white;border:2px solid #6699FF;position: absolute;cursor: default;overflow: auto;}
div.dropdown_list > fieldset > legend {font-weight:bold;background-color:#eee;
border:1px solid #ddd;padding-left:5px;border-left:0;border-right:0;
width:100%;
}
ul.dropdown {position:absolute;top:35px;left:-100px;margin:1px;padding:5px;color:black;overflow:auto;width:200px;height:250px;background:white;border:1px solid gray;z-index:1000;}
ul.dropdown li {list-style:none;font-weight:normal;background:white;color:#333;float:left;clear:both;}
ul.dropdown li a:hover {background:#0066FF;color:white;}
ul.dropdown li a {display:block;width:190px;height:20px;overflow:hidden;}
div.strip {background:#EEE;border:1px solid silver;border-top:0;padding:5px;margin:0 2px 0 2px;-moz-border-radius: 0 0 3px 3px}
.dropdown_button img {border:1px solid #D0D8DD;}
/*
.dropdown_item, .dropdown_item_highlighted, .dropdown_item_hover {font-size:9pt;padding-left:5px;border:1px solid white;}
.dropdown_item {color:black;width:100%;background-color:white;vertical-align:middle;}
.dropdown_item_highlighted {color: white;background-color: #0A246A;}
.dropdown_item_hover {background: #e0eefa;border:1px solid #c3dbef;}
*/
.multilookup_selected_container {
padding:0;margin:0;border:0;display:inline-block;clear:right;vertical-align:middle;
}
.multilookup_selected_container li {
vertical-align:middle;
white-space: nowrap;
text-align:center;line-height:12pt;
float:left;list-style:none;
-moz-border-radius: 2px 2px 2px 2px;
margin: 0px 0px 2px 2px;
padding: 0px 0px 0px 2px; float:left;
background: #F6F6F6; border:1px solid #8080C0;
}
.multilookup_selected_container .text {
/*max-width:280px; */
overflow-x: hidden; display:inline-block; height:14px; overflow-y:hidden; white-space: nowrap; cursor:text;
}
.multilookup_selected_container .close {
height: 16px; width: 16px; background: url(img/icons/16x16/close.png) top right no-repeat;
padding-right:19px; cursor:pointer;
}
/*EDITGRID*/
table.editgrid {margin:0; border-collapse:collapse;}
table caption {padding:0 0 10px 0; margin:0;}
tfoot.editgrid { border:1px solid #ff0000; position:relative;}
tfoot.editgrid tr td {
text-align:left;
color:navy;
background: #e0eefa url(widget/action-panel.gif);
padding:3px;
border:1px solid #a5b3d3;
}
thead.editgrid th {
background:url(widget/table-header.gif) 0 -1px repeat-x;
font-weight:bold;
text-align:left;
color:navy;
padding:3px 0;
border:1px solid #8FB9DA;
}
table.editgrid tr.newline th {color:black;background-color:#EDEDED;height:20px;}
table.editgrid tr.newline input {border:none;margin:0;}
table.editgrid thead th.newrow {background:white;border:1px solid #D8D8D8;height:20px;}
table.editgrid thead th.dividerrow {height:5px;background:#D9FFDA;border:1px solid #C1E3BF;}
table.editgrid tbody td {border:1px solid #E4E4E4;}
table.editgrid thead input, table.editgrid tbody input { cursor:default;border:0;margin:0;}
.rowA td, .rowB td {cursor:default;height:20px;}
.rowA, .rowA input, .rowA div {height:20px;background:white;}
.rowB, .rowB input, .rowB div {height:20px;background:#f7f7f7;}
.rowA span, .rowB span {padding-left:1px;}
.rowG {cursor: pointer;}
input.readonly {background-color:#EDF0F3;color:#555555;}
.rowSA, .rowSA input, .rowSA div {background:#232D9E;color:#FFFFFF;height:20px;}
.rowSB, .rowSB input, .rowSB div {background:#232D9E;color:#FFFFFF;height:20px;}
.rowSB a, .rowSA a {color:#99CCFF;}
.rowSA input.focus, .rowSB input.focus {background-color:white; color:black;}
table.editgrid td.indicator {background:#f2f3f4;text-align:right;width:30px;}
/*
table.editgrid tbody tr td.indicator, .indicator-focus {color:gray;background:#D9E1E6;font-size:pt;text-align:right;vertical-align:middle;border:1px solid #57639b;}
.indicator-focus {color:#CAD6DF;background-image:url("img/arrow.gif"); background-repeat:no-repeat; background-position:center;}
*/
tr.rowD {display:none;}
tr.rowG, tr.rowG td {background:url(img/bg/table-group.gif);font-weight:bold;color:#517279;}
div.left-pane {float:left;}
div.left-pane div.tbody {overflow:hidden;}
table.editgrid input[type=checkbox] { height:auto;}
/*INDEX*/
.index {background-color:#ECE8D2;border:1px solid #AAAA66;}
.index td {font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;}
.index .select {font-size:20pt; border:1px solid #AAAA66; width:50px;text-align:center;background-color:#DDD6BD;}
/*VIEWGRID*/
table.viewgrid {border:1px solid silver;background-color:white;}
/*
.viewgrid p {margin:0;padding:0;}
.viewgrid hr {margin:0;padding:0;background:white;margin:0px;}
*/
.viewgrid a {display:block;cursor: pointer;padding: 2px 4px 4px 8px;margin:0;padding:0;border:1px solid transparent;overflow:hidden;}
.viewgrid a:hover {background:#CAF0FF;border:1px solid #11A4F2;color:black;cursor:pointer;}
.viewgrid a.select{background-color:#D5DDF9;color:navy;cursor:pointer;font-weight:normal;border:1px solid #A7ACC2;}
.viewgrid tfoot{
font-size: 9pt;
text-align:left;
color:navy;
background: #e0eefa;
width:347px;
_position:fixed;
_bottom:28px;
}
.viewgrid tbody{
overflow:auto;
}
/*SPREADSHEET*/
table.spreadsheet td, table.spreadsheet th {
text-align:left;border:1px solid #DDDDDD;
white-space:nowrap;overflow:hidden;padding:2px;
text-overflow:ellipsis;-moz-binding:url('/Themes/ellipsis.xml#ellipsis');
}
table.spreadsheet > thead > tr > th {
background-color:#EEEEEE;font-weight:normal;
text-align:center;
}
table.spreadsheet td.num, table.spreadsheet th.num {text-align:right;}
ul.viewgrid {padding:2px;margin:0;border:1px solid black;width:300px;}
ul.viewgrid li {background:#FFFFFF;margin:0;list-style-type:none; list-style-image: none;}
ul.viewgrid li.select, ul.viewgrid li a:hover {background-color:#E8F4FD;color:white;}
ul.viewgrid li a {font-family:tahoma;display:block;white-space:nowrap;font-size:0.75em;text-decoration:none;padding:2px 2px 2px 2px;border-bottom:1px solid #DDDDDD;overflow:hidden; height:24px;}
span.line1, span.line1 span.name {color:black;}
span.line2 {color:#666666;}
ul.viewgrid li a:focus {background-color:#9DD0F7;border-bottom-color:#54AEF1;}
a:focus span.line1, a:focus span.line1 span.name {font-weight:bold;}
a:focus span.line2 {color:black;}
.viewgrid_paging {
border:1px solid #C5C4A7; background: url(widget/toolbar.gif); padding:3px; margin-bottom:5px;
height: 24px;
}
/*STATS*/
/*STANDARDGRID*/
table.grid {border:1px solid silver;background-color: white;border-collapse:collapse;margin-top:3px;}
tr.colA td {background:#f4f4f4;}
colB {background:white;}
table.grid th, table.grid td
{
border: 1px solid #ddd;
padding: 0;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
font-size:9pt;
line-height:14pt;
height:14pt;
-moz-box-sizing:border-box;
}
table.grid th, {background:url(img/table-header-gray.png);}
table.grid th, {background:url(img/table-header-gray.png);font-weight:bold;color:#7F7F7F;text-align:center;padding:1px;}
table.grid td, table.grid th {border:1px solid silver;padding: 2px 2px 0 2px;}
tr.highlight {background:#F4F4F4;color:black;}
tr.normal {background:white;}
tr.normal td {color:#959595;overflow:hidden;text-overflow:ellipsis;white-space:pre;}
td {color:black;}
/* FIXED HEADER GRID */
.fixed_header_grid {border:1px solid silver;border-collapse:collapse;margin-top:3px; width:350px;overflow:hidden;}
.fixed_header_grid .thead {overflow:hidden; background-color:#EEEEEE;}
.fixed_header_grid .tbody {height:300px;width:350px;overflow:auto;}
.fixed_header_grid .thead table, .fixed_header_grid .tbody table {
table-layout:fixed !important;
border-top: 0px;
border-collapse: collapse;
}
.fixed_header_grid .tbody td, .fixed_header_grid .body th,
.fixed_header_grid .thead td, .fixed_header_grid .thead th
{
border: 1px solid #ccc;
padding: 0;
font-size:9pt;
text-overflow:ellipsis !important;
overflow:hidden !important;
height:25px !important;
-moz-box-sizing:border-box;
}
.fixed_header_grid .tbody td, .fixed_header_grid .tbody th {
border:1px solid silver;padding: 2px 2px 0 2px;
white-space:normal;
vertical-align: top;
}
.fixed_header_grid .tbody th {
background: lightgrey;
font-weight:bold;color:#7F7F7F;text-align:center;
vertical-align: middle;
}
.fixed_header_grid .thead th {
background:url(img/table-header-gray.png);
white-space:pre !important;
}
.fixed_header_grid .thead th, .fixed_header_grid .thead th a {
font-weight:bold;color:#7F7F7F;text-align:center;
}
.fixed_header_grid .int, .fixed_header_grid .percent, .fixed_header_grid .float {
text-align:right;
}
.fixed_header_grid .rowGroup, .fixed_header_grid .rowGroup th, .fixed_header_grid .rowGroup td{
background:url(widget/action-panel.gif);
font-weight:bold;
color:#517279;
height: 23px;
}
/*ADMIN*/
table.admin {border:1px solid #D2DEF0; border-collapse:collapse;}
table.admin th {background:#EAEFF7;border:1px solid #D2DEF0;text-align:center;color:#3A639E;font-weight:bold;}
table.admin td {border:1px solid #D2DEF0;background:#FEFEFE;}
table.admin td.lr {border-left:1px solid #D2DEF0;border-right:1px solid #D2DEF0;border-bottom:0px;border-top:0px;}
table.admin td.l {border-left:1px solid #D2DEF0;border-right:0px;border-bottom:0px;border-top:0px;}
table.admin td.r {border-right:1px solid #D2DEF0;border-left:0px;border-bottom:0px;border-top:0px;}
/*MENUS*/
table.lowmenu td {height:23px;background-image:url(img/tb-bg.gif);background-repeat:repeat-x;}
table.lowmenu a, table.topmenu a:visited {font-family: "Trebuchet MS";color:#8C98AA;font-weight:bold;}
table.lowmenu td.left {width:5px;background-image:url(img/tb-l.gif); background-repeat:no-repeat;background-position:left;}
table.lowmenu td.right {width:5px;background-image:url(img/tb-r.gif); background-repeat:no-repeat;background-position:right;}
table.lowmenu td.divider {width:5px;background-image:url(img/tb-div.gif); background-repeat:no-repeat;background-position:right;}
/* STATS */
table.stats {border-collapse: collapse;background:white;}
table.stats th {
font-family: "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
border: 1px solid silver;
background-color: #F5F4EF;
padding: 3px;
color: #5076BE;
text-align: center;
height:20px;
background:url(img/table-header-gray.png);
font-weight:bold;
}
table.stats td {
font-family: "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
border: 1px solid silver;
text-align: right;
padding: 3px;
height:20px;
}
table.stats td.total, table.stats th.total {
text-align: right;
font-weight: bold;
color: green;
}
table.stats td.name {
text-align: left;
}
table.stats td#empty {
border: 0px;
background-color: #ffffff;
}
a img{ border:0px;}
#container:after{
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
/*
.subtab a {color:gray;background:transparent;}
.subtab li.selected a {color:#eeeeee;}
.subtab li.selected a:hover {color:white;}
.subtab li {
display:block;
float:left;
background:url(img/subtab.png) center 50px;
height:25px;
line-height:25px;
padding:0 10px;
margin-right:1px;
}
.subtab li.selected {background-position:center 0;}
.subtab li:hover {background-position:center 25px;color:navy;}
.subtab li.selected:hover {background-position:center 0;}
.subtab li.first {background-position:left 50px;}
.subtab li.first.selected {background-position:left 0;}
.subtab li.first.selected:hover {background-position:left 0; color:#FFFFFF;}
.subtab li.first:hover {background-position:left 25px;}
.subtab li.last {background-position:right 50px;}
.subtab li.last.selected {background-position:right 0;}
.subtab li.last.selected:hover {background-position:right 0;}
.subtab li.last:hover {background-position:right 25px;; color:black;}
*/
/*
ul.makeMenu, ul.makeMenu ul {
border: 1px solid #000;
padding-left: 0px;
cursor: default;
margin-left: 0px;
}
ul.makeMenu li {
list-style-type: circle;
margin: 0px;
position: relative;
color: #7C986B;
display:inline;
padding:0 5px 0 5px;
font-size:10pt;
}
ul.makeMenu li > ul {
display: none;
position: absolute;
top: 15px;
left: 0px;
background-color: white;
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
background-color: #99CCFF;
color: #000;
}
ul.makeMenu ul.CSStoShow {
display: block;
}
ul.makeMenu li:hover > ul {
display: block;
}
*/
/*TABS*/
.tabs a, .tabs a:visited, .tabs span.disabled
{
font-size:8pt;
margin-top:1px;
color:#333333;
cursor:pointer;
float:left;
position:relative;
margin-left:-1px;
border:1px solid gray;
bottom:-2px;
left:0;
padding:2px 10px 3px 10px;
border-bottom:none;
background-image:url('img/bg/tab-bgd.gif');
z-index:1000;
}
caption.tabs a:hover {bottom:-1px;background-color:#CCCCCC;color:black;border-top:2px solid #6498D2;}
caption.tabs a.tabsel, .tabs a.tabsel:visited, .tabs a.tabsel:hover {cursor:default;color:black;background:white;bottom:-1px;padding:3px 10px 4px 10px;z-index:10;border-top:1px solid #FF9900;}
caption.tabs {padding:0;margin:0;min-width:400px;}
caption.tabs img {border:1px solid #DDDDDD; margin: 0px 0px 1px 5px;}
.tabcontent {background:white;padding:0px;overflow:auto;}
.tabborder {background-color:white; border-style:solid; border-width:1px; border-color:gray;padding:0; width:100%;}
li.line {list-style:none;margin-bottom:10px;}
div.select-lists ul {float:left;border:1px solid #EEEEEE;padding:5px;}
div.select-lists div.tools {float:left;width:25px;}
div.select-lists ul li {list-style:none;}
div.select-lists ul a {float:left;height:25px;vertical-align:middle;line-height:25px;width:150px;padding:2px;}
div.select-lists ul a:hover {background-color:#97acdf;color:white;}
div.select-lists ul a:focus {background-color:#5679cb;color:white;}
ul.horz {padding:0;margin:0;border:0;display:inline-block;clear:right;vertical-align:middle;}
ul.horz li {vertical-align:middle;padding:0;margin:0;float:left;list-style:none;}
ul.horz li a {display:block;text-align:center;line-height:12pt;}
ul.vert {overflow:auto;padding:0;margin:0;}
ul.vert li {list-style:none;vertical-align:middle;display:block;margin:0;overflow:hidden;white-space:nowrap;}
ul.vert li * {display:inline-block;vertical-align:middle;}
ul.vert li > a:only-child {display:block;white-space:nowrap;padding:2px;overflow:hidden;border-bottom:1px solid #EEE;outline:0;}
ul.vert li > a:hover {background-color:#EEEEEE;cursor:pointer;}
ul.vert li > a.select{color:navy;cursor:pointer;font-weight:normal;
border:1px solid #a7ccf5;
background: #CFEEFC; /* old browsers */
background: -moz-linear-gradient(top, #CFEEFC 0%, #BAE8FE 80%, #9ADBF4 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CFEEFC), color-stop(80%,#BAE8FE), color-stop(100%,#9ADBF4)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFEEFC', endColorstr='#9ADBF4',GradientType=0 ); /* ie */
}
ul.linex1 li {height:30px;}
ul.linex2 li {height:50px;}
ul.list li a {width:100%;padding:3px;}
ul.list li a.selected {background-color:#0e65a5;color:white;}
ul.tab {background-color:#EFEFEF;padding:2px 0 0 0;}
ul.tab li:first-child a {margin-left:20px;}
ul.tab li a {color:#666666;font-size:9pt;text-decoration:none;padding:2px 10px 2px 10px;border:none;}
ul.tab li a:hover {color:#3f73c9;}
ul.tab li a.selected {
color:#000000;
cursor:default;
border:1px solid #e9e9e9;
border-bottom:0;
height:21px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius:5px 5px 0 0;
background-color:white;
}
ul.filter {height:25px;}
ul.filter li:first-child a {margin-left:5px;}
ul.filter li a, ul.filter li a:visited {color:#666666;padding:2px 5px;margin-right:10px;border:none;}
ul.filter li a:hover {color:#3f73c9;}
ul.filter li a.selected { color:white; cursor:default; background-color:#9297da;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
ul.lowtabs {background:#EEE;width:100%;}
ul.lowtabs li a {text-align:center;width:138px;height:50px;line-height:12pt;}
.lowtabs {background-color:#EDEDED;border-top:1px dotted gray;}
.lowtabs a, .lowtabs a:visited { border-bottom:2px solid #EDEDED;top:-2px;}
.lowtabs a:hover {background-color:#DDDDDD;color:black;border-bottom:2px solid #2F3A9F;}
.lowtabs a.tabsel {bottom:1px;height:51px;border:1px dotted silver;border-top:0;border-bottom:2px solid #FF9933;}
div.tabcontent {width:500px;height:500px;border:1px solid #e2e2e2;padding:5px;}
/*NAVBOX*/
.navTopLeft {background: url(img/navBox.gif) no-repeat left top;width:8px;}
.navTop {background: url(img/navBox.gif) no-repeat top center; height:25px;}
.navTopRight {background: url(img/navBox.gif) no-repeat right top;width:8px;}
.navBottomLeft {background: url(img/navBox.gif) no-repeat left bottom;width:8px;}
.navBottom {background: url(img/navBox.gif) no-repeat center bottom; height:3px;}
.navBottomRight {background: url(img/navBox.gif) no-repeat right bottom;width:8px;}
.navLeft {background: url(img/navBox.gif) no-repeat left center;}
.navRight {background: url(img/navBox.gif) no-repeat right center;width:8px;}
.navOpen {background: url(img/navBoxOpen.gif) no-repeat right top;width:14px;height:14px;}
.navClose {background: url(img/navBoxClose.gif) no-repeat right top;width:14px;height:14px;}
/*TREE*/
ul.tree { /*list-style:inside;*/ padding-left:18px;}
li.open li {padding-left:-12px;margin:0;text-indent:0;border:1px solid red;}
li.open, li.closed {padding-left:0px; padding:0;font-weight:bold;}
li.open {list-style-image:url(img/plus.gif);}
li.closed {list-style-image:url(img/minus.gif);}
ul.tree .select { background-color:#D5DDF9;color:navy;cursor:pointer;font-weight:normal;border:1px solid #A7ACC2; }
/*TOOLBAR #E9E4DC*/
ul.toolbar {
overflow:hidden;
height:26px;
border:1px solid #C5C4A7;
background:url(widget/toolbar.gif);
padding:0 0 0 3px;
margin-bottom: 3px;
}
ul.toolbar li {
float: left;
list-style-type:none;
list-style-image:none;
line-height:22px;
height: 26px;
padding:0;
margin:0;
-moz-box-sizing:border-box;
}
ul.toolbar li.separator {width:10px;background:url(img/separator.gif) no-repeat;height:100%;}
.tooltips {background-color:#EEEEEE;border:1px solid #CCCCCC;padding:3px; color:#666666;font-size:8pt;}
#tooltip {color:black;position:absolute;background-color:#fcf8c7;border:2px solid #5a5a69;padding:5px; color:#666666;font-size:8pt;-moz-border-radius: 5px; z-index: 65535;}
/* shade */
table.shade {
border: 0px none ; background-image: none;
border-spacing: 0px; background-color: transparent;
border-collapse: collapse; padding: 0px;
}
table.shade td.shade {
border: 0px; background-image: none;
padding: 0px; background-color: transparent;
}
table.shade td.shade-size,
table.shade td.shade-size div {
width: 16px; height: 16px;
}
table.shade td.shade-top-2 div,
table.shade td.shade-left-2 div,
table.shade td.shade-right-2 div,
table.shade td.shade-bottom-2 div {
width: 1px; height:1px;
}
table.shade td.shade-top-2,
table.shade td.shade-bottom-2 {
width: 100%;
}
table.shade table.shade-horizontal {
width: 100%;
}
table.shade table.shade-vertical {
height: 100%;
}
table.shade td.shade-topleft {
background-image: url("img/bg/shade_corner.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}
table.shade td.shade-top-1 {
background-image: url("img/bg/shade_corner.png");
background-position: -16px 0px;
background-repeat: no-repeat;
}
table.shade td.shade-top-2 {
background-repeat: repeat-x;
background-image: url("img/bg/shade_border_h.png");
background-position: 0px 0px;
}
table.shade td.shade-top-3 {
background-image: url("img/bg/shade_corner.png");
background-position: -32px 0px;
background-repeat: no-repeat;
}
table.shade td.shade-topright {
background-image: url("img/bg/shade_corner.png");
background-position: -48px 0px;
background-repeat: no-repeat;
}
table.shade td.shade-left-1 {
background-image: url("img/bg/shade_corner.png");
background-position: 0px -16px;
background-repeat: no-repeat;
}
table.shade td.shade-left-2 {
background-repeat: repeat-y;
background-image: url("img/bg/shade_border_v.png");
background-position: 0px 0px;
}
table.shade td.shade-left-3 {
background-image: url("img/bg/shade_corner.png");
background-position: 0px -32px;
background-repeat: no-repeat;
}
table.shade td.shade-right-1 {
background-image: url("img/bg/shade_corner.png");
background-position: -48px -16px;
background-repeat: no-repeat;
}
table.shade td.shade-right-2 {
background-repeat: repeat-y;
background-image: url("img/bg/shade_border_v.png");
background-position: -16px 0px;
}
table.shade td.shade-right-3 {
background-image: url("img/bg/shade_corner.png");
background-position: -48px -32px;
background-repeat: no-repeat;
}
table.shade td.shade-bottomleft {
background-image: url("img/bg/shade_corner.png");
background-position: 0px -48px;
background-repeat: no-repeat;
}
table.shade td.shade-bottom-1 {
background-image: url("img/bg/shade_corner.png");
background-position: -16px -48px;
background-repeat: no-repeat;
}
table.shade td.shade-bottom-2 {
background-repeat: repeat-x;
background-image: url("img/bg/shade_border_h.png");
background-position: 0px -16px;
}
table.shade td.shade-bottom-3 {
background-image: url("img/bg/shade_corner.png");
background-position: -32px -48px;
background-repeat: no-repeat;
}
table.shade td.shade-bottomright {
background-image: url("img/bg/shade_corner.png");
background-position: -48px -48px;
background-repeat: no-repeat;
}
/* Progress Dialog */
div.progressBar {
background: #333333;
width: 280px; height: 10px;
}
div.progressBar-done {
background: #77DDFF url("img/progressBar.jpg");
height: 10px;
}
.calendar {
z-index: 65535;
}
div#currentKey{
font-family:courier new;
color:silver;
font-size:8pt;
float:right;
text-align:right;
}
td#left_panel{
vertical-align:top;
}
img.topbar_img_name{
padding:0px 4px;
border:medium none;
vertical-align:middle;
cursor:pointer;
}
div#adv_search_rules_tpl{
display:none;
}
span#dlgDelJobAssignment_JobName{
text-decoration: underline;
font-weight:bold;
}
div#adv_search_rules_tpl select,
div#adv_search_rules_fields select{
width:150px;
}
div#similarNameX ,div#similarName{
border: 1px solid #AAAAAA;
padding:5px;
}
div#similarNameX {
display: none;
}
div#similarName{
overflow:auto;
}
div.adv_search_rules_container{
width:800px;
height:200px;
overflow-y: auto;
}
.display_name{
text-decoration:underline;
font: normal bold 11px san-serif;
margin-left:37px;
white-space:nowrap;
overflow:hidden;
}
#per_Prefix{
width:50px;
}
/* CSS for Contact */
div.small-icon{
float:left;
padding:5px 3px 3px 3px;
height:30px;
}
div.small-icon img{
border:0px;
}
ul.contact_list_ul{
margin-left:-40px;
}
ul.contact_list_ul li{
list-style:none;
border: 1px dotted silver;
}
ul.contact_list_ul li:hover{
background-color:#fff;
}
ul.contact_list_ul li a{
display:block;
height:40px;
width:100%;
overflow:hidden;
}
ul.contact_list_ul li a:hover{
background:#D5DDF9;
}
.contact_list_select{
background-color:#D5DDF9;
color:navy;
cursor:pointer;
font-weight:normal;
}
#tabcontrol{
width:100%;
overflow:auto;
}
table.tabctn{
width:100%;
}
table.tabctn td.label, table.tabctn td.content{
white-space:nowrap;
vertical-align:top;
width:70px;
}
table.tabctn td.label{
width:10%;
padding:2px;
}
table.tabctn td.content{
width:40%;
padding:2px;
white-space: pre-wrap;
}
select#selected_add, select#addr_select_rw{
width:195px;
}
table#note_table{
width:100%;
}
.note_pagecontrol{
text-align:right;
}
td.note-label, div.note-label{font-size:12px; font-weight:bold; color:black;}
td.note-info, td.note-msg{ font-size:11px; padding:2px;vertical-align:top;}
td.note-msg{width:100%;}
td.note-info{
white-space:nowrap;
font-weight:bold;
}
.bg_white{background-color:#FFFFFF;}
.bg_grey{background-color:#ECECEC;}
td.note-msg{
text-align:justify;
vertical-align:top;
}
.tabContent input{
width:220px;
}
div#div-tabHomeaddr, div#div-tabOtheraddr{
height: 200px;
width: 100%;
}
#typeContent{
float:left;
}
select#src_evt{
width:190px;
}
select#sel_country{
width:200px;
}
table#tabctn-tabComInfo input{
width:250px;
}
.saveBtn{
width:100px;
height:30px;
}
.vertical-align-middle{ vertical-align:middle;}
.vertical-align-top{ vertical-align:top;}
#logNotesMsg, #logCmpMsg{
width:99%;
height:100px;
}
#addNotesInput{
margin:0px auto;
}
#dlg_notes_title{
font-weight:bold;
font-size:18px;
color:#fff;
}
#dlg_notes_info{
}
#dlg_notes_body{
text-align:justify;
font-weight:bold;
width:500px;
}
#dlg_notes_close_btn{
float:right;
}
.tab-heading, .person-tab-heading, .organization-tab-heading{
font-weight:bold;
color:#666;
font-size:14px;
text-align:left;
}
.mainTabContainer{
border:1px solid #808080;
border-top:0px;
}
.address_table{
width:100%;
}
.top-padding{padding-top:3px;}
.addr_height{
height:72px;
}
div.inputName{
float:left;
padding-right:2px;
vertical-align:top;
}
div.inputName-label,div.inputName-input{
height:20px;
}
input#per_Prefix, input#per_Suffix, input#per_Prefix-chi, input#per_Suffix-chi{
width:40px;
}
input#per_FirstName, input#per_FirstName-chi{
width:70px;
}
input#per_MiddleName, input#per_LastName, input#per_MiddleName-chi, input#per_LastName-chi{
width:90px;
}
.note{
color:gray;
font-size:12px;
}
.separator{ padding-top:6px;}
.dlgCreateCompany{
width:395px;
}
#newCompanyName{
color:red;
font-weight:bold;
}
#dlg_newCo_title{
color:white;
font-size:16px;
}
.addr_button{
text-align:center;
padding:15px;
}
.alertbox{
background:url("/Themes/default/img/icons/24x24/warning.gif") no-repeat left center ;
padding:10px 5px;
text-align:left;
padding-left:30px;
}
.alertbox span{
font-weight:bold;
text-decoration:underline;
color:#ff0000;
}
.msg{
background-color:green;
color:#fff;
padding:3px;
font-weight:bold;
font-size:12px;
text-align:center;
opacity:0;
}
.findIn{padding:0px 5px;}
#div_CUD_Addr, #div_Create{
text-align:center;
}
table.organizationTopBar,
table.personTopBar{
padding-left:40px;
width:100%;
}
table.personTopBar{
line-height:20px;
}
table.organizationTopBar td.name,
table.personTopBar td.name{
font-size:15px;
font-weight:bold;
width:95%;
padding-left:40px;
}
table.organizationTopBar td.createdBy,
table.personTopBar td.createdBy{
white-space:nowrap;
text-align:right;
padding-right:5px;
height:40px;
}
table.organizationTopBar{
background:url("/Themes/default/img/icons/32x32/company.gif") no-repeat 4px 4px;
}
table.maleTopBar{
background:url("/Themes/default/img/icons/32x32/gender-male.png") no-repeat 4px 4px;
}
table.femaleTopBar{
background:url("/Themes/default/img/icons/32x32/gender-female.png") no-repeat 4px 4px;
}
table.noGenderTopBar{
background:url("/Themes/default/img/icons/32x32/gender-unknown.png") no-repeat 4px 4px;
}
.organizationBG, .personBG{
width:100%;
}
table#tabcontrol{
}
td.td_advSearch_fields select{}
td.td_advSearch_operator select{
width:150px;
}
td.td_advSearch_input input{
width:400px;
}
.advSearch_AddRules, .advSearch_RmvRules{
width:25px;
}
.advSearch_Search, .advSearch_Clear{
width:60px;
}
div.advSearch_footer{
float:right;
}
div.advSearch_footer input{
width:60px;
}
div.saveSearchBody{
height:310px;
}
div#saveNew_savedSearchListContent{
_width:500px;
height:190px;
}
input#saveAdvSearchDesc{
width:300px;
}
.txtLabel{
font-weight:bold;
font-size:13px;
}
.memo{
width:300px;
min-height:50px;
}
.uploadBox{
width:76%;
}
.uploadBox .uploadBoxLeft{
width:220px;
vertical-align: bottom;
}
.uploadBox .uploadBoxRight{
width:80px;
text-align:right;
vertical-align: bottom;
}
.redDoubleStars{
font-weight:bold;
color:red;
}
span#dlgDelContact_DisplayAs{
text-decoration: underline;
font-weight:bold;
}
.dlgAddToCmp_container{
width:600px;
height:470px;
padding:5px;
background:#FFFFFF;
}
.dlgExportContact-btn{
width:60px;
}
div#campaignListContent{
height:190px;
}
#send_to_cmp_file{
width:250px;
}
#send_to_cmp_file_type{
width:139px;
}
.dlgExportContact-chkbox{width:20px;}
.dlgExportContact-text{width:170px;}
.dlgAddToCmpOther{
width:550px;
height:330px;
padding:5px;
overflow-y:auto;
}
td#other_person, td#other_company{
vertical-align: top;
width:50%;
}
div.dlgAddToCmp_filename, div.dlgAddToCmp_filetype{
padding:5px 0px;
}
#send_to_cmp_search_name{
width:200px;
}
.dlgAddToCmp-steps{
color:#5076BE;
font-weight:bold;
font-size:14px;
text-decoration:underline;
}
.dlg-Personalinfo-input{
width:150px;
}
div#create_contact_tabPerson td.content,
div#create_contact_tabOrganization td.content,
div#create_contact_tabAddress_home td.content,
div#create_contact_tabAddress_other td.content,
div#create_contact_tabCustom td.content{
padding:3px;
padding-right:10px;
}
table#dlg-org-addr td.label{
width:131px;
vertical-align:top;
white-space:nowrap;
}
.nameLabel{
height:18px;
}
.nameInput{
height:23px;
}
.org-contact-text{
float:left;
padding-right:5px;
margin-top:5px;
color:black;
}
input#per_DisplayAs-chi,input#per_DearName-chi,input#per_JobTitle-chi,input#per_Department-chi,
input#per_DisplayAs,input#per_Birthday,select#per_Language,input#per_DearName,input#per_JobTitle,input#per_Department, input#per_TelDirLine,input#per_DirectFax,input#per_TelMob,input#per_Skype{ width:220px;}
div#creat_contact_steps{
width:100%;
text-align:center;
padding:5px;
}
div#create_contact_tabOrganization,
div#create_contact_tabAddress,
div#create_contact_tabCustom{
display:none;
}
span#create_contact_step1{
font-weight: bold;
text-decoration: underline;
color:red;
}
div#create_contact_tabAddress_other{ display:none;}
div#addr_tabcontrol{ width:565px;}
div#div-tabHomeaddr td.content, div#div-tabOtheraddr td.content{ padding:3px;}
div#div-Homeaddr, div#div-Otheraddr{height: 200px;width: 100%;};
table#org_cust_data{ width:100%;}
table#org_cust_data td.label, table#org_cust_data td.content{
padding:2px;
}
table#tab_dlgCreateOrganization td.label, table#tab_dlgCreateOrganization td.content{ padding:2px;}
table#tab_dlgCreateOrganization td.label{ vertical-align:top;}
input#addr_defaultAddress{width:10px;}
/* rating */
span.rating {
font-size: 0px;
line-height: 0px;
vertical-align: text-top;
float: left;
}
span.rating a {
display: -moz-inline-block; width: 16px; background-image: url("img/icons/16x16/star_gold1.gif");
display: -moz-inline-box; height: 16px; background-position: left top;
display: inline-block; text-decoration: none;
}
span.rating a.on {
background-position: left bottom;
background-color: transparent;
}
span.rating a:hover {
background-color: transparent;
}
div#div-tabGeneral,div#div-tabComInfo,div#div-tabAddress,div#div-tabCustom{
width:100%;
}
div#div-tabNotes{width: 570px;}
td.custConfig_label{
white-space: nowrap;
width:10px;
padding-right:10px;
}
div#divPermission{
height:300px;
overflow-y:scroll;
}
table#tabPermission{
width:100%;
}
table#tabPermission td.title{
text-align:left;
font-weight:bold;
font-size:14px;
border-bottom:1px solid #666;
}
table#tabPermission td.label,table#tabPermission td.value{
padding:2px;
}
table#tabPermission td.label{
white-space:nowrap;
padding:2px;
text-align:right;
vertical-align:top;
}
table#tabPermission td.value{
white-space:nowrap;
padding:2px;
}
.custConfig_value input,.custConfig_value table,.custConfig_value select{
width:300px;
}
.content input,.content select{
width:175px;
}
.orgCustomFieldSet, .perCustomFieldSet{ overflow-y:scroll;}
.orgCustomFieldSet{ height:110px;}
.perCustomFieldSet{ height:280px;}
div.btnLang{ padding-right:1px; float:right;}
span.local_lang, span.int_lang{ text-decoration:underline; padding-left:3px;}
span.sourceInput{ padding-bottom:3px;}
/*LAYOUT*/
body {background-color:#e8e8e8;}
#login {width:600px;margin:20px auto;padding:20px 38px;}
#login button[type="submit"] {margin:10px 0 20px 260px;}
#head {height:50px;border:0;border-bottom:1px solid #DDDDDD;background-color:#F4F4F4;}
#head-tools {float:right;}
#logo {background:url(/logo.png) no-repeat;float:left;width:130px;height:25px;margin:10px;}
#page {margin:0;padding:0;}
#content {position:absolute;top:0;margin:0;padding:5px;}
#sidebar {position:absolute;top:0;margin-left:760px;padding:0 0 0 15px;width:200px;}
#foot{background:white;border-top:1px solid #DEDEDE;bottom:0;clear:both;
position:fixed;width:100%;color:#4b4b4b;font-size:8pt;
text-align:center;height:22px;z-index:1000;vertical-align:middle;
}
#head-menu {margin:0 auto;width:600px;top:10px;position:relative;}
#head-menu li:first-child a {
-moz-border-radius-topleft: 3px;
-khtml-border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-khtml-border-bottom-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
}
#head-menu li:last-child a {
-moz-border-radius-topright: 3px;
-khtml-border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-khtml-border-bottom-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
}
#head-menu li a {font-weight: normal;display: block;line-height: 28px;padding: 0 15px;color: #DEE3ED;background:#4E659A;}
#head-menu li a:hover { color: #fff; }
#head-menu li a.current {color: #333;background: #B6C0DA;}
#head-search {float:right; margin: 15px 5px 0 0;}
#head-search input {float:right; width:250px;}
/*ACTIONS*/
#submenu {background-color:#353535;margin-bottom:3px;position:relative;padding:0;height:20px;}
#submenu-items > li {padding:0;margin:0;height:20px;}
#submenu-items > li > a, #submenu-items li a:visited {color:#d7d7d7;margin:0 20px;}
#submenu-items > li > a:hover {color:#2180f3;}
#submenu-items > li > a.selected {font-weight:bold;color:#81b9f8;cursor:default;}
#head-tools {position:absolute;right:0;top:0;margin:0;}
#head-tools li { height:20px;}
#head-tools > li > a {display:block; background:url(img/debug-settings-logout.png);width:20px;height:20px;padding:0;margin:0;}
#head-tools > li > a#tools {background-position:100px 40px;}
#head-tools > li > a#tools:hover {background-position:100px 60px;}
#head-tools > li > a#debug {background-position:80px 40px;}
#head-tools > li > a#debug:hover {background-position:80px 60px;}
#head-tools > li > a#control-panel {background-position:60px 40px;}
#head-tools > li > a#control-panel:hover {background-position:60px 60px;}
#head-tools > li > a#logout {background-position:40px 40px;}
#head-tools > li > a#logout:hover {background-position:40px 60px;}
#head-tools > li > a#switch-account {background-position:20px 40px;}
#head-tools > li > a#switch-account:hover {background-position:20px 60px;}
#user-info {font-family:courier new;font-size:7pt;border:1px dotted gray;}
div.wrapper { width:960px;position:relative;white-space:nowrap;margin:0 auto;}
*.hidden {display:none !important;}
*.cloak {visibility:hidden;}
*.action {background:url("img/actions.png");}
*.contacts {background:url("img/contacts.png");}
*.apps {background:url("img/applications.png");}
*.campaign {background:url("img/campaigns.png");}
*.list {background:url("img/lists.png");}
*.po {background:url("img/action-po.png");}
*.invoice {background:url("img/invoice-status.png");}
*.supplier-invoice {background:url("/Themes/default/img/supplier-invoice.png");}
*.payment-type {background:url("/Themes/default/img/payment-type.png");}
*.file-exchange {background:url("img/file-exchange.png");}
*.file {background:url("img/files.png");}
*.dropdowninput {background:url("img/dropdowninput.png");}
*.advancesearch {background:url("img/advancesearch.png");}
*.toggleareavert {background:url("img/toggle-area-vert-button.png"); border:none; color:#666; width:30px; text-align:center; margin: 0 0 0 0; padding:0 0 0 0; height:5px;}
*.action,*.contacts, *.apps, *.campaign, *.list, *.po, *.invoice, *.supplier-invoice, *.payment-type, *.file-exchange, *.file, *.dropdowninput, *.advancesearch {
width:20px;height:20px;
-moz-border-radius:3px;
padding:0;display:inline-block;
vertical-align:middle;
border:0px solid transparent;margin:auto 1px;}
button.action:hover,button.contacts:hover, button.campaign:hover, button.list:hover, button.po:hover, button.invoice:hover, button.supplier-invoice:hover, button.file-exchange:hover, button.file:hover {border-color:#888;}
button.action:disabled, button.contacts:disabled , button.campaign:disabled, button.list:disabled, button.po:disabled, button.invoice:disabled, button.supplier-invoice:disabled, button.payment-type:disabled, button.file-exchange:disabled, button.file:disabled {border:1px solid transparent;}
*.action.selected,*.contacts.selected, *.campaign.selected , *.list.selected,*.po.selected, *.invoice.selected, *.toggleareavertup.selected, *.toggleareavertdown.selected {background-color:#cff3fe;}
*.home {background-position:20px 40px;}
button.home:focus,
button.home:hover {background-position:20px 60px;}
button.home:disabled {background-position:20px 20px;}
*.next {background-position:40px 40px;}
button.next:focus,
button.next:hover {background-position:40px 60px;}
button.next:disabled {background-position:40px 20px;}
*.previous {background-position:60px 40px;}
button.previous:focus,
button.previous:hover {background-position:60px 60px;}
button.previous:disabled{background-position:60px 20px;}
*.jump {background-position:80px 40px;}
button.jump:focus,
button.jump:hover {background-position:80px 60px;}
button.jump:disabled {background-position:80px 20px;}
*.delete {background-position:100px 40px;}
button.delete:focus,
button.delete:hover {background-position:100px 60px;}
button.delete:disabled {background-position:100px 20px;}
*.edit {background-position:120px 40px;}
button.edit:focus,
button.edit:hover {background-position:120px 60px;}
button.edit:disabled {background-position:120px 20px;}
*.add {background-position:140px 60px;}
button.add:focus,
button.add:hover {background-position:140px 40px;}
button.add:disabled {background-position:140px 20px;}
*.search {background-position:160px 60px;}
button.search:focus,
button.search:active,
button.search:hover {background-position:160px 40px;}
button.search:disabled {background-position:160px 20px;}
*.more {background-position:180px 60px;}
button.more:focus,
button.more:hover {background-position:180px 40px;}
button.more:disabled {background-position:180px 20px;}
*.drop {background-position:200px 60px;}
button.drop:focus,
button.drop:hover {background-position:200px 40px;}
button.drop:disabled {background-position:200px 20px;}
*.upload {background-position:220px 60px;}
button.upload:focus
button.upload:active
button.upload:hover {background-position:220px 40px;}
button.upload:disabled {background-position:220px 20px;}
*.close {background-position:240px 60px;}
button.close:focus,
button.close:active,
button.close:hover {background-position:240px 40px;}
button.close:disabled {background-position:240px 20px;}
*.filter {background-position:260px 40px;}
button.filter:focus,
button.filter:hover {background-position:260px 60px;}
button.filter:disabled {background-position:260px 20px;}
button.filter:active,
button.filter.selected,
button.filter.selected:focus {background-position:260px 80px;}
*.share {background-position:280px 60px;}
button.share:hover {background-position:280px 40px;}
button.share:disabled {background-position:280px 20px;}
*.info {background-position:300px 60px;}
button.info:hover {background-position:300px 40px;}
button.info:disabled {background-position:300px 20px;}
*.help {background-position:320px 60px;}
button.help:hover {background-position:320px 40px;}
button.help:disabled {background-position:320px 20px;}
*.import {background-position:340px 60px;}
button.import:hover {background-position:340px 40px;}
button.import:disabled {background-position:340px 20px;}
*.export {background-position:360px 60px;}
button.export:focus {background-position:360px 40px;}
button.export:hover {background-position:360px 40px;}
button.export:disabled {background-position:360px 20px;}
*.translate {background-position:380px 60px;}
button.translate:focus {background-position:380px 40px;}
button.translate:hover {background-position:380px 40px;}
button.translate:disabled{background-position:380px 20px;}
*.up {background-position:400px 40px;}
button.up:focus,
button.up:hover {background-position:400px 60px;}
button.up:disabled {background-position:400px 20px;}
*.down {background-position:420px 40px;}
button.down:focus,
button.down:hover {background-position:420px 60px;}
button.down:disabled {background-position:420px 20px;}
*.check {background-position:440px 40px;}
button.check:focus,
button.check:hover {background-position:440px 60px;}
button.check:disabled {background-position:440px 20px;}
*.mail {background-position:460px 40px;}
button.mail:focus,
button.mail:hover {background-position:460px 60px;}
button.mail:disabled {background-position:460px 20px;}
*.timer {background-position:480px 40px;}
button.timer:focus,
button.timer:hover {background-position:480px 60px;}
button.timer:disabled {background-position:480px 20px;}
button.timer:active,
button.timer.selected,
button.timer.selected:focus {background-position:480px 80px;}
*.basket {background-position:500px 40px;}
button.basket:focus,
button.basket:hover {background-position:500px 60px;}
button.basket:disabled {background-position:500px 20px;}
button.basket:active,
button.basket.selected,
button.basket.selected:focus {background-position:500px 80px;}
*.alarm {background-position:520px 40px;}
button.alarm:focus,
button.alarm:hover {background-position:520px 60px;}
button.alarm:disabled {background-position:520px 20px;}
*.favorite {background-position:540px 40px;}
button.favorite:focus,
button.favorite:hover {background-position:540px 60px;}
button.favorite:disabled{background-position:540px 20px;}
*.save {background-position:560px 40px;}
button.save:focus,
button.save:hover {background-position:560px 60px;}
button.save:disabled{background-position:560px 20px;}
*.minus {background-position:580px 40px;}
button.minus:focus,
button.minus:hover {background-position:580px 60px;}
button.minus:disabled{background-position:580px 20px;}
*.saveas {background-position:600px 40px;}
button.saveas:focus,
button.saveas:hover {background-position:600px 60px;}
button.saveas:disabled{background-position:600px 20px;}
*.refresh {background-position:620px 40px;}
button.refresh:focus,
button.refresh:hover {background-position:620px 60px;}
button.refresh:disabled{background-position:620px 20px;}
*.load {background-position:640px 40px;}
button.load:focus,
button.load:hover {background-position:640px 60px;}
button.load:disabled {background-position:640px 20px;}
*.new-corp {background-position: 20px 40px;}
button.new-corp:focus,
button.new-corp:hover {background-position: 20px 60px;}
button.new-corp:disabled {background-position: 20px 20px;}
*.new-person {background-position: 40px 40px;}
button.new-person:focus,
button.new-person:hover {background-position: 40px 60px;}
button.new-person:disabled{background-position: 40px 20px;}
*.corp {background-position: 60px 40px;}
button.corp:focus,
button.corp:hover {background-position: 60px 60px;}
button.corp:disabled {background-position: 60px 20px;}
*.na-gender {background-position: 80px 40px;}
button.na-gender:focus,
button.na-gender:hover {background-position: 80px 60px;}
button.na-gender:disabled {background-position: 80px 20px;}
button.na-gender:active,
button.na-gender.selected,
button.na-gender.selected:focus {background-position:80px 80px;}
*.male {background-position:100px 40px;}
button.male:focus,
button.male:hover {background-position:100px 60px;}
button.male:disabled {background-position:100px 20px;}
button.male:active,
button.male.selected,
button.male.selected:focus {background-position:100px 80px;}
*.female {background-position:120px 40px;}
button.female:focus,
button.female:hover {background-position:120px 60px;}
button.female:disabled {background-position:120px 20px;}
*.all {background-position:140px 40px;}
button.all:focus,
button.all:hover {background-position:140px 60px;}
button.all:disabled {background-position:140px 20px;}
*.directory {background-position:160px 40px;}
button.directory:focus,
button.directory:hover {background-position:160px 60px;}
button.directory:disabled {background-position:160px 20px;}
*.pdf {background-position:20px 40px;}
button.pdf:focus,
button.pdf:hover {background-position:20px 60px;}
button.pdf:disabled {background-position:20px 20px;}
*.doc {background-position:40px 40px;}
button.doc:focus,
button.doc:hover {background-position:40px 60px;}
button.doc:disabled {background-position:40px 20px;}
*.xls {background-position:60px 40px;}
button.xls:focus,
button.xls:hover {background-position:60px 60px;}
button.xls:disabled {background-position:60px 20px;}
*.ppt {background-position:80px 40px;}
button.ppt:focus,
button.ppt:hover {background-position:80px 60px;}
button.ppt:disabled {background-position:80px 20px;}
*.zip {background-position:100px 40px;}
button.zip:focus,
button.zip:hover {background-position:100px 60px;}
button.zip:disabled {background-position:100px 20px;}
*.csv {background-position:120px 40px;}
button.csv:focus,
button.csv:hover {background-position:120px 60px;}
button.csv:disabled {background-position:120px 20px;}
*.ods {background-position:140px 40px;}
button.ods:focus,
button.ods:hover {background-position:140px 60px;}
button.ods:disabled {background-position:140px 20px;}
*.xlsx {background-position:160px 40px;}
button.xlsx:focus,
button.xlsx:hover {background-position:160px 60px;}
button.xlsx:disabled {background-position:160px 20px;}
*.xcpreview {background-position:20px 40px;}
button.xcpreview:focus,
button.xcpreview:hover {background-position:20px 60px;}
button.xcpreview:disabled {background-position:20px 20px;}
*.xcsend {background-position:40px 40px;}
button.xcsend:focus,
button.xcsend:hover {background-position:40px 60px;}
button.xcsend:disabled {background-position:40px 20px;}
*.xcreport {background-position:60px 40px;}
button.xcreport:focus,
button.xcreport:hover {background-position:60px 60px;}
button.xcreport:disabled {background-position:60px 20px;}
*.xccopy {background-position:80px 40px;}
button.xccopy:focus,
button.xccopy:hover {background-position:80px 60px;}
button.xccopy:disabled {background-position:80px 20px;}
*.xcdesign {background-position:100px 40px;}
button.xcdesign:focus,
button.xcdesign:hover {background-position:100px 60px;}
button.xcdesign:disabled {background-position:100px 20px;}
*.xcload {background-position:120px 40px;}
button.xcload:focus,
button.xcload:hover {background-position:120px 60px;}
button.xcload:disabled {background-position:120px 20px;}
*.xcoverallreport {background-position:140px 40px;}
button.xcoverallreport:focus,
button.xcoverallreport:hover {background-position:140px 60px;}
button.xcoverallreport:disabled {background-position:140px 20px;}
*.vckreview {background-position:160px 40px;}
button.vckreview:focus,
button.vckreview:hover {background-position:160px 60px;}
button.vckreview:disabled {background-position:160px 20px;}
*.mlpublish {background-position:20px 40px;}
button.mlpublish:focus,
button.mlpublish:hover {background-position:20px 60px;}
button.mlpublish:disabled {background-position:20px 20px;}
*.mllists {background-position:40px 40px;}
button.mllists:focus,
button.mllists:hover {background-position:40px 60px;}
button.mllists:disabled {background-position:40px 20px;}
*.mlgeturl {background-position:60px 40px;}
button.mlgeturl:focus,
button.mlgeturl:hover {background-position:60px 60px;}
button.mlgeturl:disabled {background-position:60px 20px;}
*.forder {background-position:20px 40px;}
button.forder:focus,
button.forder:hover {background-position:20px 60px;}
*.forder-disabled {background-position:20px 20px;}
*.finvoice {background-position:40px 40px;}
button.finvoice:focus,
button.finvoice:hover {background-position:40px 60px;}
*.finvoice-disabled {background-position:40px 20px;}
*.fpayment {background-position:60px 40px;}
button.fpayment:focus,
button.fpayment:hover {background-position:60px 60px;}
*.fpayment-disabled {background-position:60px 20px;}
/*po*/
*.receive {background-position:20px 40px;}
button.receive:focus,
button.receive:hover {background-position:20px 60px;}
button.receive:disabled {background-position:20px 20px;}
*.dispatch {background-position:40px 40px;}
button.dispatch:focus,
button.dispatch:hover {background-position:40px 60px;}
button.dispatch:disabled {background-position:40px 20px;}
*.chart {background-position:60px 40px;}
button.chart:focus,
button.chart:hover {background-position:60px 60px;}
button.chart:disabled {background-position:60px 20px;}
*.finish {background-position:80px 40px;}
button.finish:focus,
button.finish:hover {background-position:80px 60px;}
button.finish:disabled {background-position:80px 20px;}
*.sync {background-position:100px 40px;}
button.sync:focus,
button.sync:hover {background-position:100px 60px;}
button.sync:disabled {background-position:100px 20px;}
*.doc-payment {background-position:120px 40px;}
button.doc-payment:focus,
button.doc-payment:hover {background-position:120px 60px;}
button.doc-payment:disabled {background-position:120px 20px;}
*.reminder {background-position:140px 40px;}
button.reminder:focus,
button.reminder:hover {background-position:140px 60px;}
button.reminder:disabled {background-position:140px 20px;}
*.email {background-position:160px 40px;}
button.email:focus,
button.email:hover {background-position:160px 60px;}
button.email:disabled {background-position:160px 20px;}
*.add-blue {background-position:180px 40px;}
button.add-blue:focus,
button.add-blue:hover {background-position:180px 60px;}
button.add-blue:disabled {background-position:180px 20px;}
*.fullscreen-exit {background-position:200px 80px;}
button.fullscreen-exit:focus,
button.fullscreen-exit:hover {background-position:200px 60px;}
button.fullscreen-exit:disabled {background-position:200px 20px;}
*.fullscreen {background-position:220px 80px;}
button.fullscreen:focus,
button.fullscreen:hover {background-position:220px 60px;}
button.fullscreen:disabled {background-position:220px 20px;}
*.ddp_drop {background-position:20px 40px;}
button.ddp_drop:focus,
button.ddp_drop:hover {background-position:20px 60px;}
button.ddp_drop:disabled {background-position:20px 20px;}
*.ddp_calendar {background-position:40px 40px;}
button.ddp_calendar:focus,
button.ddp_calendar:hover {background-position:40px 60px;}
button.ddp_calendar:disabled {background-position:40px 20px;}
*.ddp_url {background-position:60px 40px;}
button.ddp_url:focus,
button.ddp_url:hover {background-position:60px 60px;}
button.ddp_url:disabled{background-position:60px 20px;}
*.ddp_email {background-position:80px 40px;}
button.ddp_email:focus,
button.ddp_email:hover {background-position:80px 60px;}
button.ddp_email:disabled {background-position:80px 20px;}
*.ddp_lookup {background-position:100px 40px;}
button.ddp_lookup:focus,
button.ddp_lookup:hover {background-position:100px 60px;}
button.ddp_lookup:disabled {background-position:100px 20px;}
*.advsearch_min {background-position:20px 40px;}
button.advsearch_min:focus,
button.advsearch_min:hover {background-position:20px 60px;}
button.advsearch_min:disabled {background-position:20px 20px;}
*.advsearch_max {background-position:40px 40px;}
button.advsearch_max:focus,
button.advsearch_max:hover {background-position:40px 60px;}
button.advsearch_max:disabled {background-position:40px 20px;}
*.advsearch_remove {background-position:60px 40px;}
button.advsearch_remove:focus,
button.advsearch_remove:hover {background-position:60px 60px;}
button.advsearch_remove:disabled{background-position:60px 20px;}
*.advsearch_fav {background-position:80px 40px;}
button.advsearch_fav:focus,
button.advsearch_fav:hover {background-position:80px 60px;}
button.advsearch_fav:disabled {background-position:80px 20px;}
*.toggleareavertdown {background-position:30px 10px;}
*.toggleareavertdown:focus,
*.toggleareavertdown:hover {background-position:30px 15px;}
*.toggleareavertdown:disabled {background-position:30px 5px;}
*.toggleareavertdown:active,
*.toggleareavertdown.selected,
*.toggleareavertdown.selected:focus {background-position:30 20px;}
*.toggleareavertup {background-position:60px 10px;}
*.toggleareavertup:focus,
*.toggleareavertup:hover {background-position:60px 15px;}
*.toggleareavertup:disabled {background-position:60px 5px;}
*.toggleareavertup:active,
*.toggleareavertup.selected,
*.toggleareavertup.selected:focus {background-position:60 20px;}
ul.set li button {padding:0px;margin:0;border:1px solid silver;border-left:none;background-color:#eee;-moz-border-radius:0;width:auto;}
ul.set li button:hover {background-color:#beeffa;border-color:silver;}
ul.set li button:disabled {background-color:#efefef;}
ul.set li:first-child button {-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;margin-left:3px;border-left:1px solid silver;}
ul.set li:last-child button {-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;margin-right:3px;}
ul.set li:first-child button:disabled {border-color:transparent;}
ul.set li button.selected, li button.selected:hover {background-color:#ccc;border-color:#575757;color:white;}
div.vert-divider { width:5px;position:absolute;margin:0; }
div.vert-divider:hover {cursor:e-resize;}
div.vert-divider div {background:black;margin-top:-15px;height:30px;width:5px;position:absolute;top:50%;}
a.company-icon,a.company-icon:hover{background: url("img/icons/32x32/company.gif") no-repeat 1px 1px;}
a.people-icon,a.people-icon:hover{background: url("img/icons/32x32/people.gif") no-repeat 1px 1px;}
.ellipsis {
white-space:nowrap;overflow:hidden;
text-overflow:ellipsis;-moz-binding:url('/Themes/ellipsis.xml#ellipsis');
}
/*Home page*/
#RecentContact,#VideoTutorials {overflow:auto;height:220px;width:360px;margin:0 10px 0 10px;}
#VideoTutorials {height:240px;}
#Media {margin:40px auto;width:660px;padding:10px;border:1px solid black;
-moz-box-sizing:border-box;-moz-border-radius:10px;background-color:black;}
#Directory {width:auto;position:relative;white-space:nowrap;}
/*Contact Page*/
#ContactLeftCol {position:absolute;top:0;left:0;width:340px;}
#ContactListFilter {position:absolute;top:5px;}
#ContactPageControl {right:10px;position:absolute;bottom:5px;}
#ContactDivider {top:0;left:340px;}
#ContactDetails {position:absolute;top:0;left:0;margin:0 0 0 345px;}
#ContactDetailsDelete {position:absolute;right:5px;top:5px;}
div#personDetail, div#orgDetail {overflow-x:hidden; overflow-y:auto;}
#ContactList { margin:40px auto 20px auto; }
#ContactList li span.contacts {float:left;margin:0 3px 10px auto;}
#ContactSearch {font-style:italic;color:silver;vertical-align:middle;}
#ContactSearch:focus {font-style:normal;color:black;}
table#tabctn-tabCustom td.custom-view-dateInfo{border-top:1px solid #000;width:100%;}
/*Mail Sonar*/
#MsLeftCol {position:absolute;top:65px;left:0;width:300px;}
#MsDivider {top:65px;left:300px;}
#MsNameList {overflow:auto;height:500px;}
#MsRightCol {position:absolute;top:65px;left:305px;}
#MsPageControl {position:absolute;bottom:10px;right:10px;}
#MsDlgStatsContent {height:350px;width:380px;white-space:normal;}
/*Campaigns*/
#campaign_detail {padding:10px;}
/*Lists*/
.ListStatsWarning {background-color: #F0E5CA; color: red; text-align:right; border: 1px solid silver;}
.ListStatsError {background-color: #F5A8B6; color: white; text-align:right; border: 1px solid silver;}
#ListSearch {width:600px;margin:auto;}
.ListSearchInput {width:100%;}
/*#ListSearchResult {position:absolute;}*/
#ListBasketVisited {position:absolute;left:705px;margin:3px 0 0 0;width:250px;}
#ListTools {width:120px;margin:-20px auto 0 auto;}
#ListBasketRemoveButton {float:right;}
#lists-basket-items-selectbox {border:0;margin-top:5px;}
#lists-search-results {overflow:auto;height:100px;margin-top:10px;}
#lists-count-display-view-column { background: url("img/counts-display-view.png") top left; height:50px; width:50px;}
#lists-count-display-view-tree { background: url("img/counts-display-view.png") bottom left; height:50px; width:50px; }
/*File Exchange*/
*.sync {background-position: 20px 40px;}
button.sync:focus,
button.sync:hover {background-position: 20px 60px;}
button.sync:disabled {background-position: 20px 20px;}
*.data {background-position: 40px 40px;}
button.data:focus,
button.data:hover {background-position: 40px 60px;}
button.data:disabled{background-position: 40px 20px;}
*.layout {background-position: 60px 40px;}
button.layout:focus,
button.layout:hover {background-position: 60px 60px;}
button.layout:disabled {background-position: 60px 20px;}
*.ignore {background-position: 80px 40px;}
button.ignore:focus,
button.ignore:hover {background-position: 80px 60px;}
button.ignore:disabled {background-position: 80px 20px;}
*.download {background-position: 100px 40px;}
button.download:focus,
button.download:hover {background-position: 100px 60px;}
button.download:disabled {background-position: 100px 20px;}
*.import {background-position: 120px 40px;}
button.import:focus,
button.import:hover {background-position: 120px 60px;}
button.import:disabled {background-position: 120px 20px;}
*.dispatch {background-position: 140px 40px;}
button.dispatch:focus,
button.dispatch:hover {background-position: 140px 60px;}
button.dispatch:disabled {background-position: 140px 20px;}
*.report {background-position: 160px 40px;}
button.report:focus,
button.report:hover {background-position: 160px 60px;}
button.report:disabled {background-position: 160px 20px;}
/*Purchase Orders*/
#POContent {position:relative;}
#POFilteredTools,#POSelectedTools {margin:-8px auto 5px auto;width:200px;}
#POFilter {position:absolute;left:5px;top:5px;}
#PODelete {position:absolute;right:5px;top:5px;}
#POPageControl {position:absolute;right:5px;bottom:5px;}
#POListContent {overflow:auto;}
#POBottomTools {position:absolute;bottom:0;left:0;width:100%;padding:3px 5px;}
#POTable th {border:1px solid #dedede;}
#POTable th > div {position:relative;margin:0;}
#PODateSelector {width:390px;height:305px;top:41px;left:-100px;}
#POStatusSelector {width:200px;height:210px;top:41px;left:-60px;}
#PODateTypeDiv {height:253px;width:125px;float:left;}
#PODateTypeDiv div {overflow:hidden;width:100px;}
#PODateTypeDiv select {width:117px;}
#POStatus {height:160px;border:0;width:150px;margin-top:3px;}
/*Invoice*/
button.warning {background-position:80px 40px;}
button.createdYes {background-position:60px 40px;}
button.createdNo {background-position:60px 20px;}
button.sentYes {background-position:40px 40px;}
button.sentNo {background-position:40px 20px;}
button.paidYes {background-position:20px 40px;}
button.paidNo {background-position:20px 20px;}
#InvContent {position:relative;}
#InvFilteredTools,#InvSelectedTools {margin:-8px auto 5px auto;width:200px;}
#InvFilter {position:absolute;left:5px;top:5px;}
#InvDelete {position:absolute;right:5px;top:5px;}
#InvTable th {border:1px solid #dedede;}
#InvTable th > div {position:relative;margin:0;}
#InvListContent {overflow:auto;}
#InvBottomTools {position:absolute;bottom:0;left:0;width:100%;padding:3px 5px;}
/*Supplier Invoice*/
#SupplierInvLeftCol {position:absolute;top:0;left:0;width:340px;}
#SupplierInvListFilter {position:absolute;top:5px;}
#SupplierInvSearch {width:220px;font-style:italic;color:silver;margin:2px 2px 0 0;}
#SupplierInvSearch:focus {font-style:normal;color:black;}
#btnAddNewSupplierInvoice {position:absolute;bottom:7px;}
#SupplierInvPageControl {right:10px;position:absolute;bottom:5px;}
#SupplierInvDivider {top:0;left:340px;}
#SupplierInvDetail {position:absolute;top:0;left:0;margin:0 0 0 345px;}
#SupplierInvDetailTools {margin:-5px auto;width:50px;}
#SupplierInvDetailContent {overflow:auto;}
#SupplierInvBTNDelete {float:right;position:absolute;right:5px;top:5px;}
#SupplierInvDetailData {overflow:auto;margin-top:10px;}
*.paid {background-position:20px 40px;}
button.paid:focus,
button.paid:hover {background-position:20px 60px;}
button.paid:disabled {background-position:20px 20px;}
*.notpaid {background-position:40px 40px;}
button.notpaid:focus,
button.notpaid:hover {background-position:40px 60px;}
button.notpaid:disabled {background-position:40px 20px;}
*.both {background-position:60px 40px;}
button.both:focus,
button.both:hover {background-position:60px 60px;}
button.both:disabled {background-position:60px 20px;}
ul#SupplierInvList div.invoice-paid {overflow:hidden;width:32px;height:32px;float:left;background-image:url(/Themes/default/img/icons/32x32/payment-status.png);background-position: 0 0;}
ul#SupplierInvList div.invoice-unpaid {overflow:hidden;width:32px;height:32px;float:left;background-image:url(/Themes/default/img/icons/32x32/payment-status.png);background-position: -32px 0;}
/*Payment*/
#PaymentLeftCol {position:absolute;top:0;left:0;width:340px;}
#PaymentListFilter {position:absolute;top:5px;width:320px;}
#PaymentFilterDatePrev {position:absolute;top:0;left:0;}
#PaymentFilterDateNext {position:absolute;top:0;right:0;}
#PaymentFilterDateDiv {width:170px;text-align:center;float:right;position:relative;}
#PaymentDateCalContainer {position:absolute;right:10px;}
#PaymentDateButton {position:absolute;bottom:3px;left:100px;}
#PaymentSearch {width:223px;font-style:italic;color:silver;margin:2px 2px 0 0;}
#PaymentSearch:focus {font-style:normal;color:black;}
#PaymentDateTypeDiv {height:253px;width:125px;float:left;}
#PaymentDateTypeDiv div {overflow:hidden;width:100px;}
#PaymentDateTypeDiv select {width:117px;}
#PaymentDateSelector {width:390px;height:305px;top:41px;left:-100px;}
#btnAddNewPayment {position:absolute;bottom:5px;}
#PaymentPageControl {right:10px;position:absolute;bottom:5px;}
#PaymentBTNDelete {float:right;position:absolute;right:30px;top:10px;}
#PaymentDivider {top:0;left:340px;}
#PaymentDetails {position:absolute;top:0;left:345px;}
#PaymentDetailContent {overflow:auto;}
#PaymentDetailTools {margin:0 auto;width:50px;}
#PaymentDetailDelete {position:absolute;right:5px;top:5px;}
#PaymentList {margin:60px auto 0 auto;overflow:auto;}
*.payment-client {background-position:20px 40px;}
button.payment-client:focus,
button.payment-client:hover {background-position:20px 60px;}
button.payment-client:disabled {background-position:20px 20px;}
*.payment-supplier {background-position:40px 40px;}
button.payment-supplier:focus,
button.payment-supplier:hover {background-position:40px 60px;}
button.payment-supplier:disabled {background-position:40px 20px;}
*.payment-both {background-position:60px 40px;}
button.payment-both:focus,
button.payment-both:hover {background-position:60px 60px;}
button.payment-both:disabled {background-position:60px 20px;}
/*PO-Stats*/
#StatsClientSearch {font-style:italic;color:silver;margin:2px 2px 0 0;}
#StatsClientSearch:focus {font-style:normal;color:black;}
#StatsListSearch {font-style:italic;color:silver;margin:2px 2px 0 0;}
#StatsListSearch:focus {font-style:normal;color:black;}
#StatsPayablesLeftCol {width:335px;}
#StatsPayablesListFilter {position:absolute;top:5px;}
#StatsPayablesDivider {position:absolute;top:50px;left:335px;}
#StatsPayablesDetail {position:absolute;top:0;left:0;margin:0 0 0 340px;}
#StatsPayablesList {overflow:auto;margin:0px auto; margin-top:5px; margin-bottom:5px;}
#StatsPayablesList li {margin:0;list-style:none;height:90px;}
#StatsPayablesList li a {display:block;white-space:nowrap;padding:2px;overflow:hidden;height:90px;border-bottom:1px solid #EEE;}
#StatsPayablesList li a:hover {background-color:#EEEEEE;cursor:pointer;}
#StatsPayablesList li a span{display:inline-block;}
#StatsPayablesList li a.select{/*background-color:#D5DDF9;border:1px solid #A7ACC2;*/color:navy;cursor:pointer;font-weight:normal;}
#StatsPayablesPageCtrl {position:absolute;right:5px;bottom:5px;}
#StatsPayablesList {overflow:auto;}
#StatsPayablesDetailChart {overflow:auto;}
#StatsBalanceLeftCol {width:335px;}
#StatsBalanceListFilter {position:absolute;top:5px;}
#StatsBalanceDivider {position:absolute;top:50px;left:335px;}
#StatsBalanceDetail {position:absolute;top:0;left:0;margin:0 0 0 340px;}
#StatsBalanceList {overflow:auto;margin:0px auto; margin-top:5px; margin-bottom:5px;}
#StatsBalanceList li {margin:0;list-style:none;height:90px;}
#StatsBalanceList li a {display:block;white-space:nowrap;padding:2px;overflow:hidden;height:90px;border-bottom:1px solid #EEE;}
#StatsBalanceList li a:hover {background-color:#EEEEEE;cursor:pointer;}
#StatsBalanceList li a span{display:inline-block;}
#StatsBalanceList li a.select{/*background-color:#D5DDF9;border:1px solid #A7ACC2;*/color:navy;cursor:pointer;font-weight:normal;}
#StatsBalancePageCtrl {position:absolute;right:5px;bottom:5px;}
#StatsBalanceList {overflow:auto;}
#StatsBalanceDetailChart {overflow:auto;}
.mask {
position: absolute;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
z-index: 1199;
background: #666666;
}
#resizeablePanelLeft {position:absolute;top:0;left:0;width:340px;}
#resizeablePanelDivider {top:0;left:340px; height: 386px;}
#resizeablePanelRight {position:absolute;top:0;left:0;margin:0 0 0 345px; height: 386px; width: 615px;}
.resizeablePanelDividerOndrag {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
z-index: 1199;
background-color: #666666;
}
div.notesTextarea,div.cmpTextarea{}
div.cmpTextAreaLabel{
font-size:12px;
font-weight:bold;
}
select#cmpName{width:250px;}
div.cmpRow{height:30px;}
div.cmpRow label.cmpLabel{font-size: 12px;margin-top: 2px;}
div.cmpRow div.cmpValue{width:415px; float:left;}
div#subToolBarNotes{margin-left:30px;}
fieldset#new-announcement{float:none;}
div.notice{width:792px;}