/* Copyright ©2012 by Subhadrainfotech Pvt Ltd. */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
    Filename : CommonCSS.CSS
    Project  :
    Author   : sujit kumar
    Date of creation : 22-july-2012
    
*/
.success {
	background: transparent url(wave.gif) no-repeat;
}

.error {
	background: transparent url(Delete.png) no-repeat;
}

.loading {
	background: transparent url(loading.gif) no-repeat;
}


.MandatoryFieldEmpty {
	color: orange;
}

.MandatoryFieldValied {
	color: Black;
}

.legendTypeBackGround {
	background-color: #90AAcF;
}

.myTable {
	border-spacing: 0;
	border: 1px solid #91A7B4;
	font-size: 11;
	border-collapse: collapse;
	color: grey;
	font-family :Arial Narrow;
}

table.myTable td {
	text-align: left;
	padding: 2px 4px 2px 4px;
	/*width: 100px;*/
	border-style: solid;
	border-color: grey;
	color: black;
	border-left: 1px solid grey;
	font-family :Arial Narrow;
}

table.myTable th {
	border: solid 1px grey;
	background-color: #FECA0C;
	font-weight: bold;
	color: White;
	height :40px;
}

table.myTable td {
	border-width: 1px 1px 1px 1px;
	font-family :Arial Narrow;
}



table.myTable tr.sortbottom td {
	border-top: 1px solid #444;
	background-color: #ccc;
	font-weight: bold;
}
/* Chrome25 Bug fix, 100% width causes issues with the date picker, replaced with a fixed width*/

.table.myTable  td:hover
{

	color: black;
	background-color: #eeeeee;
	border-color: #dddddd;
}

.myTable1 {
	border-spacing: 0;
	border: 1px solid #91A7B4;
	font-size: 11;
	border-collapse: collapse;
	color: white;
}

table.myTable1 td {
	text-align: left;
	padding: 2px 4px 2px 4px;
	/*width: 100px;*/
	border-style: solid;
	border-color: white;
	color: black;
}

table.myTable1 th {
	border: solid 1px white;
	background-color: #293955;
	font-weight: bold;
}

table.myTable1 td {
	border-width: 1px 1px 1px 1px;
}



table.myTable1 tr.sortbottom td {
	border-top: 1px solid #444;
	background-color: #ccc;
	font-weight: bold;
}


table.x-date-inner {
	width: 100px !important; /* original was width : 100% */
}

.myButton {
	-moz-box-shadow: inset 0px -3px 7px 0px #29bbff;
	-webkit-box-shadow: inset 0px -3px 7px 0px #29bbff;
	box-shadow: inset 0px -3px 7px 0px #29bbff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
	background: -moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background: -webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background: -o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background: -ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background: linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
	background-color: #2dabf9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #0b0e07;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: arial;
	font-size: 15px;
	padding: 3px 23px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #263666;
}

	.myButton:hover {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
		background: -moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
		background: -webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
		background: -o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
		background: -ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
		background: linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0);
		background-color: #0688fa;
	}

	.myButton:active {
		position: relative;
		top: 1px;
	}


.myTextBox {
	border: 1px solid #c4c4c4;
	height: 16px;
	width: 200px;
	font-size: 13px;
	padding: 4px 4px 4px 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

	.myTextBox:focus {
		outline: none;
		border: 1px solid #7bc1f7;
		box-shadow: 0px 0px 8px #7bc1f7;
		-moz-box-shadow: 0px 0px 8px #7bc1f7;
		-webkit-box-shadow: 0px 0px 8px #7bc1f7;
	}

.myButton:active {
	position: relative;
	top: 1px;
}

#my-grid .x-grid3-cell-inner {
	
	color: Black;
	background-color: ButtonFace;
	
}

#my-grid_Y .x-grid3-cell-inner {
	
	color: Black;
	background-color: ButtonFace;
	
}
.myLegend {
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 90%;
	color: #666;
	background: #eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999;
	padding: 4px 8px;
}