/* Licensed Materials - Property of IBM IBM Cognos Products: cpscrn (C) Copyright IBM Corp. 2005, 2013 US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ body { font-family: helvetica, Tahoma, arial, geneva, sans-serif; } .cogAppEntryList{ } .cogAppEntry { margin:3px; padding:5px; color: #3d3d3d; cursor: pointer; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 1px 1px 4px 0px #999999; box-shadow: 1px 1px 4px 0px #999999; background: #f3f3f3; /* Old browsers */ background: -moz-linear-gradient(top, #f3f3f3 0%, #fefefe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f3f3f3 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f3f3f3 0%,#fefefe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f3f3f3 0%,#fefefe 100%); /* IE10+ */ background: linear-gradient(to bottom, #f3f3f3 0%,#fefefe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */ } .cogAppEntry:hover{ margin:3px; padding:5px; color: white; cursor: pointer; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 1px 1px 4px 0px #999999; box-shadow: 1px 1px 4px 0px #999999; background: #3d3d3d; /* Old browsers */ background: -moz-linear-gradient(top, #3d3d3d 0%, #4c4c4c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(100%,#4c4c4c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3d3d3d 0%,#4c4c4c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3d3d3d 0%,#4c4c4c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3d3d3d 0%,#4c4c4c 100%); /* IE10+ */ background: linear-gradient(to bottom, #3d3d3d 0%,#4c4c4c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */ } .cogAppEntryIcon { padding-right:8px; } .cogAppEntryEmptyIcon{ border:1px solid #3d3d3d; width:74px; height:65px; } .cogAppEntryTitle { font-size:22px; padding-top:5px; padding-bottom:2px; } .cogAppEntryDesc { font-size:14px; padding-top:5px; } .cogSelectedAppHeader { padding:8px; color:white; font-size:14px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #3d3d3d; /* Old browsers */ background: -moz-linear-gradient(top, #3d3d3d 0%, #4c4c4c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(100%,#4c4c4c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3d3d3d 0%,#4c4c4c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3d3d3d 0%,#4c4c4c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3d3d3d 0%,#4c4c4c 100%); /* IE10+ */ background: linear-gradient(to bottom, #3d3d3d 0%,#4c4c4c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */ } .cogSelectedAppChange{ color:white; font-size:12px; text-decoration:underline; float:right; cursor: pointer; } .cogAppEditContent{ padding: 3px; } .cogAppEditGroup { padding-bottom:8px; } .cogAppEditGroupTitle { padding:3px; font-size:14px; border-bottom: 1px solid #e1e1e1; } .cogAppEditProperty { padding-top: 3px; padding-bottom: 3px; } .cogAppEditPropertyDesc{ font-size:12px; padding-bottom: 3px; } .cogAppEditPropertyControl{ font-size:12px; } .cogAppSubProps{ padding-left:25px; padding-bottom:5px; } .cogAppFormFooter{ text-align:right; margin-top:8px; padding:5px; padding-top: 10px; border-top: 1px solid #e1e1e1; } .startupTable a { color: #121212 !important; text-decoration: none; } .startupContainerPiece { height:100%; width:100%; } .startupTable{ border-spacing:12px; } .startupContainerPiece .startupTable{ border-spacing:0px; overflow:hidden; } .startupContainer { height:100%; width:100%; padding:16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 1px 1px 4px 0px #999999; box-shadow: 1px 1px 4px 0px #999999; background: #3d3d3d; /* Old browsers */ background: -moz-linear-gradient(top, #3d3d3d 0%, #4c4c4c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(100%,#4c4c4c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3d3d3d 0%,#4c4c4c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3d3d3d 0%,#4c4c4c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3d3d3d 0%,#4c4c4c 100%); /* IE10+ */ background: linear-gradient(to bottom, #3d3d3d 0%,#4c4c4c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */ } .headerTitle { float:left; padding-bottom:10px; } .headerLinks{ float:right; padding-right:30px; padding-left:30px; } .headerLink{ padding-right:5px; padding-left:5px; cursor: pointer; font-size:12pt; } .searchInput{ float:right; padding-bottom:10px; font-size:10pt; } .searchIcon { position: relative; right: 30px; vertical-align: middle; } .searchInput input { border: 2px solid gray; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding-left: 10px; padding-right:25px; width:250px; } .searchInput input:focus { border: 2px solid #008ABF; } .headerBannerLip { background-color: #008ABF; clear: left; display: block; height: 4px; overflow: hidden; margin-top:8px; margin-bottom: 20px; clear:both; } .startupHeader{ height:60px; font-size:20pt; color:white; } /* Begin Layout properties */ .rightSection{ float:right; min-width:295px; height:100%; } .ccApp { float:left; } /* .breadCrumbBox { float:right; clear:right; width:100%; } .contentBox { float:right; clear:right; }*/ .clickable { cursor: pointer; } .toolbar { -moz-box-sizing: border-box; float: right; width: 100%; } .toolbarBox { } /* End Layout properties */ .ccApp { position:relative; } .contentFrame { min-width:500px; overflow:visible; z-index:300; } .breadCrumbBox { z-index:50; position:relative; border: 1px solid gray; height: 30px; overflow-y: auto; padding-bottom:5px; background: #EFEFEF; /* Old browsers */ } div.ccAppMainContent{ float:right; } tr.ccAppMainContent{ height:100%; } .titleBox { overflow:hidden; padding:6px; padding-bottom:10px; z-index:50; position:relative; height: 25px; color: #FFFFFF; border:1px solid #1c1c1c; letter-spacing:1; font-size:14pt; overflow-y: auto; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; xx-webkit-box-shadow: 1px 1px 4px 0px #999999; xxbox-shadow: 1px 1px 4px 0px #999999; background: #444444; /* Old browsers */ background: -moz-linear-gradient(top, #444444 0%, #232323 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#232323)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #444444 0%,#232323 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #444444 0%,#232323 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #444444 0%,#232323 100%); /* IE10+ */ background: linear-gradient(to bottom, #444444 0%,#232323 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#232323',GradientType=0 ); /* IE6-9 */ } .breadCrumbEntry_old{ color: #111111; cursor: pointer; margin: 1px; padding: 2px; border: 1px solid #C9C9C9; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: left; font-size: 65%; min-height: 20px; background: rgb(205, 225, 239); /* Old browsers */ background: -moz-linear-gradient(top, rgba(205, 225, 239, 1) 0%, rgba(231, 241, 247, 1) 60%, rgba(251, 252, 253, 1) 100% ); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(205, 225, 239, 1) ), color-stop(60%, rgba(231, 241, 247, 1) ), color-stop(100%, rgba(251, 252, 253, 1) ) ); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(205, 225, 239, 1) 0%, rgba(231, 241, 247, 1) 60%, rgba(251, 252, 253, 1) 100% ); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(205, 225, 239, 1) 0%, rgba(231, 241, 247, 1) 60%, rgba(251, 252, 253, 1) 100% ); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(205, 225, 239, 1) 0%, rgba(231, 241, 247, 1) 60%, rgba(251, 252, 253, 1) 100% ); /* IE10+ */ background: linear-gradient(to bottom, rgba(205, 225, 239, 1) 0%, rgba(231, 241, 247, 1) 60%, rgba(251, 252, 253, 1) 100% ); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cde1ef', endColorstr='#fbfcfd', GradientType=0 ); /* IE6-9 */ } .breadCrumbEntry:hover{ color: #111111; cursor: pointer; margin: 1px; padding: 2px; border: 1px solid #C9C9C9; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: left; font-size: 65%; min-height: 20px; background: rgb(205, 225, 239); /* Old browsers */ background: -moz-linear-gradient(top, rgba(205, 225, 239, 1) 0%, rgba(231, 241, 247, 1) 60%, rgba(251, 252, 253, 1) 100% ); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(205, 225, 239, 1) ), color-stop(60%, rgba(231, 241, 247, 1) ), color-stop(100%, rgba(251, 252, 253, 1) ) ); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(205, 225, 239, 1) 0%, rgba(231, 241, 247, 1) 60%, rgba(251, 252, 253, 1) 100% ); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(205, 225, 239, 1) 0%, rgba(231, 241, 247, 1) 60%, rgba(251, 252, 253, 1) 100% ); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(205, 225, 239, 1) 0%, rgba(231, 241, 247, 1) 60%, rgba(251, 252, 253, 1) 100% ); /* IE10+ */ background: linear-gradient(to bottom, rgba(205, 225, 239, 1) 0%, rgba(231, 241, 247, 1) 60%, rgba(251, 252, 253, 1) 100% ); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cde1ef', endColorstr='#fbfcfd', GradientType=0 ); /* IE6-9 */ } .breadCrumbEntry{ color: #111111; cursor: pointer; margin: 1px; padding: 2px; border: 1px solid transparent; float: left; font-size: 65%; min-height: 20px; } .breadCrumbSep{ border-right: 1px dotted #C9C9C9; margin-right:3px; width:3px; float: left; height:100%; } .startupContainerPiece .contentBox { border: 1px solid #303030; } .contentBox { z-index:50; height:100%; position:relative; padding: 5px; min-height: 100px; /*max-height: 400px;*/ overflow-y: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; xx-webkit-box-shadow: 1px 1px 4px 0px #999999; xxbox-shadow: 1px 1px 4px 0px #999999; background: rgb(255, 255, 255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100% ); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1) ), color-stop(100%, rgba(229, 229, 229, 1) ) ); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100% ); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100% ); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100% ); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100% ); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 ); /* IE6-9 */ } .entryCheckbox{ float:left; width:20px; margin-right:3px; border: 1px solid #6E6E6E; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #EFEFEF; } .entryCheckboxChecked{ background: #232323; } .contentEntry { color: #121212; cursor: pointer; padding: 3px; margin: 1px; border-bottom: 1px dotted #C9C9C9 } .selectedEntry { background: rgb(219,229,229); /* Old browsers */ background: -moz-linear-gradient(top, rgba(219,229,229,1) 0%, rgba(209,221,227,1) 0%, rgba(196,213,218,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,229,229,1)), color-stop(0%,rgba(209,221,227,1)), color-stop(100%,rgba(196,213,218,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(219,229,229,1) 0%,rgba(209,221,227,1) 0%,rgba(196,213,218,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(219,229,229,1) 0%,rgba(209,221,227,1) 0%,rgba(196,213,218,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(219,229,229,1) 0%,rgba(209,221,227,1) 0%,rgba(196,213,218,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(219,229,229,1) 0%,rgba(209,221,227,1) 0%,rgba(196,213,218,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe5e5', endColorstr='#c4d5da',GradientType=0 ); /* IE6-9 */ } .contentEntry:hover { color: #FFFFFF; background: rgb(207, 231, 250); /* Old browsers */ background: -moz-linear-gradient(top, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100% ); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(207, 231, 250, 1) ), color-stop(100%, rgba(99, 147, 193, 1) ) ); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100% ); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100% ); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100% ); /* IE10+ */ background: linear-gradient(to bottom, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100% ); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1', GradientType=0 ); /* IE6-9 */ } .entryTitle { font-size: 14pt; padding-left: 15px; } .startupContainerPiece .entryTitle{ font-size: 12pt; } .smallFont .entryTitle { font-size: 10pt; } .launcherEntryTitle { font-size: 12pt; padding-left: 6px; } .entryActions { float: right; opacity:0; filter:alpha(opacity=0); display:none; } .entryAction { margin: 1px; padding: 2px; border: 1px solid #C9C9C9; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: right; font-size: 65%; min-height:16px; } .entryAction:hover { background: rgb(255, 255, 255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100% ); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1) ), color-stop(100%, rgba(229, 229, 229, 1) ) ); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100% ); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100% ); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100% ); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100% ); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 ); /* IE6-9 */ } .contentEntryIcon, .launcherContentEntryIcon { padding: 2px; vertical-align: middle; } .toolbarBox{ background:#eFeFeF; position:relative; -webkit-box-shadow: 1px 1px 4px 0px #999999; box-shadow: 1px 1px 4px 0px #999999; } .toolbar , .copyPasteToolbar{ opacity:1; padding: 2px; border: 1px solid #C9C9C9; background: rgb(255, 255, 255); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .copyPasteToolbar{ display: none; z-index:100; } .copyPasteToolbar{ position:absolute; right:50%; top:0px; } .copyPasteToolbar .toolbarItem{ float:left; } .toolbarSep { float: left; /*width:5px;*/ } .toolbarItem:hover { color: #FFFFFF; background: rgb(207, 231, 250); /* Old browsers */ background: -moz-linear-gradient(top, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100% ); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(207, 231, 250, 1) ), color-stop(100%, rgba(99, 147, 193, 1) ) ); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100% ); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100% ); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100% ); /* IE10+ */ background: linear-gradient(to bottom, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100% ); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1', GradientType=0 ); /* IE6-9 */ } .toolbarItem{ float:right; color: #111111; cursor: pointer; margin: 5px; padding: 2px; border: 1px solid #C9C9C9; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 65%; min-height: 20px; background: rgb(205, 225, 239); /* Old browsers */ background: -moz-linear-gradient(top, rgba(205, 225, 239, 1) 0%, rgba(231, 241, 247, 1) 60%, rgba(251, 252, 253, 1) 100% ); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(205, 225, 239, 1) ), color-stop(60%, rgba(231, 241, 247, 1) ), color-stop(100%, rgba(251, 252, 253, 1) ) ); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(205, 225, 239, 1) 0%, rgba(231, 241, 247, 1) 60%, rgba(251, 252, 253, 1) 100% ); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(205, 225, 239, 1) 0%, rgba(231, 241, 247, 1) 60%, rgba(251, 252, 253, 1) 100% ); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(205, 225, 239, 1) 0%, rgba(231, 241, 247, 1) 60%, rgba(251, 252, 253, 1) 100% ); /* IE10+ */ background: linear-gradient(to bottom, rgba(205, 225, 239, 1) 0%, rgba(231, 241, 247, 1) 60%, rgba(251, 252, 253, 1) 100% ); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cde1ef', endColorstr='#fbfcfd', GradientType=0 ); /* IE6-9 */ } .ccLauncher{ border: 1px solid #303030; float:right; padding:6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 4px 0px #999999; box-shadow: 1px 1px 4px 0px #999999; background: rgb(255, 255, 255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100% ); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1) ), color-stop(100%, rgba(229, 229, 229, 1) ) ); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100% ); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100% ); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100% ); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100% ); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 ); /* IE6-9 */ } .startupLauncherButton{ cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; float:left; width:46%; padding:5px; margin: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .startupContainerPiece .startupLauncherButton{ width:96%; } .startupLauncherButton:hover{ color: #FFFFFF; background: rgb(207, 231, 250); /* Old browsers */ background: -moz-linear-gradient(top, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100% ); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(207, 231, 250, 1) ), color-stop(100%, rgba(99, 147, 193, 1) ) ); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100% ); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100% ); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100% ); /* IE10+ */ background: linear-gradient(to bottom, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100% ); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1', GradientType=0 ); /* IE6-9 */ }