.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: #4bc1d2 !important;
	box-shadow: 0 1px 2px #4bc1d2, inset 0 3px 7px #b6f9ff;
	-o-box-shadow: 0 1px 2px #0061aa, inset 0 3px 7px #b6f9ff;
	-webkit-box-shadow: 0 1px 2px #4bc1d2, inset 0 3px 7px #b6f9ff;
	-moz-box-shadow: 0 1px 2px #4bc1d2, inset 0 3px 7px #b6f9ff;
}
/* Added by Reema on 21/04/14 for Theme implementation  */
.stackLayoutStyle{		
	background-image: -webkit-linear-gradient(top, literal("rgb(176, 219, 227) 30%"), literal("rgb(203, 226, 218) 60%"), literal("rgb(232, 196, 177) 100%"))!important;
	background-image: -o-linear-gradient(top, literal("rgb(176, 219, 227) 30%"), literal("rgb(203, 226, 218) 60%"), literal("rgb(232, 196, 177) 100%")) !important;
	background-image: -moz-linear-gradient(top, literal("rgb(176, 219, 227) 30%"), literal("rgb(203, 226, 218) 60%"), literal("rgb(232, 196, 177) 100%")) !important;
	background-image: -ms-linear-gradient(top, literal("rgb(176, 219, 227) 30%"), literal("rgb(203, 226, 218) 60%"), literal("rgb(232, 196, 177) 100%"))!important;
	background-image: linear-gradient(top, literal("rgb(176, 219, 227) 30%"), literal("rgb(203, 226, 218) 60%"), literal("rgb(232, 196, 177) 100%")) !important;
	background-color: #b0dbe3 !important;
	border-left: 1px solid rgb(203, 226, 218);
	border-right: 1px solid rgb(203, 226, 218);
	border-bottom: 1px solid;
}
/* Added by Reema on 21/04/14 for Theme implementation-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*/
@sprite .addButton{
 		gwt-image:'addButton' !important;
 		outline: none !important;
}	

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

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

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

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

@sprite .searchOptionButton:hover {
	gwt-image:'searchOptionButtonBlue' !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:'helpOption' !important;
	outline: none !important;
	height: 26px;
	width: 26px;
	background-position: 0 0;
	background-size: 100% 100%;	
}

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

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

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

.e12AdvSearchPnl{
	background-color: #4bc1d2 !important;
}
/* Added by Reema on 18/04/14-End */

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

