body { position: relative; font: 12px/17px Arial,Helvetica,sans-serif; font-weight: normal; color: #848688; background-color: #FFFFFF; text-align: left; } p { font-size: 1.2em; margin-bottom: 12px; margin-top: 0; } label { color: #ebebeb; font-weight: normal; font-family: Arial,Helvetica,sans-serif; } a:link, a:visited, a:hover, a:active { color: #ebebeb; } .clear { clear: both; } .stripes-errors { color: red; } /* General width, height, padding and margins */ .width-362 { width: 362px; } .width-650 { width: 650px; } .divider { float: left; clear: both; width: 361px; margin-left: -30px; margin-top: 15px; margin-bottom: 15px; border-top: 1px solid #1e4f8a; -webkit-box-shadow: inset 0 1px #363636; -moz-box-shadow: inset 0 1px #363636; -ms-box-shadow: inset 0 1px #363636; box-shadow: inset 0 1px #363636; } .margin-top-10 { margin-top: 10px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-right-10 { margin-right: 10px; } .margin-left-10 { margin-left: 10px; } #login-container h3 { font-size: 16px; } #container { margin: 100px auto; } #cradle-container { width: 800px; margin-left: auto; margin-right: auto; padding-top: 30px; } #header-menu { height: 100px; background: url(../../images/clinical_look/tss_logo.png?v=2.6.0) no-repeat top left; padding: 10px; } #login-container { position: relative; margin: 0 auto; padding-top: 30px; padding-right: 30px; padding-left: 30px; padding-bottom: 30px; color: #ebebeb; font: 12px Arial, Helvetica, sans-serif; background: #449fe5; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0NDlmZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWU1Nzk5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, #449fe5 0%, #1e5799 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#449fe5), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #449fe5 0%,#1e5799 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #449fe5 0%,#1e5799 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #449fe5 0%,#1e5799 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #449fe5 0%,#1e5799 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#449fe5', endColorstr='#1e5799',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ -pie-background: linear-gradient(#449fe5, #1e5799); border: 1px solid #204abf; -webkit-box-shadow: 0 3px 15px 0 #000000; -moz-box-shadow: 0 3px 15px 0 #000000; box-shadow: 0 3px 15px 0 #000000; behavior: url(../../include/style/pie-1.0.0/PIE.htc); } #login-form-wrapper { margin-top: 20px; } #login-register-inputs { width: 300px; } #login-register-info { width: 200px; } #login-container h2 { height: inherit; float: left; padding:0; margin:0; color: #ebebeb; font: bold 44px "Calibri", Arial; } .login-link { height: inherit; float: left; font-size: 16px; font-style: italic; cursor: pointer; margin-top: 8px; color: #ebebeb; text-decoration: underline; } .logo-container { width: 100px; height: 40px; margin-top: 0px; float: right; } .logo-container img { height: 40px; width: auto; float:right; } .center { display: block; margin-left: auto; margin-right: auto; } .pwdRecoveryUrl { font: 12px Arial, Helvetica, sans-serif; text-decoration: underline; font-weight: bold; } .splashLogo { width: 800px; height: 240px; padding: 0; margin: 0 auto; float: none; } .splashLogo .helper { display: inline-block; height: 100%; vertical-align: middle; } .splashLogo img { max-width: 240px; max-height: 240px; vertical-align: middle; } #company_logo { float: right; clear: both; margin-top: 4px; } #company_logo img { max-height: 40px; } .upload_wrapper { padding: 10px; } .result_wrapper { background-color: white; /*border: 1px solid;*/ border: 2px solid rgba(0, 0, 0, 0.3); border-bottom: none; height: 200px; } #upload_result { width: 650px; margin-bottom: 50px; background-color: white; border: 1px; } #upload_result a:link, #upload_result a:visited, #upload_result a:hover, #upload_result a:active{ text-decoration: none; color: #848688; } #report_url { text-decoration: none; color: #848688; } #report_url:hover { display: block; background-color: #b2cde9; } #uploader,#uploader5 { display: none; } #uploader5, #uploader_form { width: 676px; margin: 20px auto; } #uploader { width: 676px; margin: 20px auto; } #holder { border: 5px dashed #ccc; width: 150px; min-height: 150px; margin: 20px auto; } #holder.hover { border: 5px dashed #0c0; } #holder img { display: block; margin: 10px auto; } #holder p { margin: 10px; font-size: 14px; } progress { width: 100%; } progress:after { content: '%'; } #response_msg { color: #333333; font-weight: bold; } #response_header { font-size: 1.5em; font-weight: bold; } #alarm_triggered { min-height: 128px; font-size: 2.2em; font-weight: bold; display: none; background: url(../../images/clinical_look/alarm.png?v=2.6.0) 0 0 no-repeat; } #no_alarm_triggered { min-height: 128px; font-size: 2.2em; font-weight: bold; display: none; background: url(../../images/clinical_look/ok.png?v=2.6.0) 0 0 no-repeat; } #triptag_wrapper { color: #333333; font-weight: bold; display: none; margin-bottom: 10px; overflow: hidden; } .alarm_info { width: 500px; padding-top: 10px; padding-left: 150px; overflow: hidden; line-height: 100%; } .alarm_info_text { padding-left: 150px; color: #000000; font-size: 12px; } #login_form label.error { margin-left: 1px; width: auto; display: inline; color: rgba(161, 0, 0, 1); font-weight: bold; } #register-site { color: #EBEBEB; font: bold 30px "Calibri",Arial; margin: 0; padding: 0; } #user_info { font: 12px Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 4px; margin-right: 36px; white-space: nowrap; clear: both; float: right; } #register-button { margin-top: 2px; margin-right: 16px; float: right; border: none; } #login-button { margin-top:2px; float: right; } .oauth-wrapper { float: left; width: 100%; } #oauth-login-button { float: right; margin-top: 15px; } .login-label { margin: 0 0 2px; padding: 4px 10px 0 0; text-align: left; white-space: nowrap; } .login-field { width: 300px; } .login-field-short { width: 140px; } .login-field input { width: 290px; /* minus padding and border */ padding: 10px 4px 6px 4px; border: 1px solid #0d2c52; background-color:#1e4f8a; font-size: 16px; color: #ebebeb; } .login-field-short input { width: 130px; /* minus padding and border */ padding: 10px 4px 6px 4px; border: 1px solid #0d2c52; background-color:#1e4f8a; font-size: 16px; color: #ebebeb; } .left { float: left; } .right { float: right; } #login-container select { width: 100%; padding: 10px 4px 6px 4px; border: 1px solid #0d2c52; background-color:#1e4f8a; font-size: 16px; color: #ebebeb; } .login_remember_me label { display: block; white-space: nowrap; font: 11px Arial, Helvetica, sans-serif; } .login_remember_me input { vertical-align: middle; } .login_remember_me label span { vertical-align: middle; } .login_manual_upload label { display: block; white-space: nowrap; font: 11px Arial, Helvetica, sans-serif; } .login_manual_upload input { vertical-align: middle; } .login_manual_upload label span { vertical-align: middle; } #login_pwd_recovery { float: right; margin-top: 12px; cursor: pointer; text-decoration: underline; white-space: nowrap; font-size: 11px; } /* Cradle Archive */ #archive_tube { padding-top: 20px; padding-bottom: 20px; } .archive_entry a { font: 20px Arial, Helvetica, sans-serif; font-weight: bold; color: #334B70; text-decoration: none; padding-top: 20px; float: left; clear: both; } .archive_entry a#report_url { font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #334B70; text-decoration: none; padding-top: 0px; float: left; clear: both; } .item_info { float: left; white-space: nowrap; width: 100%; clear: both; } .archive_mission_info { font: 10px Arial, Helvetica, sans-serif; font-weight: bold; float: left; clear: both; } .archive_origin { font: 10px Arial, Helvetica, sans-serif; font-weight: bold; float: left; } .archive_destination { font: 10px Arial, Helvetica, sans-serif; font-weight: bold; float: left; } .break { font: 10px Arial, Helvetica, sans-serif; font-weight: bold; padding-left: 10px; padding-right: 10px; float: left; } .alarm_yes { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; color: #565659; height: 20px; padding-left: 30px; padding-top: 2px; margin-top: 4px; margin-bottom: 3px; background: url(../../images/clinical_look/alarm_small.png?v=2.6.0) 0 0 no-repeat; float: left; clear: both; } .alarm_yes_bw { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; color: #cbcbce; height: 20px; padding-left: 30px; padding-top: 2px; margin-top: 4px; margin-bottom: 3px; background: url(../../images/clinical_look/alarm_small_bw.png?v=2.6.0) 0 0 no-repeat; float: left; clear: both; } .alarm_yes_blur { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; color: #cbcbce; height: 20px; padding-left: 30px; padding-top: 2px; margin-top: 4px; margin-bottom: 3px; background: url(../../images/clinical_look/alarm_small_blur.png) 0 0 no-repeat; float: left; clear: both; } .alarm_no { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; color: #565659; height: 20px; padding-left: 30px; padding-top: 2px; margin-top: 4px; margin-bottom: 3px; background: url(../../images/clinical_look/ok_small.png?v=2.6.0) 0 0 no-repeat; float: left; clear: both; } .alarm_no_blur { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; color: #cbcbce; height: 20px; padding-left: 30px; padding-top: 2px; margin-top: 4px; margin-bottom: 3px; background: url(../../images/clinical_look/ok_small_blur.png?v=2.6.0) 0 0 no-repeat; float: left; clear: both; } .alarm_no_bw { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; color: #cbcbce; height: 20px; padding-left: 30px; padding-top: 2px; margin-top: 4px; margin-bottom: 3px; background: url(../../images/clinical_look/ok_small_bw.png?v=2.6.0) 0 0 no-repeat; float: left; clear: both; } .archive_waiting { font: 11px Arial, Helvetica, sans-serif; font-weight: bold; color: #56a2e8; width: 200px; float: left; clear: both; } .archive_eval_by { font: 11px Arial, Helvetica, sans-serif; color: #56a2e8; font-weight: bold; float: left; clear: left; } .archive_eval_type { font: 11px Arial, Helvetica, sans-serif; color: #56a2e8; font-weight: bold; float: left; } .archive_eval_date { font: 11px Arial, Helvetica, sans-serif; color: #56a2e8; font-weight: bold; float: left; } .archive_eval_reason { font: 11px Arial, Helvetica, sans-serif; color: #56a2e8; font-weight: bold; font-style: italic; float: left; clear: left; padding-bottom: 6px; word-wrap: break-word; width: 100%; } /* My Settings */ #settings_container { margin-left: auto; margin-right: auto; width: 485px; text-align: left; } #settings_box { width:333px; height: 250px; padding: 40px 76px 18px 76px; color: #848688; font: 12px Arial, Helvetica, sans-serif; } #save-button { margin-top:10px; margin-left: 203px; float: left; border: none; } .settings_box_name { float: left; display:inline; width:80px; text-align: right; padding: 14px 10px 0 0; margin:0 0 7px 0; } .settings_box_field { float: left; display:inline; width:230px; margin:0 0 7px 0; } .form_settings { width: 205px; padding: 10px 4px 6px 3px; border: 1px solid #0d2c52; background-color: #1e4f8a; font-size: 16px; color: #ebebeb; } .form_settings_non_edit { width: 205px; padding: 10px 4px 6px 3px; font-size: 16px; color: #848688; } #error-container { display: none; float: left; color: white; background-color: red; font-size: 12px; width: 100%; } .error-msg, .stripes_message { padding: 6px; } #DialogEditSettings { height: 0px; } .spinner_container { position: absolute; width: 100px; height: 100px; z-index: 1; } #arrival_date_message { padding-bottom: 20px; } #skipArrivalDate { float: right; margin-right: 10px; } #submitArrivalDate { float: right; /*margin-right: 8px;*/ } .date_time_selector { float: left; padding-bottom: 20px; } #date, #time { margin-left: 30px; } /* Timepicker */ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .searchHeader { font: 20px Arial, Helvetica, sans-serif; font-weight: bold; color: #334B70; text-decoration: none; } .searchInput { font: 14px Arial, Helvetica, sans-serif; color: #334B70; text-decoration: none; } #uploaded_missions-dt_wrapper { padding-top: 20px; } #uploaded_missions-dt_filter input { padding: 4px; width: 400px; margin-left: 2px; } .evallink { cursor: pointer; text-decoration: underline; color: blue; } .oldBrowserUploadResult { float: left; clear: both; } .alarmTriggered { color: red; } .noAlarmTriggered { color: green; } #report_url a:link, #report_url a:visited, #report_url a:hover, #report_url a:active { color: blue; } #oldBrowserUploadWrapper { margin-top: 40px; margin-left: 100px; margin-right: 100px; color: #333333; }