﻿.label1
{
	font-size:12em;
	font-weight:bold;
	color:#007acc;

}

    .textbox
    {         
        /*padding:7px 10px 7px 40px;*/         
        width:200px;         
        border:1px solid #dddddd;
        border-radius:5px;
    }

.textbox1
{
	border-top: solid 1px #8e8e8e;
	border-right: solid 1px #d1d1d1;
	border-left: solid 1px #d1d1d1;
	border-bottom: solid 1px #e4e4e4;
	height: 100%;
	width: 100%;
	padding-left: 2px;
	text-transform: uppercase;
	text-wrap:normal;
	text-align:left;
}

	.textbox1:focus
	{
		border-color: #4488cc;
		border-style: solid;
		border-width: 2px;
		outline: 0;
		background-color:lightyellow;

	}

	.textbox1:hover
	{
		background-color:lightyellow;
	}

.textbox2 {
    background: #333;
    color: #ccc;
    width: 200px;
    padding: 6px 15px 6px 35px;
    border-radius: 20px;
    box-shadow: 0 1px 0 #ccc inset;
    transition: 500ms all ease;
    outline: 0;
}

.textbox2:hover {
	background-color:#f1eb7d;
}


.DropDown
{
	height: 100%;
	width: 100%;
	align-self:auto;
}

	.DropDown:focus
	{
		border-color: #4488cc;
		border-style: solid;
		border-width: 2px;
		outline: 0;
		background-color:lightyellow;
	}

	.DropDown:hover
	{
		background-color: lightyellow;
	}




/* Table Setting Strats  */
.TableNormal
{
	width: 100%;
	height: auto;
	padding-top: 2%;
	padding-bottom: 2%;
}



.BlankRow
{
    height: 15px !important; /* Overwrite any previous rules */
}

.ValueColumn
{
	width:auto;
	height:auto;
	padding-top:10px;
	align-content:center;
}

.blank_Column
{
	width: 1% !important;  /* Overwrite any previous rules */
}

.label
{
	white-space:nowrap;
	text-align:right; 
	padding: 2px 0px 10px 2px;
	color:#000;
}


.MyDiv
{
	padding-bottom: 1%;
	width:80%;
	height:auto;
	margin:0 auto;

}



.MyGrident
{
		/*
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a9e4f7+0,0fb4e7+100;Ble+3D+%235 */
background: #a9e4f7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5ZTRmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZmI0ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a9e4f7 0%, #0fb4e7 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%); /* IE10 preview */
background: linear-gradient(to bottom,  #a9e4f7 0%,#0fb4e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-8 */


}

.Mandatory
{
	color: red;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size:smaller;
	font-weight: normal;
	font-style: italic;
	font-variant: normal;
	vertical-align: middle;
	text-align: left;
}

