analytics/webcontent/cps4/portlets/appeditor/appEditor.css

/*
    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 */
}