﻿.HeadFormName
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
}
fieldset
{
	border: .19em solid #D5DBDB;
}
div
{
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;
}
.label
{
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;
}
.LabelHeading
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #003366;
    margin: 2px;
}
.Mandatory
{
	color:Maroon;
}
.text-inputPageingWidthSize /*Theam*/
{
	border: 1px solid #5A8AD1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 2px;
	height: 16px;
}
.text-inputAuto
{
    border: 1px solid #5A8AD1;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    height: 14px;
    background-color: #FDF4C1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.text-input /*Theam*/
{
	border: 1px solid #5A8AD1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 14px;
	
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.text-inputGrid /*Theam*/
{
	border: 1px solid #5A8AD1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 14px;
	width:60px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.text-inputID
{
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:Maroon;
	height: 14px;
	 background-color:#E0E0E0;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.text-inputGridSearch
{
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 14px;
	background-color: #F3F4FE;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.text-inputDisable
{
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:Maroon;
	height: 14px;
	 background-color:#E0E0E0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.text-input-on
{
	border: 1px solid #FF9900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #F3F5F5;
}
.text-input:hover
{
	border: 1px solid #FF9900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
input:focus
{
    background-color: #FDFD00;
    border: 2px solid #FF0000;
    color: #333333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
select:focus { 
    border: 2px solid #FF0000;
	color: #333333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
button:focus { 
    border: 2px solid #FF0000;
	color: #333333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.divbutton /*Theam*/
{
	border-style: 0;
	border-color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: repeat;
	height: 25px;
	font-weight: bold;
	font-size: 10px;
	border-width: 0px;
	color: #800000; /*Rounded Corners*/
	background-color: #DCE0FC;
}
.buttonDisabled
{
	border-style: 1;
	border-color: gray;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: repeat;
	height: 22px;
	width: 85px;
	font-weight: bold;
	font-size: 10px;
	border-width: 1px;
	color: #666666; /*Rounded Corners*/
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #dddddd;
}

.button
{
	border-style: 1;
	border-color: gray;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: repeat;
	height: 22px;
	width: 85px;
	font-weight: bold;
	font-size: 10px;
	border-width: 1px;
	color: #800000; /*Rounded Corners*/
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #DCE0FC;
}
.button-on
{
	border-style: 2;
	border-color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../Images/2.png);
	background-repeat: repeat;
	height: 22px;
	width: 85px;
	font-weight: bold;
	font-size: 10px;
	border-width: 2px;
	color: #000066;
	background-color: #BEC6FA;
}
.button:hover
{
	border-style: 2;
	border-color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../Images/2.png);
	background-repeat: repeat;
	height: 22px;
	width: 85px;
	font-weight: bold;
	font-size: 10px;
	border-width: 2px;
	color: #0033CC;
	background-color: #BEC6FA;
}
.mycheckbox {
  display:none;
}

.mycheckbox + label {
  padding:20px; /*or however wide your graphic is*/
  background:url(/fancy-unchecked.gif) no-repeat left center;
}

.mycheckbox:checked + label {
  background:url(/fancy-checked.gif) no-repeat left center;
}

.link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #0000FF;
}
.link:visited{	color: #0000FF;}
.link:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff6666;
	text-decoration: none;
}
.link:active {color: #0000FF;}

.linkGrid
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: red;
	font-weight: bold;
}

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 100px;
  }
  
.TableBackColor
{
	border-right: #ff6600 0pt outset;
	border-top: #ff6600 0pt outset;
	border-left: #ff6600 0pt outset;
	border-bottom: #ff6600 0pt outset;
	border-collapse: separate;
	background-color: #ECEDF1;
	border-collapse: separate;
}
.TableRowHeading
{
	color: #000066;
	background-color: #f5f5f5;
	font-weight: BOLD;
}
.TableRowBackColor
{
	background-color: #fefcff;
	border-style: none;
	border-width: 0px;
	padding: 0px;
	border-color: gray;
	-moz-border-radius: 0px;
	
}