.stackHeaderStyle {
	background: rgb(170, 170, 170);
	box-shadow: 0 1px 2px rgb(170, 170, 170), inset 0 1px 2px rgb(243, 243, 243);
	-o-box-shadow: 0 1px 2px #0061aa, inset 0 3px 7px #b6f9ff;
	-webkit-box-shadow: 0 1px 2px rgb(170, 170, 170), inset 0 1px 2px rgb(243, 243, 243);
	-moz-box-shadow: 0 1px 2px #0061aa, inset 0 3px 7px #b6f9ff;
	border-bottom: 1px solid rgb(243, 243, 243);
}

.stackHeaderStyle-active {
	/*
	background: gray !important;
	box-shadow: 0 1px 2px #C0C0C0, inset 0 3px 7px #E9E9E9;
	-o-box-shadow: 0 1px 2px #C0C0C0, inset 0 3px 7px #E9E9E9;
	-webkit-box-shadow: 0 1px 2px #C0C0C0, inset 0 3px 7px #E9E9E9;
	-moz-box-shadow: 0 1px 2px #C0C0C0, inset 0 3px 7px #E9E9E9;
	*/
	background: #2087FC !important;
	box-shadow: 0 1px 2px #2087FC, inset 0 3px 7px #C7E1FF;
	-o-box-shadow: 0 1px 2px #2087FC, inset 0 3px 7px #C7E1FF;
    -webkit-box-shadow: 0 1px 2px #2087FC, inset 0 3px 7px #C7E1FF;
	-moz-box-shadow: 0 1px 2px #2087FC, inset 0 3px 7px #C7E1FF;
}
/* Added by Reema on 21/04/14 for Theme implementation  */
.stackLayoutStyle {		
		/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%"));
		/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%"));
		/* Opera */ 
	background-image: -o-linear-gradient(top, literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%"));
		/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, literal("left top"), literal("left bottom"), color-stop(.6, #C0C0C0), color-stop(0.85, #D3D3D3), color-stop(1.0, #E0E0E0));
		/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%"));
		/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(literal("to bottom"), literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%"));
	background-color: #C0C0C0 !important;
	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid;
}
/* Added by Reema on 21/04/14 for Theme implementation-End  */


.parentAbsPnl{
	/* background-color: silver !important; */
	background-color: #C0C0C0 !important;
	
	/* background-image:linear-gradient(to bottom, silver 60%, lightgray 85%, rgb(224, 224, 224) 100%) !important; */
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%")) !important;;
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%")) !important;;
	/* Opera */ 
	background-image: -o-linear-gradient(top, literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%")) !important;;
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, literal("left top"), literal("left bottom"), color-stop(.60, #C0C0C0), color-stop(.85, #D3D3D3), color-stop(1, #E0E0E0)) !important;;
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%")) !important;;
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(literal("to bottom"), literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%")) !important;;
}

.e12AdvSearchPnl{
	background-color: white !important;
	background-color: rgba(255, 255, 255, 0.5) !important;
}

.searchTitle{
	color:#2087fc !important;
	text-shadow: 0 1px rgba(255,255,255,0.2) !important;
}

.searchScopeTitle{
	border-bottom: 1px solid #2087fc !important;
}

.addNewLabel{
	color:#2087fc !important;
	text-shadow: 0 1px rgba(255,255,255,0.2) !important;
}


/* Added by Reema on 25/04/14 :The color of icons should be blue (search, search option and add new). On mouseover it should become white*/
@sprite .addButton{
 		gwt-image:'addButtonBlue' !important;
 		outline: none !important;
}	

@sprite .addButton:hover{
 		gwt-image:'addButton' !important;
 		outline: none !important;
}

@sprite .searchButton{
	gwt-image:'searchButtonBlue' !important;
	outline: none !important;
}

@sprite .searchButton:hover{
	gwt-image:'searchButton' !important;
	outline: none !important;
}

@sprite .searchOptionButton {
	gwt-image:'searchOptionButtonBlue' !important;
	background-position: 0 0;
	height: 32px;
	width: 32px;
 	background-size: 100% 100%;	 
 	outline: none !important;
}

@sprite .searchOptionButton:hover {
	gwt-image:'searchOptionButton' !important;
	background-position: 0 0;
	height: 32px;
	width: 32px;
	background-size: 100% 100%;	
	outline: none !important;
}
/* Added by Reema on 18/04/14 */
@sprite .helpOptButton{
	gwt-image:'helpOptionBlue' !important;
	outline: none !important;
	height: 26px;
	width: 26px;
	background-position: 0 0;
	background-size: 100% 100%;	
}

@sprite .helpOptButton:hover{
	gwt-image:'helpOption' !important;
	outline: none !important;
	height: 26px;
	width: 26px;
	background-position: 0 0;
	background-size: 100% 100%;	
}

@sprite .docHelpButton{
	gwt-image:'docHelpBlue' !important;
	outline: none !important;
	height: 25px;
	width: 25px;
	background-position: 0 0;
	background-size: 100% 100%;	
}

@sprite .docHelpButton:hover{
	gwt-image:'docHelp' !important;
	outline: none !important;
	height: 25px;
	width: 25px;
	background-position: 0 0;
	background-size: 100% 100%;	
}
/* Added by Reema on 18/04/14-End */

/* Added by Reema on 25/04/14 :The color of icons should be blue (search, search option and add new). On mouseover it should become white -End */

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
 cursor: default;
 background: #2087fc !important;
 COLOR: WHITE;
 -webkit-box-shadow: 0 1px 2px #2087fc, inset 0 1px 4px #c7e1ff;
}

