
* {
  font-family: Helvetica sans-serif;
  font-weight: bold;
  /*font-size: 17pt;*/
  font-size: normal;
}

.SliderPanel {
  background: white;
}

.parentPanel {
}

.feedTableParent{
}
.feedTableVisible{
}
.feedTableHidden{
	width: 0px;
}

.tabletDashBoardHeader{
	width: 100%;
}
.tabletDashboardContainer{
	width: 100%;
}

.dashboardComponent{
	padding: 5px;
	/*margin: 10px;
    border: 1px solid rgba(0,0,0,0.5);
    border-radius: 10px 10px 10px 10px;
    background: rgba(0,0,0,0.25);
    box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
    -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
    */
}

.PanelLabel {
  border-bottom: 1px solid rgb(217, 217, 217);
  width:auto;
  height: auto;
  padding: 10px 2px 10px 2px;
  table-layout: fixed;
}

.PanelLabel * {
  white-space: nowrap;
  overflow: visible;
  text-overflow: ellipsis;
}

.PanelLabel table {
  table-layout: fixed;
}

.FeedSelectPanel b {
  font-size: inherit !important;
  font-weight: inherit !important;
}

.last {
  padding-bottom: 14px !important;
}

/* 
@sprite .backButton {
 gwt-image:'iPhoneBackButton';
 }

@sprite .goButton {
	gwt-image:'iPhoneButton';
	size:auto;
} 
*/

.button {
  cursor: pointer;
  font-size: 9pt;
  font-weight: normal;
  vertical-align: middle;
  text-align:center;
  padding-left:2px;
  
  height: 29px;
  line-height: 29px;
  
}

.busy {
  background: url('%spinner%') no-repeat right !important;
}

.externalLink {
  color: blue;
  cursor: pointer;
  text-decoration: underline;
}

.hasCommand {
  background-color:white; 
  vertical-align:middle;
  cursor: pointer;
  width: auto;
}

.htmlViewFrameStyle {
	width:100%;
	border:thin;
	background-color:grey;
	overflow:scroll;		
}

.wfpanelRefSeriesnRefId
{
	font-size: large;
	font-style: normal;
	text-align:left;
	
}
.wfpanelSignFor{
	font-size: small;
	font-weight: 100;
	text-align:left;
}

.wfpanelCreateDate{
	font-size: large;
	font-style: normal;
	font-weight: bold;
	text-align:right;
} 
.wfpanelrow{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
}

.labelInApproval
{
	font-size: medium;
	font-style: normal;
	/*PPR 3-9-2011*/
	color:black;
}
.dateLabelInApproval
{
	font-size: medium;
	font-style: normal;
	color:black;
    text-align: right;
}

.closeDialog
{
	background:url(CloseButton.png) no-repeat;
	height: 15px;
}

.entryVertPanelStyle{
	height:40px;
	width:100%;
	padding:2px;
	}	
	
.wfpanel-Footer{
	padding: 2px;
	}
	
.labelSignFor{
	font-size: small;
	font-weight:lighter;
	float:left;
	position:absolute;
	/*PPR 3-9-2011*/
	color:black;
	
	}	
		
    .loginText{
	font-size: medium;
	font-style: normal;
	}
	.loginText1{
	font-size: medium;
	font-style: normal;
	}

.loginButton {
	float: right;
	border-radius: 8px;
}

.loginButton:HOVER {
	background-color: #2E5C8A;
	color: #ffffff;
	cursor: pointer;
}
	
	.E12favourite-list{
	
    max-width:100%; 
    white-space:nowrap; 
    font-size:12pt;
    cursor:pointer;
    list-style: square;
    padding-left:0px; 
	}
	
	
	.E12favourite-list1{
	
    max-width:100%; 
    white-space:nowrap; 
    font-size:8pt;
    cursor:pointer;
    list-style: square;
    padding-left:0px; 
    font-weight:normal;
	}
	
	@sprite .iconListImage 
	{
		gwt-image: 'logo';
	}
	.htmlData {
	font-weight:lighter;
	font-size: small;
	font: lighter;
	}
	.label1{
	font-weight:lighter;
	font-size: medium;
	text-align: left;
	color:black;
	}
	.label2{
	font-weight:lighter;
	font-size: medium;
	text-align: left;
	color:black;
	}
	.textBox1{
	font-weight:lighter;
	font-size: small;
	width: 100px;
	border-style: solid;
	}
	.textBox2{
	font-weight:lighter;
	font-size: small;
	width: 215px;
	border-style: solid;
	}
	.textBox3{
	font-weight:lighter;
	font-size: small;
	width: 330px;
	border-style: solid;
	}
	.textBox4{
	font-weight:lighter;
	font-size: small;
	width: 440px;
	border-style: solid;
	}
	.textBox5{
	font-weight:lighter;
	font-size: small;
	width: 552px;
	border-style: solid;
	}
	.textReadOnly1{
	font-weight:lighter;
	font-size: small;
	width: 100px;
	border-style: solid;
	color: blue;
	}
	.textReadOnly2{
	font-weight:lighter;
	font-size: small;
	width: 215px;
	border-style: solid;
	color: blue;
	}
	.textReadOnly3{
	font-weight:lighter;
	font-size: small;
	width: 330px;
	border-style: solid;
	color: blue;
	}
	.textReadOnly4{
	font-weight:lighter;
	font-size: small;
	width: 440px;
	border-style: solid;
	color: blue;
	}
	.textReadOnly5{
	font-weight:lighter;
	font-size: small;
	width: 552px;
	border-style: solid;
	color: blue;
	}
	.feedVertPnl
	{
		width: 100%;
	}

 	.mainfeedStyle
 	{
	 	font-size: medium;
		font-style: normal;
		font-weight:bold;
 	}
 	
 	.subfeedStyle
 	{
	 	font-size: small;
		font-style: italic;
		font-weight: bold ;
 	}
 	
 	.dateBoxStyle
 	{
 		font-size: small;
		font-style: normal;
		font-weight:bold;
 	}
 	
	.widgetStyleDisable
 	{
 		font-size: small;
		font-style: normal;
		font-weight:bold;
		color: blue;
 	}
 	.textBoxStyle
 	{
 		font-size: small;
		font-style: normal;
		font-weight:bold;
		color: blue;
 	}
 	
 	.listBoxStyle
 	{
 		font-size: small;
		font-style: normal;
		/*font-weight:bold;*/
 	}

	.nonEditableStyle
 	{
 		background-color: #BEBEBE;
 	}

	.gwt-ScrollTable 
	{
		border-color: #aaa;
	  	border-style: solid;
	  	border-width: 1px 0px 1px 1px;
	}

	.gwt-ScrollTable .headerTable td
	{	
		font-size: large;
		font-style: normal;
		font-weight:bold;          /*#4682B4;  #7198BA  #8E9EB4  #B0C4DE*/
		background:	#8E9EB4 	
	}

	.gwt-ScrollTable .dataTable td,
	.gwt-ScrollTable .headerTable td,
	.gwt-ScrollTable .footerTable td 
	{
	  	border-color: #100;
	  	white-space: nowrap; 
	    overflow: hidden;
	}

	
	.gwt-ScrollTable .headerTable td,
	.gwt-ScrollTable .footerTable td
	 {
	    color: #fff;     
		font-size:15px;   
		white-space: nowrap;  
		clear: both;
		width: 60px;
	}

	.gwt-ScrollTable .dataTable tr,
	.gwt-ScrollTable .dataTable td
	{
		 font-size:15px;
		 line-height:5px;
	}

	.gwt-ScrollTable .dataWrapper
	 {
		 height:10px;
	 }      

	.gwt-ScrollTable .dataTable tr.highlighted
	{
	  	background: #C3D9FF;
	}
	
	.gwt-ScrollTable .dataTable td.highlighted
	{
		background: #C3D9FF;
	 	cursor: hand;
	 	cursor: pointer;
	}
	
	.gwt-ScrollTable .dataTable tr.selected td 
	{
	    background: #FFFFAA; /**/
	}
	
	.formtitle
	{
		background-color : #E7E7E7  ;  /*gray*/
		font-size : Medium;
		/*
		font-color: #FF8F18 ;    /*orange*/
		vertical-align: middle;
		horizontal-align: center;
		margin-left:auto;
        margin-right:auto;
	}
	
	.titleLabel
	{
		font-family: Helvetica sans-serif;
		font-size: 17pt;
		font-weight: bold;
		 color : #ffffff;
	}
	
	.authenTitle
	{
		font-family: Helvetica sans-serif;
		font-size: 17pt;
		font-weight: bold;
	}
	
	.feedTableHeader
	{
		font-size: large;
	}
	
	.titlePanelInFeed
	{
	    font-size : large;
	}

	.advFeedTitle
	{
		 font-size : small;
	}
	
	 .brandsPanel{
        border-bottom: 1px solid rgb(217, 217, 217);
        border-left:0px;
        border-right:0px;
        border-top:0px;
        width:auto;
  		height: auto;
  		padding: 5px 2px 5px 2px;
  		table-layout: fixed;
  		
    }
    .brandsName{
    	font-family: Helvetica sans-serif;
		font-size: 10pt;
		font-weight: bold;
    }
    .feedBackLabel{
    	font-family: Helvetica sans-serif;
		font-size: 10pt;
		font-weight: lighter;
		font-style: italic;
    }
    
	.gwt-Label 
	{
		color : #ffffff;
	}
	
	.popHelpLabel
	{
		/*word-wrap : break-word;*/
		font-size : small;
		text-align: center;
	}
 	
	.scanInputPadding-Detail
	{
		padding: 10px 10px 0px 0px;
	}
	.scanInputPadding-Feeds
	{
		padding: 10px 10px 0px;
	}
	.filterOptionContainerPanel
	{
		padding: 10px;
	}
	.filterOptionsButton
	{
		width: 100%;
		background-color:#DDD;
		border: 1px outset #DDD;
		border-radius:3px;
	}

	.searchbox
	{
		height:44px;margin:0;width:100%;
		background: 
		-webkit-gradient(linear,literal("0% 0%"),literal("0% 100%"),from(#f1f3f4),color-stop(3%,#e0e4e7),color-stop(50%,#c7cfd4),color-stop(51%,#bec7cd),color-stop(97%,#b4bec6),to(#8999a5));
		background: 
		-moz-linear-gradient(top, #f1f3f4, literal("#e0e4e7 3%"), literal("#c7cfd4 50%"), literal("#bec7cd 51%"), literal("#b4bec6 97%"),#8999a5);
		background: 
		-o-linear-gradient(top, #f1f3f4, literal("#e0e4e7 3%"), literal("#c7cfd4 50%"), literal("#bec7cd 51%"), literal("#b4bec6 97%"),#8999a5);
	}
	
	.searchboxform
	{
		height:24px;width:85%;border-width:4px 14px 1px 24px;display:block;position:relative;top:8px;margin:auto;
		-webkit-border-image:url(images/searchBG.png) 4 14 1 24  ;
		-moz-border-image:url(images/searchBG.png) 4 14 1 24  ;
		-o-border-image:url(images/searchBG.png) 4 14 1 24  ;
	}
	
	.searchboxinput
	{
		border:0;height:18px;float:left;font-size:13px;padding:0;position:relative;top:2px;left:2px;width:100%;
		-webkit-appearance:none;
	}
	.scanboxinput
	{
		background:transparent;border:0;height:18px;float:left;font-size:13px;padding:0;position:relative;top:2px;left:2px;width:100%;
		-webkit-appearance:none;
	}
    .searchboxinputWaterMark
	{
		border:0;height:18px;float:left;font-size:13px;padding:0;position:absolute;top:2px;left:2px;width:100%;
		-webkit-appearance:none;
		color: #FF0000;
		
	}
	.searchboxformWaterMark
	{
		height:24px;width:85%;border-width:4px 14px 1px 24px;display:block;position:relative;top:8px;margin:auto;
		-webkit-border-image:url(images/scanBG.png) 4 14 1 24  ;
		-moz-border-image:url(images/scanBG.png) 4 14 1 24  ;
		-o-border-image:url(images/scanBG.png) 4 14 1 24  ;
	}
	
	.ME12Feeds-optionsPanel
	{
		width: 100%;
	}

	.datePickerDay
 	{
 		padding: 10px;
 	}
 	
 	.feedbackStyle
 	{
	 	font-size: small;
	 	font-family: Helvetica;
	 	font-style :italic;
	 	text-align: center;
	 	margin-left: 10px;
 	}

	.buttonPanel{
		padding-left: 15px;
		padding-right: 15px;
	}

 	.scanLabel
	{
		color : black;
	}
 	
 	.changePasswordHeaderCaption
 	{
 	  font-family: Arial, Helvetica, sans-serif;
	  font-size:15px;
 	}
 	.changePasswordCloseBtn
 	{
 		font-family: Arial, Helvetica, sans-serif;
		font-size:15px;
 	 	text-align: center;
 	  	width : 70%;
 	  	border-radius:8px;
 	  	height: 20px;
 	  	border: 1px solid grey;
 	}
 	.changePasswordCloseBtn:HOVER{
 	 background-color:	#2E5C8A;
 	 color :  #ffffff;
 	 cursor: pointer;
 	}
 	
 	.changePasswordHeader {
  		width: 100%;
  		height: 37px;
  		padding:2px;  		
	}

.appPanelLabel {
	border-bottom: 1px solid rgb(217, 217, 217);
	width: auto;
	height: auto;
	padding: 10px 2px 10px 2px;
	table-layout: auto;
	cursor: pointer;
}

.applicationPanel {
	width: auto;
	height: auto;
}

.applicationLabel {
	color: black;
	font-size: small;
	font-style: normal;
	white-space: nowrap;
}

.applicationDescLabel {
	color: black;
	font-size: small;
	font-style: italic;
	white-space: nowrap;
}

.okButton{
	float: right;
	width: 80px;
	height:30px;
	text-align: center;
	 border-radius:8px;
}
.okButton:HOVER{
 	 background-color:	#2E5C8A;
 	 color :  #ffffff;
 	 cursor: pointer;
 }

.addNewBtn {
	font-size: large;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	padding-left: 2px;
}

.descriptionLbl {
	font-size: medium;
	font-style: normal;
	color: black;
}
.cancelBtn {
	float: left;
	border-radius:8px;
	
}
.cancelBtn:HOVER {
	background-color:	#2E5C8A;
 	 color :  #ffffff;
 	 cursor: pointer;
	
}
 
.outerHeader {
	height: 40px;
	width : 100%;
  	overflow: hidden;
}

.outerFooter {
	height: 40px;
	width : 100%;
	overflow: hidden;
}

.contents {
  	width:100%;
}	

.gwt-SplitLayoutPanel-HDragger {
  background: black  center center no-repeat;
  width: 1px;
}

/* As per Kandarp Sir for Textbox onFocus event*/
.outerHeader-onFocus {
	height: 40px;
	width: auto;
	overflow: hidden;
}

.outerFooter-onFocus {
	height: 40px;
	width: auto;
	overflow: hidden;
	bottom: 0px;
}

.contents-onFocus {
  	width:100%;
  	padding-bottom: 40px;
}

.backgroundTexture
{
	background: url( images/BackgroundTexture.jpg );
}

.userHtmlData
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}
.buildVersion
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	
}
.bgGlass
{
	-webkit-filter: blur(20px);
    background-color: lightblue;
    opacity: 0.85;
    -moz-filter: blur(20px);
    -o-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(20px);
}

.poupPanel-gwt-PopupPanel
{
	background: transparent;
	
}

        
.close {
	font-family: Arial, Helvetica, sans-serif;
	font-size:large;
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    cursor: pointer;
}

.close:hover { background: #00d9ff; }


.bubblebox {
	
    position:relative;
    padding:15px;
    margin:1em 0 3em;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    background: #fff;
    background:-webkit-gradient(linear, literal("left top"), literal("left bottom"), from(#fff), to(#999));
    background:-moz-linear-gradient(top, #fff, #999);
    background:-o-linear-gradient(top, #fff, #999);
    
}
.bubblebox.top {
    background:-webkit-gradient(linear, literal("left top"), literal("left bottom"), from(#999), to(#fff));
    background:-moz-linear-gradient(top, #999, #fff);
    background:-o-linear-gradient(top, #999, #fff);
}

.bubblebox.topTablet {
    background:-webkit-gradient(linear, literal("left top"), literal("left bottom"), from(#999), to(#fff));
    background:-moz-linear-gradient(top, #999, #fff);
    background:-o-linear-gradient(top, #999, #fff);
}

    /* creates triangle */
    .bubblebox:after {
        content:"";
        display:block; /* reduce the damage in FF3.0 */
        position:absolute;
        bottom:-15px; /* value = - border-top-width - border-bottom-width */
        left:50px; /* controls horizontal position */
        width:0;
        height:0;
        border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
        border-style:solid;
        border-color:#999 transparent;
    }
    
   
    .bubblebox.top:after {
        top:-15px; /* value = - border-top-width - border-bottom-width */
        right:19px; /* controls horizontal position */
        bottom:auto;
        left:auto;
        border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
        border-color: #999 transparent;
    }

	.bubblebox.topTablet:after {
        top:-15px; /* value = - border-top-width - border-bottom-width */
        right:82px; /* controls horizontal position */
        bottom:auto;
        left:auto;
        border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
        border-color: #999 transparent;
    }


.awesome, .awesome:visited {
    background: #222 url(alert-overlay.png) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
}

.awesome:hover							{ background-color: #111; color: #fff; }
.awesome:active							{ top: 1px; }
.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 			{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #971B1B; }
.red.awesome:hover							{ background-color: #681212; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover							{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
.orange.awesome:hover							{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
        
/* Added by Dnyaneshwar on 25-DEC-2012 [As per Kandarp Sir : Changed look & feel of change password user interface ] End*/  

/*START: Added by Harshada on 2-JAN-2013 [As per Kandarp Sir : Changed look & feel of Password popup in user connections]  */
.passwordBubbleBox {
	position: relative;
	padding: 15px;
	margin: 1em 0 3em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
	background: -webkit-gradient(linear, literal("left top"),
		literal("left bottom"), from(#fff), to(#999) );
	background: -moz-linear-gradient(top, #fff, #999);
	background: -o-linear-gradient(top, #fff, #999);
}
 /*END: Added by Harshada on 2-JAN-2013 [As per Kandarp Sir : Changed look & feel of Password popup in user connections]  */
           
/* Added by Dnyaneshwar on 25-DEC-2012 [As per Kandarp Sir : Changed look & feel of change password user interface ] End*/

/* Added by Dnyaneshwar on 4-JAN-2013 [ As per Kandarp Sir : Changed look & feel of wizard all buttons ] Start */
	
.navigationFooter
{
	text-align: center;
}

.homeIcon
{
	height: 30px;
	width:43px;
	cursor: pointer;
}

.filterIcon	
{
	width:45px;
	cursor:pointer;
	height: 30px;
}

 .nextButtonIcon:active, 
 .prevButtonIcon:active, 
 .finishButtonIcon:active, 
 .cancelButtonIcon:active, 
 .doneButtonIcon:active, 
 .deselectButtonIcon:active,
 .userImage:active,
 .refreshIcon:active,
 .countWorkflow:active,
 .rejectButtonIcon:active,
 .deleteIcon:active,
 .addIcon:active
{
    width: 30px;
    height: 30px;
    
    background-color: rgba(255, 255, 255, .5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-color:rgba(255, 255, 255, .75);
    
    -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, .75);
    -moz-box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, .75);
    box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, .75);
            
}

.countWorkflow
{
	color: #FFFFFF;
	font-weight: bold;
	left: 18px;
	position:absolute;
	top:1px;
	cursor: pointer;
	
}
.filterButton
{
	border: none;
}

.errlabel{
	color: maroon;
	font-size: medium;
	font-weight: bold;
	font-style: italic;
}

