/**************************************************************************************************************************************************************** CGP Scholar UI - Overlays ****************************************************************************************************************************************************************/ #overlay { text-align: left; background: #FFF; padding: 20px; margin: 0; height: 460px; } #overlay #overlay_header { height: 20px; margin: 0 0 10px 0; overflow: hidden; } #overlay #overlay_header h1 { font-size: 16px; color: #1F4166; float: left; } #overlay #overlay_header #overlay_nav { font-size: 11px; line-height: 14px; color: #CCC; float: right; } #overlay #overlay_header #overlay_nav li { border-right: 1px solid #EEE; float: left; } #overlay #overlay_header #overlay_nav li:last-child { border-right: none; } #overlay #overlay_header #overlay_nav li a { color: #169AD8; text-decoration: none; padding: 0 10px; display: block; } #overlay #overlay_header #overlay_nav li.active a, #overlay #overlay_header #overlay_nav li a:hover { color: #FF6400; } #overlay #overlay_header #overlay_nav li:last-child a { padding: 0 0 0 10px; } #overlay #overlay_alert { font-size: 11px; line-height: 15px; color: #FFF; background: #169AD8; height: 20px; padding: 5px 0 0 5px; } #overlay #overlay_alert.positive { background: #5FB323; } #overlay #overlay_alert.negative { background: #FF6400; } #overlay #overlay_alert a { text-decoration: underline; color: #FFF; } #overlay #overlay_banner { font-size: 11px; line-height: 15px; background: #8699AC; border-bottom: 1px solid #546F8C; height: 19px; padding: 5px 0 0 5px; overflow: hidden; } #overlay #overlay_banner label { display: inline-block; color: #FFF; margin: 0 0 0 5px; } #overlay #overlay_banner select { font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding: 1px 0; width: 150px; } #overlay #overlay_banner a { color: #FFF; text-decoration: none; } #overlay #overlay_banner a:hover { text-decoration: underline; } #overlay #overlay_content { height: 400px; padding: 15px; overflow-y: auto; overflow-x: hidden; position: relative; /* CSS3 */ -moz-box-shadow: inset 0px -0px 3px #AAA; -webkit-box-shadow: inset 0px 0px 3px #AAA; box-shadow: inset 0px 0px 3px #AAA; clear: both; } #overlay #overlay_footer { background: #EEE; padding: 5px; overflow: hidden; } #overlay #overlay_footer.loading { background: transparent url('../_img/loading_small.gif') no-repeat right center !important; } #overlay #overlay_footer.loading.positive { background: transparent url('../_img/loading_small_positive.gif') no-repeat right center !important; } #overlay #overlay_footer.loading.negative { background: transparent url('../_img/loading_small_negative.gif') no-repeat right center !important; } #overlay #overlay_footer .requirements { font-size: 10px; line-height: 14px; color: #999; float: right; margin: 8px 5px 0 0; } #overlay #overlay_content .entries { margin: 1px 0 0 1px; } #overlay #overlay_content .entries > li { border-bottom: 1px dotted #DCEDF4; padding: 15px; position: relative; overflow: hidden; } #overlay #overlay_content .entries > li.highlight { background: #FFF0E5; } #overlay #overlay_content .entries > li img.avatar { height: 50px; width: 50px; float: left; } #overlay #overlay_content .entries > li .file_icon { height: 25px; width: 25px; margin: 12px; float: left; } #overlay #overlay_content .entries > li .avatars { width: 50px; float: left; } #overlay #overlay_content .entries > li .details { width: 445px; float: left; margin: 0 0 0 15px; } #overlay #overlay_content .entries > li h2 { font-size: 10px; line-height: 12px; text-transform: uppercase; color: #169AD8; margin: 0 0 8px 0; padding: 0; } #overlay #overlay_content .entries > li h2 a { color: #169AD8; text-decoration: none; } #overlay #overlay_content .entries > li h2 a:hover { text-decoration: underline; } #overlay #overlay_content .entries > li p { font-size: 11px; line-height: 15px; color: #666; margin: 8px 0; padding: 0; } #overlay #overlay_content .entries > li p a { text-decoration: none; color: #169AD8; } #overlay #overlay_content .entries > li p a:hover { text-decoration: underline; } #overlay #overlay_content .entries > li p .said { color: #999; } #overlay #overlay_content .entries > li a.button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; text-decoration: none; text-align: center; color:#444; background: #EEE; width: 100%; height: 20px; padding: 4px 0 0 0; border: 1px solid #CCC; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(230,230,230)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(230,230,230) 10%, rgb(246,246,246) 70%); text-shadow: 1px 1px 1px #FFF; } #overlay #overlay_content .entries > li a.button:hover { color: #FFF; background: #169AD8; /* CSS3 */ text-shadow: none; } #overlay #overlay_content .entries > li form { margin: 10px 0 0 0; } #overlay #overlay_content .entries > li .options { position: absolute; right: 5px; top: 5px; visibility: hidden; } #overlay #overlay_content .entries > li:hover > .options { visibility: visible; } #overlay #overlay_content .entries > li .options > li { float: left; margin: 0; } #overlay #overlay_content .entries > li .options > li a { width: 15px; height: 15px; display: block; } #overlay #overlay_content .entries > li .options > li a.delete { background: transparent url('../_img/sprite.png') no-repeat 0 -20px; } #overlay #overlay_content .entries > li .options > li a.locked { background: transparent url('../_img/sprite.png') no-repeat -15px -20px; } #overlay #overlay_content .entries > li .options > li a.edit { background: transparent url('../_img/sprite.png') no-repeat -30px -20px; } #overlay #overlay_content .entries > li .options > li a.archive { background: transparent url('../_img/sprite.png') no-repeat 0 -35px; } #overlay #overlay_content .entries > li:hover { background: #F6FBFC; } #overlay #overlay_content .metadata { font-size: 10px; line-height: 12px; color: #999; overflow: hidden; } #overlay #overlay_content .metadata li { border-left: 1px solid #EEE; padding: 0 6px; float: left; } #overlay #overlay_content .metadata li a { color: #999; text-decoration: none; } #overlay #overlay_content .metadata li a:hover { color: #FF6400; text-decoration: none; } #overlay #overlay_content .metadata li:first-child { border-left: none; padding: 0 6px 0 0; } #overlay.text #overlay_content h2 { font-size: 22px; line-height: 27px; font-weight: bold; color: #1F4166; margin: 15px 0; } #overlay.text #overlay_content h3 { font-size: 12px; line-height: 16px; font-weight: bold; text-transform: uppercase; color: #1F4166; border-top: 1px solid #EEE; margin: 40px 0 20px 0; padding: 20px 0 0 0; } #overlay.text #overlay_content h4 { font-size: 10px; line-height: 15px; font-weight: bold; text-transform: uppercase; color: #1F4166; margin: 30px 0 10px 0; } #overlay.text #overlay_content p { font-size: 12px; line-height: 16px; margin: 0 0 16px 0; } #overlay.text #overlay_content ol { list-style-type: decimal; padding: 0 20px; margin: 0 0 18px 0; } #overlay.text #overlay_content ul { list-style-type: square; padding: 0 20px; margin: 0 0 18px 0; } #overlay.text #overlay_content ul li, #overlay.text #overlay_content ol li { font-size: 12px; line-height: 15px; margin: 0 0 6px 0; } #overlay.text #overlay_content li ul, #overlay.text #overlay_content li ol { margin: 10px 0; } #overlay.text #overlay_content li li { font-size: 11px; } #overlay.text #overlay_content a { text-decoration: none; color: #169AD8; } #overlay.text #overlay_content a:hover { text-decoration: underline; } #overlay form .item { margin: 0 0 10px 50px; width: 380px; clear: both; position: relative; } #overlay form #controls { text-align: center; margin: 30px 0 0 0; overflow: hidden; clear: both; } #overlay form .controls .recipients { float: right; font-size: 11px; color: #999; font-style: italic; margin: 0 0 1em 2em; line-height: 45px;} #overlay form .controls .recipients img { width: 20px; height: 20px; } #overlay form .item label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: right; color: #1F4166; margin: 5px 10px; width: 98px; float: left; } #overlay form .item fieldset legend, #overlay form .item fieldset label { display: none; } #overlay form .item fieldset.inputs label { font-size: 12px; color: #000; text-align: left; width: 260px; margin: 5px 0; display: block; float: right; } #overlay form .item .help { position: relative; } #overlay form .item .help a { font-size: 9px; line-height: 12px; font-weight: bold; text-decoration: none; vertical-align: 20%; color: #FFF; background: #8699AC; padding: 1px 3px; /* CSS3 */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #overlay form .item .help span { font-size: 11px; line-height: 14px; text-align: left; color: #666; background: #EEE; padding: 8px; width: 160px; position: absolute; left: 14px; top: 0px; display: none; /* CSS3 */ -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; z-index: 1001; } #overlay form .item .help.left span { right: 14px; top: 0; left: auto; z-index: 10001;} #overlay form .item .help:hover a { background: #169AD8; } #overlay form .item .help:hover span { display: block; } #overlay form .item p { text-align: left; margin: 0 0 0 120px; } #overlay form .item .note { font-size: 10px; line-height: 14px; color: #999; margin: 0 0 0 120px; display: block; } #overlay form .item .note.positive { color: #5FB323; } #overlay form .item .note.negative { color: #FF6400; } #overlay form input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #overlay form input[type=text], #overlay form input[type=password] { text-indent: 5px; border: 1px solid #B9E1F4; padding: 5px 0; width: 260px; /* CSS3 */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #overlay form input:focus { background: #FEF4CB; border: 1px solid #169AD8; } #overlay form select { max-width: 255px; } #overlay form input[type=text].required, #overlay form input[type=password].required { text-indent: 5px; border: 1px solid #9BC9DD; } #overlay form label.error { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; margin: 0; font-weight: bold; color: #FF6400; width: 260px; display: block; } #overlay form input.required.error, #overlay form select.required.error { border: 1px solid #FF6400; } #overlay form .blur { color: #999; } #overlay form .item .live_search { background: #FFF; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; border-left: 1px solid #EEE; width: 260px; max-height: 200px; position: absolute; top: 100%; right: 0; z-index: 999; overflow-y: auto; /* CSS3 */ -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #overlay form .item .live_search li { color: #000; border-top: 1px solid #EEE; padding: 5px; overflow: hidden; } #overlay form .item .live_search li img.avatar { height: 35px; width: 35px; float: left; } #overlay form .item .live_search li .details { margin: 0 0 0 10px; float: left; } #overlay form .item .live_search li .details p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #overlay form .item .live_search li h3 { font-size: 12px; line-height: 15px; color: #000; margin: 0; padding: 0; } #overlay form .item .live_search li h3 a { text-decoration: none; color: #169AD8; } #overlay form .item .live_search li h3 a:hover { text-decoration: underline; } #overlay form .item .live_search li p { font-size: 10px; line-height: 12px; color: #666; margin: 4px 0 0 0; padding: 0; } #overlay .file_icon { height: 25px; width: 25px; display: inline-block; } #overlay a.button { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; text-decoration: none; text-align: center; color:#444; background: #EEE; min-width: 150px; height: 23px; padding: 5px 0 0 0; border: 1px solid #CCC; float: left; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(230,230,230)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(230,230,230) 10%, rgb(246,246,246) 70%); text-shadow: 1px 1px 1px #FFF; } #overlay a.button:hover { color: #FFF; background: #169AD8; /* CSS3 */ text-shadow: none; } #overlay button { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color:#444; background: #EEE; min-width: 150px; height: 30px; padding: 0; margin: 0; border: 1px solid #CCC; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(230,230,230)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(230,230,230) 10%, rgb(246,246,246) 70%); text-shadow: 1px 1px 1px #FFF; } #overlay button:hover { color: #FFF; background: #169AD8; /* CSS3 */ text-shadow: none; } #overlay button[type=reset] { color: #777; } #overlay button[type=reset]:hover { color: #FFF; } #overlay button span { padding: 0 0 0 12px; } #overlay button[disabled], #overlay button[disabled]:hover { color: #666; background: #DDD; /* CSS3 */ text-shadow: 1px 1px 1px #FFF; } /* Settings */ #overlay.settings #overlay_content { height: 350px; padding: 20px; } #overlay.settings form .item .live_search h2 { font-size: 10px; text-transform: uppercase; color: #FFF; background: #FF6400; padding: 5px; } #overlay.settings form .item .live_search li h3 { font-size: 12px; float: left; width: 180px; } #overlay.settings form .item .live_search li p { font-size: 10px; line-height: 12px; color: #999; float: right; width: 50px; margin: 0; } #overlay.settings p.warning { font-size: 14px; line-height: 18px; font-weight: bold; text-align: center; color: #FF6400; margin: 50px; } /* Output */ #overlay.output #overlay_content { height: 355px; padding: 30px 0 0 0; } /* Notifications */ #overlay.notifications #overlay_content { height: 405px; padding: 0; } #overlay.notifications #overlay_content .entries > li.link { cursor: pointer } #overlay.notifications #overlay_content .entries > li h2 { color: #FF6400; } #overlay.notifications #overlay_content .entries > li h3 { font-size: 11px; line-height: 14px; font-weight: bold; color: #000; margin: 0; padding: 0; } #overlay.notifications #overlay_content .entries > li .controls { margin: 0 0 8px 0; overflow: hidden; } #overlay.notifications #overlay_content .entries > li .controls p { color: #000; } #overlay.notifications #overlay_content .entries > li .controls a.button { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; color: #333; background: #F6F6F6; min-width: intrinsic; width: auto; min-width: 60px; height: 15px; padding: 5px 10px 0 10px; margin: 0 4px 0 0; border: 1px solid #CCC; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(230,230,230)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(230,230,230) 10%, rgb(246,246,246) 70%); } #overlay.notifications #overlay_content .entries > li .controls a.button:hover { color: #FFF; background: #169AD8; /* CSS3 */ text-shadow: none; } #overlay.notifications a.more { font-size: 12px; line-height: 16px; text-decoration: none; text-align: center; color: #999; width: 100%; padding: 12px 0; margin: 0 1px; display: block; } #overlay.notifications a.more:hover { color: #FFF; background: #169AD8; } #overlay.notifications a.more.loading, #overlay.notifications a.more.active_spinner, #overlay.notifications a.more.button.loading:hover { text-indent: -10000px; background: transparent url('../_img/loading_small.gif') no-repeat center center; cursor: default; } /* Works List */ #overlay.works_list #overlay_content { height: 365px; padding: 0; } #overlay.works_list #overlay_content .entries .work_icon { text-align: center; height: 50px; width: 50px; float: left; display: table; } #overlay.works_list #overlay_content .entries .work_icon_centering_wrapper { display: table-cell; vertical-align: middle; } #overlay.works_list #overlay_content .entries .work_icon img { max-width: 50px; max-height: 50px; } /* File Manager */ #overlay.file_manager_grid #overlay_content { height: 365px; padding: 0; } #overlay.file_manager_grid.alert #overlay_content { height: 340px; padding: 0; } #overlay.file_manager_grid #overlay_content .entries > li { float: left; height: 140px; border-right: 1px dotted #DCEDF4; } #overlay.file_manager_grid #overlay_content .entries > li .details { width: auto; margin: 10px 0 0 0; float: none; } #overlay.file_manager_grid #overlay_content .entries > li h2 { margin: 0; white-space: nowrap; /* CSS 3 */ text-overflow: ellipsis; } #overlay.file_manager_grid #overlay_content .entries > li .options { top: 10px; right: 10px; } #overlay.file_manager_grid #overlay_content .entries > li .options > li a { background-color: #F6FBFC; } #overlay.file_manager_grid #overlay_content .entries > li .file_icon { margin: 35px 45px 40px 45px; float: none; } #overlay.file_manager_list #overlay_content { height: 365px; padding: 0; } #overlay.file_manager_list.alert #overlay_content { height: 340px; padding: 0; } /* Avatar & Icon Manager */ #overlay.avatar_icon_manager #overlay_content { height: 385px; padding: 0; } #overlay.avatar_icon_manager.alert #overlay_content { height: 360px; padding: 0; } #overlay.avatar_icon_manager #overlay_content .entries > li { float: left; height: 115px; border-right: 1px dotted #DCEDF4; } #overlay.avatar_icon_manager #overlay_content .entries > li img { width: 115px; height: 115px; } #overlay.avatar_icon_manager #overlay_content .entries > li .icon_wrapper { text-align: center; width: 115px; height: 115px; display: table; } #overlay.avatar_icon_manager #overlay_content .entries > li .icon_centering_wrapper { display: table-cell; vertical-align: middle; } #overlay.avatar_icon_manager #overlay_content .entries > li .icon_wrapper img { width: auto; height: auto; max-width: 115px; max-height: 115px; } #overlay.avatar_icon_manager #overlay_content .entries > li .options { top: 10px; right: 10px; } #overlay.avatar_icon_manager #overlay_content .entries > li .options > li a { background-color: #F6FBFC; } #overlay.avatar_icon_manager_new #overlay_content { text-align: center; height: 385px; padding: 0; } #overlay.avatar_icon_manager_new.alert #overlay_content { text-align: center; height: 360px; padding: 0; } #overlay.avatar_icon_manager_new #overlay_content #uncropped_image { margin: 20px auto; } /* Messages */ #overlay.messages #overlay_content { height: 365px; padding: 0; } #overlay.messages #overlay_content .entries > li p { overflow: hidden; white-space: nowrap; /* CSS 3 */ text-overflow: ellipsis; } #overlay.messages #overlay_content .entries > li .avatars img.avatar { height: 25px; width: 25px; } #overlay.messages #overlay_content div.loading_more {text-indent: -9999px; overflow: hidden; background: #FFFFFF url('../_img/loading_small_more.gif') no-repeat center center; height: 18px; margin: 32px 0 16px 0; } #overlay.messages a.more { font-size: 12px; line-height: 16px; text-decoration: none; text-align: center; color: #999; width: 100%; padding: 12px 0; margin: 0 1px; display: block; } #overlay.messages a.more:hover { color: #FFF; background: #169AD8; } #overlay.messages a.more.loading, #overlay.messages a.more.active_spinner, #overlay.messages a.more.button.loading:hover { text-indent: -10000px; background: transparent url('../_img/loading_small.gif') no-repeat center center; cursor: default; } #overlay.message_thread #overlay_content { height: 400px; padding: 0; } #overlay.message_thread form { padding: 15px; } #overlay.message_thread form .item { margin: 0 0 10px 0; width: auto; clear: both; position: relative; } #overlay.message_thread form .item label { display: none; } #overlay.message_thread form .item textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; border: 1px solid #B9E1F4; padding: 5px; height: 100px; width: 100%; resize: none; /* CSS3 */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #overlay.message_thread form .controls button { width: 120px; } #overlay.message_thread form .controls.loading { background: transparent url('../_img/loading_small.gif') no-repeat right center !important; } #overlay.message_thread form .controls.loading.positive { background: transparent url('../_img/loading_small_positive.gif') no-repeat right center !important; } #overlay.message_thread form .controls.loading.negative { background: transparent url('../_img/loading_small_negative.gif') no-repeat right center !important; } #overlay.message_new #overlay_content { height: 325px; padding: 20px; } #overlay.message_new form .item { margin: 0 0 10px 0; width: auto; clear: both; position: relative; } #overlay.message_new form .item label { display: none; } #overlay.message_new form .item textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; border: 1px solid #9BC9DD; padding: 5px; height: 200px; width: 100%; resize: none; /* CSS3 */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #overlay.message_new form .item input[type=text] { width: 100%; } #overlay.message_new form .controls button { width: 120px; } #overlay.message_new form .item .live_search { width: 100%; } /* New Message - Chosen */ #overlay #overlay_content .chlive-container .chlive-choices { background-color: #fff; border: 1px solid #169AD8; margin: 0; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; } #overlay #overlay_content .chlive-container .chlive-choices.loading { background: url('../_img/loading_small.gif') no-repeat scroll right center white; } #overlay #overlay_content .chlive-container .chlive-choices li { float: left; list-style: none; } #overlay #overlay_content .chlive-container .chlive-choices .search-field { white-space: nowrap; margin: 0; padding: 0; } #overlay #overlay_content .chlive-container .chlive-choices .search-field input { background: transparent !important; border: 0 !important; -webkit-box-shadow: none; -moz-box-shadow : none; -o-box-shadow : none; box-shadow : none; text-indent: 0; } #overlay #overlay_content .chlive-container .chlive-choices .search-field .default { color: #999; } #overlay #overlay_content .chlive-container .chlive-choices .search-choice { background-color: #e4e4e4; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #f6f6f6)); background-image: -webkit-linear-gradient(center bottom, #e4e4e4 0%, #f6f6f6 70%); background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #f6f6f6 70%); background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #f6f6f6 70%); background-image: -ms-linear-gradient(top, #e4e4e4 0%,#f6f6f6 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#f6f6f6',GradientType=0 ); background-image: linear-gradient(top, #e4e4e4 0%,#f6f6f6 70%); color: #000; border: 1px solid #ddd; padding: 1px 19px 1px 1px; margin: 1px 2px 1px 1px; position: relative; font-size: 10px; } #overlay #overlay_content .chlive-container .chlive-choices .search-choice span { cursor: default; } #overlay #overlay_content .chlive-container .chlive-choices .search-choice-focus { background: #d4d4d4; } #overlay #overlay_content .chlive-container .chlive-choices .search-choice .search-choice-close { display: block; position: absolute; right: 5px; top: 4px; width: 10px; height: 12px; font-size: 1px; background: transparent url('../_img/sprite.png') no-repeat 0px -119px; } #overlay #overlay_content .chlive-container .chlive-choices .search-choice .search-choice-close:hover { } #overlay #overlay_content .chlive-container .chlive-choices .search-choice .search-choice-close:hover { } #overlay #overlay_content .chlive-results .hidden-users { display: none; }