gcube-widgets/war/gcubewidgets/gcube_common_styles.css

/**
 * Common CSS for gCube Portlets
 * 
 */
@import url(normalize.css);

/****** PANELS STYLES *******/



/* Use it for your portlet main Panel */
.gcube_panel {
	background: #FFFFFF;
	border: 1px solid #99BBE8;
	overflow: hidden;
}

.gcube_poli_panel {
	background: #FFFFFF;
	border: 1px outset #99BBE8;
	overflow: hidden;
}

.gcube_noborders_panel {
	background: #FFFFFF;
	border: 0px;
	overflow: hidden;
}

/* or */
.gcube_panel_thick_border {
	background: #FFFFFF;
	border: 2px solid #99BBE8;
	overflow: hidden;
}

/* To Use for the Portlet Main Header (if any) */
.gcube_header_background {
	background: #d6e3F3 !important;
	border-bottom: 1px solid #6ab4eb;
	border: none;
	border-bottom: 1px solid #6ab4eb;
	line-height: 15px;
	overflow: hidden;
	padding: 1px 4px 1px 4px;
	margin: 0px;
}

.gcube_inner_header_background {
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #15428B;
	border-top: 1px solid #0D70C6;
	border-left: 1px solid #0D70C6;
	border-right: 1px solid #0D70C6;
	background: transparent url(gcube_images/bg_nonselected_stack_item.png)
		repeat;
}

.gcube_content_panel {
	padding: 4px;
}

.gcube_panel_background {
	font-family: tahoma, arial, verdana, sans-serif;
	border: 1px solid #99BBE8;
	font-size: 11px;
	font-weight: bold;
	color: #15428B;
	background: transparent url(gcube_images/bg_nonselected_stack_item.png)
		repeat;
}

.gcube_header_caption {
	color: #15428B;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.23);
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 10px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	padding: 1px 4px 1px 2px;
}

/****** BORDERS STYLES *******/
.gcube_border_thin {
	border: 1px solid #99BBE8;
}

.gcube_border_standard {
	border: 2px solid #99BBE8;
}

/****** TABLE STYLES *******/
.gcube_table_header {
		background: #d6e3F3 !important;
	border-bottom: 1px solid #6ab4eb;
	border: none;
	color: #000000;
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 11px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 15px;
	overflow: hidden;
	padding: 1px 4px 1px 4px;
	margin: 0px;
}

.pad2 {
	padding: 1px 2px 1px 2px;
}

.margin {
	margin: 1px 2px 1px 2px;
}

/****** FORM COMPONENTS STYLES ******/
.gwt-CheckBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.gwt-CheckBox label {
	padding: 3px;
}

.gwt-TextBox {
	background: #FFFFFF url(gcube_images/text-bg.gif) repeat-x scroll 0 0;
	border: 1px solid #B5B8C8;
	padding: 1px 3px;
}

.gwt-PushButton-up,.gwt-PushButton-up-hovering,.gwt-PushButton-down,.gwt-PushButton-down-hovering
	{
	cursor: hand;
	cursor: pointer;
}

.gwt-Button {
	color: #464646;
	border: 1px solid #BBB;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 4px;
	background: #F2F2F2;
	font-size: 12px;
	cursor: pointer;
	cursor: hand;
	padding: 4px 15px;
	margin: 5px;
}

.gwt-Button[disabled]:hover,.gwt-Button[disabled]:active,.gwt-Button[disabled]
	{
	color: #CCC;
	border-color: #BBB;
	cursor: default;
	opacity: 1.0;
	background: #F2F2F2;
}

.gwt-Button:hover {
	border-color: #222;
	color: #222;
	opacity: 0.8;
}

.gwt-Button:active {
	background: #e3e8f3;
}

.gwt-TextArea {
	border: 1px inset #3366CC;
	font-family: Arial, Helvetica, sans-serif;
}

.button_help {
	cursor: hand;
	cursor: pointer;
}

.button_help:hover {
	opacity: 0.6;
	filter: alpha(opacity =        60);
}

/****** FONTS ******/
.font_bold {
	font-weight: bold
}

.font_family {
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

.font_tiny {
	font-size: 8px;
}

.font_small {
	font-size: 10px;
}

.font_standard {
	font-size: 12px;
}

.font_large {
	font-size: 16px;
}

.font_color {
	color: #15428B;
}

/****** MOUSE POINTERS ******/
.crossCursor {
	cursor: crosshair;
}

.widthResizeCursor {
	cursor: e-resize;
}

.heightResizeCursor {
	cursor: s-resize;
}

.seResizeCursor {
	cursor: se-resize;
}

.cursor-move {
	cursor: move;
}

/*
 * Use This to make the hand appear */
.selectable {
	cursor: hand;
	cursor: pointer;
}

/****** BASKETING STYLES *******/
.gcube_basket_item {
	background: transparent url(gcube_images/button_Down_stretch.png)
		repeat-x scroll 0 0px;
	border: 1px solid #0D70C6;
	color: #15428B;
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 12px;
	overflow: hidden;
	margin-left: 2px;
}

.gcube_selected {
	border: 0px solid #D9E8FB;
	background-color: #D9E8FB;
	padding: 1px 4px 1px 4px;
}

/****** DIALOG BOX STYLES ******/
.gwt-PopupPanel {
	background: #FFFFFF none repeat-x scroll 0 0;
	border: 3px solid #99BBE8;
	overflow: hidden;
}

.gwt-DecoratedPopupPanel {
	background: #FFFFFF none repeat-x scroll 0 0;
	border: 3px solid #99BBE8;
	overflow: hidden;
}

/** dialog box **/
.gcube_DialogBox {
	z-index: 10001;
	background: #FFFFFF none repeat-x scroll 0 0;
	border: 5px solid #CCC;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.80);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.80);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.80);
}

.gcube_DialogBox .Caption {
	color: #19326C;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
		"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 15px;
	font-weight: normal;
	padding: 5px;
}

.gcube_DialogBox .dialogContent div {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
		"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 13px;
	color: #555;
}

.gcube_DialogBox .dialogTop {
	background: #EDEDEF;
	margin: 0px;
	padding-left: 5px;
	height: 20px;
	border-bottom: 1px #CCC solid;
}

.gcube_DialogBox .dialogMiddleCenter {
	padding: 5px;
}

.gcube_DialogBox .dialogMiddleLeft {
	background: #FFF;
	padding-left: 5px;
}

.gcube_DialogBox .dialogMiddleRight {
	background: #FFF;
	padding-right: 5px;
}

.gcube_DialogBox .dialogBottom {
	background: #FFF;
	margin: 0px;
	padding-left: 5px;
	height: 5px;
}

/****** DECORATED TAB BAR  - TAB PANEL ********/
.gwt-TabPanel {
	font-size: 11px;
	font-family: sans-serif;
}

.gwt-TabPanelBottom {
	border-top: 5px solid #DEDEDE;
	overflow: hidden;
	padding: 6px;
}

.gwt-DecoratedTabBar {
	height: 10px;
	color: #416AA3;
	cursor: pointer;
	font-family: tahoma, arial, helvetica;
	font-size: 11px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	white-space: nowrap;
}

.gwt-TabBarItem {
	height: 10px;
}

.gwt-DecoratedTabBar .gwt-TabBarItem {
	margin-left: 6px;
	border-collapse: separate;
}

.gwt-DecoratedTabBar .gwt-TabBarFirst {
	width: 5px; /* first tab distance from the left */
}

.gwt-DecoratedTabBar .gwt-TabBarRest {
	
}

.gwt-DecoratedTabBar .tabTopCenter {
	padding: 0px;
	background: #DEDEDE;
}

.gwt-DecoratedTabBar .tabTopLeft,.gwt-DecoratedTabBar .tabTopRight {
	padding: 0px;
	zoom: 1;
}

.gwt-DecoratedTabBar .tabMiddleLeft,.gwt-DecoratedTabBar .tabMiddleRight
	{
	width: 6px;
	padding: 0px;
	background: #DEDEDE;
}

.gwt-DecoratedTabBar .tabMiddleLeftInner,.gwt-DecoratedTabBar .tabMiddleRightInner
	{
	width: 1px;
	height: 1px;
}

.gwt-DecoratedTabBar .tabMiddleCenter {
	cursor: pointer;
	cursor: hand;
	background: transparent url(gcube_images/gcube_header_gray.gif) repeat-x
		scroll 0 -1px;
	border-bottom: 1px solid #CDCDCD;
	padding-top: 1px
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
	background: #8DB2E3;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight
	{
	background: #CEDFF5 url(gcube_images/gcube-tab-bg-selected.gif) repeat-x
		scroll center bottom;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
	cursor: default;
	background: #CEDFF5 url(gcube_images/gcube-tab-bg-selected.gif) repeat-x
		scroll center bottom;
	color: #15428B;
	border-bottom: 1px solid #8DB2E3;
}

/****** MENUBAR ******/
.gwt-MenuBar .gwt-MenuItem {
	color: #15428B;
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 11px;
	cursor: pointer;
	cursor: hand;
	border: 0px;
}

.gwt-MenuBar .gwt-MenuItem-selected {
	background: #E0EDFE;
}

.gwt-MenuBar-horizontal {
	color: #15428B;
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 10px;
	/*border:1px solid #99BBE8;*/
	border: none;
	background: none;
}

.gwt-MenuBar-horizontal .gwt-MenuItem {
	vertical-align: bottom;
	color: #3366CC;
	font-weight: bold;
}

.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
	width: 1px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-left: 1px solid #888888;
	background: white;
}

.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
	width: 1px;
	height: 1px;
	background: white;
}

.gwt-MenuBar-vertical {
	background-color: #cddef3;
	border: 1px solid #99BBE8;
}

/* ********* Trees ***************** */
.gwt-Tree .gwt-TreeItem {
	padding: 1px 0px;
	margin: 0px;
	border: 0px;
	display: block !important;
	white-space: nowrap;
	cursor: hand;
	cursor: pointer;
}

/* *******  StackPanel *********/ /* *******  StackPanel *********/
.gwt-StackPanel {
	
}

.gwt-StackPanel .gwt-StackPanelContent {
	border: 1px solid #bbbbbb;
	border-bottom: 0px;
	background: white;
	padding: 2px 2px 10px 5px;
}

.gwt-StackPanelItem {
	cursor: pointer;
	cursor: hand;
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #15428B;
	border-top: 1px solid #0D70C6;
	border-left: 1px solid #0D70C6;
	border-right: 1px solid #0D70C6;
	background: transparent url(gcube_images/bg_nonselected_stack_item.png)
		repeat;
}

.gwt-StackPanel .stackItemTopLeft,.gwt-StackPanel .stackItemTopRight {
	height: 6px;
	width: 6px;
	zoom: 1;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
	border: 1px solid #0D70C6;
	color: #15428B;
	background: transparent url(gcube_images/bg_selected_stack_item.png)
		repeat-x scroll 0 -1px;
}

.gwt-PushButton-up,.gwt-PushButton-up-hovering,.gwt-PushButton-up-disabled,.gwt-PushButton-down,.gwt-PushButton-down-hovering,.gwt-PushButton-down-disabled
	{
	margin: 0;
	text-decoration: none;
	background: #fff;;
	border-radius: 2px;
	-moz-border-radius: 2px;
}

.gwt-PushButton-up,.gwt-PushButton-up-hovering,.gwt-PushButton-up-disabled
	{
	padding: 3px 5px 3px 5px;
}

.gwt-PushButton-up {
	border: 1px solid #bbb;
	border-bottom: 1px solid #a0a0a0;
	cursor: pointer;
	cursor: hand;
}

.gwt-PushButton-up-hovering {
	border: 1px solid;
	border-color: #939393;
	cursor: pointer;
	cursor: hand;
}

.gwt-PushButton-up-disabled {
	border: 1px solid #bbb;
	cursor: default;
	opacity: .5;
	filter: alpha(opacity =    45);
	zoom: 1;
}

.gwt-PushButton-down,.gwt-PushButton-down-hovering,.gwt-PushButton-down-disabled
	{
	padding: 4px 4px 2px 6px;
	outline: none;
}

.gwt-PushButton-down {
	border: 1px inset #666;
	cursor: pointer;
	cursor: hand;
}

.gwt-PushButton-down-hovering {
	border: 1px solid #939393;
	border-top: 1px solid #333333;
	cursor: pointer;
	cursor: hand;
}

.gwt-PushButton-down-disabled {
	border: 1px outset #ccc;
	cursor: default;
	opacity: 0.5;
	filter: alpha(opacity =    45);
	zoom: 1;
}

.gwt-ToggleButton-up,.gwt-ToggleButton-up-hovering,.gwt-ToggleButton-up-disabled,.gwt-ToggleButton-down,.gwt-ToggleButton-down-hovering,.gwt-ToggleButton-down-disabled
	{
	margin: 0;
	text-decoration: none;
	background: #FFF;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.gwt-ToggleButton-up,.gwt-ToggleButton-up-hovering,.gwt-ToggleButton-up-disabled
	{
	padding: 3px 5px 3px 5px;
}

.gwt-ToggleButton-up {
	border: 1px solid #bbb;
	border-bottom: 1px solid #a0a0a0;
	cursor: pointer;
	cursor: hand;
}

.gwt-ToggleButton-up-hovering {
	border: 1px solid;
	border-color: #939393;
	cursor: pointer;
	cursor: hand;
}

.gwt-ToggleButton-up-disabled {
	border: 1px solid #bbb;
	cursor: default;
	opacity: .5;
	zoom: 1;
	filter: alpha(opacity =    45);
}

.gwt-ToggleButton-down,.gwt-ToggleButton-down-hovering,.gwt-ToggleButton-down-disabled
	{
	padding: 4px 4px 2px 6px;
}

.gwt-ToggleButton-down {
	background-position: 0 -513px;
	border: 1px inset #666;
	cursor: pointer;
	cursor: hand;
}

.gwt-ToggleButton-down-hovering {
	background-position: 0 -513px;
	border: 1px inset;
	border-color: #9cf #69e #69e #7af;
	cursor: pointer;
	cursor: hand;
}

.gwt-ToggleButton-down-disabled {
	background-position: 0 -513px;
	border: 1px inset #ccc;
	cursor: default;
	opacity: .5;
	zoom: 1;
	filter: alpha(opacity =    45);
}