* {padding:0;margin:0;} /* \*/ * html body{text-align:left;} * html body *{text-align:left;} /* */ body{background-color:#fff;color:#616161;font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif;font-size:12px;} img,fieldset{border:none 0;} p{margin-bottom:8px;} ul{list-style-type:none;} hr{display:block;visibility:hidden;clear:both;height:1px;margin:0;} input,select,textarea{font-family:Arial, Helvetica, sans-serif;font-size:10px;} a,a:link,a:visited,a:active{color:#b32;text-decoration:underline;} label{cursor:default;} table{font-size:12px;} td,th{vertical-align:top;} .clear{clear:both;margin-bottom:-1px;padding-bottom:1px;} .hide{display:none !important;} .sitemap{margin:0;} .sitemap .group{float:left;width:150px;margin:0 50px 30px 0;} .sitemap .group h2{margin:0 !important;font-weight:500;font-size:16px !important;} .sitemap .group ul{margin-left:0 !important;list-style:none !important;list-style-image:none !important;} .sitemap .group li{margin:0 !important;padding-left:19px;line-height:18px;background:transparent url('images/sitemap_node.gif') no-repeat;} .sitemap .group li.last{background:transparent url('images/sitemap_last.gif') no-repeat;} .sitemap-separator{clear:both;margin-bottom:-1px;padding-bottom:1px;} .searchBox{} .searchBox .searchLabel{} .searchBox input.searchWords{width:200px;} .searchBox input.searchWordsWatermark{width:200px;color:#999;} .searchBox input.searchButton{} .noSearchResults{margin:20px 0;} .searchResults{} .searchResults .resultsInfo{margin:20px 0;} .searchResults .resultsInfo .keywords{font-weight:700;} .searchResults .resultItem{margin:1.2em auto auto;} .searchResults .resultItem .title{font-size:14px;font-weight:500;} .searchResults .resultItem .title a{text-decoration:underline;} .searchResults .resultItem .title a:hover{text-decoration:underline;} .searchResults .resultItem .description{margin:0 !important;padding:0 !important;} .searchResults .resultItem .highlight{font-weight:700;} .searchResults .resultItem .url{display:none;margin:0 !important;padding:0 !important;font-size:11px;color:#339933;} .searchResults .pagination{margin:12px 0 10px;padding:5px 0;border-top:solid 1px #ccc;text-align:right;} /* ----------------------------------------------------------------------------- Uploader Styles ----------------------------------------------------------------------------- */ .uploader{} .uploaderFrame{width:300px;height:55px;} .uploaderForm{text-align:left;} .uploaderFormWrap{position:relative;} .uploaderFileUpload{width:300px;height:22px;} .uploaderUploadButton{width:100px;margin-top:5px;} .uploaderFileList{margin:5px 0;border:solid 1px #ccc;background-color:#f1f2f3;} .uploaderFileListTitle{margin:10px;font-weight:700;} .uploaderFileList table{margin:10px;border-collapse:collapse;} .uploaderFileList td{padding-bottom:10px;white-space:nowrap;} .uploaderFileList label{margin:0 5px;font-size:10px;font-weight:700;} .uploaderNoFiles{margin:10px;color:#ccc;font-style:italic;} a.uploaderRemoveButton, a.uploaderRemoveButton:active, a.uploaderRemoveButton:visited, a.uploaderRemoveButton:hover{padding-left:15px;margin-left:5px;line-height:16px;background:url('images/bullet_delete.png') no-repeat;color:#515151;text-decoration:none;} .uploaderMessage{background:url('images/error.png') no-repeat 10px 10px;} .uploaderMessage p{padding:10px;margin-left:24px;} /* ----------------------------------------------------------------------------- WebStudio ToolsZone ----------------------------------------------------------------------------- */ #toolsZone{position:absolute;top:-10000;z-index:999999;width:265px;background:#ececec;text-align:center;overflow:auto;} #toolsZone .inner{margin:10px 10px 20px;padding-top:10px;text-align:left;} #toolsZone table{} #toolsZone td{padding:3px;} #toolsZone img{vertical-align:middle;} #toolsZone a, #toolsZone a:link, #toolsZone a:hover, #toolsZone a:active, #toolsZone a:visited{color:#313131;text-decoration:none;} /* ----------------------------------------------------------------------------- WebStudio Generic Dialogs ----------------------------------------------------------------------------- */ body.dialog{height:100%;} body.dialog form{height:100%;} body.dialog a, body.dialog a:active, body.dialog a:visited, body.dialog a:link, body.dialog a:hover{text-decoration:none;color:#616161;} body.dialog a:hover{color:#313131;} body.dialog img{vertical-align:middle;} body.dialog .wrapper{width:auto;min-height:100%;height:auto !important;height:100%;} body.dialog .content{height:100%;} body.dialog .footer{padding:5px;background:#a1a4a8;text-align:right;} /* ----------------------------------------------------------------------------- WebStudio MenuBar ----------------------------------------------------------------------------- */ .partManager{display:none;} #menuBar{position:absolute;z-index:999999;top:0;left:0;width:100%;height:26px;padding:0;background-color:#ececec;} #menuBar .toolsMenu{float:left;position:relative;z-index:100;width:auto;height:26px;} #menuBar .toolsMenu .rootGroup{margin:0;padding:0;border:0;list-style:none;} #menuBar .toolsMenu .rootGroup li{float:left;position:relative;z-index:5;margin:0 10px;} #menuBar .toolsMenu .rootGroup li:hover{z-index:999999;white-space:normal;} #menuBar .toolsMenu .rootGroup li:hover>ul{visibility:visible;left:100%;} #menuBar .toolsMenu .rootGroup ul{visibility:hidden;position:absolute;z-index:999998;left:0;top:0;} #menuBar .toolsMenu .rootGroup:after, #menuBar .toolsMenu .rootGroup ul:after{display:block;visibility:hidden;clear:both;height:0;overflow:hidden;content:".";} #menuBar .toolsMenu .rootGroup, #menuBar .toolsMenu .rootGroup ul{min-height:0;} #menuBar .toolsMenu .rootGroup a, #menuBar .toolsMenu .rootGroup a:visited, #menuBar .toolsMenu .rootGroup a:active, #menuBar .toolsMenu .rootGroup a:hover{display:block;padding:0 16px 0 8px;line-height:26px;font-weight:normal;color:#616161;text-decoration:none;} #menuBar .toolsMenu .group{width:150px;border:solid 1px #a7a9ac;background-color:#fff;text-align:left;} #menuBar .toolsMenu .group li{float:none;margin:1px;} #menuBar .toolsMenu .group li.separator{height:1px;line-height:1px;margin:3px 0;background:#a7a9ac;font-size:0px;} #menuBar .toolsMenu .group a, #menuBar .toolsMenu .group a:visited, #menuBar .toolsMenu .group a:active, #menuBar .toolsMenu .group a:hover{display:block;padding:5px;line-height:16px;font-weight:normal;text-decoration:none;} #menuBar .toolsMenu .group a:hover{background-color:#ccc;color:#fff;} #menuBar .toolsMenu .rootGroup a:hover, #menuBar .toolsMenu .rootGroup li:hover>ul{top:26px;left:0%;} #menuBar .toolsMenu a.selected{color:#000000;} #menuBar .toolsMenu .hoverUL{top:26px !important;} #menuBar .toolsMenu .hoverUL li{display:inline;} #menuBar .loginArea{float:right;width:300px;height:26px;margin-right:10px;text-align:right;} #menuBar .loginArea strong, #menuBar .loginArea span, #menuBar .loginArea a{line-height:26px;color:#616161;text-decoration:none;} #menuBar .loginArea span{padding-left:3px;} /* ----------------------------------------------------------------------------- WebStudio User Identity Area ----------------------------------------------------------------------------- */ #userIdentityArea{position:absolute;right:5px;top:5px;padding:5px;} #userIdentityArea div{float:left;padding:5px;} #userIdentityArea #userActions{margin-top:5px;float:right;visibility:hidden;position:absolute;width:150px;right:5px;border:black solid thin;} #userIdentityArea .userName:hover{outline:black solid thin;} #userIdentityArea .userName:hover>#userActions{visibility:visible;} #userIdentityArea #userActions div{float:right;} #userIdentityArea .clickable{cursor:pointer;} #userIdentityArea .clickable:hover{background:#EEEEEE;} /* ----------------------------------------------------------------------------- WebStudio Administration Navigation ----------------------------------------------------------------------------- */ /* !!! This should be moved to the WebStudio.css file !!! */ #adminMenu {margin-top:10px; background:#FFF;float:left;} #adminMenu li ul{background:#FFF;float:left;} #adminMenu li{float: left;margin-right:40px;margin-left:10px;} #adminMenu ul li ul{visibility:hidden;position:absolute;left:20px;} #adminMenu ul li ul li{margin-left:0px;} #adminMenu ul li:hover>ul{visibility:visible;} /* ----------------------------------------------------------------------------- Publish Reminder ----------------------------------------------------------------------------- */ #publishReminder{position:absolute;z-index:999990;top:26px;left:0;width:100%;text-align:center;} #publishReminder .panel{display:none;position:relative;width:300px;padding:10px;margin:0 auto;border:solid 1px #ccc;background:#fff;text-align:left;} #publishReminder .panel p{width:260px;} #publishReminder .panel .close{position:absolute;right:5px;top:5px;} #publishReminder .panel .buttonArea{} #publishReminder .tab{width:100px;height:16px;margin:0 auto;padding:5px;border:solid 1px #ccc;border-top:none 0;background:#ececec;} #publishReminder a{color:#616161;text-decoration:none;} /* ----------------------------------------------------------------------------- Unapproved ----------------------------------------------------------------------------- */ .sitemap{margin:0;} .sitemap .group{float:left;width:150px;margin:0 50px 30px 0;} .sitemap .group h2{margin:0 !important;font-weight:500;font-size:12px !important;} .sitemap .group ul{margin-left:0 !important;list-style:none !important;list-style-image:none !important;} .sitemap .group li{margin:0 !important;padding-left:19px;line-height:18px;background:transparent url('images/sitemap_node.gif') no-repeat;} .sitemap .group li.last{background:transparent url('images/sitemap_last.gif') no-repeat;} .sitemap-separator{clear:both;margin-bottom:-1px;padding-bottom:1px;} .searchBox{} .searchBox .searchLabel{} .searchBox input.searchWords{width:200px;} .searchBox input.searchWordsWatermark{width:200px;color:#999;} .searchBox input.searchButton{} .noSearchResults{margin:20px 0;} .searchResults{} .searchResults .resultsInfo{margin:20px 0;} .searchResults .resultsInfo .keywords{font-weight:700;} .searchResults .resultItem{margin:1.2em auto auto;} .searchResults .resultItem .title{font-size:14px;font-weight:500;} .searchResults .resultItem .title a{text-decoration:underline;} .searchResults .resultItem .title a:hover{text-decoration:underline;} .searchResults .resultItem .description{margin:0 !important;padding:0 !important;} .searchResults .resultItem .highlight{font-weight:700;} .searchResults .resultItem .url{display:none;margin:0 !important;padding:0 !important;font-size:11px;color:#339933;} .searchResults .pagination{margin:12px 0 10px;padding:5px 0;border-top:solid 1px #ccc;text-align:right;} .slideshow{} .slideshow .container{} .slideshow .controls{display:none;} .slideshow .loader{visibility:hidden;position:absolute;top:40%;left:0%;width:100%;height:25%;text-align:center;line-height:0;z-index:100;} .pageMenuBar{position:fixed;top:0;left:0;width:100%;height:50px;line-height:32px;background:transparent url('images/menuBarBg.png') repeat-x;text-align:left;color:#fff;} .pageMenuBar ul{} .pageMenuBar li{display:inline;float:left;margin:0 5px;} .pageMenuBar li.first{} .pageMenuBar li.last{} .pageMenuBar li.selected{background:url('images/menuBarTabSelected.gif') no-repeat;} .pageMenuBar li.hover{background:url('images/menuBarTabHover.gif') no-repeat;} .pageMenuBar a, .pageMenuBar a:link, .pageMenuBar a:hover, .pageMenuBar a:active, .pageMenuBar a:visited{color:#fff;text-decoration:none;line-height:30px;} .pageMenuBar a:hover{color:#fff;} .pageMenuBar .tools{display:inline;float:left;width:550px;margin:0 5px;} .pageMenuBar .loginstatus{display:inline;float:right;width:400px;margin:0 5px;text-align:right;} .pageMenuBar .loginstatus img{vertical-align:middle;} .dialogOverlay{background-color:#fff;filter:alpha(opacity=75);opacity:0.75;} .updateProgress{position:absolute;top:0;left:0;width:180px;height:65px;border:solid 1px #333;background-color:#fff;} .updateProgressContents{position:relative;top:30%;text-align:center;} .updateProgressContents img{margin-right:5px;vertical-align:middle;display:none;} .updateProgressContents .messageText{color:Black;} .dialogWrapper{background-color:#edeef0;border:solid 1px #ccc;padding:0px;width:250px;text-align:left;font-size:11px;} .dialogTitle{height:25px;line-height:25px;padding-left:5px;background:url('images/wpZoneTitleBg.gif') repeat-x;color:#fff;font-weight:700;cursor:move;} .dialogContent{width:auto;height:auto;padding:10px;} .dialogContent img{vertical-align:middle;margin-right:3px;} .dialogContent a, .dialogContent a:active, .dialogContent a:visited, .dialogContent a:link, .dialogContent a:hover{text-decoration:none;color:#616161;} .dialogContent a:hover{color:#313131;} .dialogFooter{padding:5px;background:#a1a4a8;text-align:right;} .addWebPartDialog{padding:5px;border:solid 1px #ccc;background-color:#fff;} .addWebPartDialog .part{margin-bottom:5px;} .wpZone_edit{width:100%;margin-bottom:10px;} .wpZone_edit td.wpZoneHeader{text-align:center;font-weight:900;color:#616161;} .wpZone_edit div.wpZoneHeaderAddWebPart{width:auto;margin-top:3px;line-height:24px;text-align:center;cursor:pointer;background-color:#f4f4f5;font-weight:normal;} .wpZone_edit div.wpZoneHeaderAddWebPart img{margin:3px 5px;vertical-align:middle;} .wpZoneDropCue{visibility:hidden;width:100%;height:4px;background:#edeef0;border:solid 1px #ccc;line-height:0px;} .wpZoneDropCueArrow{display:none;position:absolute;z-index:20000;width:7px;height:14px;} .wpWebPartWrapper{width:100%;height:100%;border:solid 1px #f4f4f5;} .wpWebPartSelectedChrome{text-align:left;border:dashed 1px red;border-collapse:collapse;} .wpWebPartChrome{text-align:left;border:solid 1px #ccc;border-collapse:collapse;} .wpWebPartSelectedChrome td, .wpWebPartChrome td{padding:0 !important;} .wpWebPartTitle{height:25px;background:url('images/wpTitleBg.gif') repeat-x;color:#616161;font-weight:700;} .wpWebPartTitle table{margin:3px 0 2px;} .wpWebPart{padding:0px;} .wpZone{width:100%;} .wpZoneEmptyText{padding:10px;color:#616161;} .wpZoneDragPanel{display:none;position:absolute;z-index:32000;filter:alpha(opacity=75);opacity:0.75;} .wpCatalogZone{width:100%;background:#edeef0;border:solid 1px #ccc;color:#616161;} .wpCatalogZoneHeaderVerb{} .wpCatalogZonePartTitle{height:25px;line-height:20px;padding-left:5px;background:url('images/wpTitleBg.gif') repeat-x;color:#616161;font-weight:700;} .wpCatalogZonePartChrome{text-align:left;background-color:#fff;font-size:11px;} .wpCatalogZoneInst{} .wpCatalogZonePartLink{line-height:20px;font-size:11px;} .wpCatalogZoneEmptyText{} .wpCatalogZoneLabel{vertical-align:middle;} .wpCatalogZoneEditUI{vertical-align:middle;} select.wpCatalogZoneEditUI{width:90px;} .wpCatalogZoneVerb{vertical-align:middle;} .wpCatalogZonePart{padding:3px;} .wpCatalogZoneSelectedPartLink{line-height:20px;font-size:11px;} .wpCatalogZoneFooter{background:#a1a4a8;text-align:right;} .wpCatalogZoneHeader{height:25px;padding-left:5px;background:url('images/wpZoneTitleBg.gif') repeat-x;color:#fff;font-weight:700;} .wpEditorZone{width:100%;background:#edeef0;border:solid 1px #ccc;color:#616161;} .wpEditorZoneHeaderVerb{color:#fff;} .wpEditorZonePartTitle{height:25px;line-height:24px;padding-left:5px;background:url('images/wpTitleBg.gif') repeat-x;color:#616161;font-weight:700;} .wpEditorZonePartTitle img{padding-right:5px;vertical-align:middle;cursor:pointer;} .wpEditorZonePartChrome{border:solid 1px #ccc;background-color:#fff;} .wpEditorZoneInst{} .wpEditorZonePartLink{} .wpEditorZoneEmptyText{} .wpEditorZoneLabel{} .wpEditorZoneVerb{} .wpEditorZonePart{} .wpEditorZoneSelectedPartLink{} .wpEditorZoneFooter{background:#a1a4a8;text-align:right;} .wpEditorZoneHeader{height:25px;padding-left:5px;background:url('images/wpZoneTitleBg.gif') repeat-x;color:#fff;font-weight:700;} .wpEditorZoneEditUI{} .wpConnectionsZone{width:100%;background:#edeef0;border:solid 1px #ccc;color:#616161;} .wpConnectionsZoneHeaderVerb{color:#fff;} .wpConnectionsZoneInst{} .wpConnectionsZoneLabel{} .wpConnectionsZoneVerb{} .wpConnectionsZoneFooter{background:#a1a4a8;text-align:right;} .wpConnectionsZoneHeader{height:25px;padding-left:5px;background:url('images/wpZoneTitleBg.gif') repeat-x;color:#fff;font-weight:700;} .wpConnectionsZoneEditUI{} .wpEditPanel{width:100%;height:100%;margin:0;padding:0;} .wpEditPanel table{width:100%;margin:8px;border-collapse:collapse;border:solid 1px #ccc;background-color:#fff;} .wpEditPanel table td{padding:3px;} .wpEditPanel label{} .wpEditPanel .header{height:25px;line-height:24px;padding-left:5px;background:url('images/wpTitleBg.gif') repeat-x;color:#616161;font-weight:700;} .wpEditPanel .header h1{display:inline;font-size:12px;font-weight:700;} .wpEditPanel .header img{margin-right:5px;vertical-align:middle;} .wpEditPanel .tabset{} .wpEditPanel .tabset ul{list-style-type:none;} .wpEditPanel .tabset li{display:inline;float:left;} .wpEditPanel .tabset li a, .wpEditPanel .tabset li a:link, .wpEditPanel .tabset li a:visited, .wpEditPanel .tabset li a:active {float:left;text-decoration:none;color:#616161;} .wpEditPanel .tabset li a.selected {font-weight:700;} .wpEditPanel .toolbar{height:24px;clear:both;margin-bottom:10px;width:auto;background-color:#edeef0;border:solid 1px #ccc;} .wpEditPanel .toolbar img{margin:3px;border:none 0;vertical-align:middle;} .wpEditPanel .toolbar ul{margin:0;list-style-type:none;} .wpEditPanel .toolbar li{display:inline;float:left;} .wpEditPanel .toolbar li a, .wpEditPanel .toolbar li a:active, .wpEditPanel .toolbar li a:visited, .wpEditPanel .toolbar li a:link, .wpEditPanel .toolbar li a:hover{padding:5px;color:#616161;text-decoration:none;} .wpEditPanel .toolbar li a:hover{} .wpEditPanel .editWrap{clear:both;padding:10px;margin:10px 0;} .wpEditPanel .settings{} .wpEditPanel .advanced{} .wpEditViewPanel .buttonArea{clear:both;padding:7px;background:#a1a4a8;text-align:right;} .wpEditViewPanel .buttonArea input{margin-left:3px;} #editorToolbar{display:block;position:relative;left:0px;top:0px;z-index:999999;} #editorWrapper{display:block;position:relative;left:0px;top:0px;} #imageManager.wpEditPanel{width:800px;border:solid 1px #ccc;font-family:Arial;font-size:12px;color:#616161;} #imageManager.wpEditPanel .editWrap{height:400px;} #imageManager.wpEditPanel .treeview{width:200px;height:370px;margin-right:10px;float:left;border:solid 1px #ccc;overflow:auto;} #imageManager.wpEditPanel .thumbnails{width:565px;height:370px;float:left;border:solid 1px #ccc;overflow:auto;} #imageManager.wpEditPanel .thumbnails img{padding:1px;border:solid 1px #bfbfbf;background-color:#fff;} .shadow{width:auto;height:auto;background:transparent url('images/dropShadow.png') no-repeat right bottom;font-size:1px;} .shadow div.wrap{padding-right:4px;background:white url('images/dropShadow.png') no-repeat right top;font-size:1px;} .shadow div.bottom{height:4px;width:5px;background:white url('images/dropShadow.png') no-repeat left bottom;font-size:1px;} /* ----------------------------------------------------------------------------- Input Form Styling ----------------------------------------------------------------------------- */ .wizard{width:100% !important;} .wizard-navigation{padding:0 !important;} .wizard-navigation div.controls{padding:10px 0 0;border-top:solid 2px #ccc;text-align:left;} .wizard-step{} .inputForm{width:100%;margin:8px 0 0px;} .inputForm .progress{height:14px;margin:5px 0;color:#000;text-align:center;} .inputForm .navigation{padding:10px 0 0;border-top:solid 2px #ccc;text-align:right;} .inputForm .navigation input{width:90px;} .inputForm .section{width:auto;height:1%;border-top:solid 1px #ccc;background:#fff;} .inputForm .section .title{} .inputForm .section .title h3{margin:0;padding:8px 0 5px;text-align:left;background:#fff;color:#525252;font-family:tahoma;font-size:8pt;font-weight:700;vertical-align:middle;} .inputForm .section .title h3 a{color:#525252;text-decoration:none;} .inputForm .section img{border:none 0;} .inputForm .section .panel{} .inputForm span.error{font-size:10px;color:red !important;} .inputForm .section .description{display:inline;float:left;width:150px;margin:0;color:#4c4c4c;font-family:tahoma;font-size:8pt;text-align:left;vertical-align:top;} .inputForm .section .controls{display:inline;float:left;width:500px;margin:0 0 8px;padding-top:12px;/*background:#f7f7f7;*/vertical-align:top;} .inputForm .section .controls .required{width:12px;padding-left:2px;color:#ff0000;font-family:verdana;font-size:8pt;text-align:right;} .inputForm .section .controls .label{color:#525252;font-family:tahoma;font-size:8pt;white-space:nowrap;} .inputForm .section .controls .control{width:auto;height:auto;margin:3px 10px 10px 10px;color:#000;font-family:Verdana,sans-serif;font-size:8pt;} .inputForm .section .controls .example p{font-size:9px;font-style:italic;} .inputForm input.text{width:300px;} .inputForm input.twocolumntext{width:200px;} /* ----------------------------------------------------------------------------- RadComboBox ----------------------------------------------------------------------------- */ .RadComboBox_WebStudio *{margin:0;padding:0;} .RadComboBox_WebStudio, .RadComboBox_WebStudio input, .RadComboBoxDropDown_WebStudio{font:12px arial,verdana,sans-serif;color:#000;text-align: left;} .RadComboBox_WebStudio_rtl, .RadComboBox_WebStudio_rtl input, .RadComboBoxDropDown_WebStudio_rtl{text-align: right;} .RadComboBox_WebStudio{vertical-align:bottom;} .RadComboBox_WebStudio table{border:0;} .RadComboBox_WebStudio .rcbInputCell{height:21px;line-height:20px;border:1px solid #7d7d7d;vertical-align:top;background: #fff;padding:0;} .RadComboBox_WebStudio .rcbInputCell input{width:100%;background:transparent;border:0;vertical-align:top;padding:3px 0 0 0;color: #373737;} .RadComboBox_WebStudio .rcbInputCell .rcbEmptyMessage{color: #666;font-style: italic;} .RadComboBox_WebStudio .rcbInputCell, .RadComboBox_WebStudio .rcbInputCell input{padding-left: 2px;} .RadComboBox_WebStudio_rtl .rcbInputCell, .RadComboBox_WebStudio_rtl .rcbInputCell input{padding-right: 2px;padding-left: 0;} .RadComboBox_WebStudio .rcbInputCellLeft{border-right: 0;} .RadComboBox_WebStudio .rcbInputCellRight{border-left: 0;} .RadComboBox_WebStudio .rcbHovered .rcbInputCell{background: #efefef;} .RadComboBox_WebStudio .rcbFocused .rcbInputCell{background: #efefef;border-color: #1d1d1d;} .RadComboBox_WebStudio .rcbFocused .rcbInputCell input{color: #1d1d1d;} .RadComboBox_WebStudio .rcbDisabled .rcbInputCell{border-color: #a1a1a1;} .RadComboBox_WebStudio .rcbDisabled .rcbInputCell input{color: #9b9b9b;} .RadComboBox_WebStudio .rcbArrowCell{background:url('images/combo/rcbArrowCell.gif') no-repeat 0 0;width:27px;border: 1px solid #7d7d7d;padding:0;} .RadComboBox_WebStudio .rcbDisabled .rcbArrowCell{background-position: 0 -23px;border-color: #878787;} .RadComboBox_WebStudio .rcbArrowCellLeft{border-right-width: 0;} .RadComboBox_WebStudio .rcbArrowCellRight{border-left-width: 0;} .RadComboBox_WebStudio .rcbArrowCell a{line-height:21px;width:27px;height:21px;text-decoration:none;text-indent: -9999px;font-size: 0;} .RadComboBox_WebStudio .rcbDisabled .rcbArrowCell a{cursor:no-drop;} .RadComboBox_WebStudio .rcbDisabled .rcbArrowCellHidden a{cursor: default;} .RadComboBox_WebStudio .rcbArrowCellHidden, .RadComboBox_WebStudio .rcbDisabled .rcbArrowCellHidden, .RadComboBox_WebStudio .rcbArrowCellHidden a{width: 0;} .rcbSlide{position:absolute;overflow:hidden;display:none;_height:1px;float:left;} .RadComboBoxDropDown_WebStudio{position:absolute;background:#fff;border: 1px solid #626262;cursor:default;font-size:11px;} .RadComboBoxDropDown_WebStudio .rcbScroll{overflow:auto;} .RadComboBoxDropDown_WebStudio .rcbList{list-style:none;margin:0;padding:0;zoom:1;} .RadComboBoxDropDown_WebStudio .rcbHeader{background:#929292;color:#fff;padding:4px;} .RadComboBoxDropDown_WebStudio .rcbNoWrap .rcbItem, .RadComboBoxDropDown_WebStudio .rcbNoWrap .rcbHovered, .RadComboBoxDropDown_WebStudio .rcbNoWrap .rcbDisabled, .RadComboBoxDropDown_WebStudio .rcbNoWrap .rcbLoading{white-space:nowrap;} .RadComboBoxDropDown_WebStudio .rcbItem, .RadComboBoxDropDown_WebStudio .rcbHovered, .RadComboBoxDropDown_WebStudio .rcbDisabled, .RadComboBoxDropDown_WebStudio .rcbLoading{padding:4px 20px 4px 4px;} * html .RadComboBoxDropDown_WebStudio .rcbItem, * html .RadComboBoxDropDown_WebStudio .rcbHovered, * html .RadComboBoxDropDown_WebStudio .rcbDisabled, * html .RadComboBoxDropDown_WebStudio .rcbLoading{zoom:1;} .RadComboBoxDropDown_WebStudio_rtl .rcbItem, .RadComboBoxDropDown_WebStudio_rtl .rcbHovered, .RadComboBoxDropDown_WebStudio_rtl .rcbDisabled, .RadComboBoxDropDown_WebStudio_rtl .rcbLoading{padding:4px 4px 4px 20px;} .RadComboBoxDropDown_WebStudio .rcbHovered{background:#4c4c4c;color:#fff;} .RadComboBoxDropDown_WebStudio .rcbDisabled{color:#ccc;cursor:no-drop;} .RadComboBoxDropDown_WebStudio .rcbSeparator{color: #fff;background: #aaa;} .RadComboBoxDropDown_WebStudio .rcbLoading{background:#f0f0f0;text-align:center;} .RadComboBoxDropDown_WebStudio .rcbMoreResults{clear:both;background:#f3f3f3;padding:4px;text-align:center;} .RadComboBoxDropDown_WebStudio .rcbMoreResults a{display:block;width:15px;height:14px;background:url('images/combo/rcbMoreResults.gif') no-repeat transparent;margin:0 auto 4px;text-indent:-3333px;overflow:hidden;text-decoration:none;cursor:pointer;} .RadComboBoxDropDown_WebStudio .rcbMoreResults a:hover{background-position:0 100%;} .RadComboBoxDropDown_WebStudio .rcbMoreResults span{display:block;text-align:center;} .RadComboBoxDropDown_WebStudio .rcbScroll{scrollbar-face-color: #e9e9e9;scrollbar-highlight-color: #ffffff;scrollbar-shadow-color: #e9e9e9;scrollbar-3dlight-color: #dbdbdb;scrollbar-arrow-color: #787878;scrollbar-track-color: #f5f5f5;scrollbar-darkshadow-color: #aeaeae;} @media screen and (min-width:550px){ .RadComboBoxDropDown_WebStudio_rtl .rcbItem, .RadComboBoxDropDown_WebStudio_rtl .rcbHovered, .RadComboBoxDropDown_WebStudio_rtl .rcbDisabled, .RadComboBoxDropDown_WebStudio_rtl .rcbLoading{padding:4px 20px 4px 4px;zoom:1;} } /* ----------------------------------------------------------------------------- RadEditor ----------------------------------------------------------------------------- */ .rade_toolbar.WebStudio li .rade_tool_text span { background-image: url('images/editor/CommandSprites.gif'); background-repeat: no-repeat; width: 25px; height: 23px; line-height: 23px; } .rade_toolbar.WebStudio li .rade_tool_text { height: 23px; margin: 3px 1px 1px 1px; color: white; font: normal 11px Arial, Verdana, Sans-serif; } .rade_toolbar.WebStudio li .rade_tool_text:hover, .rade_toolbar.WebStudio li .rade_tool_text.rade_tool_selected { border: solid 1px black; margin: 2px 0 0 0; background: url('images/editor/ToolBarSprites.gif') repeat-x 0 -142px; } /* .rade_toolbar.WebStudio li .rade_tool_text:hover, .rade_toolbar.WebStudio li .rade_tool_text.rade_tool_selected { _border: 0 !important; }*/ .rade_toolbar.WebStudio li .rade_tool_selected { _border: 0 !important; } .rade_toolbar.WebStudio li .rade_tool_text.rade_tool_selected { background-position: 0 -329px; } .rade_toolbar.WebStudio li .rade_tool_text .rade_button_text { padding-right: 4px; color: white; } /* button with text end */ /* This color must coincide with back color defined in .rade_wrapper */ .WebStudio.rade_toolbarWrapper { background-color:#515151 !important; } .WebStudio.rade_toolZone .rade_toolbarWrapper { background:transparent; float:none; clear:both; } /* ============== rade_textarea =============================================*/ .rade_textarea { border: #808080 1px solid; font:normal 11px Tahoma; background-color: white; color: #000080; } .rade_AjaxSpellCheck, .rade_AjaxSpellCheck TD { padding:1px !important; } .rade_AjaxSpellCheckSeparator { padding:0px !important; margin-top:2px !important; line-height:4px !important; font-size:2px !important; height:3px !important; border-bottom:1px solid #999999; } .rade_AjaxSpellCheckSuggestions table { font-weight:bold !important; } .rade_AjaxSpellCheckSuggestions td { font-weight:bold !important; } /* Alignment Selector */ .WebStudio.rade_AlignmentSelector { border: solid 1px #777; background: white; } .WebStudio.rade_AlignmentSelector div { width: 18px; height: 18px; margin: 1px auto; background-image: url('images/editor/CommandSprites.gif'); background-repeat: no-repeat; } .rade_NoAlignment { background-position: -2339px 0; } .rade_TopLeft { background-position: -2507px -10px; } .rade_TopCenter { background-position: -2537px -10px; } .rade_TopRight { background-position: -2567px -10px; } .rade_MiddleLeft { background-position: -2597px -10px; } .rade_MiddleCenter { background-position: -2627px -10px; } .rade_MiddleRight { background-position: -2657px -10px; } .rade_BottomLeft { background-position: -2687px -10px; } .rade_BottomCenter { background-position: -2717px -10px; } .rade_BottomRight { background-position: -2747px -10px; } /* Editor Wrapper */ .radeditor.WebStudio.rade_wrapper { font: normal 11px Arial, Verdana, Sans-serif; } .rade_tlbVertical { width: 2px; font-size:1px; } .radeditor.WebStudio.rade_wrapper table td.rade_contentCell { border: solid 1px black; background: white; } /* Rounded Corners */ .radeditor.WebStudio.rade_wrapper { height:480px; width:640px; } .radeditor.WebStudio .rade_wrapper_corner { width: 5px; height: 5px; line-height: 5px; font-size:1px; } .radeditor.WebStudio .rade_wrapper_center { height: 5px; line-height: 5px; font-size:1px; } .radeditor.WebStudio .rade_wrapper_corner.rade_corner_top_left { background:url('images/editor/CornersSprites.gif') 0 -26px no-repeat; } .radeditor.WebStudio .rade_wrapper_corner.rade_corner_top_right { background:url('images/editor/CornersSprites.gif') 100% -14px no-repeat; } .radeditor.WebStudio .rade_wrapper_corner.rade_corner_bottom_left { background:url('images/editor/CornersSprites.gif') 0 -65px no-repeat; } .radeditor.WebStudio .rade_wrapper_corner.rade_corner_bottom_right { background:url('images/editor/CornersSprites.gif') -6px -53px no-repeat; } .radeditor.WebStudio .rade_wrapper_center.rade_center_top { background:url('images/editor/CornersSprites.gif') 0 0 repeat-x; } .radeditor.WebStudio .rade_wrapper_center.rade_center_bottom { background:url('images/editor/CornersSprites.gif') 0 -99px repeat-x; } .radeditor.WebStudio .rade_leftVerticalSide { background:url('images/editor/VertSideSprites.gif') 0 0 repeat-y; } .radeditor.WebStudio .rade_rightVerticalSide { background:url('images/editor/VertSideSprites.gif') 100% 0 repeat-y; } .rade_center_top, .rade_leftVerticalSide, .rade_rightVerticalSide, .rade_toolZone, .rade_center_bottom { background-color: #515151 !important; } /* Editor Modules */ .rade_module { color: #ccc; font: normal 11px Tahoma, sans-serif; line-height:normal; padding: 1px 5px; border: 1px solid #242424; background:#373737; } /* Modules Switcher */ .rade_module_visible_icon, .rade_module_hidden_icon { width: 16px; height: 16px; background: transparent url('images/editor/CommandSprites.gif') no-repeat; margin: -2px 4px 0; } .rade_module_visible_icon { background-position: -2368px -2px; } .rade_module_hidden_icon { background-position: -2368px -24px; } a.rade_module_domlink { color:#ccc; font: normal 11px Tahoma; padding: 3px 6px 1px; text-decoration: underline; } a.rade_module_domlink_selected { color:#333; font: normal 11px Tahoma; background-color:#eee; border:1px solid #898989; padding:0 5px; } /* Editor Resizer */ .radeditor.WebStudio .rade_resizeCell div { width:20px; height:25px; background:url('images/editor/CornersSprites.gif') center -74px no-repeat; } /* AJAX Spellcheck */ .rade_loading { width:30px; background:url('images/editor/LoadingSpell.gif') center center no-repeat; float:left; } .rade_ajaxspell_wrapper { border: 1px solid #515151 !important; } .rade_ajaxspell_wrapper td { line-height:20px; } .rade_ajaxspell_addicon, .rade_ajaxspell_ignoreicon, .rade_ajaxspell_okicon { width: 16px !important; height: 16px; border: 0; margin: 2px 4px 0 0; background:url('images/editor/CommandSprites.gif') no-repeat; } .rade_ajaxspell_ignoreicon { background-position: -2407px -1px; } .rade_ajaxspell_okicon { background-position: -2433px -1px; } .rade_ajaxspell_addicon { background-position: -2463px -1px; } button.rade_ajaxspell_okicon { width: 22px; height: 22px; } /* Editor Modes */ div.rade_editorModes { width: 100%; position: relative; top: -1px; } .radeditor.WebStudio .rade_editorModesCell { width:100px; } div.rade_editorModes a { width: 27px; height: 23px; margin: 1px; margin-top: 0; } div.rade_editorModes .rade_mode_selected { background-color: white; border: solid 1px black; border-top: 0; margin: 0; } div.rade_editorModes a span { background-image: url('images/editor/ModesSprites.gif'); background-repeat: no-repeat; background-color: transparent; height: 16px; width: 16px; margin: 5px 0 0 6px; } div.rade_editorModes .rade_mode_design span, div.rade_editorModes .rade_mode_selected.rade_mode_design span { background-position: 0 0; } div.rade_editorModes .rade_mode_html span, div.rade_editorModes .rade_mode_selected.rade_mode_html span { background-position: -16px 0; } div.rade_editorModes .rade_mode_preview span, div.rade_editorModes .rade_mode_selected.rade_mode_preview span { background-position: -32px 0; } .WebStudio.rade_dropDownBody { background:#fff none; border: solid 1px #393838; -moz-border-radius: 0.3em; border-radius: 0.3em; -webkit-border-radius: 0.3; scrollbar-face-color: #e9e9e9; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #e9e9e9; scrollbar-3dlight-color: #dbdbdb; scrollbar-arrow-color: #787878; scrollbar-track-color: #f5f5f5; scrollbar-darkshadow-color: #aeaeae; } .WebStudio.rade_dropDownBody, .WebStudio.rade_dropDownBody table /*quirks mode*/ { font:12px arial,verdana,sans-serif; } .WebStudio.rade_dropDownBody a { background-image: none; background-color: white; border-bottom: solid 1px #aaaaaa; margin: 0; } .WebStudio.rade_dropDownBody a:hover { background-image: none; background-color: #eaeaea; border-bottom: solid 1px #aaaaaa; } .WebStudio.rade_dropDownBody table td { padding:1px 2px; border:1px solid #fff; color:#000; text-align:left; } .WebStudio.rade_dropDownBody .rade_itemOver { border: solid 1px #8e8e8e; background: #eaeaea; color:#000; } .WebStudio.rade_ColorPicker { border: solid 1px #868686; padding: 4px; -moz-border-radius: 3px; background: #fafafa; } .WebStudio.rade_ColorPicker table div { width: 11px; height: 11px; line-height: 11px; font-size: 1px; border: solid 1px #c5c5c5; } .WebStudio.rade_ColorPicker table td.rade_itemOver div { border-color:#000; } .WebStudio.rade_ColorPicker table td { padding: 2px; padding-bottom: 0; padding-top: 0; } .WebStudio.rade_dropDownBody.rade_ColorPicker table td.rade_itemOver { border: 0 !important; background: transparent !important; } .WebStudio.rade_ColorPicker .rade_ColorPickerFooter { margin:0 auto; font: normal 11px Verdana, Arial, Sans-serif; height: 22px; height: 18px; width: 166px; padding:4px 0; } .WebStudio.rade_ColorPicker span { width: 82px; height: 20px; line-height: 18px; border: solid 1px #c5c5c5; } .rade_ColorPicker .rade_ColorPickerFooter .rade_DarkColor { background: black; color: white; border-right:0; } .rade_ColorPicker .rade_ColorPickerFooter .rade_LightColor { background: white; color: black; border-left:0; } /* DROPDOWNS: INSERT SYMBOL ELEMENT */ .rade_InsertSymbol { background: #646464; width: auto !important; } .WebStudio.rade_InsertSymbol table { width: auto !important; } .WebStudio.rade_InsertSymbol table td { font: bold 11px Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif; width: 18px !important; height: 22px !important; padding: 2px; vertical-align: middle; } .WebStudio.rade_InsertSymbol table td.rade_itemOver { color: #000; } /* DROPDOWNS: INSERT TABLE ELEMENT */ .WebStudio.rade_InsertTable table { float: left; background-color:#f9f9f9; cursor:default; width: 142px; } .WebStudio.rade_InsertTable .WebStudio table td { padding:0 !important; border-color: #777; } .WebStudio.rade_InsertTable .WebStudio table td.rade_itemOver { border-color: #777; } .WebStudio.rade_InsertTable td div { font-size:1px; width:10px; height: 10px; margin:1px !important; padding:0 !important; } .WebStudio.rade_InsertTable .rade_tlbVertical li { float: left !important; width: 23px; margin: 0; } .WebStudio.rade_InsertTable .rade_tlbVertical li a, .WebStudio.rade_InsertTable .rade_tlbVertical .WebStudio.rade_toolbar a.rade_tool_disabled { background: none !important; margin: 0 !important; padding: 1px !important; border: 0 !important; } .WebStudio.rade_InsertTable .rade_tlbVertical li a:hover { padding: 0 !important; } .WebStudio.rade_InsertTable .rade_tlbVertical li a .rade_button_text { width: auto !important; padding-left: 4px; color: #ccc; } .WebStudio.rade_InsertTable .rade_tlbVertical li a .rade_button_text:hover { color: #fff; } /* DROPDOWNS: UNDO REDO ELEMENT */ .rade_UndoRedo { border: solid 1px #8f8f8f; background-color: white; padding: 0; } /* DROPDOWNS: APPLY CLASS ELEMENT - TODO: MUST IMPLEMENT - Change the SPRITE PICTURE!!!!*/ .WebStudio.rade_ApplyClass table td { border: 1px solid #cacaca; padding: 2px; } .rade_ApplyClass span { width: 12px; height: 13px; line-height: 13px; background-image: url('images/editor/ApplyClassSprites.gif'); background-repeat: no-repeat; margin-right: 2px; } .rade_ApplyClass .rade_class_all { background-position: 0 -52px; } .rade_ApplyClass .rade_class_img { background-position: 0 -13px; } .rade_ApplyClass .rade_class_a { background-position: 0 -26px; } .rade_ApplyClass .rade_class_table { background-position: 0 -39px; } .rade_ApplyClass .rade_class_unknown { background-position: 0 0; } /* DROPDOWNS: CUSTOM LINKS */ ul.rade_CustomLinks, ul.rade_CustomLinks ul { font: normal 11px Verdana, Arial, Sans-serif; color: #000; background: none; } ul.rade_CustomLinks { margin: 0 2px; } .WebStudio.rade_dropDownBody .rade_CustomLinks a { background:none transparent; border: 1px solid #fff; color: #000; } .WebStudio.rade_dropDownBody .rade_CustomLinks a:hover { background: none #e9e9e9; border:1px solid #8e8e8e; color:#666; } ul.rade_CustomLinks ul { margin-left: 12px; } ul.rade_CustomLinks li { padding: 1px 0; } ul.rade_CustomLinks span, ul.rade_CustomLinks a { padding-left:1px;padding-right:1px; } ul.rade_CustomLinks .rade_CustomLinksIcon { width: 9px; height: 9px; padding: 0; background-image: url('images/editor/CustomLinksSprites.gif'); background-repeat: no-repeat; margin: 2px 4px 0 0; } ul.rade_CustomLinks .rade_CustomLinksIcon.rade_icon_plus { background-position: 0 0; } ul.rade_CustomLinks .rade_CustomLinksIcon.rade_icon_minus { background-position: -9px 0; } ul.rade_CustomLinks .rade_CustomLinksIcon.rade_icon_empty { background: none; } /* DROPDOWNS: CUSTOM LINKS */ /* TOOLBAR */ .WebStudio .rade_toolbar { height: 29px; margin-right:-1px; margin-bottom:2px; } .WebStudio .rade_tlbVertical { background-color:#646464; } /* orientation-specific css */ .WebStudio .rade_toolbar li { height:29px; background: url('images/editor/ToolBarSprites.gif') repeat-x 0 -242px; } /* orientation-specific css */ .WebStudio .rade_tlbVertical .rade_toolbar { margin-bottom:0px; } td.rade_tlbVertical .rade_toolbar.WebStudio { width: 28px !important; } .WebStudio.rade_dropDownBody .rade_tlbVertical .rade_toolbar li { background: none transparent; } /* ----------------------------- Vertical Toolbar ----------------------------- */ .rade_tlbVertical .rade_toolbar.WebStudio { height: auto !important; } .rade_tlbVertical .rade_toolbar.WebStudio li { background: url('images/editor/ToolBarVerticalSprites.gif') repeat-y -79px 0; vertical-align: top; } .rade_tlbVertical .rade_toolbar.WebStudio li .rade_tool { margin: 0; margin-left: 2px; } .rade_tlbVertical .rade_toolbar.WebStudio li .rade_dropdown { margin: 0; margin-left: 4px; } /* -- vertical grips -- */ .rade_tlbVertical .rade_toolbar.WebStudio .rade_grip { background-image: url('images/editor/ToolBarSprites.gif') !important; width: 29px !important; height: 4px !important; line-height: 4px !important; } .rade_tlbVertical .rade_toolbar.WebStudio .grip_first { background-position: right 0 !important; } .rade_tlbVertical .rade_toolbar.WebStudio .grip_last { background-position: right -4px !important; } /* -- vertical grips end -- */ /* Separator */ .rade_tlbVertical .rade_toolbar.WebStudio .rade_separator { background: url('images/editor/ToolBarVerticalSprites.gif') no-repeat -40px center !important; } /* end of Separator */ /* ----------------------------- End of Vertical Toolbar ----------------------------- */ .rade_tool { width: 25px; height: 23px; margin: 2px 0 0 0; padding: 2px 0 0 0; } .rade_tool:hover, .rade_tlbVertical .rade_toolbar.WebStudio .rade_tool.rad_splitbutton:hover { padding: 2px 0 0 0; background: url('images/editor/ToolBarSprites.gif') repeat-x 0 -217px; } .rade_tool:active, .rade_tool:focus, .rade_tool_selected, .rade_tool_selected:hover, .rade_tool_selected:active, .rade_tool_selected:focus { background: url('images/editor/ToolBarSprites.gif') repeat-x 0 -192px; } .rade_tool_disabled, .rade_tool_disabled:hover, .rade_tool_disabled:active, .rade_tool_disabled:focus { border: 0; background: none; } /* vertical dropdowns with tools (e.g. insert form elements) */ .rade_dropDownBody .rade_tlbVertical .WebStudio.rade_toolbar .rade_tool_text { background: transparent url('images/editor/ToolBarVerticalSprites.gif') repeat-y -118px 0; border: 0; padding: 3px 1px 3px 3px; margin: 0 1px; color:#d9d9d9; } .WebStudio.rade_dropDownBody .rade_tlbVertical .rade_toolbar .rade_tool_text span { color:#d9d9d9; } .WebStudio.rade_dropDownBody .rade_tlbVertical .rade_toolbar .rade_tool_text:hover, .WebStudio.rade_dropDownBody .rade_tlbVertical .rade_toolbar .rade_tool_selected { border: 1px solid #cacaca; padding: 2px 0 2px 2px; background: #757575 url('images/editor/ToolBarSprites.gif') repeat-x 0 -329px ; color: #fff; } .WebStudio.rade_dropDownBody .rade_tlbVertical .rade_toolbar .rade_tool:hover span, .WebStudio.rade_dropDownBody .rade_tlbVertical .rade_toolbar .rade_tool_selected span { color: #fff; } .WebStudio.rade_dropDownBody .rade_tlbVertical .rade_toolbar .rade_tool_disabled, .WebStudio.rade_dropDownBody .rade_tlbVertical .rade_toolbar .rade_tool_disabled:hover, .WebStudio.rade_dropDownBody .rade_tlbVertical .rade_toolbar .rade_tool_disabled:active, .WebStudio.rade_dropDownBody .rade_tlbVertical .rade_toolbar .rade_tool_disabled:focus { background: transparent url('images/editor/ToolBarVerticalSprites.gif') repeat-y -118px 0; border: 0; padding: 3px 1px 3px 3px; margin: 0 1px; color:#d9d9d9; } .WebStudio.rade_dropDownBody .rade_tlbVertical .WebStudio.rade_toolbar .rade_tool_text span.rade_button_text { padding-left: 13px; } .rade_tool span { background-image: url('images/editor/CommandSprites.gif'); background-repeat: no-repeat; background-color: transparent; height: 23px; /*!important;*/ } /* -- DROPDOWN -- */ .rade_toolbar.WebStudio .rade_dropdown, .rade_toolbar.WebStudio .rade_tool_disabled.rade_dropdown:hover { height: 16px; border: solid 1px #8f8f8f !important; margin: 5px 0 2px 0; padding: 2px 14px 0 2px; font: normal 11px Verdana, Arial, Sans-serif; color: black; background: white url('images/editor/ToolBarSprites.gif') no-repeat right -92px; -moz-border-radius: 0.3em; -moz-border: 0.3em; -webkit-border-radius: 0.3; } .rade_toolbar.WebStudio .rade_dropdown:hover, .rade_toolbar.WebStudio .rade_dropdown:active, .rade_toolbar.WebStudio .rade_dropdown:focus { border: solid 1px #707070; background-color: #eaeaea; } .rade_tlbVertical .rade_dropdown { width: 4px; } /* -- END OF DROPDOWN -- */ /* -- GRIP HANDLES -- */ /* -- horizontal grips -- */ .WebStudio .rade_toolbar .rade_grip { background-image: url('images/editor/ToolBarSprites.gif'); background-repeat: no-repeat; width: 4px; height: 29px; } .WebStudio .rade_toolbar .grip_first { background-position: 0 -271px; } .WebStudio .rade_toolbar .grip_last { background-position: -37px -271px; } /* -- horizontal grips end -- */ /* -- END OF GRIP HANDLES -- */ /* -- SPLIT BUTTON -- */ .rad_splitbutton { width: 32px; } .rad_splitbutton:hover { background: transparent url('images/editor/ToolBarSprites.gif') no-repeat 0 -167px; } .rade_tool_disabled:hover { background: none; } .rad_splitbutton span { width: 25px; } .split_arrow { background: transparent url('images/editor/ToolBarSprites.gif') no-repeat 0 -108px !important; width: 5px !important; height: 22px; padding: 0 1px 0 1px; } /* -- SEPARATOR -- */ /* default: horizontal toolbar separator */ .WebStudio .rade_toolbar li.rade_separator { background: transparent url('images/editor/ToolBarSprites.gif') no-repeat center -300px; height: 29px; width: 6px; padding: 0; margin: 0; } /* vertical toolbar separator */ .WebStudio .rade_tlbVertical .rade_toolbar li.rade_separator { height: 6px; line-height: 6px; width: 29px; margin:0; padding: 0; background: transparent url('images/editor/ToolbarVerticalSprites.gif') no-repeat -84px center; } /* -- / SEPARATOR -- */ /* -- SPLIT BUTTON -- */ /* -- COMMANDS BEGIN -- */ .rade_toolbar.WebStudio .AboutDialog { background-position: 4px 4px; } .AbsolutePosition { background-position: -15px -18px; } .AjaxSpellCheck { background-position: -38px 0; } .AlignmentSelector { background-position: -2627px -10px; } .BackColor, .borderColor, .bgColor { background-position: -60px -19px; } .Bold { background-position: -78px 1px; } .BringToFront { background-position: -100px 0; } .Cancel { background-position: -117px 0; } .Cancel { background-position: -117px 0; } .ConvertToLower { background-position: -138px 0; } .ConvertToUpper { background-position: -157px -21px; } .Copy { background-position: -178px 0; } .CreateLink { background-position: -199px 0; } .Custom { background-position: -219px 0; } .CustomLinkTool { background-position: -238px -19px; } .ViewHtml { background-position: -219px 0; } .CustomDialog { background-position: -239px 0; } .rade_toolbar.WebStudio .Cut { background-position: -259px -20px; } .DecreaseSize { background-position: -279px 0; } .DeleteCell { background-position: -298px 0; } .DeleteColumn { background-position: -319px 0; } .DeleteRow { background-position: -338px -19px; } .DeleteTable { background-position: -359px 0; } .DocumentManager { background-position: -379px -18px; } .FileOpen { background-position: -399px 0; } .FileSave { background-position: -418px 0; } .FileSaveAs { background-position: -439px 0; } .FindAndReplace { background-position: -457px -18px; } .FlashManager { background-position: -477px -2px; } .SilverlightManager { background-position: -2970px -2px; } .ForeColor { background-position: -498px 0; } .FormatCodeBlock { background-position: -517px 0; } .FormatStripper { background-position: -539px 0; } .Help { background-position: -2938px 3px; } .ImageManager { background-position: -576px -16px; } .ImageMapDialog { background-position: -599px 0; } .IncreaseSize { background-position: -617px 0; } .Indent { background-position: -637px -17px; } .InsertAnchor { background-position: -660px 0; } .InsertCodeSnippet { background-position: -681px 0; } .InsertColumnLeft { background-position: -719px -20px; } .InsertColumnRight { background-position: -699px 0; } .InsertDate { background-position: -736px 0; } .InsertDocument { background-position: -757px 0; } .InsertEmailLink { background-position: -778px 0; } .InsertFlash { background-position: -799px 0; } .InsertFormButton { background-position: -819px -21px; } .InsertFormCheckbox { background-position: -834px 1px; } .InsertFormElement { background-position: -858px 0; } .InsertFormForm { background-position: -879px 4px; } .InsertFormHidden { background-position: -897px -20px; } .InsertFormImageButton { background-position: -917px 0; } .InsertFormPassword { background-position: -937px 0; } .InsertFormPassword { background-position: -937px -20px; } .InsertFormRadio { background-position: -958px 1px; } .InsertFormReset { background-position: -977px 0; } .InsertFormSelect { background-position: -999px 0; } .InsertFormSubmit { background-position: -999px -20px; } .InsertFormText { background-position: -1037px -20px; } .InsertFormTextarea { background-position: -1057px 1px; } .InsertGroupbox { background-position: -1077px -20px; } .InsertHorizontalRule { background-position: -1097px 0; } .InsertImage { background-position: -1117px 0; } .InsertMedia { background-position: -1137px 0; } .InsertOrderedList { background-position: -1157px 0; } .rade_toolbar.WebStudio .InsertParagraph { background-position: -1176px -20px; } .InsertRowAbove { background-position: -1197px 0; } .InsertRowBelow { background-position: -1217px 0; } .InsertSnippet { background-position: -1236px -17px; } .InsertSymbol { background-position: -1256px 0; } .InsertTable { background-position: -1277px 0; } .rade_toolbar.WebStudio .InsertTime { background-position: -1298px -18px; } .InsertUnorderedList { background-position: -1318px 0; } .rade_toolbar.WebStudio .Italic { background-position: -1338px 1px; } .JustifyCenter { background-position: -1357px -20px; } .rade_toolbar.WebStudio .JustifyFull { background-position: -1375px 0; } .JustifyLeft { background-position: -1397px 0; } .JustifyNone { background-position: -1417px 0; } .JustifyRight { background-position: -1438px 0; } .LinkManager { background-position: -1456px -19px; } .MediaManager { background-position: -1138px -18px; } .MergeColumns { background-position: -1498px 0; } .MergeRows { background-position: -1518px -20px; } .ModuleManager { background-position: -1535px 0; } .rade_toolbar.WebStudio .Outdent { background-position: -1558px 0; } .PageProperties { background-position: -1578px 0; } .PasteStrip { background-position: -1598px 0; } .Paste { background-position: -1598px 0; } .PasteAsHtml { background-position: -1617px 0; } .PasteFromWord { background-position: -1638px 0; } .PasteFromWordNoFontsNoSizes { background-position: -1663px 0; } .PasteHtml { background-position: -1680px 0; } .PastePlainText { background-position: -1697px 0; } .Print { background-position: -1717px -18px; } .rade_toolbar.WebStudio .Redo { background-position: -1737px 0; } .RepeatLastCommand { background-position: -1759px 0; } .Save { background-position: -1777px 0; } .SaveLocal { background-position: -1797px 0; } .SelectAll { background-position: -1817px -16px; } .SendToBack { background-position: -1838px 0; } .SetCellProperties { background-position: -1918px -20px; } .SetImageProperties { background-position: -1878px 0; } .SetLinkProperties { background-position: -1898px 0; } .SetTableProperties { background-position: -1858px -20px; } .TableWizard { background-position: -1278px 0; } .rade_dropDownBody.rade_InsertTable .rade_tool_text .TableWizard { height: 23px; width: 23px; line-height: 23px; background-image: url('images/editor/CommandSprites.gif') !important; background-position: -1278px 0 !important; } .rade_dropDownBody.rade_InsertTable .rade_tool_text .rade_button_text, .rade_dropDownBody.rade_InsertTable .rade_tool_text:hover .rade_button_text { color: white !important; } .ShowHideBorder { background-position: -1938px 0; } .SpellCheck { background-position: -1958px 0; } .SplitCell { background-position: -1977px -20px; } .rade_toolbar.WebStudio .StrikeThrough { background-position: -1997px 1px; } .StripAll { background-position: -2018px -20px; } .StripCss { background-position: -2038px 0; } .StripFont { background-position: -2060px 0; } .StripSpan { background-position: -2078px -20px; } .StripWord { background-position: -2098px 0; } .Subscript { background-position: -2120px 2px; } .Superscript { background-position: -2138px -20px; } .Sweeper { background-position: -2158px 0; } .TemplateManager { background-position: -2178px -18px; } .ToggleBorders { background-position: -2198px 0; } .ToggleDocking { background-position: -2218px 0; } .rade_toolbar.WebStudio .ToggleScreenMode { background-position: -2238px 0; } .ToggleTableBorder { background-position: -2258px 0; } .Underline { background-position: -2277px -20px; } .rade_toolbar.WebStudio .Undo { background-position: -2296px 0; } .Unlink { background-position: -2319px 0; } .x { background-position: -2339px 0; } .ToggleFloatingToolbar { background-position: -2937px -22px; } .XhtmlValidator { background-position: -2772px 0; } .TrackChangesDialog { background-position: -2805px 0; } .ImageEditor { background-position: -2839px 0; } .StyleBuilder { background-position: -2870px 0; } /* -- COMMANDS END -- */ .RadEXhtmlButton { border: solid 1px black; background: #373737; color: white; font: normal 11px Verdana, Arial, Sans-serif; } .WebStudio.rade_dropDownBody.rade_InsertTable { _width: 150px !important; } .WebStudio.rade_dropDownBody.rade_InsertTable .rade_tool:hover { border: solid 1px #646464 !important; } /* ----------------------------------------------------------------------------- RadWindow ----------------------------------------------------------------------------- */ div.radwindow_WebStudio table td.corner { width:6px; font-size:1px; line-height:1px; } div.radwindow_WebStudio table td.topleft { height: 6px; background:url('images/window/WindowCornerSprites.gif') 0 -59px no-repeat; } div.radwindow_WebStudio table td.titlebar { background:url('images/window/WindowCornerSprites.gif') 0 0 repeat-x; } div.radwindow_WebStudio table td.topright { height: 6px; background:url('images/window/WindowCornerSprites.gif') 100% -59px no-repeat; } div.radwindow_WebStudio table td.bodyleft { background:url('images/window/WindowVerticalSprites.gif') 0 0 repeat-y; } div.radwindow_WebStudio .windowcontent { height: 100%; border-bottom:0; background:#fff; } div.radwindow_WebStudio table td.bodyright { background:url('images/window/WindowVerticalSprites.gif') 100% 0 repeat-y; } div.radwindow_WebStudio table td.footerleft { height:6px; background:url('images/window/WindowCornerSprites.gif') 0 -106px no-repeat; } div.radwindow_WebStudio table td.footercenter { height:6px; background:url('images/window/WindowCornerSprites.gif') 0 100% repeat-x; } div.radwindow_WebStudio table td.footerright { height:6px; background:url('images/window/WindowCornerSprites.gif') 100% -106px no-repeat; } div.radwindow_WebStudio td.statusbar { height:20px; line-height:18px; background:#e4e4e4; } div.radwindow_WebStudio td.statusbar td { border-top:1px solid #cecece; } div.radwindow_WebStudio td.statusbar input { background:#e4e4e4; font:normal 12px arial,sans-serif; padding-left:4px; } div.radwindow_WebStudio td.statusbar div { background:url('images/window/WindowCornerSprites.gif') -20px -92px no-repeat; } div.radwindow_WebStudio td.statusbar .loading { background-image:url('images/window/Loading.gif'); } div.radwindow_WebStudio td.statusbar span.statustext { font: normal 11px Verdana, Arial, Sans-serif; color:#000; } div.radwindow_WebStudio td.statusbar input { background-repeat: no-repeat; } div.radwindow_WebStudio table.titlebarcontrols ul.controlbuttons { padding:0 2px 0 0 !important; } div.radwindow_WebStudio table.titlebarcontrols ul.controlbuttons li a { width: 30px; height: 26px; line-height: 26px; font-size: 1px; cursor: default; margin: 4px 0 0 2px; } /* reload button */ div.radwindow_WebStudio a.reloadbutton { background: transparent url('images/window/CommandSprites.gif') no-repeat -90px 0; } div.radwindow_WebStudio a.reloadbutton:hover { background-position: -90px -26px; } /* unpin button */ div.radwindow_WebStudio a.pinbutton { background: transparent url('images/window/CommandSprites.gif') no-repeat -150px 0; } div.radwindow_WebStudio a.pinbutton:hover { background-position: -150px -26px; } /* pinbutton */ div.radwindow_WebStudio a.pinbutton.on { background: transparent url('images/window/CommandSprites.gif') no-repeat -120px 0; } div.radwindow_WebStudio a.pinbutton.on:hover { background-position: -120px -26px; } /* minimize button */ div.radwindow_WebStudio a.minimizebutton { background: transparent url('images/window/CommandSprites.gif') no-repeat -60px 0; } div.radwindow_WebStudio a.minimizebutton:hover { background-position: -60px -26px; } /* maximize button */ div.radwindow_WebStudio a.maximizebutton { background: transparent url('images/window/CommandSprites.gif') no-repeat -30px 0; } div.radwindow_WebStudio a.maximizebutton:hover { background-position: -30px -26px; } /* close button */ div.radwindow_WebStudio a.closebutton { background: transparent url('images/window/CommandSprites.gif') no-repeat -180px 0; } div.radwindow_WebStudio a.closebutton:hover { background: transparent url('images/window/CommandSprites.gif') no-repeat -180px -26px; } /* restore button */ div.radwindow_WebStudio.maximizedwindow a.maximizebutton, div.radwindow_WebStudio.minimizedwindow a.minimizebutton { background: transparent url('images/window/CommandSprites.gif') 0 0 !important; } div.radwindow_WebStudio.maximizedwindow a.maximizebutton:hover, div.radwindow_WebStudio.minimizedwindow a.minimizebutton:hover { background: transparent url('images/window/CommandSprites.gif') 0 -26px !important; } div.radwindow_WebStudio table.titlebarcontrols a.windowicon { background: transparent url('images/window/WindowCornerSprites.gif') -21px -59px no-repeat; width: 16px; height: 16px; cursor: default; margin: 8px 0 0 3px; } div.radwindow_WebStudio table.titlebarcontrols em { font: normal normal 16px Arial, Verdana, sans-serif; color: white; margin: 7px 0 0 2px; } div.radwindow_WebStudio.minimizedwindow { width: 160px !important; height: 30px !important; background: #4b4b4b; border: solid 2px #232323; } /* overlay element should be minimized when the window is minimized */ iframe.minimizedwindowoverlay_WebStudio { /* take into account the borders of the main DIV of the window when setting width/height */ width: 164px !important; height: 34px !important; } div.radwindow_WebStudio.minimizedwindow td { background: none !important; } div.radwindow.radwindow_WebStudio.minimizedwindow table.titlebarcontrols { width: 150px !important; height: 40px !important; margin-top: -3px; } div.radwindow.radwindow_WebStudio.minimizedwindow table.titlebarcontrols ul { position: relative; top: -3px; } div.radwindow_WebStudio.minimizedwindow em { color: white !important; width: 75px !important; } div.radwindow_WebStudio.minimizedwindow td.corner { cursor: default; } div.radwindow_WebStudio.minimizedwindow td.corner.topleft, div.radwindow_WebStudio.minimizedwindow td.corner.topright { width: 10px !important; } div.radwindow_WebStudio.minimizedwindow td.titlebar { cursor: default; background: #4b4b4b; } div.radwindow_WebStudio .windowcontent .windowpopup { margin:16px; font:normal 11px Arial; color:black; padding:0px 0px 16px 50px; } div.radwindow_WebStudio .windowcontent .windowpopup.radalert { background: transparent url('images/window/ModalDialogAlert.gif') no-repeat 8px center; } div.radwindow_WebStudio .windowcontent .windowpopup.radprompt { padding: 0; } div.radwindow_WebStudio .windowcontent .windowpopup.radconfirm { background: transparent url('images/window/ModalDialogConfirm.gif') no-repeat 8px center; } div.radwindow_WebStudio .windowcontent .dialogtext { text-align: left; } div.radwindow_WebStudio .windowcontent input.dialoginput { padding: 3px 4px 0 4px; height: 17px; width: 100%; font: normal 11px Verdana, Arial, Sans-serif; border: solid 1px black; background: #d6d6d6; } div.radwindow_WebStudio .windowcontent a, div.radwindow_WebStudio .windowcontent a span { text-decoration: none; color: black; line-height: 14px; cursor: default; } div.radwindow_WebStudio .windowcontent a.radwindowbutton { margin: 8px 1px 0 0; border: solid 1px black; background: #4f4f4f; font-weight: bold; } div.radwindow_WebStudio .windowcontent a.radwindowbutton span.outerspan { padding: 0 3px 0 0; border: solid 1px white; } div.radwindow_WebStudio .windowcontent a.radwindowbutton span.innerspan { padding: 0 12px; color: white; line-height: 22px; } div.modaldialogbacgkround { background: black; } /* set window transparency */ div.radwindow.radwindow_WebStudio.normalwindow.transparentwindow td.corner, div.radwindow.radwindow_WebStudio.normalwindow.transparentwindow td.titlebar, div.radwindow.radwindow_WebStudio.transparentwindow td.footercenter { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: .8; -moz-opacity: .8; } /* ----------------------------------------------------------------------------- RadColorPicker ----------------------------------------------------------------------------- */ .RadColorPicker_WebStudio .palette { border: solid 1px #9c9c9c; background: #fff; } /* color buttons */ .RadColorPicker_WebStudio .palette ul { padding: 2px 1px 0 1px; } .RadColorPicker_WebStudio .palette ul li { padding: 0; } .RadColorPicker_WebStudio .palette ul li a { cursor: hand; overflow: hidden; margin: 0; padding: 2px; border: 1px solid #e4e4e4; zoom: 1; } * html .RadColorPicker_WebStudio .palette ul li a { padding: 3px; } .RadColorPicker_WebStudio .breakline { height: 0 !important; line-height: 0 !important; overflow: hidden !important; } * html .RadColorPicker_WebStudio .breakline { margin-top: -1px; } *+html .RadColorPicker_WebStudio .breakline { margin-top: -1px; } /* end of color buttons */ /* selected color */ .RadColorPicker_WebStudio .palette ul .selectedcolor { border: 1px solid #0066cc; } .RadColorPicker_WebStudio .palette ul .selectedcolor span { } /* end of selected color */ /* color preview panel */ .RadColorPicker_WebStudio .palette .colorpreview { border: solid 1px #c5c5c5; margin: 2px; } .RadColorPicker_WebStudio .palette .colorpreview span { font: normal 11px Arial, Verdana, Sans-serif; cursor: default; line-height: 24px; } .RadColorPicker_WebStudio .palette .colorpreview .colorvaluedark { color: white; margin-right: 2px; } .RadColorPicker_WebStudio .palette .colorpreview .colorvaluelight { color: black; margin-left: 2px; } .RadColorPicker_WebStudio .palette .colorbox { } /* end of color preview panel */ /* no color button */ .RadColorPicker_WebStudio .palette .emptycolor { background: white; } .RadColorPicker_WebStudio .palette .emptycolor, .RadColorPicker_WebStudio .palette .emptycolor.selectedColor { border: solid 1px #c5c5c5 !important; font-size: 12px; text-align: center; line-height: 30px; margin: 2px 2px 0 2px; background-color: #e4e4e4; } .RadColorPicker_WebStudio .palette .emptycolor span, .RadColorPicker_WebStudio .palette .emptycolor.selectedColor span { background: transparent url(images/colorPicker/NoColor.gif) no-repeat 0 6px; padding: 5px 0 0 14px; color: #000; display: inline; font: bold 10px Verdana, Arial, Sans-serif; text-decoration: none; clear: both; float: none; margin: 0; } .RadColorPicker_WebStudio .palette .emptycolor a { font: bold 10px Verdana, Arial, Sans-serif; color: #c5c5c5; text-decoration: none; display: block; clear: both; float: none; margin: 2px 0; } /* end of no color button */ /* color picker icon */ .RadColorPicker_WebStudio .icon, .RadColorPicker_WebStudio .icon a, .RadColorPicker_WebStudio .icon em { width: 31px; height: 21px; } .RadColorPicker_WebStudio .icon a, .RadColorPicker_WebStudio .icon a:hover, .RadColorPicker_WebStudio .icon a:active, .RadColorPicker_WebStudio .icon a:focus { background-image: url('images/colorPicker/IconSprites.gif'); background-repeat: no-repeat; cursor: default; } .RadColorPicker_WebStudio .icon a { background-position: 0 0; } .RadColorPicker_WebStudio .icon a:hover { background-position: 0 -21px; } .RadColorPicker_WebStudio .icon a:active, .RadColorPicker_WebStudio .icon a:focus { background-position: 0 -42px; } /* end color picker icon */ /* ----------------------------------------------------------------------------- RadSplitter ----------------------------------------------------------------------------- */ /* border style definition */ .RadSplitter_WebStudio, .RadSplitter_WebStudio .resizeBar, .RadSplitter_WebStudio .slideContainerResize, .RadSplitter_WebStudio .slideContainerResizeHorizontal, .RadSplitter_WebStudio .resizeBarOver, .RadSplitter_WebStudio .slideContainerResizeOver, .RadSplitter_WebStudio .slideContainerResizeOverHorizontal, .RadSplitter_WebStudio .resizeBarInactive, .RadSplitter_WebStudio .resizeBarHorizontal, .RadSplitter_WebStudio .resizeBarOverHorizontal, .RadSplitter_WebStudio .resizeBarInactiveHorizontal, .RadSplitter_WebStudio .pane, .RadSplitter_WebStudio .paneHorizontal { border: 1px solid #383838; } .RadSplitter_WebStudio { border-collapse: collapse; border-bottom: 1px; /* half the size of the border, but at least 1px */ } .RadSplitter_WebStudio .pane, .RadSplitter_WebStudio .paneHorizontal { padding: 0; text-align: left; background-color: #fff; } .RadSplitter_WebStudio .resizeBar, .RadSplitter_WebStudio .slideContainerResize, .RadSplitter_WebStudio .slideContainerResizeHorizontal, .RadSplitter_WebStudio .resizeBarOver, .RadSplitter_WebStudio .slideContainerResizeOver, .RadSplitter_WebStudio .slideContainerResizeOverHorizontal, .RadSplitter_WebStudio .resizeBarInactive, .RadSplitter_WebStudio .resizeBarHorizontal, .RadSplitter_WebStudio .resizeBarOverHorizontal, .RadSplitter_WebStudio .resizeBarInactiveHorizontal { padding: 0; background: #383838; font-size: 1px; text-align: center; } .RadSplitter_WebStudio .resizeBarOverHorizontal { background: #383838; } .RadSplitter_WebStudio .resizeBar, .RadSplitter_WebStudio .resizeBarOver, .RadSplitter_WebStudio .resizeBarInactive, .RadSplitter_WebStudio .slideContainerResize, .RadSplitter_WebStudio .slideContainerResizeOver { width: 4px; } .RadSplitter_WebStudio .resizeBarHorizontal, .RadSplitter_WebStudio .resizeBarOverHorizontal, .RadSplitter_WebStudio .resizeBarInactiveHorizontal, .RadSplitter_WebStudio .slideContainerResizeHorizontal, .RadSplitter_WebStudio .slideContainerResizeOverHorizontal { height: 4px; } .RadSplitter_WebStudio .resizeBarInactiveHorizontal.first { border-top: 0; } .RadSplitter_WebStudio .resizeBarOver, .RadSplitter_WebStudio .resizeBarOverHorizontal, .RadSplitter_WebStudio .slideContainerResizeOver, .RadSplitter_WebStudio .slideContainerResizeOverHorizontal { background: #383838; } /********************* Helper Bar ******************************/ .RadSplitter_WebStudio .helperBarDrag, .RadSplitter_WebStudio .helperBarDragHorizontal, .RadSplitter_WebStudio .helperBarSlideDrag, .RadSplitter_WebStudio .helperBarSlideDragHorizontal { font-size: 1px; background-color:#ccc; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); opacity: 0.6; } /* resize bar onerror */ .RadSplitter_WebStudio .helperBarError, .RadSplitter_WebStudio .helperBarSlideError, .RadSplitter_WebStudio .helperBarErrorHorizontal { font-size: 1px; background-color: #f60; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); opacity: 0.6; } /********************* Colapse Bar *****************************/ .RadSplitter_WebStudio .resizeBarHorizontal { background: url("Images/Splitter/splitbarBg.gif"); } .RadSplitter_WebStudio .resizeBar { background: url("Images/Splitter/splitbarBgVertical.gif"); } /* .RadSplitter_WebStudio .collapseBarOver, .RadSplitter_WebStudio .collapseBarOverHorizontal { background: white; } .RadSplitter_WebStudio .collapseBarError, .RadSplitter_WebStudio .collapseBarErrorHorizontal { background-color: #f32800; } */ .RadSplitter_WebStudio .collapseBarWrapper { width: 3px; margin: auto; } .RadSplitter_WebStudio .collapseBarCollapse { cursor: pointer; width: 3px; height: 27px; margin: auto; text-align:center; background: url(Images/Splitter/splitbar_collapse_h.gif); } .RadSplitter_WebStudio .collapseBarExpand { cursor: pointer; width: 3px; height: 27px; margin: auto; text-align:center; background: url(Images/Splitter/splitbar_expand_h.gif); } .RadSplitter_WebStudio .collapseBarHorizontalWrapper { height: 3px; margin: auto; } .RadSplitter_WebStudio .collapseBarHorizontalCollapse { cursor: pointer; width: 27px; height: 3px; margin: auto; text-align:center; float: left; background: url(Images/Splitter/splitbar_collapse_v.gif); } .RadSplitter_WebStudio .collapseBarHorizontalExpand { cursor: pointer; width: 27px; height: 3px; margin: auto; text-align:center; float: right; background: url(Images/Splitter/splitbar_expand_v.gif); } .RadSplitter_WebStudio .collapseBarCollapseOver { cursor: pointer; width: 3px; height: 27px; margin: auto; text-align:center; background: white url(Images/Splitter/splitbar_collapse_h.gif); } .RadSplitter_WebStudio .collapseBarExpandOver { cursor: pointer; width: 3px; height: 27px; margin: auto; text-align:center; background: white url(Images/Splitter/splitbar_expand_h.gif); } .RadSplitter_WebStudio .collapseBarHorizontalCollapseOver { cursor: pointer; width: 27px; height: 3px; margin: auto; text-align:center; float: left; background: white url(Images/Splitter/splitbar_collapse_v.gif); } .RadSplitter_WebStudio .collapseBarHorizontalExpandOver { cursor: pointer; width: 27px; height: 3px; margin: auto; text-align:center; float: right; background: white url(Images/Splitter/splitbar_expand_v.gif); } .RadSplitter_WebStudio .collapseBarCollapseError { cursor: pointer; width: 3px; height: 27px; margin: auto; text-align:center; background: red url(Images/Splitter/splitbar_collapse_h.gif); } .RadSplitter_WebStudio .collapseBarExpandError { cursor: pointer; width: 3px; height: 27px; margin: auto; text-align:center; background: red url(Images/Splitter/splitbar_expand_h.gif); } .RadSplitter_WebStudio .collapseBarHorizontalCollapseError { cursor: pointer; width: 27px; height: 3px; margin: auto; text-align:center; float: left; background: red url(Images/Splitter/splitbar_collapse_v.gif); } .RadSplitter_WebStudio .collapseBarHorizontalExpandError { cursor: pointer; width: 27px; height: 3px; margin: auto; text-align:center; float: right; background: red url(Images/Splitter/splitbar_expand_v.gif); } /***********************************************/ /* SLIDE */ /***********************************************/ /************************************************ sliding zone */ .RadSplitter_WebStudio .slideZone { background: white; } /************************************************ pane tabs */ .RadSplitter_WebStudio .tabsContainer { color: #333; } .RadSplitter_WebStudio .tabsContainer { border-right: 1px solid #383838; } .RadSplitter_WebStudio .tabsContainer.bottom { border-bottom: 1px solid #383838; border-right: 0; } .RadSplitter_WebStudio .tabsContainer div { overflow:hidden; cursor:default; text-align:center; font-size:1px; color: #383838; padding: 6px 0; width:21px; height:auto; border-bottom: 1px solid #313131; } .RadSplitter_WebStudio .tabsContainer.bottom div { border-right: 1px solid #313131; border-bottom: 0; } .RadSplitter_WebStudio .tabsContainer .paneTabContainerExpanded, .RadSplitter_WebStudio .tabsContainer .paneTabContainerExpandedHorizontal { background: #323232; color: #fff; } .RadSplitter_WebStudio .paneTabContainerDocked, .RadSplitter_WebStudio .paneTabContainerDockedHorizontal { background: #e4e4e4; } .RadSplitter_WebStudio .paneTabText { writing-mode: tb-rl; font:10px Arial; white-space:nowrap; margin:2px; } .RadSplitter_WebStudio .paneTabIcon { margin:2px; } /***** tabs on right position *******/ .RadSplitter_WebStudio .tabsContainer .right { background: url(Images/Splitter/slideZoneBgRight.gif) repeat-y top right; } .RadSplitter_WebStudio .right .paneTabContainer, .RadSplitter_WebStudio .right .paneTabContainerExpanded, .RadSplitter_WebStudio .right .paneTabContainerDocked { border-left: solid 1px #c3c3c3; border-right: 0; } .RadSplitter_WebStudio .right .paneTabContainerExpanded { border-left: solid 1px #a8a8a8; } .RadSplitter_WebStudio .right .paneTabContainerDocked { border-left: solid 1px #8e8e8e; } /***** tabs on top position *******/ .RadSplitter_WebStudio .tabsContainer .top { background: url(Images/Splitter/slideZoneBgTop.gif) repeat-x top; } .RadSplitter_WebStudio .top .paneTabContainer, .RadSplitter_WebStudio .top .paneTabContainerExpanded, .RadSplitter_WebStudio .top .paneTabContainerDocked { border-right: solid 1px #c3c3c3; border-top: solid 1px #c3c3c3; border-left: 0; border-bottom:0; float:left; padding: 0 6px; width:auto; } .RadSplitter_WebStudio .top .paneTabContainerExpanded { border-right: solid 1px #a8a8a8; border-bottom: solid 1px #a8a8a8; } .RadSplitter_WebStudio .top .paneTabContainerDocked { background: white url(Images/Splitter/slideZoneDockedTabHorizontal.gif) repeat-x top; border-right: solid 1px #8e8e8e; } .RadSplitter_WebStudio .top .paneTabText { writing-mode: lr-tb;/* default */ } .RadSplitter_WebStudio .top .paneTabIcon { display: block; float: left } /***** tabs on bottom position *******/ .RadSplitter_WebStudio .tabsContainer .bottom { background: url(Images/Splitter/slideZoneBgBottom.gif) repeat-x bottom; } .RadSplitter_WebStudio .bottom .paneTabContainer, .RadSplitter_WebStudio .bottom .paneTabContainerExpanded, .RadSplitter_WebStudio .bottom .paneTabContainerDocked { border-right: solid 1px #c3c3c3; border-left: 0; float:left; padding: 0 6px; width:auto; } .RadSplitter_WebStudio .bottom .paneTabContainerExpanded { border-right: solid 1px #a8a8a8; padding-bottom: 1px; border-bottom: 0; } .RadSplitter_WebStudio .bottom .paneTabContainerDocked { border-right: solid 1px #8e8e8e; } .RadSplitter_WebStudio .bottom .paneTabText { writing-mode: lr-tb;/* default */ } .RadSplitter_WebStudio .bottom .paneTabIcon { display: block; float: left } /***** -- End tabs on bottom position *******/ /************************************************ slide/dock containers */ .RadSplitter_WebStudio .slideContainer { border: 0; border-collapse: collapse; } .RadSplitter_WebStudio .slideContainerDocked { } .RadSplitter_WebStudio .slideHeader, .RadSplitter_WebStudio .slideHeaderDocked { background: #f7f7f7 url(Images/Splitter/slideHeader.gif) repeat-x top left; color: #fff; } .RadSplitter_WebStudio .slideContainerResize, .RadSplitter_WebStudio .slideContainerResizeHorizontal { background: #787878 none; } .RadSplitter_WebStudio .slideContainerResizeOver, .RadSplitter_WebStudio .slideContainerResizeOverHorizontal { background: #383838 none; } .RadSplitter_WebStudio .slideContainerResize, .RadSplitter_WebStudio .slideContainerResizeOver { border-top: 0; border-bottom: 0; } .RadSplitter_WebStudio .slideContainerResizeHorizontal, .RadSplitter_WebStudio .slideContainerResizeOverHorizontal { border-left: 0; border-right: 0; } /* .RadSplitter_WebStudio .slideHeaderIcon { margin: 1px 3px; border:0; } .RadSplitter_WebStudio .slideHeaderIconOver { cursor: pointer; background: url(Splitter/IconHover.gif) no-repeat center center; margin: 1px 3px; } */ .RadSplitter_WebStudio .slideHeaderIconWrapper { width: 21px; } .RadSplitter_WebStudio .slideHeaderIconsWrapper { float: right; } .RadSplitter_WebStudio .slideHeaderUndockIcon, .RadSplitter_WebStudio .slideHeaderDockIcon, .RadSplitter_WebStudio .slideHeaderCollapseIcon { width: 15px; height: 15px; float: left; margin: 1px 3px; border: 0; } .RadSplitter_WebStudio .slideHeaderUndockIconOver, .RadSplitter_WebStudio .slideHeaderDockIconOver, .RadSplitter_WebStudio .slideHeaderCollapseIconOver { width: 15px; height: 15px; float: left; cursor: pointer; margin: 1px 3px; } .RadSplitter_WebStudio .slideHeaderUndockIcon, .RadSplitter_WebStudio .slideHeaderUndockIconOver { background: url(Splitter/undock.gif); background-position: -2339px 0; } .RadSplitter_WebStudio .slideHeaderDockIcon, .RadSplitter_WebStudio .slideHeaderDockIconOver { background: url(Splitter/dock.gif); } .RadSplitter_WebStudio .slideHeaderCollapseIcon, .RadSplitter_WebStudio .slideHeaderCollapseIconOver { background: url(Splitter/close.gif); } .RadSplitter_WebStudio .slideHeaderUndockIcon { background-position: 0 0; } .RadSplitter_WebStudio .slideHeaderUndockIconOver { background-position: 0 100%; } .RadSplitter_WebStudio .slideHeaderDockIcon { background-position: 0 0; } .RadSplitter_WebStudio .slideHeaderDockIconOver { background-position: 0 100%; } .RadSplitter_WebStudio .slideHeaderCollapseIcon { background-position: 0 0; } .RadSplitter_WebStudio .slideHeaderCollapseIconOver { background-position: 0 100%; } .RadSplitter_WebStudio .slideTitle, .RadSplitter_WebStudio .slideTitleDocked { font:11px Arial; color: #fff; white-space:nowrap; margin-left:5px; margin-right:5px; text-align:left; line-height: 25px; } .RadSplitter_WebStudio .slideTitleContainer { background-color: #f7f7f7; background: url(Images/Splitter/slideHeader.gif) repeat-x; } .RadSplitter_WebStudio .slideContent, .RadSplitter_WebStudio .slideContentDocked { font: 10px Arial; color: black; background-color: white; padding: 5px; text-align: left; } .RadSplitter_WebStudio .helperBarSlideDrag, .RadSplitter_WebStudio .slideContainerResize, .RadSplitter_WebStudio .slideContainerResizeOver { cursor: w-resize; } .RadSplitter_WebStudio .helperBarSlideDragHorizontal, .RadSplitter_WebStudio .slideContainerResizeHorizontal, .RadSplitter_WebStudio .slideContainerResizeOverHorizontal { cursor: n-resize; } /*****************************************************************************/ /* these below are not skin/border size specific. Shared between all skins */ /*****************************************************************************/ .nested, .nestedHorizontal { border-width: 0 !important; } /************ nested vertical ****************/ .nested .pane, .nested .resizeBar, .nested .resizeBarOver, .nested .resizeBarInactive { border-top: 0 !important; border-bottom: 0 !important; } .nested .pane.firstItem, .nested .resizeBar.firstItem, .nested .resizeBarOver.firstItem, .nested .resizeBarInactive.firstItem { border-left: 0 !important; } .nested .pane.lastItem, .nested .resizeBar.lastItem, .nested .resizeBarOver.lastItem, .nested .resizeBarInactive.lastItem { border-right: 0 !important; } .nested .pane.firstItem.lastItem, .nested .resizeBar.firstItem.lastItem, .nested .resizeBarOver.firstItem.lastItem, .nested .resizeBarInactive.firstItem.lastItem { border-left: 0 !important; border-right: 0 !important; } /************ nested horizontal ****************/ .nestedHorizontal .paneHorizontal, .nestedHorizontal .resizeBarHorizontal, .nestedHorizontal .resizeBarOverHorizontal, .nestedHorizontal .resizeBarInactiveHorizontal { border-left: 0 !important; border-right: 0 !important; } .nestedHorizontal .paneHorizontal.firstItem, .nestedHorizontal .resizeBarHorizontal.firstItem, .nestedHorizontal .resizeBarOverHorizontal.firstItem, .nestedHorizontal .resizeBarInactiveHorizontal.firstItem { border-top: 0 !important; } .nestedHorizontal .paneHorizontal.lastItem, .nestedHorizontal .resizeBarHorizontal.lastItem, .nestedHorizontal .resizeBarOverHorizontal.lastItem, .nestedHorizontal .resizeBarInactiveHorizontal.lastItem { border-bottom: 0 !important; } .nestedHorizontal .paneHorizontal.firstItem.lastItem, .nestedHorizontal .resizeBarHorizontal.firstItem.lastItem, .nestedHorizontal .resizeBarOverHorizontal.firstItem.lastItem, .nestedHorizontal .resizeBarInactiveHorizontal.firstItem.lastItem { border-top: 0 !important; border-bottom: 0 !important; }