html, body { height: 100% }
body {
    font-size: 13px;
    font-family: Tahoma;
    margin: 0;
    padding: 0;
    color: #606060;
    cursor: default;
}
img{border:0;}
h1 {color: #f92;font-weight: bold;font-size: 24px !important;text-shadow: 1px 1px 1px #999;}
h2 { color: #FFAA00; font-family: Verdana; font-size: 24px; font-weight: bold;}
h3 {color: #aaa;font-weight: bold;font-size: 18px !important;text-shadow: 1px 1px 1px #ddd;}
h4 { color: #7080C0; font-family: Verdana; font-size: 14px}

A:link { text-decoration: none; color: #2060FF}
A:visited { text-decoration: none; color: #2050E0}
A:hover   { color: #0020FF; text-decoration:none; }
A:active   { color: #0000FF; text-decoration:none; }

hr{background-color: #ccc;height: 1px;border:none;width:100%;margin:0px; }

input,textarea,select { border: #bbbbbb 1px solid;font: 12px Tahoma;background-color: white;COLOR: #707070; padding-left:3px; border-radius: 3px; }
.inputDisabled{background-color:#f2f2f8;}
select{padding:0px;}
textarea:focus,input:focus {border-color: rgba(200, 130, 0, 0.8);outline: 0;outline: thin solid #FA2 9;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(200, 130, 0, 0.5);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(200, 130, 0, 0.5);}
::-webkit-input-placeholder, { color:#cba; } :-ms-input-placeholder { color:#cba; } input:-moz-placeholder { color:#cba; }

.bb, .sb, .db, .lb, button, input[type=submit] {
    display:inline-block;
    cursor:pointer;
    white-space:nowrap;
    color:#fff !important;
    background-color:#1e66b1;
    font-size: 12px;
    padding: 2px 5px;
    border-width:1px;
    border-style:solid;
    border-color:#2876c1 #1456a1 #0e4681;
    text-shadow:0px 1px 2px rgb(80,120,200);
    background:#1e66b1 linear-gradient(#2876c1,#1456a1);
    border-radius:2px;
    text-align:center;
    font-weight:600;
    overflow:visible;	
}
.bb {
    border-radius:4px;
    font-size:14px;
    padding:4px 5px;
}
.db {
    background: #ccc linear-gradient(#ddd,#bbb);
    cursor:default;
    border-color: #bbb #aaa #999;
    color:#666;
    text-shadow:none;
}
.db:hover {
    background: #ccc linear-gradient(#ddd,#bbb);
}
.bb:hover, .sb:hover, button:hover, input[type=submit]:hover {
    background:#fb2 linear-gradient(#38a6e1,#2876c1);
}
.lb {
    background: #dAd4f6 linear-gradient(#e8f0ff,#dAd4f6);
    cursor:default;
    border-color: #bbb #aaa #999;
    color:#666 !important;
    text-shadow:none;
}
.lb:hover {
    background: #e8f0ff linear-gradient(#e8f0ff,#e2E0f6);
}

.blockLabel {
    display: inline-block;
    border:1px #e0b080 solid;
    padding:2px;
    background-color: #f8f8f8;
    color:#989898;
}

.blockButton {
    display:inline-block;height:32px;text-align:center;vertical-align:middle;color:#666;margin-left:2px;margin-bottom:2px;font-weight:bold;
    padding-left:6px;padding-right:6px;line-height:32px; border-radius: 3px;border:1px solid #f8f8f8;
    box-shadow: -1px 1px 2px #888;cursor:pointer;width:150px;
}
.twoLines { line-height:15px; }
.R {background-color:#ffd7d5;background: linear-gradient(#fff8f8 0%, #ffd7d5 90%, #ff6363);}
.G {background-color:#e0ffd0;background: linear-gradient(#f8ffe8 0%, #e0ffd0 90%, #6c8);}
.B {background-color:#c0d0ff;background: linear-gradient(#e8f0ff 0%, #c8d8ff 90%, #88f);}
.C {background-color:#b9f2ff;background: linear-gradient(#e0ffff 0%, #c0f8ff 90%, #5de);}
.M {background-color:#f3dbff;background: linear-gradient(#fff0ff 0%, #f3dbff 90%, #da88ee);}
.Y {background-color:#ffffd8;background: linear-gradient(#fffff0 0%, #ffffd0 90%, #ee0);}
.O {background-color:#ffe5a8;background: linear-gradient(#ffead8 0%, #ffe5a8 90%, #ff9220);}
.K {background-color:#e8e8e8;background: linear-gradient(#f8f8f8 0%, #e8e8e8 90%, #bbb);}
.D {background-color:#f0f0f0;background: linear-gradient(#ddd, #f0f0f0);border:1px solid #ccc;cursor:default;box-shadow:none;}
.blockButton:hover {background:#fb2; background: linear-gradient(#fd4,#f92);}
.D:hover:{background-color:#f0f0f0;background: linear-gradient(#ddd, #f0f0f0);}


div.statusG, div.statusB, div.statusR, div.statusY {
    border-style: solid;
    border-width: 2px;
    padding:1px;padding-left:10px;
    border:2px #55d020 solid;
    background-color: #dfffd6;
    text-align:center;
    border-radius: 5px;
    width:80%;
    margin: 5px;
    color: #444;
}
div.statusB { border-color: #84a4f4; background-color: #d9e0ff; }
div.statusR { border-color: #ff1c00; background-color: #ffdbc5; }
div.statusY { border-color: #ffcc70; background-color: #fff8cc; }

.blockBorder { background-color:#e0e8f8;display:inline-block;padding-top:3px;padding-bottom:3px;padding-left:4px;padding-right:4px; }
.blockOn { background-color:#FB4;border:1px solid white;display:inline-block;box-shadow: 1px 1px 1px #888;padding-left:4px;padding-right:4px; }
.blockOff { background-color:#d0d8ff;border:1px solid white;display:inline-block;padding-left:4px;padding-right:4px;cursor:pointer; }
.blockOff:hover { background-color:#fff; }
.checkBoxOn { background-color:#fff;border:1px solid #f0f8ff;display:inline-block;padding-left:4px;padding-right:4px;cursor:pointer; }
.checkBoxOff { background-color:#f0f8ff;border:1px solid #f0f8ff;display:inline-block;padding-left:4px;padding-right:4px;cursor:pointer; }
.checkBoxOff:hover, .checkBoxOn:hover { border:1px solid #e0f0ff;box-shadow: 1px 1px 1px #cde; }
/* ------TABLES */

table.nospacing {
    border:none;
    border-collapse: collapse;
}
table.list, table.grid{border-collapse:collapse;border-left:1px solid #ccc;border-right:1px solid #ccc;border-spacing:0;}
table.grid td{border:1px solid #ccc;}
table.leftBold tr td:first-child{font-weight:bold;}
table.list th, table.grid th{
    font-weight:bold;
    text-align:center;
    border-top:1px solid #c4c4c4;
    background-color: #d0d8ff}
table.list td,table.grid td {text-align:left;padding:2px;padding-left:4px;padding-right:4px;vertical-align: top;border-bottom:1px solid #ccc;empty-cells:show;}
table.noBorders td {border:none;}
table caption, th.header {
    background-color: #f4d8ac;
    background: #f4d8ac linear-gradient(to bottom, #fff,#e0e0e8,#edd6b9 80%,#ffc020);
    font-weight:bold;
    padding:5px;
    border: 1px #c4c4c4 solid;
    border-bottom: none;
    border-radius: 3px 3px 0px 0px;}
.grid tr:nth-child(even),.list tr:nth-child(even) {background: #f0f0f8}
.grid tr:nth-child(odd),.list tr:nth-child(odd) {background: #f8f8f8}
.hl tr:nth-child(even):hover {background: #ffffe8}
.hl tr:nth-child(odd):hover {background: #ffffec}

table.fill {
    border:0px;
    padding:0px;
    border-collapse: collapse;
    width:100%;
    height:100%;
}
table.nopadding {
    border:0px;
    padding:0px;
    border-collapse: collapse;
}
.noStyle {border:none;background:none;padding:0px;}
.noStyle tr, div.noStyle td,table.noStyle td {background:none;padding:0px;}
table.noStyle td,div.noStyle td {border:none;font-weight:normal;}
.noStyle tr:nth-child(even) {background:none;}
.noStyle tr:nth-child(odd) {background:none;}
.noStyle tr:nth-child(even):hover {background:none;}
.noStyle tr:nth-child(odd):hover {background:none;}

td .financialRow{padding:1px;padding-top:3px;padding-bottom:3px;}

table.list td.alignCenter, table.grid td.alignCenter {text-align: center !important;}

.menuTable {
    background-color:#fff;
}
.menuTable td {
    color:#347;font-weight:bold;
}
.menuTable .bord {
    padding-left:5px;padding-right:5px;padding-top:0px;padding-bottom:0px;text-align:center;
    border-top:1px solid #eee;border-left:1px solid #ddd;border-bottom:1px solid #eee;border-right:1px solid #ddd;
}
.menuTable .bordButton, .bordButton {
    background-color:#dddddd;background: linear-gradient(#dddddd, #eeeeee);
    color:#888;padding-left:10px;padding-right:10px;text-align:center;
    border-top:1px solid #f4f4f4;border-left:1px solid #f4f4f4;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;
}
.menuTable .bordButton:hover, .bordButton:hover {
    background-color:#ddddff;background: linear-gradient(#ddddff, #eeeeff);cursor:pointer;
}
.bordClicked {
    background-color:#8ca7d2;background: linear-gradient(#6c87b2, #8ca7d2);text-align:center;padding-left:10px;padding-right:10px;color:#eee;cursor:pointer;
    border-top:1px solid #f4f4f4;border-left:1px solid #f4f4f4;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;
}
.menu1 {}
.menuHolder {display:none;width:100%;position:absolute;z-index:99999;background-color:#eee;background:linear-gradient(#ddd,#fff);padding-top:0px;padding-bottom:0px;box-shadow:0px 4px 4px #888;}

.searchSuggestions {position:absolute;float:left;top:20px;border:solid #999 1px;background:#eef;display:none;z-index:1000000;color:#888;font-weight:normal;text-align:left;}
.searchSuggestion {border-top:1px solid #f4f4f4;border-left:1px solid #f4f4f4;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;background:#f4f6fd;padding:1px;padding-top:3px;padding-bottom:3px;cursor:pointer;color:#06F;}
.searchSuggestion:hover {background:#fff;}

div.tabOn, div.tabOff {
    position:relative;
    cursor:default;
    white-space:nowrap;
    margin-top:8px;
    background-color:#ddf;
    border-width:1px;
    border-style:solid;
    border-color: #bbb  #bbb #ddf #bbb ;
    box-shadow:1px -1px 1px rgb(80,80,80);
    border-radius:10px 10px 0px 0px;
    padding:6px;padding-left:10px;padding-right:10px;
    text-align:center;
    overflow:visible;
    z-index:1;
}
div.tabOff {
    cursor:pointer;
    position:inherit;
    background-color:#ddd;
    border-color: #bbb;
    box-shadow:none;
    color:#777;
}
div.tabOff:hover {background-color:#dedeee;}

i.icon {height:23px;width:23px;display:inline-block;vertical-align:-5px;}
i.clickable{cursor: pointer;}
i.user{background-position:0px 0px;}
i.customer{background-position:-24px 0px;}
i.supplier{background-position:-48px 0px;}
i.plus{background-position:-72px 0px;}
i.minus{background-position:-96px 0px;}
i.up{background-position:-120px 0px;}
i.right{background-position:-144px 0px;}
i.down{background-position:-168px 0px;}
i.left{background-position:-192px 0px;}
i.warning{background-position:-216px 0px;}
i.newTab{background-position:-240px 0px;}
i.settings{background-position:-264px 0px;}
i.search{background-position:-288px 0px;}
i.mail{background-position:-312px 0px;}
i.help{background-position:-336px 0px;}
i.tick{background-position:-360px 0px;}
i.cross{background-position:-384px 0px;}
i.note{background-position:-408px 0px;}
i.editNote{background-position:-432px 0px;}
i.invoice{background-position:-456px 0px;}
i.dropDown{background-position:-480px 0px;}
i.printer{background-position:-504px 0px;}
i.pdf{background-position:-528px 0px;}
i.info{background-position:-552px 0px;}
i.photo{background-position:-576px 0px;}
i.location{background-position:-600px 0px;}
i.editNoteOff{background-position:-624px 0px;}
i.photoOff{background-position:-648px 0px;}
i.stock{background-position:-672px 0px;}
i.stockOff{background-position:-696px 0px;}
i.noteOff{background-position:-720px 0px;}
i.dropUp{background-position:-744px 0px;}
i.task{background-position:-768px 0px;}
i.notice{background-position:-792px 0px;}
i.repair{background-position:-816px 0px;}
i.userGroup{background-position:-840px 0px;}
i.services{background-position:-864px 0px;}
i.menuDown{background-position:-888px 0px;}
i.menuUp{background-position:-912px 0px;}
i.plusSmall{background-position:0px -24px;height:16px;width:16px;}
i.minusSmall{background-position:-16px -24px;height:16px;width:16px;}
i.warningSmall{background-position:-32px -24px;height:16px;width:16px;}
i.crossSmall{background-position:-48px -24px;height:16px;width:16px;}
i.tickSmall{background-position:-64px -24px;height:16px;width:16px;}
i.upSmall{background-position:-80px -24px;height:16px;width:16px;}
i.rightSmall{background-position:-96px -24px;height:16px;width:16px;}
i.downSmall{background-position:-112px -24px;height:16px;width:16px;}
i.leftSmall{background-position:-128px -24px;height:16px;width:16px;}
i.dropDownSmall{background-position:-144px -24px;height:16px;width:16px;}
i.refreshSmall{background-position:-160px -24px;height:16px;width:16px;}
i.supplierSmall{background-position:-176px -24px;height:16px;width:16px;}
i.noteSmall{background-position:-192px -24px;height:16px;width:16px;}
i.editNoteSmall{background-position:-208px -24px;height:16px;width:16px;}
i.blackSmall{background-position:-224px -24px;height:16px;width:16px;}
i.cyanSmall{background-position:-240px -24px;height:16px;width:16px;}
i.redSmall{background-position:-256px -24px;height:16px;width:16px;}
i.yellowSmall{background-position:-272px -24px;height:16px;width:16px;}
i.greenSmall{background-position:-288px -24px;height:16px;width:16px;}
i.blueSmall{background-position:-304px -24px;height:16px;width:16px;}
i.helpSmall{background-position:-320px -24px;height:16px;width:16px;}
i.infoSmall{background-position:-336px -24px;height:16px;width:16px;}
i.customerSmall{background-position:-352px -24px;height:16px;width:16px;}
i.userSmall{background-position:-368px -24px;height:16px;width:16px;}
i.invoiceSmall{background-position:-384px -24px;height:16px;width:16px;}
i.stockSmall{background-position:-400px -24px;height:16px;width:16px;}
i.newTabSmall{background-position:-416px -24px;height:16px;width:16px;}
i.locationSmall{background-position:-432px -24px;height:16px;width:16px;}
i.dropUpSmall{background-position:-448px -24px;height:16px;width:16px;}
i.clockSmall{background-position:-464px -24px;height:16px;width:16px;}
i.playSmall{background-position:-480px -24px;height:16px;width:16px;}
i.maroonSmall{background-position:-496px -24px;height:16px;width:16px;}
i.servicesSmall{background-position:-512px -24px;height:16px;width:16px;}
i.mailSmall{background-position:-528px -24px;height:16px;width:16px;}

font.smallHeader {color: #F08020;}
font.smallValue {color: #56b;}
font.smallNull {color: #999;}
font.smallWarning {color: #FF4000;}

.tooltip, .floatBox {position:absolute;display:none;background-color:#ffd;border:1px solid #EC8;padding:2px;background: linear-gradient(#fff, #ffc);box-shadow: 2px 2px 4px #aaa;z-index:100006;}
.floatBox {background-color:#eef;background: linear-gradient(#fff, #ddf);}

.dragFileBox {opacity: 0;font-size:60px;position: absolute;z-index: 1;right:0px;bottom:0px;padding: 0;margin: 0;cursor: pointer;filter: alpha(opacity=0);font-family: sans-serif;}
.dragFileDiv {border:1px solid #F90;position:relative;display:inline-block;overflow:hidden;padding-left:2px;padding-right:2px;height:50px;text-align:center;line-height:23px;}

.selectedIcon{border:2px solid #fb2;}
.notSelectedIcon{border:2px solid #bcd;cursor:pointer;}

table .calendar {border-collapse:collapse;border-spacing:0;}
table .calendar td {text-align:center;border:1px solid #999;padding-left:2px;padding-right:2px;}
td .calendarButton {background:#e0e0f0;cursor:pointer;}
td .calendarButton:hover {background:#fb2;color:#555;}

.short{color:#FF0000;}
.weak{color:#E66C2C;}
.good{color:#2D98F3;}
.strong{color:#006400;}

@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-o-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.progress-bar{float:left;width:0%;height:100%;font-size:12px;color:#ffffff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-transition:width 0.6s ease;transition:width 0.6s ease;}
.progress-striped .progress-bar{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:40px 40px;}
.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
.progress-bar-success{background-color:#5cb85c;}.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-bar-info{background-color:#5bc0de;}.progress-striped .progress-bar-info{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-bar-warning{background-color:#f0ad4e;}.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-bar-danger{background-color:#d9534f;}.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.media,.media-body{overflow:hidden;zoom:1;}

div .colourSelectBox {
	display:inline-block;
    width: 18px;
    height: 18px;
    overflow: hidden;
    border: 1px solid transparent;
	cursor:pointer;
	color:#999;
	text-align:center;
}
.timeInput {width:18px;border:none;}
div.inputBorder {display:inline-block; border: #bbbbbb 1px solid; border-radius: 3px;padding-left:2px;}
.cursor{cursor:pointer;}

.pencilTextArea,.pencilTime{cursor:url(images/pencil30.cur),alias;}
.pencilTextArea:hover,.pencilTime:hover{background:#fff8c0;}

.center {text-align: center;}
.modalBackground {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	display:none;
	z-index:100005;
}
.modalBox {
	padding: 24px 24px;
	width: 75%;
	position: relative;
	min-height: 200px;
	margin: 5% auto 0;
	background: #fff;
	box-shadow: 2px 2px 3px #444;
}
.closeButton {
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}

font.siteTitle { font-size: 20px;color:#1e66b1; }
  .showDimensions {
    background-color: lightgreen;
  }
@media only screen and (max-width: 640px) {
	.showDimensions {background-color: lightblue;}
	font.siteTitle {font-size: 14px !important;}
}

.pencilTextArea,.pencilText,.pencilTime{display:inline-block;cursor:url(images/pencil30.cur),alias;}
.pencilTextArea:hover,.pencilText:hover,.pencilTime:hover{background:#fff8c0;}
div.ib { display:inline-block; vertical-align:top; }