
*{box-sizing:border-box}*:not(input){cursor:default}.clearfix{float:none!important;height:0;clear:both}.red{color:#f00}.green{color:#090}.blue{color:#00f}html,body{padding:0;margin:0;height:100%;width:100%}body{position:relative;overflow:hidden;background-color:#dfdfdf;padding:20px;font-family:Verdana,sans-serif;font-size:12px}div#mainWindow{position:relative;display:block;height:100%;width:100%;max-width:1000px;margin:0 auto;border-radius:6px;background-color:#fff;-webkit-box-shadow:4px 4px 18px 0 rgba(50,50,50,0.5);-moz-box-shadow:4px 4px 18px 0 rgba(50,50,50,0.5);box-shadow:4px 4px 18px 0 rgba(50,50,50,0.5);overflow:hidden}div#loader,div#login,div#screenTooSmall{position:absolute;top:0;left:0;display:table;height:100%;width:100%}div#loader>div,div#login>div,div#screenTooSmall>div{display:table-row;height:50%}div#loader>div>div,div#login>div>div,div#screenTooSmall>div>div{display:table-cell}div#loader div.body{margin:0 auto;height:200px;width:200px;border-radius:6px;background-color:#fff;-webkit-box-shadow:4px 4px 18px 0 rgba(50,50,50,0.5);-moz-box-shadow:4px 4px 18px 0 rgba(50,50,50,0.5);box-shadow:4px 4px 18px 0 rgba(50,50,50,0.5);overflow:hidden;text-align:center}div#login{display:table}div#login div.body,div#screenTooSmall div.body{margin:0 auto;height:350px;width:400px;border-radius:6px;background-color:#fff;-webkit-box-shadow:4px 4px 18px 0 rgba(50,50,50,0.5);-moz-box-shadow:4px 4px 18px 0 rgba(50,50,50,0.5);box-shadow:4px 4px 18px 0 rgba(50,50,50,0.5);overflow:hidden;text-align:center;padding:40px 20px;padding-bottom:20px}div#login div.body{-webkit-transition:height 200ms ease-in-out;-moz-transition:height 200ms ease-in-out;-ms-transition:height 200ms ease-in-out;-o-transition:height 200ms ease-in-out;transition:height 200ms ease-in-out}div#login.demo div.body,div#screenTooSmall div.body{height:410px}div#login label{display:block;text-align:left;font-family:Roboto,sans-serif;font-size:125%;padding-bottom:5px;padding-top:15px}div#login input{text-align:left;font-family:Roboto,sans-serif;padding:5px;border:0;border-bottom:1px solid #ccc;width:100%;outline:0;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}div#login input:focus{border-bottom:1px solid #9b7c00}div#login button{padding:10px 20px;border:0;border-radius:5px;background-color:#9b7c00;font-family:Roboto,sans-serif;font-size:125%;color:#fff;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;cursor:pointer!important;float:right;margin-top:20px;outline:0}div#login button *{cursor:pointer!important}div#login button:hover,div#login button:focus{background-color:#fecc00;color:#000}div.loginAsSelection{display:block;height:0;overflow:hidden;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}div#login.demo div.loginAsSelection{height:70px}div.table{display:table;width:100%;height:100%}div.row{display:table-row}div.list{position:absolute;top:0;bottom:0;left:0;width:320px;min-width:320px;border-right:1px solid #b0b0b0;background-color:#f0f0f0}div.detail{position:absolute;top:0;bottom:0;left:320px;right:0}div.topbar{display:block;position:absolute;top:0;left:0;right:0;height:50px;width:100%;background-color:#a9a9a9;padding:7px 10px}div.topbar>div{display:inline;vertical-align:middle}div.topbar div.labelContainer{display:inline-block;padding-top:7px;vertical-align:middle}div.topbar.left img{vertical-align:middle}div.topbar.left span#name,div.topbar.right span#plate{font-family:Roboto,sans-serif;font-size:20px;color:#fecc00;padding-left:5px;vertical-align:middle}div.topbar button{height:36px;width:36px;margin:0;padding:0;border:0;border-radius:18px;float:right;vertical-align:middle;outline:0;cursor:pointer!important;background-color:inherit;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;color:#fff;font-size:16px;text-align:center}div.topbar button *{cursor:pointer!important}div.topbar button:hover{background-color:#fecc00;color:#000}div.topbar.right span#plate{display:none;font-family:'Overspan Mono',sans-serif;font-weight:bold;color:#000;background-color:#fecc00;padding:5px 10px;border-radius:4px}ul#notificationList{display:block;position:absolute;top:50px;bottom:0;left:0;right:0;list-style:none;padding:0;margin:0;overflow:hidden;overflow-y:auto}ul#notificationList>li{padding:5px 7px;background-color:#fff;border:1px;cursor:pointer!important;border-bottom:1px solid #b0b0b0;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;overflow:hidden}ul#notificationList>li *{cursor:pointer!important}ul#notificationList>li:last-of-type{border-bottom:0}ul#notificationList>li:hover,ul#notificationList>li:active,ul#notificationList>li *:active,ul#notificationList>li.active{background-color:#fef3c4}ul#notificationList>li.active,ul#notificationList>li.active *{cursor:default!important}ul#notificationList>li>*{float:left}ul#notificationList>li>div.time{padding-right:5px;padding-top:15px;font-size:13px;vertical-align:middle;float:right}ul#notificationList>li>img{height:45px;width:45px;margin-right:10px;border-radius:5px;overflow:hidden}ul#notificationList>li div.plate{display:inline-block;font-family:'Overspan Mono',sans-serif;font-weight:bold;font-size:14px;color:#000;background-color:#fecc00;padding:3px 8px;border-radius:4px;margin:2px 0}ul#notificationList>li div.name{font-size:13px;margin-top:1px;margin-left:5px;white-space:nowrap;text-overflow:ellipsis;max-width:170px;overflow:hidden}ul#notificationList>li.unread div.name,ul#notificationList>li.unread div.time{font-weight:bold}div.detail div.detailContents{display:block;padding:20px;position:absolute;top:50px;bottom:0;left:0;right:0;overflow-y:auto}div.detail img#detailImage{height:250px;margin:0 auto;border-radius:5px;overflow:hidden;margin-bottom:20px}div.detail div#fieldList{text-align:left;font-size:125%;line-height:140%;padding-bottom:10px}div.detail div#fieldList label.fieldLabel{font-weight:bold}div.detail div#fieldList div.fieldValue{padding-left:5px;padding-bottom:3px}div.dropdown{z-index:10000;display:none;position:absolute;top:30px;right:0;background-color:#fff;border-radius:5px;overflow:hidden;border:1px solid #000;padding:0!important;margin:0!important;text-align:right}div.dropdown div.menuitem{width:100%;background-color:#fff;padding:7px 10px;cursor:pointer;font-family:Roboto,sans-serif;font-size:125%;white-space:nowrap}div.dropdown div.menuitem:hover,div.dropdown div.menuitem:active{background-color:#fef3c4}input[type="checkbox"]{display:inline!important;width:0!important;height:0!important;margin:0!important;padding:0!important;-moz-appearance:none;-webkit-appearance:none}input[type="checkbox"]+label.checkbox{margin:0;padding:0;height:24px;width:24px;background-color:#eee;border-radius:5px;border:2px outset #ccc;vertical-align:top;cursor:pointer!important;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}input[type="checkbox"]:focus+label.checkbox{border-color:#fecc00;background-color:#fef3c4}input[type="checkbox"]:checked+label.checkbox{background-color:#2b2}input[type="checkbox"]:checked:focus+label.checkbox{background-color:#2f2}input[type="checkbox"]+label+label{vertical-align:middle;padding-top:5px!important;cursor:pointer!important}span.radioGroup{font-size:0}input[type="radio"]{display:inline!important;width:0!important;height:0!important;margin:0!important;padding:0!important;-moz-appearance:none;-webkit-appearance:none}input[type="radio"]+label{display:inline-block!important;margin:0;padding-top:5px!important;padding-bottom:5px!important;padding-left:8px!important;padding-right:8px!important;font-size:14px!important;line-height:100%;width:auto;background-color:#eee;border-radius:0;border:1px outset #ccc;border-left:0;border-right:1px outset #ccc;vertical-align:top;cursor:pointer!important;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}input[type="radio"]+label:first-of-type{border-radius:5px 0 0 5px;border-left:1px outset #ccc}input[type="radio"]+label:last-of-type{border-radius:0 5px 5px 0}input[type="radio"]:checked+label{background-color:#2b2}input[type="radio"]:focus+label{background-color:#fef3c4}input[type="radio"]:checked:focus+label{background-color:#2f2}div#screenTooSmall{display:none}@media(max-width:860px){div.detail img#detailImage{max-width:100%;height:auto}}@media(max-width:710px),(max-height:350px){div#mainWindow,div#login,div#loader{display:none!important}div#screenTooSmall{display:table!important}}