body{
            background-image: url("flowerbg54.gif"); 
        }


        h2 {
            margin-bottom: 20px;
            color: #333;
        }

        .input-group {
            margin-bottom: 15px;
            text-align: left;
        }

        h1 {
            text-align: center;
            color: white;;
            font-size: xx-large;
            font-family: 'Gill Sans', 
                'Gill Sans MT', ' Calibri', 
                'Trebuchet MS', 'sans-serif';
        }
        .mainCol{
            width:75%;
        }

        #liveFeedContainer{
            margin-left:5%;
        }
        #searchFeedContainer{
            margin-left:5%;
        }
        #header{
            font-size: large;
            font-weight: bold;
        }

        #liveDataTbl{
            border: 1px solid black;
            border-radius: 10px 10px 10px;
        }
        #searchDataTbl{
            border: 1px solid black;
            border-radius: 10px 10px 10px;
        }
        .uoaTh{
            text-align: center;
            color:brown;
            font-weight: bold;
            font-size: large;
            border: 1px solid black;
            background-color: lemonchiffon;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        .uoaTdBlk{
            text-align: left;
            border: 1px solid black;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: rgb(163, 157, 157);
            padding:10px;
	        color:rgb(37, 9, 161);
        }
        .uoaTdGrn{
            text-align: left;
            border: 1px solid black;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: rgb(117, 172, 117);
            padding:10px;
	        color:rgb(54, 22, 141);
	        font-weight:bold;
        }
        .uoaTd{
            text-align: left;
            border: 1px solid black;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: white;
            padding:10px;
	        color:black;
	        font-weight:bold;
        }

        .uoaTdRed{
            text-align: left;
            border: 1px solid black;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: rgb(235, 199, 185);
            padding:10px;
	        color:rgb(194, 16, 16);
	        font-weight:bold;
        }
	.col1{
		width:15%;
	}
	.col2 {
		width:15%;
	}
	.col3{
		width:75%;
	}
    .text{
            text-align: left;
            font-family: cursive;
            font-size: small;
            font:13;
            color:brown;
            margin-top: 10px;
        }
        .searchCol{
            width:20%;
            margin-left: 2%;
            border: 2px solid black;
            float: right;
            background-color: lemonchiffon;
            padding: 10px;
            border-radius:10px 10px 10px 10px;
        }
        .centerText{
            text-align: center;
            color:blue;
            font-weight: bold;
            font-size: large;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color:brown;
            border-bottom:1px solid brown;
        }
        p{
            color:brown;
            font-weight: bold;
            font-size: large;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        #tickerText{
            padding:10px;
            border-radius: 10px 10px 10px 10px;
            width:55%;
        }

        .datePicker{
            width:55%;
            padding: 10px;
            border-radius: 10px 10px 10px 10px;
            margin-left:15px;
        }

        #fromDatePicker{

            width:40%;
        }

        #toDatePicker{

            width:40%;
        }

        .btns{
            padding:10px;
            margin-left:15%;
            margin-right:5%;
        }

        input:focus {
            background-color: lightblue;
          }

        body{
            width:90%;
            margin-left:5%;
            margin-right:5%;
        }
        #searchBtn{
            color:brown;
            font-weight: bold;
            font-size: large;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: rgb(203, 225, 226);
            width:40%;
        }
        #resetBtn{
            color:brown;
            font-weight: bold;
            font-size: large;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: rgb(203, 225, 226);
            width:40%;
        }
	#searchErrorEmptyStrings{
		text-align:center;
		display:none;
		font-family:'emoji';
		font-size: medium;
		color:red;
		animation: blink 2s ease infinite;
	}
	#liveDataTbl{
		table-layout:fixed;
		width:100%;
	}

	#searchDataTbl{
		table-layout:fixed;
		width:100%;
	}