/**************************************************************************************************************************************************************** CGP Scholar UI - Creator/Publisher ****************************************************************************************************************************************************************/ /* ------------------------------------------- Page ------------------------------------------- */ #creator_publisher #wrapper { overflow: hidden; position: relative; } #creator_publisher #workspace { background: #FFF; width: 639px; min-height: 600px; float: left; position: relative; } /* Note: 1px removed from width for FF zoom out bug */ #creator_publisher #sidebar { background: #DCEDF4; border-left: #A5CFE1 1px solid; width: 319px; float: right; position: relative; margin-bottom: -10000px; padding-bottom: 10000px; } /* ------------------------------------------- Resize Controls ------------------------------------------- */ #creator_publisher #drag_handle { background: transparent url('../_img/sprite.png') no-repeat 0px 0px; width: 15px; height: 19px; cursor: col-resize; position: absolute; top: -4px; left: -8px; z-index: 1001; } #creator_publisher #drag_handle:hover, #drag_handle:active { background: transparent url('../_img/sprite.png') no-repeat -60px 0px; } #creator_publisher #drag_handle.active { background: transparent url('../_img/sprite.png') no-repeat -60px 0px; } #creator_publisher #drag_handle.snap_right { background: #000; width: 19px; height: 15px; cursor: pointer; background: transparent url('../_img/sprite.png') no-repeat -80px 0px; position: absolute; top: -8px; left: -19px; z-index: 1002; } #creator_publisher #drag_handle.snap_right:hover { background: transparent url('../_img/sprite.png') no-repeat -80px 0px; } #creator_publisher #drag_handle.snap_left { background: #000; width: 19px; height: 15px; cursor: pointer; background: transparent url('../_img/sprite.png') no-repeat -100px 0px; position: absolute; top: -8px; left: -1px; z-index: 1003; } #creator_publisher #drag_handle.snap_left:hover { background: transparent url('../_img/sprite.png') no-repeat -100px 0px; } /* ------------------------------------------- Workspace ------------------------------------------- */ #creator_publisher #workspace .wrapper { margin: 10px; position: relative; } #creator_publisher #workspace .wrapper #loading_overlay { background: #FFF; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9998; /* CSS3 */ opacity:0.95; filter: alpha(opacity=95); display: none; } #creator_publisher #workspace .wrapper #loading_overlay h3 { font-size: 16px; line-height: 22px; text-align: center; color: #FF6400; background: transparent url('../_img/loading_small.gif') no-repeat center top; margin: 200px auto; padding: 34px 0 0 0; } /* Editor Styles */ #creator_publisher #workspace #editor { min-height: 485px; margin: 10px 0; } #creator_publisher #workspace #editor #editor1 { display: none; } /* Viewer Styles */ #creator_publisher #workspace #viewer { margin: 10px 0; padding: 20px; height: 450px; overflow: auto; /* CSS3 */ -moz-box-shadow: inset -1px -1px 3px #AAA; -webkit-box-shadow: inset -1px -1px 3px #AAA; box-shadow: inset -1px -1px 3px #AAA; } #creator_publisher #workspace #viewer h1 { font-size: 24px; line-height: 30px; font-weight: bold; color: #1F4166; margin: 20px 0 15px 0; } #creator_publisher #workspace #viewer h2 { font-size: 20px; line-height: 26px; font-weight: bold; color: #1F4166; margin: 20px 0 15px 0; } #creator_publisher #workspace #viewer h3 { font-size: 18px; line-height: 24px; font-weight: bold; color: #1F4166; margin: 20px 0 15px 0; } #creator_publisher #workspace #viewer h4 { font-size: 16px; line-height: 22px; font-weight: bold; color: #1F4166; margin: 20px 0 15px 0; } #creator_publisher #workspace #viewer h5 { font-size: 14px; line-height: 18px; font-weight: bold; color: #1F4166; margin: 20px 0 15px 0; } #creator_publisher #workspace #viewer p { font-size: 12px; line-height: 16px; margin: 0 0 16px 0; } #creator_publisher #workspace #viewer ol { list-style-type: decimal; padding: 0 20px; margin: 0 0 18px 0; } #creator_publisher #workspace #viewer ul { list-style-type: disc; padding: 0 20px; margin: 0 0 18px 0; } #creator_publisher #workspace #viewer ul li, #creator_publisher #workspace #viewer ol li { font-size: 12px; line-height: 16px; margin: 0 0 6px 0; } #creator_publisher #workspace #viewer li ul, #creator_publisher #workspace #viewer li ol { margin: 10px 0; } #creator_publisher #workspace #viewer blockquote { font-size: 12px; line-height: 16px; margin: 20px 0; padding: 0 25px; } #creator_publisher #workspace #viewer a { text-decoration: none; color: #169AD8; } #creator_publisher #workspace #viewer a:hover { text-decoration: underline; } #creator_publisher #workspace #viewer div.figure { text-align: center; margin: 25px 0; } #creator_publisher #workspace #viewer div.figure .media_container { margin: 0 auto; } #creator_publisher #workspace #viewer div.figure.small .media_container { max-width: 200px; } #creator_publisher #workspace #viewer div.figure.medium .media_container { max-width: 400px; } #creator_publisher #workspace #viewer div.figure.large .media_container { max-width: 600px; } #creator_publisher #workspace #viewer div.figure .media_container img { border: 1px solid #EEE; max-width: 100%; margin: 0 auto; } #creator_publisher #workspace #viewer div.figure .media_container object { border: 1px solid #EEE; margin: 0 auto; } #creator_publisher #workspace #viewer div.figure .media_container .file_icon { border: none; } #creator_publisher #workspace #viewer div.figure .caption { font-size: 11px; line-height: 14px; color: #999; margin: 10px 0 0 0; } #creator_publisher #workspace #viewer table { font-size: 12px; line-height: 16px; margin: 25px auto 40px auto; width: 90%; } #creator_publisher #workspace #viewer table caption { font-size: 12px; line-height: 16px; font-weight: bold; font-style: normal; color: #1F4166; padding: 10px 0; } #creator_publisher #workspace #viewer table th { font-weight: bold; padding: 8px; background: #F6F6F6; border: 1px solid #CCC; } #creator_publisher #workspace #viewer table td { padding: 8px; border: 1px solid #CCC; } #creator_publisher #workspace #viewer span.selected_for_annotation { background: #9BC9DD; } #creator_publisher #workspace #viewer span.annotation.active { background: #FFCC99; } /* Content Styles */ #creator_publisher #workspace #content { background: #F6F6F6; margin: 10px 0; padding: 10px; min-height: 470px; } #creator_publisher #workspace #content h3 { font-size: 18px; line-height: 24px; font-weight: bold; color: #1F4166; border-bottom: 1px solid #DDD; margin: 0; padding: 0 0 10px 0; /* CSS3 */ -moz-box-shadow: 0px 1px 0px #FFF; -webkit-box-shadow: 0px 1px 0px #FFF; box-shadow: 0px 1px 0px #FFF; } #creator_publisher #workspace #content h4 { font-size: 12px; line-height: 16px; font-weight: bold; text-transform: uppercase; color: #1F4166; margin: 24px 0 16px 0; } #creator_publisher #workspace #content p { font-size: 12px; line-height: 15px; margin: 0 0 15px 0; } #creator_publisher #workspace #content p.alert { color: #8699AC; margin: 0 0 30px 0; } #creator_publisher #workspace #content p.alert a { color: #8699AC; text-decoration: underline; } #creator_publisher #workspace #content p.warning { font-size: 11px; color: #FF6400; margin: 0 0 16px 0; } #creator_publisher #workspace #content h3+p { margin-top: 15px; } #creator_publisher #workspace #content ul { padding: 0; margin: 15px 0 30px 0; } #creator_publisher #workspace #content .chzn-container ul { margin: 0; } #creator_publisher #workspace #content ul li { font-size: 12px; line-height: 16px; margin: 0 0 6px 0; } #creator_publisher #workspace #content .chzn-container ul li { margin: 0; line-height: 12px; font-size: 11px; } #creator_publisher #workspace #content ul li span.error { font-size: 11px; font-weight: bold; color: #FF6400; } #creator_publisher #workspace #content a { text-decoration: none; color: #169AD8; } #creator_publisher #workspace #content .table_nav { font-size: 11px; line-height: 15px; background: #546F8C; border-bottom: 1px solid #FFF; padding: 6px 4px; } #creator_publisher #workspace #content .table_nav label { font-weight: bold; display: inline-block; color: #FFF; margin: 0 0 0 5px; } #creator_publisher #workspace #content .table_nav select { font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding: 1px 0; width: 100px; } #creator_publisher #workspace #content caption { display: none; } #creator_publisher #workspace #content table { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #000; background: #FFF; border: 1px solid #e3e3e3; width: 100%; } #creator_publisher #workspace #content table a:link, #creator_publisher #workspace #content table a:active, #creator_publisher #workspace #content table a:visited { color: #000; text-decoration: none; } #creator_publisher #workspace #content table a:hover { text-decoration: underline; } #creator_publisher #workspace #content table thead tr { background: #EEE; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(240,240,240)), color-stop(0.7, rgb(256,256,256))); background-image: -moz-linear-gradient(center bottom, rgb(240,240,240) 10%, rgb(256,256,256) 70%); } #creator_publisher #workspace #content table thead tr:hover { cursor: pointer; } #creator_publisher #workspace #content table th { font-size: 11px; line-height: 15px; color: #333; padding: 6px; border-bottom: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; /*CSS3*/ text-shadow: 1px 1px 1px #FFF; } #creator_publisher #workspace #content table th:first-child { font-weight: bold; } #creator_publisher #workspace #content table th:last-child { border-right: none; } #creator_publisher #workspace #content table th.header { font-weight: normal; background: transparent url('../_img/sprite.png') no-repeat right -681px; } /* Class named per tablesorter plugin - do not change */ #creator_publisher #workspace #content table th.headerSortDown { font-weight: bold; background: transparent url('../_img/sprite.png') no-repeat right -622px; } /* Class named per tablesorter plugin - do not change */ #creator_publisher #workspace #content table th.headerSortUp { font-weight: bold; background: transparent url('../_img/sprite.png') no-repeat right -651px; } /* Class named per tablesorter plugin - do not change */ #creator_publisher #workspace #content table tr { font-size: 11px; /* 11px */ vertical-align: top; } #creator_publisher #workspace #content table tbody tr:hover { background: #FEF4CB; } #creator_publisher #workspace #content table td { padding: 6px 4px; border-bottom: 1px solid #EEE; } #creator_publisher #workspace #content table tr td:first-child { font-weight: bold; } #creator_publisher #workspace #content table td a.icon { width: 15px; height: 15px; display: block; float: left; } #creator_publisher #workspace #content table td a.icon.delete { background: transparent url('../_img/sprite.png') no-repeat 0 -20px; } #creator_publisher #workspace #content table td a.icon.edit { background: transparent url('../_img/sprite.png') no-repeat -30px -20px; } #creator_publisher #workspace #content table td a.icon.duplicate { background: transparent url('../_img/sprite.png') no-repeat -75px -20px; } #creator_publisher #workspace #content table td a.icon.archive { background: transparent url('../_img/sprite.png') no-repeat 0 -35px; } #creator_publisher #workspace #content table td a.icon.view { background: transparent url('../_img/sprite.png') no-repeat -15px -35px; } #creator_publisher #workspace #content table td a.icon.export { background: transparent url('../_img/sprite.png') no-repeat -30px -35px; } #creator_publisher #workspace #content table td a.icon.backward { background: transparent url('../_img/sprite.png') no-repeat -239px -35px; } #creator_publisher #workspace #content table td a.icon.disabled { cursor: default; /*CSS3*/ opacity: 0.25; } #creator_publisher #workspace #content table td .icon { width: 15px; height: 15px; display: block; float: left; } #creator_publisher #workspace #content table td .icon.single_work { background: transparent url('../_img/sprite.png') no-repeat -274px -20px; } #creator_publisher #workspace #content table td .icon.multiwork { background: transparent url('../_img/sprite.png') no-repeat -258px -20px; } #creator_publisher #workspace #content table td .icon.add_to_project { background: transparent url('../_img/sprite.png') no-repeat -33px -50px; } #creator_publisher #workspace #content table.truncate { table-layout: fixed; } #creator_publisher #workspace #content table.truncate tbody td { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #creator_publisher #workspace #content table.resize tbody td { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #creator_publisher #workspace #content .table_grip { height: 8px; width: 8px; background: transparent url('../_img/sprite.png') no-repeat -3px -54px; margin-top: -1px; position: relative; z-index: 899; cursor: e-resize; } /* Forms */ #creator_publisher #workspace #content .item { margin: 30px auto; clear: both; width: 340px; position: relative; } #creator_publisher #workspace #content .item .item { margin: 0; } #creator_publisher #workspace #content #controls { margin: 20px 0; overflow: hidden; clear: both; } #creator_publisher #workspace #content .item label, #creator_publisher #workspace #content .item fieldset legend { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #1F4166; margin: 0 0 5px 0; display: block; position: relative; } #creator_publisher #workspace #content .item fieldset label { font-size: 12px; line-height: 15px; font-weight: normal; color: #000; padding: 5px 0 0 0; margin: 0; } #creator_publisher #workspace #content .item fieldset label.disabled { color: #999; } #creator_publisher #workspace #content .item fieldset label.suboption { margin: 0 0 5px 15px; display: block; } #creator_publisher #workspace #content .item label a { color: #1F4166; } #creator_publisher #workspace #content .item .help { position: relative; z-index: 500; } #creator_publisher #workspace #content .item .help a { font-size: 9px; line-height: 11px; 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; } #creator_publisher #workspace #content .item .help span { font-size: 11px; line-height: 14px; color: #666; background: #EEE; padding: 8px; width: 160px; position: absolute; left: 14px; top: 0px; display: none; white-space: normal; /* CSS3 */ -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; } #creator_publisher #workspace #content .item .help:hover a { background: #169AD8; } #creator_publisher #workspace #content .item .help:hover span { display: block; } #creator_publisher #workspace #content .item label .note { font-size: 10px; text-decoration: none; color: #1F4166; float: right; } #creator_publisher #workspace #content .item label label { display: none; } #creator_publisher #workspace #content .item .hidden_field { display: none; } #creator_publisher #workspace #content .item h5 { color: #546F8C; font-size: 11px; } #creator_publisher #workspace #content .item p { font-size: 12px; line-height: 15px; margin: 5px 0 0 0; } #creator_publisher #workspace #content .item p label { display: none; } #creator_publisher #workspace #content .item p select { display: inline; } #creator_publisher #workspace #content input { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } #creator_publisher #workspace #content input[type=text], #creator_publisher #workspace #content input[type=password] { text-indent: 5px; border: 1px solid #B9E1F4; padding: 6px 0; width: 100%; /* CSS3 */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #creator_publisher #workspace #content input[disabled] { color: #999; background: #F9F9F9; border: 1px solid #DDD; } #creator_publisher #workspace #content .blur { color: #999; } #creator_publisher #workspace #content .blur.datetimepicker.valid { color: #000; } /* To change text color when a date is selected */ #creator_publisher #workspace #content ul li span.error { color: #FF6400; font-size: 11px; font-weight: bold; } #creator_publisher #workspace #content input:focus { background: #FEF4CB; border: 1px solid #169AD8; } #creator_publisher #workspace #content textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; border: 1px solid #B9E1F4; padding: 5px; width: 100%; resize: none; /* CSS3 */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #creator_publisher #workspace #content textarea[disabled] { background: #F9F9F9; border: 1px solid #DDD; } #creator_publisher #workspace #content label.error, #creator_publisher #workspace #content fieldset label.error { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FF6400; } #creator_publisher #workspace #content input.error, #creator_publisher #workspace #content select.error, #creator_publisher #workspace #content textarea.error { border: 1px #FF6400 solid; } #creator_publisher #workspace #content label label.error { position: absolute; bottom: -15px; left: 0; } #creator_publisher #workspace #content .standard_notification { border: 1px solid #B9E1F4; border-bottom: none; background: #F3F3F3; padding: 2px; } #creator_publisher #workspace #content .standard_notification + textarea { border-top: none; } #creator_publisher #workspace #content .standard_notification .standard_notification_text_toggle { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #8699AC; } #creator_publisher #workspace #content .standard_notification .standard_notification_text_toggle .icon.arrow { text-indent: -2000px; background-image: url('../_img/sprite.png'); background-image: no-repeat; background-position: -2px -570px; margin: 0 5px 0 0; height: 10px; width: 10px; display: inline-block; } #creator_publisher #workspace #content .standard_notification.open .standard_notification_text_toggle .icon.arrow { background-position: -2px -600px; } #creator_publisher #workspace #content .standard_notification .standard_notification_text { padding: 5px; } #creator_publisher #workspace #content .standard_notification .standard_notification_text p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #777; } #creator_publisher #workspace #content span.status { font-size: 8px; line-height: 8px; background: #5FB323; width: 8px; height: 8px; display: inline-block; margin: 0 5px 0 0; /* CSS3 */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #creator_publisher #workspace #content span.status.positive { background: #5FB323; } #creator_publisher #workspace #content span.status.negative { background: #FF6400; } #creator_publisher #workspace #content span.status.take_action { background: #E5AC1B; } #creator_publisher #workspace #content span.status.overdue { background: #FF6400; } #creator_publisher #workspace #content span.status.inactive { background: #EEE; } #creator_publisher #workspace #content .item .live_search { background: #FFF; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; border-left: 1px solid #EEE; width: 100%; max-height: 350px; max-width: 480px; position: absolute; top: 100%; left: 0; z-index: 9999; overflow-x: hidden; 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; } #creator_publisher #workspace #content .item .live_search h2 { font-size: 10px; text-transform: uppercase; color: #FFF; background: #FF6400; padding: 5px; } #creator_publisher #workspace #content .item .live_search ul { padding: 0; margin: 0; } #creator_publisher #workspace #content .item .live_search li { font-size: 12px; line-height: 15px; color: #000; border-top: 1px solid #EEE; padding: 5px; margin: 0; overflow: hidden; } #creator_publisher #workspace #content .item .live_search li a { text-decoration: none; color: #169AD8; } #creator_publisher #workspace #content .item .live_search li a:hover { text-decoration: underline; } #creator_publisher #workspace #content .item .live_search li h5 { font-size: 12px; line-height: 15px; color: #000; } #creator_publisher #workspace #content .item .live_search li p { font-size: 10px; line-height: 14px; color: #999; margin: 0; overflow: hidden; white-space: nowrap; /* CSS3 */ text-overflow: ellipsis; } #creator_publisher #workspace #content .item .live_search a.more { font-size: 10px; text-decoration: none; text-align: center; color: #999; background: #F6F6F6; width: 100%; padding: 3px 0; display: block; } #creator_publisher #workspace #content .item .live_search a.more:hover { color: #FFF; background: #169AD8; } #creator_publisher #workspace #content .item .live_search div.loading_content { background: transparent url('../_img/loading_small.gif') no-repeat center center; height: 24px; display: none; } /* Blocks */ #creator_publisher #workspace #content .block { border-bottom: 1px solid #FFF; } #creator_publisher #workspace #content .block h4 { border-bottom: 1px solid #DDD; padding: 24px 0; margin: 0; /* CSS3 */ text-shadow: 1px 1px 1px #FFF; } #creator_publisher #workspace #content .block h4 .alert { font-size: 10px; line-height: 12px; font-weight: bold; text-transform: none; color: #FFF; background: #FF6400; padding: 1px 5px; margin: 0 0 0 2px; /* CSS 3 */ text-shadow: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #creator_publisher #workspace #content .block h4 .icon.arrow { text-indent: -2000px; background-image: url('../_img/sprite.png'); background-image: no-repeat; background-position: -2px -570px; margin: 0 5px 0 0; height: 10px; width: 10px; display: inline-block; } #creator_publisher #workspace #content .block.open h4 .icon.arrow { background-position: -2px -600px; } #creator_publisher #workspace #content .block .block_content { background: #EEE; padding: 10px; display: none; /* CSS3 */ -moz-box-shadow: inset 0px 0px 2px #DDD; -webkit-box-shadow: inset 0px 0px 2px #DDD; box-shadow: inset 0px 0px 2px #DDD; } #creator_publisher #workspace #content .block .block_content .inner_block { background: #DDD; padding: 10px; } #creator_publisher #workspace #content .block .block_content .centering_wrapper { width: 340px; margin: 0 auto; } #creator_publisher #workspace #content .block .block_content h5 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #1F4166; margin: 0 0 5px 0; } #creator_publisher #workspace #content .block .block_content ul { margin: 10px 0; } #creator_publisher #workspace #content .block .block_content ul+h5 { margin-top: 20px; } #creator_publisher #workspace #content .block .block_content .metadata { color: #999; margin: 0; overflow: hidden; } #creator_publisher #workspace #content .block .block_content .metadata li { font-size: 10px; line-height: 12px; border-left: 1px solid #DDD; padding: 0 6px; margin: 0; float: left; } #creator_publisher #workspace #content .block .block_content .metadata li a { color: #999; text-decoration: none; } #creator_publisher #workspace #content .block .block_content .metadata li a:hover, #creator_publisher #workspace #content .block .block_content .metadata li.highlight a, #creator_publisher #workspace #content .block .block_content .metadata li.highlight { color: #FF6400; text-decoration: none; } #creator_publisher #workspace #content .block .block_content .metadata li.highlight { background: transparent; } #creator_publisher #workspace #content .block .block_content .metadata li:first-child { border-left: none; padding: 0 6px 0 0; } #creator_publisher #workspace #content .block .block_content .item { margin: 10px 0; clear: both; position: relative; } #creator_publisher #workspace #content .block .block_content .item label { display: none; } #creator_publisher #workspace #content .block .block_content .item .live_search ul { margin: 0; padding: 0;} #creator_publisher #workspace #content .block .block_content .item.due_date { width: 100%; margin: 15px 0; overflow: hidden; clear: both; } #creator_publisher #workspace #content .block .block_content .item.due_date > label, #creator_publisher #workspace #content .block .block_content .item.due_date legend { font-size: 11px; line-height: 14px; font-weight: bold; color: #1F4166; width: 120px; margin: 0; display: inline-block; } #creator_publisher #workspace #content .block .block_content .item.due_date input { max-width: 200px; } #creator_publisher #workspace #content .block .block_content .item.due_date p { font-size: 11px; line-height: 14px; margin: 0; display: inline-block; } #creator_publisher #workspace #content .block .block_content button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#444; background: #EEE; min-width: 100px; height: 26px; padding: 0 10px; 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; } #creator_publisher #workspace #content .block .block_content button:hover { color: #FFF; background: #169AD8; /* CSS3 */ text-shadow: none; } #creator_publisher #workspace #content .block .block_content button[type=reset] { color: #777; } #creator_publisher #workspace #content .block .block_content button[type=reset]:hover { color: #FFF; } #creator_publisher #workspace #content .block .block_content button span { padding: 0 0 0 12px; } #creator_publisher #workspace #content .block .block_content button[disabled=disabled], #creator_publisher #workspace #content .block .block_content button[disabled=disabled]:hover { color: #666; background: #DDD; } #creator_publisher #workspace #content .block .block_content > div .table_tools { background: #DDD; padding: 4px; overflow: hidden; } #creator_publisher #workspace #content .block .block_content > div .table_tools .button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; text-decoration: none; text-align: center; color:#444; background: #EEE; height: 19px; padding: 5px 8px 0 8px; margin: 0 4px 0 0; border: 1px solid #CCC; display: inline-block; /*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; } #creator_publisher #workspace #content .block .block_content > div .table_tools .button.add span { padding-left: 12px; background-image: url('../_img/sprite.png'); background-repeat: no-repeat; background-position: -2px -148px; } #creator_publisher #workspace #content .block .block_content > div .table_tools .button.edit span { padding-left: 15px; background-image: url('../_img/sprite.png'); background-repeat: no-repeat; background-position: -5px -927px; } #creator_publisher #workspace #content .block .block_content > div .table_tools .button.disabled { background: #EEE; color: #777; border: 1px solid #DDD; /*CSS3*/ background-image: none; text-shadow: none; } #creator_publisher #workspace #content .block .block_content > div .table_tools .item { width: auto; margin: 0 10px 0 0; float: left; clear: none; } #creator_publisher #workspace #content .block .block_content > div .table_tools .item label { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; line-height: 14px; color: #666; display: inline-block; /* CSS3 */ text-shadow: 1px 1px 1px #FFF; } #creator_publisher #workspace #content .block .block_content > div .table_tools .item input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } #creator_publisher #workspace #content .block .block_content > div .table_tools .item input:focus { background: #FEF4CB } #creator_publisher #workspace #content .block .block_content > div .table_tools .item select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } #creator_publisher #workspace #content .block .block_content > div .table_tools .item .blur { color: #999; } #creator_publisher #workspace #content .block .block_content > div .table_tools ul.pagination { margin: 0; padding: 0; float: right; } #creator_publisher #workspace #content .block .block_content > div .table_tools ul.pagination li { margin: 0 0 0 4px; float: left; } #creator_publisher #workspace #content .block .block_content > div .table_tools ul.pagination li .button { margin: 0; } #creator_publisher #workspace #content .block .block_content > div .table_tools button { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#333; background: #F6F6F6; width: 60px; height: 20px; padding: 0 0 2px 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%); } #creator_publisher #workspace #content .block .block_content > div .table_tools button:hover { color: #000; background: #DDD; } #creator_publisher #workspace #content .block .block_content > div .table_tools button[type=reset] { color: #777 } #creator_publisher #workspace #content .block .block_content > div .table_tools button span { padding: 0 0 0 12px; } #creator_publisher #workspace #content .block .block_content > div .table_tools button span.continue { background: transparent url('../_img/sprite.png') no-repeat left -88px; } #creator_publisher #workspace #content .block .block_content > div .table_tools button span.delete { background: transparent url('../_img/sprite.png') no-repeat left -119px; } #creator_publisher #workspace #content .block .block_content > div .table_tools button span.add { background: transparent url('../_img/sprite.png') no-repeat left -148px; } #creator_publisher #workspace #content .block .block_content > div .table_tools button[disabled] { background: #DDD; } #creator_publisher #workspace #content .block .block_content > div .table_tools .item.search { float: left; } #creator_publisher #workspace #content .block .block_content > div .table_tools .item.search form label { display: none; } #creator_publisher #workspace #content .block .block_content > div .table_tools .item.search form .search_input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; border: 1px #CCC solid; padding: 4px 4px 2px 4px; margin: 0; width: 150px; float: left; display: inline; } #creator_publisher #workspace #content .block .block_content > div .table_tools .item.search form .search_input.blur { color: #AAA; } #creator_publisher #workspace #content .block .block_content > div .table_tools .item.search form .search_submit { border: 1px #CCC solid; border-left: none; background: #CCC url('../_img/sprite.png') repeat-x left -476px; margin: 0; padding: 0; width: 22px; height: 22px; float: left; display: block; } /* Block: Status */ #creator_publisher #workspace #content .status_block { border: 1px solid #40607D; background: #54718B; padding: 10px; margin: 10px 0 0 0; } #creator_publisher #workspace #content .status_block h4 { font-size: 14px; line-height: 18px; text-transform: none; color: #FFF; border-bottom: 1px solid #869AAB; margin: 0; padding: 0 0 10px 0; } #creator_publisher #workspace #content .status_block h4 span.status { height: 14px; width: 14px; vertical-align: middle; /* CSS3 */ -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } #creator_publisher #workspace #content .status_block h4.loading { background: transparent url('../_img/loading_small_status_block.gif') no-repeat right center; border-bottom: none; padding: 0; } #creator_publisher #workspace #content .status_block h4.loading.positive { background: transparent url('../_img/loading_small_positive.gif') no-repeat right center; border-bottom: 1px solid #869AAB; padding: 0 0 10px 0; } #creator_publisher #workspace #content .status_block h4.loading.negative { background: transparent url('../_img/loading_small_negative.gif') no-repeat right center; border-bottom: 1px solid #869AAB; padding: 0 0 10px 0; } #creator_publisher #workspace #content .status_block h5 { font-size: 12px; font-weight: bold; color: #FFF; margin: 0 0 5px 0; } #creator_publisher #workspace #content .status_block p { font-size: 13px; line-height: 16px; color: #FFF; margin: 10px 0; } #creator_publisher #workspace #content .status_block .options.loading { background: transparent url('../_img/loading_small_status_block.gif') no-repeat right center; } #creator_publisher #workspace #content .status_block a.button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; text-decoration: none; text-align: center; color:#444; background: #EEE; height: 19px; padding: 5px 8px 0 8px; margin: 0 4px 0 0; border: 1px solid #CCC; display: inline-block; /*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; } #creator_publisher #workspace #content .status_block a.button.active_spinner { background: #F3F3F3 url('../_img/loading_small.gif') no-repeat center center !important;} #creator_publisher #workspace #content .status_block a.button.add span { padding-left: 12px; background-image: url('../_img/sprite.png'); background-repeat: no-repeat; background-position: -2px -148px; } #creator_publisher #workspace #content .status_block a.button.forward span { padding-left: 12px; background-image: url('../_img/sprite.png'); background-repeat: no-repeat; background-position: -2px -88px; } #creator_publisher #workspace #content .status_block a.button.back span { padding-left: 12px; background-image: url('../_img/sprite.png'); background-repeat: no-repeat; background-position: -2px -1389px; } #creator_publisher #workspace #content .status_block a.button.cancel span { padding-left: 12px; background-image: url('../_img/sprite.png'); background-repeat: no-repeat; background-position: -2px -119px; } #creator_publisher #workspace #content .status_block a.button.view span { padding-left: 15px; background-image: url('../_img/sprite.png'); background-repeat: no-repeat; background-position: -2px -1420px; } #creator_publisher #workspace #content .status_block a.button.alert span { padding-left: 12px; background-image: url('../_img/sprite.png'); background-repeat: no-repeat; background-position: -4px -1449px; } #creator_publisher #workspace #content .status_block a.button.edit span { padding-left: 12px; background-image: url('../_img/sprite.png'); background-repeat: no-repeat; background-position: -4px -935px; } #creator_publisher #workspace #content .status_block a.button.disabled, #creator_publisher #workspace #content .status_block a.button.disabled:hover { color: #999; background: #DDD; cursor: pointer; /* CSS3 */ text-shadow: 1px 1px 1px #FFF; } #creator_publisher #workspace #content .status_block .block_content { background: #455C72; margin: 10px 0 0 0; padding: 10px; display: none; /* CSS3 */ -moz-box-shadow: inset 0px 0px 2px #3D5265; -webkit-box-shadow: inset 0px 0px 2px #3D5265; box-shadow: inset 0px 0px 2px #3D5265; } #creator_publisher #workspace #content .status_block .block_content .item, #creator_publisher #workspace #content .status_block .block_content .controls { width: auto; margin: 10px 0; } #creator_publisher #workspace #content .status_block .block_content .controls.loading { background: transparent url('../_img/loading_small_status_block.gif') no-repeat right center; } #creator_publisher #workspace #content .status_block .block_content .item label { display: none; } #creator_publisher #workspace #content .status_block .block_content .item label.visible { font-weight: normal; color: #fff; display: block; } #creator_publisher #workspace #content .status_block .block_content .item input { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } #creator_publisher #workspace #content .status_block .block_content .item input[type=text], #creator_publisher #workspace #content .status_block .block_content .item input[type=password] { text-indent: 5px; border: 1px solid #B9E1F4; padding: 6px 0; width: 100%; /* CSS3 */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #creator_publisher #workspace #content .status_block .block_content .item input[disabled] { color: #999; background: #F9F9F9; border: 1px solid #DDD; } #creator_publisher #workspace #content .status_block .block_content .item input.chlive-input { height: 15px; width: 480px; } #creator_publisher #workspace #content .status_block .block_content .item.due_date { width: 100%; margin: 15px 0; overflow: hidden; clear: both; } #creator_publisher #workspace #content .status_block .block_content .item.due_date > label, #creator_publisher #workspace #content .status_block .block_content .item.due_date legend { font-size: 12px; line-height: 14px; font-weight: normal; color: #FFF; width: 120px; margin: 0; display: inline-block; } #creator_publisher #workspace #content .status_block .block_content .item.due_date input { max-width: 200px; } #creator_publisher #workspace #content .status_block .block_content .item.due_date p { font-size: 12px; line-height: 14px; margin: 0; display: inline-block; } #creator_publisher #workspace #content .status_block .block_content button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#444; background: #EEE; min-width: 100px; height: 26px; padding: 0 10px; 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; } #creator_publisher #workspace #content .status_block .block_content button:hover { color: #FFF; background: #169AD8; /* CSS3 */ text-shadow: none; } #creator_publisher #workspace #content .status_block .block_content button[type=reset] { color: #777; } #creator_publisher #workspace #content .status_block .block_content button[type=reset]:hover { color: #FFF; } #creator_publisher #workspace #content .status_block .block_content button span { padding: 0 0 0 12px; } #creator_publisher #workspace #content .status_block .block_content button[disabled=disabled], #creator_publisher #workspace #content .status_block .block_content button[disabled=disabled]:hover { color: #666; background: #DDD; } #creator_publisher #workspace #content .status_block .block_content a.hidden_content_toggle { font-size: 12px; font-weight: bold; color: #fff; /* CSS3 */ text-shadow: none; } #creator_publisher #workspace #content .status_block .block_content .hidden_content { display: none; } /* Notes and Dialogue Blocks */ #creator_publisher #workspace #content .block .block_content .comment_nav { background: #DDD; padding: 10px; } #creator_publisher #workspace #content .block .block_content .comment_nav label { font-size: 12px; line-height: 15px; color: #1F4166; /* CSS3 */ text-shadow: 1px 1px 1px #FFF; } #creator_publisher #workspace #content .block .block_content .comments { border-top: 1px solid #FFF; margin: 0; } #creator_publisher #workspace #content .block .block_content .comments > li { border-bottom: 1px solid #FFF; overflow: hidden; padding: 15px; margin: 0; } #creator_publisher #workspace #content .block .block_content .comments > li p { font-size: 12px; line-height: 15px; color: #000; margin: 0 0 12px 0; } #creator_publisher #workspace #content .block .block_content .add_comment form { background: #DDD; padding: 10px; } #creator_publisher #workspace #content .block .block_content .add_comment form .item { width: auto; } /* Control Styles */ #creator_publisher #workspace #controls { margin: 10px 0; overflow: hidden; } #creator_publisher #workspace #controls button { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#444; background: #EEE; min-width: 100px; height: 30px; padding: 0 10px; margin: 0 4px 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; } #creator_publisher #workspace #controls button:hover { color: #FFF; background: #169AD8; /* CSS3 */ text-shadow: none; } #creator_publisher #workspace #controls button[disabled], #creator_publisher #workspace #controls button[disabled]:hover { color: #999; background: #DDD; /* CSS3 */ text-shadow: 1px 1px 1px #FFF; } #creator_publisher #workspace #controls a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #169AD8; text-decoration: none; height: 23px; padding: 7px 5px 0 5px; margin: 0 4px 0 0; float: left; } #creator_publisher #workspace #controls 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: 80px; height: 23px; padding: 5px 10px 0 10px; margin: 0 4px 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; } #creator_publisher #workspace #controls a.button:hover { color: #FFF; background: #169AD8; /* CSS3 */ text-shadow: none; } #creator_publisher #workspace #controls a.button.disabled, #creator_publisher #workspace #controls a.button.disabled:hover { color: #999; background: #DDD; cursor: pointer; /* CSS3 */ text-shadow: 1px 1px 1px #FFF; } #creator_publisher #workspace #controls a.button.reset { color: #777; } #creator_publisher #workspace #controls a.button.reset:hover { color: #FFF; } #creator_publisher #workspace #controls #status { font-size: 11px; line-height: 14px; float: right; color: #FF6400; margin: 10px; } #creator_publisher #workspace #controls.loading { background: transparent url('../_img/loading_small.gif') no-repeat right center; } #creator_publisher #workspace #controls.loading #status { margin-right: 20px; } #creator_publisher #workspace #controls .confirmation { background: #ff6400; padding: 8px; overflow: hidden; display: none; } #creator_publisher #workspace #controls .confirmation p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; margin: 0; padding: 7px 0 0 0; } /* Project Setup */ #creator_publisher #workspace #content .item.feature_buttons { text-align: center; border-bottom: 1px dotted #DDD; margin: 25px auto 0 auto; padding: 0 0 25px 0; width: 100%; max-width: 465px; } #creator_publisher #workspace #content .item.feature_buttons h4 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; text-transform: none; text-align: left; color: #1F4166;} #creator_publisher #workspace #content .item.feature_buttons label.error { font-weight: bold; font-size: 12px; margin: 10px 0 0 0; } #creator_publisher #workspace #content .item.feature_buttons .feature_button { background: #EEE; width: 150px; padding: 0 0 0 70px; margin: 5px; cursor: pointer; display: inline-block; /* CSS3 */ -moz-box-shadow: inset 0px 0px 2px #CCC; -webkit-box-shadow: inset 0px 0px 2px #CCC; box-shadow: inset 0px 0px 2px #CCC; } #creator_publisher #workspace #content .item.feature_buttons .feature_button:hover { background: #E5F7FF; } #creator_publisher #workspace #content .item.feature_buttons .feature_button.single_work { background-image: url('../_img/sprite_publisher_project_setup.png'); background-repeat: no-repeat; background-position: left top; } #creator_publisher #workspace #content .item.feature_buttons .feature_button.multi_work { background-image: url('../_img/sprite_publisher_project_setup.png'); background-repeat: no-repeat; background-position: -70px top; } #creator_publisher #workspace #content .item.feature_buttons .feature_button.automatic { background-image: url('../_img/sprite_publisher_project_setup.png'); background-repeat: no-repeat; background-position: -70px -70px; } #creator_publisher #workspace #content .item.feature_buttons .feature_button.manual { background-image: url('../_img/sprite_publisher_project_setup.png'); background-repeat: no-repeat; background-position: left -70px; } #creator_publisher #workspace #content .item.feature_buttons .feature_button.date { background-image: url('../_img/sprite_publisher_project_setup.png'); background-repeat: no-repeat; background-position: left -140px; } #creator_publisher #workspace #content .item.feature_buttons .feature_button.duration { background-image: url('../_img/sprite_publisher_project_setup.png'); background-repeat: no-repeat; background-position: -70px -140px; } #creator_publisher #workspace #content .item.feature_buttons .feature_button .text_wrapper { text-align: center; background: #F6F6F6; border: 1px solid #DDD; height: 68px; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(240,240,240)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(240,240,240) 10%, rgb(246,246,246) 70%); text-shadow: 1px 1px 1px #FFF; } #creator_publisher #workspace #content .item.feature_buttons .feature_button .text_wrapper h4 { font-size: 15px; font-weight: normal; text-transform: none; text-align: center; color: #169AD8; padding: 28px 0 0 0; margin: 0 5px; /* CSS3 */ text-shadow: 1px 1px 1px #FFF; } #creator_publisher #workspace #content .item.feature_buttons .feature_button:hover .text_wrapper { background: #169AD8; } #creator_publisher #workspace #content .item.feature_buttons .feature_button:hover .text_wrapper h4 { color: #FFF; /* CSS3 */ text-shadow: none; } #creator_publisher #workspace #content .item.feature_buttons .feature_button.selected { background-color: #E5F7FF; } #creator_publisher #workspace #content .item.feature_buttons .feature_button.selected .text_wrapper { background: #0787BF; /* CSS3 */ -moz-box-shadow: inset 0px 0px 2px #999; -webkit-box-shadow: inset 0px 0px 2px #999; box-shadow: inset 0px 0px 2px #999; } #creator_publisher #workspace #content .item.feature_buttons .feature_button.selected .text_wrapper h4 { color: #FFF; /* CSS3 */ /* CSS3 */ text-shadow: none; } #creator_publisher #workspace #content .item.feature_buttons .feature_button .text_wrapper .help { position: relative; z-index: 500; /* CSS3 */ text-shadow: none; } #creator_publisher #workspace #content .item.feature_buttons .feature_button .text_wrapper .help strong { font-size: 9px; line-height: 11px; font-weight: bold; text-decoration: none; vertical-align: 20%; color: #FFF; background: #CCC; padding: 1px 3px; /* CSS3 */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #creator_publisher #workspace #content .item.feature_buttons .feature_button .text_wrapper .help span { font-size: 11px; line-height: 14px; font-weight: normal; text-align: left; color: #666; background: #EEE; padding: 8px; width: 160px; position: absolute; left: 14px; top: 0px; display: none; white-space: normal; /* CSS3 */ -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; } #creator_publisher #workspace #content .item.feature_buttons .feature_button .text_wrapper .help:hover strong { background: #068AC8; } #creator_publisher #workspace #content .item.feature_buttons .feature_button .text_wrapper .help:hover span { display: block; } #creator_publisher #workspace #content .item.duplicate_project { margin: 30px auto 120px auto; } #creator_publisher #workspace #content .item.duplicate_project .live_search { max-height: 120px; overflow-x: hidden; overflow-y: auto; } #creator_publisher #workspace #content .advanced_settings { border-top: 1px dotted #CCC; width: 340px; margin: 30px auto; padding: 10px 0 0 0; } #creator_publisher #workspace #content .advanced_settings a.advanced_settings_toggle { font-size: 11px; /* CSS3 */ text-shadow: 1px 1px 1px #FFF; } #creator_publisher #workspace #progress_bar { width: 100%; overflow: hidden; margin: 10px 0; } #creator_publisher #workspace #progress_bar li { float: left; } #creator_publisher #workspace #progress_bar li .bar { text-indent: -2000px; background: #CCC; height: 10px; margin: 0 2px 0 0; display: block; } #creator_publisher #workspace #progress_bar li .bar.complete { background: #169AD8; } #creator_publisher #workspace #progress_bar li .bar.active { background: #FF6400; } #creator_publisher #workspace #progress_bar li .due_date { font-size: 10px; line-height: 14px; text-align: center; color: #FFF; background: #A5CFE1; margin: 2px 2px 0 0; padding: 5px 0; display: block; /* CSS3 */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #creator_publisher #workspace #progress_bar li .bar.active + .due_date { display: none; } #creator_publisher #workspace #progress_bar li a { text-decoration: none; } /* ------------------------------------------- Sidebar ------------------------------------------- */ #creator_publisher #sidebar .wrapper { margin: 10px 10px 100px 10px; } /* General Module Styles */ #creator_publisher .mod .mod_title { cursor: pointer; background: #CCC; height: 30px; margin: 10px 0 0 0; /* CSS 3 */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #creator_publisher .active .mod_title { /* CSS 3 */ -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; } #creator_publisher .mod .mod_title h2 { font-size: 15px; font-weight: normal; color: #FFF; margin: 6px 0 0 28px; padding: 0 0 0 8px; float: left; } #creator_publisher .mod .mod_title h2 a { color: #FFF; text-decoration: none; } #creator_publisher .mod .mod_title .buttons { font-size: 11px; font-weight: normal; color: #FFF; margin: 5px 5px 0 0; float: right; } #creator_publisher .mod .mod_title .buttons li { float: left; } #creator_publisher .mod .mod_title .buttons li.divider_after { padding: 0 4px 0 0; margin: 0 2px 0 0; border-right: 1px solid #CCC; } #creator_publisher .mod .mod_title .buttons li a { text-decoration: none; color: #FFF; padding: 2px 6px 0 20px; margin: 0 0 0 2px; display: block; /* CSS3 */ opacity:0.8; filter: alpha(opacity=80); } #creator_publisher .mod .mod_title .buttons li a:hover { /* CSS3 */ opacity:1.0; filter: alpha(opacity=100); } #creator_publisher .mod .mod_title .buttons .icon_only { padding: 0; height: 20px; width: 21px; } #creator_publisher .mod .mod_overlay { background: #999; padding: 20px; position: relative; bottom: -5px; z-index: 1000; display: none; clear: both; } #creator_publisher .mod .mod_body { background: #FFF; border: 1px solid #CCC; border-top: none; display: none; } #creator_publisher .mod .mod_body .mod_nav { font-size: 11px; line-height: 15px; background: #4E8E26; border-top: 1px solid #417E1D; padding: 5px 3px 4px 3px; overflow: hidden; } #creator_publisher .mod .mod_body .mod_nav ul li { float: left; } #creator_publisher .mod .mod_body .mod_nav ul li.active { background: #3A721A; /* CSS3 */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #creator_publisher .mod .mod_body .mod_nav ul li a { color: #DDD; text-decoration: none; padding: 1px 5px 1px 6px; display: block; } #creator_publisher .mod .mod_body .mod_nav ul li a:hover { color: #FFF; text-decoration: none; } #creator_publisher .mod .mod_body .mod_nav ul li.active a { color: #FFF; text-decoration: none; padding: 1px 5px 1px 6px; display: block; } #creator_publisher .mod .mod_body .mod_nav ul li.active a:hover { color: #FFF; text-decoration: none; } #creator_publisher .mod .mod_body .mod_nav ul li.inactive a { color: #BBB; text-decoration: none; padding: 1px 5px 1px 6px; display: block; } #creator_publisher .mod .mod_body .mod_nav label { display: inline-block; color: #FFF; margin: 0 0 0 5px; } #creator_publisher .mod .mod_body .mod_nav select { padding: 1px 0; width: 100px; } #creator_publisher .mod .mod_body .mod_toolgroup_nav { font-size: 11px; line-height: 15px; background: #EEE; padding: 5px 3px 4px 3px; overflow: hidden; } #creator_publisher .mod .mod_body .mod_toolgroup_nav ul li { float: left; } #creator_publisher .mod .mod_body .mod_toolgroup_nav ul li.active { background: #BBB; /* CSS3 */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #creator_publisher .mod .mod_body .mod_toolgroup_nav ul li a { color: #999; text-decoration: none; padding: 1px 5px 1px 6px; display: block; } #creator_publisher .mod .mod_body .mod_toolgroup_nav ul li a:hover { color: #BBB; text-decoration: none; } #creator_publisher .mod .mod_body .mod_toolgroup_nav ul li.inactive a { color: #BBB; text-decoration: none; padding: 1px 5px 1px 6px; display: block; } #creator_publisher .mod .mod_body .mod_toolgroup_nav ul li.active a { color: #FFF; text-decoration: none; padding: 1px 5px 1px 6px; display: block; } #creator_publisher .mod .mod_body .mod_toolgroup_nav ul li.active a:hover { color: #FFF; text-decoration: none; } #creator_publisher .mod .mod_body .mod_content { font-size: 11px; line-height: 15px; padding: 0 15px 15px 15px; } #creator_publisher .mod .mod_body .mod_content h3 { font-size: 10px; line-height: 15px; text-transform: uppercase; color: #169AD8; margin: 0 0 15px 0; float: left; } #creator_publisher .mod .mod_body .mod_content p.alert { font-size: 11px; line-height: 15px; color: #666; text-align: center; padding: 30px; border-top: 1px solid #9BC9DD; border-bottom: 1px dotted #9BC9DD; clear: both; } #creator_publisher .mod .mod_body .mod_content .loading_content { background: transparent url('../_img/loading_small.gif') no-repeat right center; height: 22px; display: none; } #creator_publisher .mod .mod_body .mod_content p.alert a { color: #666; text-decoration: underline; } #creator_publisher .mod .mod_body .mod_content .truncate { overflow: hidden; white-space: nowrap; /* CSS3 */ text-overflow: ellipsis; } /* text-overflow: ellipses is not supported by Mozilla */ #creator_publisher .mod .mod_body .mod_content .mod_intro { margin: 0 -15px 10px -15px; overflow: hidden; position: relative; min-height: 15px; } #creator_publisher .mod .mod_body .mod_content .mod_intro .content { color: #FFF; background: #546F8C; padding: 15px 15px 5px 15px; margin: 0 0 15px 0; display: none; } #creator_publisher .mod .mod_body .mod_content .mod_intro .content p { font-size: 10px; line-height: 13px; color: #FFF; margin: 0 0 10px 0; clear: both; } #creator_publisher .mod .mod_body .mod_content .mod_intro .content p a { color: #FFF; text-decoration: underline; } #creator_publisher .mod .mod_body .mod_content .mod_intro .content ol { list-style-type: decimal; padding: 0 0 0 15px; margin: 0 0 10px 0; } #creator_publisher .mod .mod_body .mod_content .mod_intro .content ul { list-style-type: square; padding: 0 0 0 15px; margin: 0 0 10px 0; } #creator_publisher .mod .mod_body .mod_content .mod_intro .content ul li, #creator_publisher .mod .mod_body .mod_content .mod_intro .content ol li { font-size: 10px; line-height: 13px; margin: 0 0 4px 0; padding: 0; } #creator_publisher .mod .mod_body .mod_content .mod_intro a.button { font-weight: bold; text-decoration: none; text-align: center; color: #FFF; background: #CCC; height: 14px; width: 14px; display: block; position: absolute; top: 0; right: 0; } #creator_publisher .mod .mod_body .mod_content .mod_intro a.button:hover { background: #AAA; } #creator_publisher .mod .mod_body .mod_content .mod_content_controls { font-size: 10px; line-height: 13px; color: #CCC; float: right; } #creator_publisher .mod .mod_body .mod_content .mod_content_controls li { border-right: 1px dotted #9BC9DD; float: left; } #creator_publisher .mod .mod_body .mod_content .mod_content_controls li:last-child { border-right: none; } #creator_publisher .mod .mod_body .mod_content .mod_content_controls li a { text-decoration: none; color: #9BC9DD; padding: 0 5px 0 15px; display: block; height: 12px; } #creator_publisher .mod .mod_body .mod_content .mod_content_controls li a:hover { color: #169AD8; } #creator_publisher .mod .mod_body .mod_content .mod_content_controls li a.filter { background: transparent url('../_img/sprite.png') no-repeat left -750px; } #creator_publisher .mod .mod_body .mod_content .mod_content_controls li a.print { background: transparent url('../_img/sprite.png') no-repeat left -780px; } #creator_publisher .mod .mod_body .mod_content .mod_content_controls li a.toggle { background: transparent url('../_img/sprite.png') no-repeat left -810px; } #creator_publisher .mod .mod_body .mod_content .mod_content_controls li a.toggle.active { background: transparent url('../_img/sprite.png') no-repeat left -840px; } #creator_publisher .mod .mod_body .mod_content .mod_filter { display: none; } #creator_publisher .mod .mod_body .mod_content .mod_list { border-top: 1px solid #9BC9DD; clear: both; } #creator_publisher .mod .mod_body .mod_content .mod_list > li { border-bottom: 1px dotted #9BC9DD; padding: 0 5px 0 5px; position: relative; } #creator_publisher .mod .mod_body .mod_content .mod_list > li:hover { background: #F6FBFC; } #creator_publisher .mod .mod_body .mod_content .mod_list > li h4 { font-size: 11px; line-height: 15px; font-weight: bold; padding: 5px 0; margin: 0 70px 0 0; cursor: default; } #creator_publisher .mod .mod_body .mod_content .mod_list > li h4 a { color: #000; text-decoration: none; } #creator_publisher .mod .mod_body .mod_content .mod_list > li h4 a:hover { text-decoration: underline; } #creator_publisher .mod .mod_body .mod_content .mod_list > li.toggle h4 { background: transparent url('../_img/sprite.png') no-repeat left -172px; padding-left: 14px; } #creator_publisher .mod .mod_body .mod_content .mod_list > li.toggle.active h4 { background: transparent url('../_img/sprite.png') no-repeat left -202px; } #creator_publisher .mod .mod_body .mod_content .mod_list > li.toggle h4, #creator_publisher .mod .mod_body .mod_content .mod_list > li.tag h4 { padding-left: 14px; } #creator_publisher .mod .mod_body .mod_content .mod_list > li.tag.toggle h4 { padding-left: 28px; } #creator_publisher .mod .mod_body .mod_content .mod_list > li.current > h4, #creator_publisher .mod .mod_body .mod_content .mod_list > li.current > h4 a, #creator_publisher .mod .mod_body .mod_content .mod_list > li.current > h4 a:hover { color: #169AD8; } #creator_publisher .mod .mod_body .mod_content .mod_list > li > .options { position: absolute; right: 5px; top: 5px; visibility: hidden; } #creator_publisher .mod .mod_body .mod_content .mod_list > li:hover > .options { visibility: visible; } #creator_publisher .mod .mod_body .mod_content .mod_list > li .options > li { float: left; margin: 0; } #creator_publisher .mod .mod_body .mod_content .mod_list > li .options > li a { width: 15px; height: 15px; display: block; } #creator_publisher .mod .mod_body .mod_content .mod_list > li .options > li a.delete { background: transparent url('../_img/sprite.png') no-repeat 0 -20px; } #creator_publisher .mod .mod_body .mod_content .mod_list > li .options > li a.locked { background: transparent url('../_img/sprite.png') no-repeat -15px -20px; } #creator_publisher .mod .mod_body .mod_content .mod_list > li .options > li a.edit { background: transparent url('../_img/sprite.png') no-repeat -30px -20px; } #creator_publisher .mod .mod_body .mod_content .mod_list > li .options > li a.move { background: transparent url('../_img/sprite.png') no-repeat -45px -20px; cursor: move; } #creator_publisher .mod .mod_body .mod_content .mod_list > li .options > li a.move_locked { background: transparent url('../_img/sprite.png') no-repeat -240px -20px; } #creator_publisher .mod .mod_body .mod_content .mod_list > li .options > li a.revert { background: transparent url('../_img/sprite.png') no-repeat -60px -20px; } #creator_publisher .mod .mod_body .mod_content .mod_list > li .options > li a.feedback { background: transparent url('../_img/sprite.png') no-repeat -150px -35px; } #creator_publisher .mod .mod_body .mod_content .mod_list > li .options > li a.duplicate { background: transparent url('../_img/sprite.png') no-repeat -75px -20px; } #creator_publisher .mod .mod_body .mod_content .mod_list > li .options > li a.print { background: transparent url('../_img/sprite.png') no-repeat -30px -35px; } #creator_publisher .mod .mod_body .mod_content .mod_list > li .options > li a.publish_community { background: transparent url('../_img/sprite.png') no-repeat -15px -50px; } #creator_publisher .mod .mod_body .mod_content .mod_list > li .tags { background: transparent url('../_img/sprite.png') no-repeat -165px -20px; width: 15px; height: 15px; position: absolute; left: 0px; top: 5px; z-index: 500; } #creator_publisher .mod .mod_body .mod_content .mod_list > li.toggle .tags { left: 18px; } #creator_publisher .mod .mod_body .mod_content .mod_list > li .tags:hover { height: auto; width: auto; } #creator_publisher .mod .mod_body .mod_content .mod_list > li .tags.active { background: transparent url('../_img/sprite.png') no-repeat -180px -20px; } #creator_publisher .mod .mod_body .mod_content .mod_list > li .tags > li { font-size: 10px; line-height: 15px; font-weight: bold; color: #FFF; background: #8699AC; width: 120px; margin: 0 0 0 15px; padding: 3px 5px; display: none; /* CSS3 */ -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC; box-shadow: 0px 2px 2px #CCC; /* CSS3 */ opacity:0.95; filter: alpha(opacity=95); } #creator_publisher .mod .mod_body .mod_content .mod_list > li .tags:hover > li { display: block; } #creator_publisher .mod .mod_body .mod_content .mod_list > li .tags > li a { font-weight: normal; text-decoration: none; color: #FFF; } #creator_publisher .mod .mod_body .mod_content .mod_list > li .tags > li a.delete { background: transparent url('../_img/sprite.png') no-repeat -195px -20px; width: 11px; height: 11px; display: inline-block; float: right; visibility: hidden; } #creator_publisher .mod .mod_body .mod_content .mod_list > li .tags > li:hover a.delete { visibility: visible; } #creator_publisher .mod .mod_body .mod_content .mod_list > li div.content { border-top: 1px solid #FFF; padding: 10px 5px 0 5px; margin: 0 0 10px 0; display: none; } #creator_publisher .mod .mod_body .mod_content .mod_list > li.active div.content { display: block; } #creator_publisher .mod .mod_body .mod_content .mod_list > li div.content > div { display: none; } #creator_publisher .mod .mod_body .mod_content .mod_list > li div.content > div:first-child { display: block; } #creator_publisher .mod .mod_body .mod_content .mod_list > li div.content .content_toggle { font-weight: normal; } #creator_publisher .mod .mod_body .mod_content .mod_list > li div.content .hidden_content { display: none; } #creator_publisher .mod .mod_body .mod_content .mod_list > li div.content h5 { font-size: 10px; font-weight: bold; color: #546F8C; margin: 0 0 10px 0; } #creator_publisher .mod .mod_body .mod_content .mod_list > li div.content p { font-size: 10px; color: #888; margin: 0 0 10px 0; } #creator_publisher .mod .mod_body .mod_content .mod_list > li div.content p.warning { font-size: 10px; color: #FF6400; margin: 10px 0; } #creator_publisher .mod .mod_body .mod_content .mod_list > li div.content ol { list-style-type: decimal; padding: 0 10px; margin: 0 0 8px 0; } #creator_publisher .mod .mod_body .mod_content .mod_list > li div.content ul { list-style-type: square; padding: 0 10px; margin: 0 0 8px 0; } #creator_publisher .mod .mod_body .mod_content .mod_list > li div.content li { font-size: 10px; color: #888; margin: 0 0 2px 0; } #creator_publisher .mod .mod_body .mod_content .mod_list > li div.content a { font-size: 10px; text-decoration: none; color: #9BC9DD; } #creator_publisher .mod .mod_body .mod_content .mod_block { border-top: 1px solid #9BC9DD; border-bottom: 1px dotted #9BC9DD; padding: 5px; clear: both; } #creator_publisher .mod .mod_body .mod_content .mod_block h4 { font-size: 11px; line-height: 15px; font-weight: bold; color: #000; padding: 5px 0; } #creator_publisher .mod .mod_body .mod_content .mod_block p { font-size: 10px; color: #888; margin: 0 0 10px 0; } #creator_publisher .mod .mod_body .mod_content .mod_block ol { list-style-type: decimal; padding: 0 0 0 12px; margin: 0 0 8px 0; } #creator_publisher .mod .mod_body .mod_content .mod_block ul { list-style-type: square; padding: 0 0 0 12px; margin: 0 0 8px 0; } #creator_publisher .mod .mod_body .mod_content .mod_block li { font-size: 10px; color: #888; margin: 0 0 2px 0; } #creator_publisher .mod .mod_body .mod_content .mod_block a { text-decoration: underline; color: #888; } #creator_publisher .mod .mod_body .mod_content span.status, #creator_publisher .mod .mod_body .mod_content span.status.active { background: #5FB323; margin: 0 4px 0 0 ; height: 10px; width: 10px; vertical-align: middle; display: inline-block; /* CSS3 */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #creator_publisher .mod .mod_body .mod_content span.status.take_action { background: #E6AB2D; } #creator_publisher .mod .mod_body .mod_content span.status.overdue { background: #FF6400; } #creator_publisher .mod .mod_body .mod_content span.status.inactive { background: #EEE; } #creator_publisher .mod .mod_body .mod_content .live_search { background: #FFF; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; border-left: 1px solid #EEE; width: 100%; max-height: 350px; position: absolute; top: 100%; left: 0; z-index: 9999; overflow-x: hidden; 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; } #creator_publisher .mod .mod_body .mod_content .live_search h2 { font-size: 10px; text-transform: uppercase; color: #FFF; background: #FF6400; padding: 5px; } #creator_publisher .mod .mod_body .mod_content .live_search ul { padding: 0; margin: 0; } #creator_publisher .mod .mod_body .mod_content .live_search li { font-size: 10px; line-height: 13px; color: #000; border-top: 1px solid #EEE; padding: 3px; margin: 0; overflow: hidden; } #creator_publisher .mod .mod_body .mod_content .live_search li a { text-decoration: none; color: #169AD8; } #creator_publisher .mod .mod_body .mod_content .live_search li a:hover { text-decoration: underline; } #creator_publisher .mod .mod_body .mod_content .live_search li h5 { font-size: 10px; line-height: 13px; color: #000; } #creator_publisher .mod .mod_body .mod_content .live_search li p { font-size: 10px; line-height: 13px; color: #999; margin: 0; overflow: hidden; white-space: nowrap; /* CSS3 */ text-overflow: ellipsis; } #creator_publisher .mod .mod_body .mod_content .live_search a.more { font-size: 10px; text-decoration: none; text-align: center; color: #999; background: #F6F6F6; width: 100%; padding: 2px 0; display: block; } #creator_publisher .mod .mod_body .mod_content .live_search a.more:hover { color: #FFF; background: #169AD8; } #creator_publisher .mod .mod_body .mod_content .live_search div.loading_content { background: transparent url('../_img/loading_small.gif') no-repeat center center; height: 24px; display: none; } #creator_publisher .mod .mod_body .mod_content .mod_list > li div.content .live_search ul { list-style-type: square; padding: 0; margin: 0; } #creator_publisher .mod .mod_body .mod_content .mod_list > li div.content .live_search li { font-size: 10px; color: #000; margin: 0; } #creator_publisher .mod .mod_body .mod_content .mod_list > li div.content .live_search li a { text-decoration: none; color: #169AD8; } #creator_publisher .mod .item { margin: 0 0 4px 0; width: auto; max-width: 480px; clear: both; position: relative; } #creator_publisher .mod .item .inset { margin-left: 15px; } #creator_publisher .mod .controls { margin: 8px 0 0 0; width: auto; max-width: 480px; clear: both; } #creator_publisher .mod .controls.loading { background: transparent url('../_img/loading_small.gif') no-repeat right center; } #creator_publisher .mod .controls.loading.positive { background: transparent url('../_img/loading_small_positive.gif') no-repeat right center; } #creator_publisher .mod .controls.loading.negative { background: transparent url('../_img/loading_small_negative.gif') no-repeat right center; } #creator_publisher .mod .controls span.loading_wrapper { height: 16px; width: 16px; display: inline-block; float: right; } #creator_publisher .mod .controls span.loading_wrapper.positive { background: transparent url('../_img/loading_small_positive.gif') no-repeat center center; } #creator_publisher .mod .controls span.loading_wrapper.negative { background: transparent url('../_img/loading_small_negative.gif') no-repeat center center; } #creator_publisher .mod .controls.toggle { margin: 10px 0 0 0; } #creator_publisher .mod .controls.toggle > .hidden_content { display: none; } #creator_publisher .mod .controls h5 { font-size: 10px; font-weight: bold; color: #546F8C; margin: 10px 0 6px 0; } #creator_publisher .mod .controls p.note { font-size: 10px; font-style: italic; text-align: left; color: #999; } #creator_publisher .mod .controls p.note a { color: #999; } #creator_publisher .mod fieldset legend { display: none; } #creator_publisher .mod label { display: none; } #creator_publisher .mod label.input { display: block; } #creator_publisher .mod fieldset.inputs { clear: both; } #creator_publisher .mod fieldset.inputs label { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 4px 0; display: block; } #creator_publisher .mod input { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } #creator_publisher .mod input[type=text] { border: 1px solid #CCC; padding: 2px 0; width: 100%; /* CSS3 */ box-sizing: border-box; -moz- box-sizing: border-box; -webkit-box-sizing: border-box; } #creator_publisher .mod input[type=radio], #creator_publisher .mod input[type=checkbox] { margin: 0 6px 0 0; } #creator_publisher .mod input.price_field { width: 80px; text-align: right; } #creator_publisher .mod select { font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding: 1px 0; width: 100%; max-height: 110px; } #creator_publisher .mod textarea { font-family: Arial, Helvetica, sans-serif; font-size: 10px; border: 1px solid #CCC; height: 150px; width: 100%; padding: 4px; resize: none; /* CSS3 */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #creator_publisher .mod label.error { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FF6400; } #creator_publisher .mod input.error, #creator_publisher .mod textarea.error, #creator_publisher .mod select.error { border: 1px #FF6400 solid; } #creator_publisher .mod .blur { color: #999; } #creator_publisher .mod input:focus { background: #FEF4CB } #creator_publisher .mod p.status { font-size: 10px; color: #FF6400; margin: 10px 0 0 0; } #creator_publisher .mod button { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#333; background: #F6F6F6; height: 20px; padding: 0 10px 2px 10px; 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%); } #creator_publisher .mod button:hover { color: #000; background: #DDD; } #creator_publisher .mod button[type=reset] { color: #777; } #creator_publisher .mod button span { padding: 0 0 0 12px; } #creator_publisher .mod button span.continue { background: transparent url('../_img/sprite.png') no-repeat left -88px; } #creator_publisher .mod button span.delete { background: transparent url('../_img/sprite.png') no-repeat left -119px; } #creator_publisher .mod button span.add { background: transparent url('../_img/sprite.png') no-repeat left -148px; } #creator_publisher .mod button[disabled] { color: #777; background: #DDD; } #creator_publisher .mod .standard_notification { border: 1px solid #CCC; border-bottom: none; background: #F3F3F3; padding: 2px; } #creator_publisher .mod .standard_notification + textarea { border-top: none; } #creator_publisher .mod .standard_notification .standard_notification_text_toggle { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 10px; color: #8699AC; } #creator_publisher .mod .standard_notification .standard_notification_text_toggle .icon.arrow { text-indent: -2000px; background-image: url('../_img/sprite.png'); background-image: no-repeat; background-position: -2px -569px; margin: 0 4px 0 0; height: 10px; width: 10px; display: inline-block; } #creator_publisher .mod .standard_notification.open .standard_notification_text_toggle .icon.arrow { background-position: -2px -599px; } #creator_publisher .mod .standard_notification .standard_notification_text { padding: 4px; } #creator_publisher .mod .standard_notification .standard_notification_text p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; color: #777; } /* Creator: Current Work */ #creator_publisher #workspace #current_work .mod_title { background: #1F4166 url('../_img/sprite.png') no-repeat 7px -500px; } #creator_publisher #workspace #current_work .mod_title h2 { border-left: 1px solid #355475; } #creator_publisher #workspace #current_work.active .mod_title { background: #1F4166 url('../_img/sprite.png') no-repeat 6px -530px; } #creator_publisher #workspace #current_work .mod_title .title { width: 440px; overflow: hidden; white-space: nowrap; /* CSS 3 */ text-overflow: ellipsis; } /* text-overflow: ellipses is not supported by Mozilla */ #creator_publisher #workspace #current_work .buttons li.divider_after { border-right: 1px solid #355475; } #creator_publisher #workspace #current_work .mod_title .buttons li a { background: #193451; } #creator_publisher #workspace #current_work .mod_title .buttons li a.previous { background: #193451 url('../_img/sprite.png') no-repeat 2px -295px; } #creator_publisher #workspace #current_work .mod_title .buttons li a.next { background: #193451 url('../_img/sprite.png') no-repeat 2px -325px; } #creator_publisher #workspace #current_work .mod_title .buttons li a.export { background: #193451 url('../_img/sprite.png') no-repeat 2px -355px; } #creator_publisher #workspace #current_work .mod_title .buttons li a.preview { background: #193451 url('../_img/sprite.png') no-repeat -28px -355px; } #creator_publisher #workspace #current_work .mod_title .buttons li a.disabled { cursor: default; /* CSS3 */ opacity:0.2; filter: alpha(opacity=20); } #creator_publisher #workspace #current_work .mod_body { color: #FFF; background: #546F8C; border: none; display: none; } #creator_publisher #workspace #current_work .mod_body .mod_content { padding: 15px; } /* Creator: Title Tool */ #creator_publisher #workspace #current_work #title_tool .mod_list { border-top: 1px solid #677E97; border-bottom: none; margin: 0; } #creator_publisher #workspace #current_work #title_tool .mod_list > li { border-bottom: 1px solid #677E97; padding: 5px 0 4px 0; overflow: hidden; position: relative; } #creator_publisher #workspace #current_work #title_tool .mod_list > li:hover { background: #677E97; } #creator_publisher #workspace #current_work #title_tool .mod_list > li h3 { color: #FFF; position: absolute; left: 0; } #creator_publisher #workspace #current_work #title_tool .mod_list > li p { color: #FFF; margin: 0 0 0 80px; } /* Creator: All Works */ #creator_publisher #sidebar #works .mod_title { background: #E5AC1B url('../_img/sprite.png') no-repeat 7px -560px; } #creator_publisher #sidebar #works .mod_title h2 { border-left: 1px solid #CD982B; } #creator_publisher #sidebar #works.active .mod_title { background: #E5AC1B url('../_img/sprite.png') no-repeat 6px -590px; } #creator_publisher #sidebar #works .mod_title .buttons li a { background: #CD982B; } #creator_publisher #sidebar #works .mod_title .buttons li a.new_work { background: #CD982B url('../_img/sprite.png') no-repeat 2px -415px; } #creator_publisher #sidebar #works .mod_body { display: block; } /* Displays "All Works" by default. */ #creator_publisher #sidebar #works .mod_body .mod_nav { background: #C29429; border-top: 1px solid #AB8014; } #creator_publisher #sidebar #works .mod_overlay { background: #CD982B; /* CSS3 */ -moz-box-shadow: 2px 2px 2px #CCC; -webkit-box-shadow: 2px 2px 2px #CCC; box-shadow: 2px 2px 2px #CCC; } #creator_publisher #sidebar #works .mod_overlay .mod_form .item, #creator_publisher #sidebar #works .mod_overlay .mod_form .controls { padding-top: 4px; border-top: 1px solid #BF9027; } #creator_publisher #sidebar #works .mod_overlay .mod_form .controls.loading { background: transparent url('../_img/loading_small_dark_yellow.gif') no-repeat right center; } #creator_publisher #sidebar #works .mod_overlay .mod_form fieldset.inputs label { color: #FFF; } #creator_publisher #sidebar #works .mod_overlay label.error { color: #FFF; } #creator_publisher #sidebar #works .mod_overlay p.warning { font-size: 10px; line-height: 14px; color: #FFF; margin: 10px 0 0 0; } /* Creator: Tools and Review */ #creator_publisher #sidebar .mod .mod_title { background: #5FB323 url('../_img/sprite.png') no-repeat 7px -560px; } #creator_publisher #sidebar .mod .mod_title h2 { border-left: 1px solid #5BA62D; } #creator_publisher #sidebar .active .mod_title { background: #5FB323 url('../_img/sprite.png') no-repeat 6px -590px; } #creator_publisher #sidebar .mod_title .buttons li a { background: #5BA62D; } #creator_publisher #sidebar .mod_title .buttons li a.settings { background: #5BA62D url('../_img/sprite.png') no-repeat 2px -445px; } #creator_publisher #sidebar .mod .mod_overlay { background: #3F7F13; /* CSS3 */ -moz-box-shadow: 2px 2px 2px #CCC; -webkit-box-shadow: 2px 2px 2px #CCC; box-shadow: 2px 2px 2px #CCC; } #creator_publisher #sidebar .mod .mod_overlay .mod_form .item, #creator_publisher #sidebar .mod .mod_overlay .mod_form .controls { padding-top: 4px; border-top: 1px solid #3B7712; } #creator_publisher #sidebar .mod .mod_overlay .mod_form fieldset.inputs label { font-size: 12px; color: #FFF; } /* Creator/Publisher: Info */ #creator_publisher #info_toolgroup .mod_list > li img.work_icon { max-width: 100px; max-height: 100px; } /* Creator: Dialogue */ #creator_publisher #dialogue_tool .mod_list > li h4 .date { font-size: 10px; font-weight: normal; width: 35px; display: inline-block; } #creator_publisher #dialogue_tool .mod_list > li a.content_toggle.open { display: none; } /* Creator: Structure */ #creator_publisher #structure_tool .mod_list li h4 { background: transparent url('../_img/sprite.png') no-repeat left -232px; padding-left: 14px; } #creator_publisher #structure_tool .mod_list li.toggle > div > h4 { background: transparent url('../_img/sprite.png') no-repeat left -172px; } #creator_publisher #structure_tool .mod_list li.toggle.open > div > h4 { background: transparent url('../_img/sprite.png') no-repeat left -202px; } #creator_publisher #structure_tool .mod_list li.current > div > h4, #creator_publisher #structure_tool .mod_list li.current > div > h4 a, #creator_publisher #structure_tool .mod_list li.current > div > h4 a:hover { color: #169AD8; } #creator_publisher #structure_tool .mod_list li h4 span.icon.lock { text-indent: -2000px; background: transparent url('../_img/sprite.png') no-repeat -230px -36px; width: 6px; height: 12px; margin: 0 5px 0 0; display: inline-block; } #creator_publisher #structure_tool .mod_list > li ol { margin: 0 0 0 10px; display: none; } #creator_publisher #structure_tool .mod_list li.open > ol { display: list-item; } #creator_publisher #structure_tool .mod_list > li ol h4 { font-weight: normal; } #creator_publisher #structure_tool .mod_list li { position: static; } #creator_publisher #structure_tool .mod_list li > div { position: relative; } #creator_publisher #structure_tool .mod_list li > div > .options { position: absolute; right: 5px; top: 5px; visibility: hidden; } #creator_publisher #structure_tool .mod_list > li div.content > div:first-child { display: none; } #creator_publisher #structure_tool .mod_list > li:hover .options { visibility: hidden } #creator_publisher #structure_tool .mod_list li > div:hover > .options { visibility: visible } #creator_publisher #structure_tool #add_element form { display: none; } #creator_publisher #structure_tool #add_element { margin: 10px 0 0 0; } #creator_publisher #structure_tool div.move { cursor: move; } #creator_publisher #structure_tool .placeholder { background: #FEF9D0; } /* Creator: Versions */ #creator_publisher #versions_tool .mod_list > li h4 .version_number { font-size: 10px; font-weight: normal; margin-right: 6px; display: inline-block; } #creator_publisher #versions_tool .mod_list li h4 .icon.published { background: #5FB323; margin: 0 4px 0 0 ; height: 10px; width: 10px; vertical-align: middle; display: inline-block; /* CSS3 */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* Creator: Annotations */ #creator_publisher #annotations_tool .mod_list > li div ul.comment_thread { list-style-type: none; padding: 0; margin: 0 0 20px 0; } #creator_publisher #annotations_tool .mod_list > li div ul.comment_thread li { color: #000; position: relative; } #creator_publisher #annotations_tool .mod_list > li div ul.comment_thread li h5 { margin: 0; } #creator_publisher #annotations_tool .mod_list > li div ul.comment_thread li .options { list-style-type: none; padding: 0; position: absolute; right: 0px; top: 0px; visibility: hidden; } #creator_publisher #annotations_tool .mod_list > li div ul.comment_thread li:hover .options { visibility: visible; } #creator_publisher #annotations_tool .mod_list > li div ul.comment_thread li .options > li a { width: 13px; height: 13px; display: block; } #creator_publisher #annotations_tool .mod_list > li div ul.comment_thread li .options > li a.star { background: transparent url('../_img/sprite.png') no-repeat -135px -20px; } #creator_publisher #annotations_tool .mod_list > li div ul.comment_thread li .options > li a.star.active { background: transparent url('../_img/sprite.png') no-repeat -150px -20px; } #creator_publisher #annotations_tool .mod_list > li div ul.comment_thread li .options > li a.flag { background: transparent url('../_img/sprite.png') no-repeat -210px -20px; } #creator_publisher #annotations_tool .mod_list > li div ul.comment_thread li .options > li a.flag.active { background: transparent url('../_img/sprite.png') no-repeat -240px -20px; } #creator_publisher #annotations_tool .mod_list > li div ul.comment_thread li div.flag { display: none; } #creator_publisher #annotations_tool .mod_list > li div .mod_form textarea { height: 50px; } #creator_publisher #annotations_tool #annotations_tool_new_annotation { margin: 10px 0 0 0; } #creator_publisher #annotations_tool #annotations_tool_new_annotation .item textarea { height: 50px; } #creator_publisher #annotations_tool #annotations_tool_new_annotation > .hidden_content { display: none; } /* Creator: Check */ #creator_publisher #checker_tool .mod_list > li h5 { margin: 0; } #creator_publisher #checker_tool .mod_list > li .suggestions ul { list-style-type: square; padding: 0 0 0 15px; margin: 0 0 8px 0; } #creator_publisher #checker_tool .mod_list > li .suggestions ul > li { font-size: 10px; color: #888; border-bottom: 1px solid transparent; margin: 0 0 2px 0; padding: 0 20px 0 0; position: relative; } #creator_publisher #checker_tool .mod_list > li .suggestions ul > li:hover { border-bottom: 1px solid #fff; } #creator_publisher #checker_tool .mod_list > li .suggestions ul > li .options { list-style-type: none; padding: 0; position: absolute; right: 0px; top: 0px; visibility: hidden; } #creator_publisher #checker_tool .mod_list > li .suggestions ul > li:hover .options { visibility: visible; } #creator_publisher #checker_tool .mod_list > li .suggestions ul > li .options > li { padding: 0; } #creator_publisher #checker_tool .mod_list > li .suggestions ul > li .options > li a { width: 13px; height: 13px; display: block; } #creator_publisher #checker_tool .mod_list > li .suggestions ul > li .options > li a.accept { background: transparent url('../_img/sprite.png') no-repeat -105px -20px; } #creator_publisher #checker_tool > .mod_form { margin: 10px 0 0 0; } /* Creator/Publisher: Survey */ #creator_publisher #survey_tool .controls { margin: 10px 0 0 0; } /* Creator: Review - Criteria, Results, Review, and Submit */ #creator_publisher #feedback .mod_list > li div .hidden_content ol { border-top: 1px solid #B9E1F4; border-bottom: 1px solid #B9E1F4; padding: 0 0 0 6px; margin: 0 0 20px 0; clear: both; } #creator_publisher #feedback .mod_list > li div .hidden_content ol li { margin: 0 0 0 10px; padding: 8px 0; border-bottom: 1px dotted #B9E1F4; } #creator_publisher #feedback .mod_list > li div .hidden_content ol li:last-child { border-bottom: none; } #creator_publisher #feedback .mod_list > li div h5 { font-size: 11px; font-weight: bold; color: #FF6400; } #creator_publisher #feedback .mod_list > li a.content_toggle { font-size: 11px; font-weight: bold; color: #FF6400; background: transparent url('../_img/sprite.png') no-repeat right -1330px; padding: 0 14px 0 0; } #creator_publisher #feedback .mod_list > li a.content_toggle.open { background: transparent url('../_img/sprite.png') no-repeat right -1360px; } #creator_publisher #feedback .mod_list > li .weight { font-size: 10px; font-weight: normal; color: #999; float: right; } #creator_publisher #review_tool .mod_list > li div .slider_input { background: #A1D0E6 } #creator_publisher #review_tool .mod_list > li div .slider_count { margin: 6px 0 10px 0; } #creator_publisher #review_tool .mod_list > li div .slider_count input.setting { font-size: 11px; font-weight: bold; text-align: right; color: #FF6400; background: transparent; border:0; width: 12px; } #creator_publisher #review_tool .mod_list > li .options { visibility: visible; } #creator_publisher #review_tool .mod_list > li .options > li a.checkmark { background: transparent url('../_img/sprite.png') no-repeat -90px -20px; } #creator_publisher #review_tool .mod_list > li.valid .options > li a.checkmark { background: transparent url('../_img/sprite.png') no-repeat -105px -20px; } #creator_publisher #review_tool .mod_list > li.error .options > li a.checkmark { background: transparent url('../_img/sprite.png') no-repeat -120px -20px; } #creator_publisher #review_tool .mod_list > li div .bar_chart { width: 100%; margin: 0 0 6px 0; } #creator_publisher #review_tool .mod_list > li div .bar_chart .bar { background: #B9E1F4; height: 10px; } #creator_publisher #review_tool .mod_list > li div .bar_chart .fill { background: #FF6400; height: 10px; border-right: 2px solid #FFF; } #creator_publisher #review_tool .mod_form .controls { margin: 10px 0 0 0; } #creator_publisher #results_tool .mod_list { display: none; } #creator_publisher #results_tool .mod_list[name=summary] { display: block; } #creator_publisher #results_tool .mod_list > li div .bar_chart { width: 100%; margin: 0 0 6px 0; } #creator_publisher #results_tool .mod_list > li div .bar_chart .bar { background: #B9E1F4; height: 10px; } #creator_publisher #results_tool .mod_list > li div .bar_chart .fill { background: #FF6400; height: 10px; border-right: 2px solid #FFF; } #creator_publisher #results_tool .mod_list > li div .bar_chart h5 { margin: 6px 0 10px 0; } #creator_publisher #submit_tool .controls { margin: 10px 0 0 0; } #creator_publisher #submit_tool .mod_form { margin: 10px 0 0 0; display: none; } #creator_publisher #submit_tool .mod_form h5 { font-size: 10px; font-weight: bold; color: #546F8C; margin: 0 0 10px 0; } /* Creator: Recommendation */ #creator_publisher #recommendation_tool .controls { margin: 10px 0 0 0; } /* Publisher: Current Publisher */ #creator_publisher #workspace #current_publisher .mod_title { background: #1F4166; cursor: default; } #creator_publisher #workspace #current_publisher .mod_title h2 { margin: 7px 0 0 0; } #creator_publisher #workspace #current_publisher .mod_title .title { width: 440px; overflow: hidden; white-space: nowrap; /* CSS 3 */ text-overflow: ellipsis; } /* text-overflow: ellipses is not supported by Mozilla */ #creator_publisher #workspace #current_publisher .mod_title .buttons li a { background: #193451; } #creator_publisher #workspace #current_publisher .mod_title .buttons li a.export { background: #193451 url('../_img/sprite.png') no-repeat 2px -355px; } #creator_publisher #workspace #current_publisher .mod_title .buttons li a.disabled { cursor: default; /* CSS3 */ opacity:0.2; filter: alpha(opacity=20); } /* Publisher: Publishers */ #creator_publisher #sidebar #publishers .mod_title { background: #E5AC1B url('../_img/sprite.png') no-repeat 7px -560px; } #creator_publisher #sidebar #publishers .mod_title h2 { border-left: 1px solid #CD982B; } #creator_publisher #sidebar #publishers.active .mod_title { background: #E5AC1B url('../_img/sprite.png') no-repeat 6px -590px; } #creator_publisher #sidebar #publishers .mod_title .buttons li a { background: #CD982B; } #creator_publisher #sidebar #publishers .mod_title .buttons li a.new_publisher { background: #CD982B url('../_img/sprite.png') no-repeat 2px -865px; } #creator_publisher #sidebar #publishers .mod_body { display: block; } /* Displays "Publishers" by default. */ #creator_publisher #sidebar #publishers .mod_overlay { background: #CD982B; /* CSS3 */ -moz-box-shadow: 2px 2px 2px #CCC; -webkit-box-shadow: 2px 2px 2px #CCC; box-shadow: 2px 2px 2px #CCC; } #creator_publisher #sidebar #publishers .mod_overlay .mod_form .item, #creator_publisher #sidebar #publishers .mod_overlay .mod_form .controls { padding-top: 4px; border-top: 1px solid #BF9027; } #creator_publisher #sidebar #publishers .mod_overlay .mod_form .controls.loading { background: transparent url('../_img/loading_small_dark_yellow.gif') no-repeat right center; } #creator_publisher #sidebar #publishers .mod_overlay .mod_form fieldset.inputs label { color: #FFF; } #creator_publisher #sidebar #publishers .mod_overlay label.error { color: #FFF; } /* Publisher: Members */ #creator_publisher #members_tool #members_tool_new_member { margin: 10px 0 0 0; } #creator_publisher #members_tool #members_tool_new_member > .hidden_content { display: none; } #creator_publisher #members_tool select.chosen { width: 265px; } /* Publisher: Member Groups */ #creator_publisher #member_groups_tool .mod_form fieldset.inputs { background: #fff; } #creator_publisher #member_groups_tool .mod_form fieldset .overflow_wrapper { max-height: 90px; border: 1px solid #CCC; overflow-y: scroll; } #creator_publisher #member_groups_tool .mod_form fieldset.inputs label { padding: 3px 5px; border-bottom: 1px dotted #F6F6F6; } #creator_publisher #member_groups_tool .mod_form fieldset.inputs label:hover { background: #FEF4CB; } #creator_publisher #member_groups_tool #member_groups_tool_new_group { margin: 10px 0 0 0; } #creator_publisher #member_groups_tool #member_groups_tool_new_group > .hidden_content { display: none; } #creator_publisher #member_groups_tool select.chosen { width: 265px; } #creator_publisher #member_groups_tool .edit select.chosen { width: 245px; } /* Publisher: Review Formats */ #creator_publisher #review_formats_tool .details .criterion { border-bottom: 1px solid #fff; padding: 10px 0 0 0; } #creator_publisher #review_formats_tool .details .criterion:last-child { border-bottom: none; } #creator_publisher #review_formats_tool .details .criterion h5 { margin: 0; } #creator_publisher #review_formats_tool .details .criterion .rating_descriptions { display: none; } #creator_publisher #review_formats_tool .details .criterion .rating_descriptions ol { border-top: 1px solid #B9E1F4; border-bottom: 1px solid #B9E1F4; padding: 0 0 0 20px; margin: 0 0 20px 0; clear: both; } #creator_publisher #review_formats_tool .details .criterion .rating_descriptions ol li { margin: 0; padding: 7px 0; border-bottom: 1px dotted #B9E1F4; } #creator_publisher #review_formats_tool .details .criterion .rating_descriptions ol li:last-child { border-bottom: none; } #creator_publisher #review_formats_tool form h5 { font-size: 10px; font-weight: bold; color: #546F8C; margin: 0 0 10px 0; } #creator_publisher #review_formats_tool form textarea { height: 45px; } #creator_publisher #review_formats_tool form a { font-weight: normal; font-size: 10px; text-decoration: none; color: #9BC9DD; } #creator_publisher #review_formats_tool form .criterion { border-top: 1px solid #FFF; padding: 10px 0; position: relative; } #creator_publisher #review_formats_tool form .criterion .options { list-style-type: none; padding: 0; position: absolute; right: 0px; top: 10px; visibility: hidden; } #creator_publisher #review_formats_tool form .criterion:hover .options { visibility: visible; } #creator_publisher #review_formats_tool form .criterion .options > li a { width: 13px; height: 13px; display: block; } #creator_publisher #review_formats_tool form .criterion .options > li a.delete { background: transparent url('../_img/sprite.png') no-repeat 0 -20px; } #creator_publisher #review_formats_tool form .criterion .rating_descriptions label { font-size: 10px; line-height: 14px; color: #999; display: block; margin: 10px 0 5px 0; } #creator_publisher #review_formats_tool form .rating_descriptions { display: none; } #creator_publisher #review_formats_tool form .rating_descriptions textarea { height: 30px; } #creator_publisher #review_formats_tool form .new_criterion { border-top: 1px solid #FFF; padding: 10px 0 0 0; } #creator_publisher #review_formats_tool form .new_criterion h5 a { color: #169AD8; } #creator_publisher #review_formats_tool form .controls { border-top: 1px solid #FFF; margin: 10px 0; padding: 10px 0 0 0; } #creator_publisher #review_formats_tool #review_formats_tool_new_format { margin: 10px 0 0 0; } #creator_publisher #review_formats_tool #review_formats_tool_new_format > .hidden_content { display: none; }