body {
  font-size : 11px;
  font-family : Verdana; 
  color : black;
}
#content {
  margin-left : 57px;
}
#header {
  background: url( ../../images/Nav/body_bg_TopRedLine.gif ) repeat-x;
  /*height : 61px;*/
}
#main {
  background: url( ../../images/Nav/body_bg_Redline.gif ) repeat-y ;
  height: 100%;
}
#username {
  background: url( ../../images/icons/user.gif ) no-repeat; 
  background-position: 0px 1px;
  background-color: white;
  padding-left: 22px;
  padding-top:3px;
  padding-bottom:0px;
  color:#929292;
}
#password {
  background: url( ../../images/icons/lock.gif ) no-repeat; 
  background-position: left;
  background-color: white;
  padding-left: 22px;
  padding-top:4px;
  padding-bottom:0px;
  color:#929292;
}
#proceed {
  background: url( ../../images/icons/forward_20.gif ) no-repeat; 
  background-position: right;
  background-color: white;
  padding-right: 16px;
  padding-top:4px;
  padding-bottom:4px;
  height:25px;
  width:130px;
  font-weight:bold;
}
#Back {
  background: url( ../../images/icons/back.gif ) no-repeat; 
  background-position: right;
  background-color: white;
  padding-right: 16px;
  padding-top:4px;
  padding-bottom:4px;
  height:25px;
  width:130px;
  font-weight:bold;
}
#Nope {
  background: url( ../../images/icons/Nope.gif ) no-repeat; 
  background-position: right;
  background-color: white;
  padding-right: 16px;
  padding-top:4px;
  padding-bottom:4px;
  height:25px;
  width:130px;
  font-weight:bold;
}
#Print {
  background: url( ../../images/icons/print.gif ) no-repeat; 
  background-position: right;
  background-color: white;
  padding-right: 16px;
  padding-top:4px;
  padding-bottom:4px;
  height:25px;
  width:130px;
  font-weight:bold;
}
#Email {
  background: url( ../../images/icons/email.gif ) no-repeat; 
  background-position: right;
  background-color: white;
  padding-right: 16px;
  padding-top:4px;
  padding-bottom:4px;
  height:25px;
  width:130px;
  font-weight:bold;
}
#Car {
  background: url( ../../images/icons/Vehicle_20.gif ) no-repeat; 
  background-position: right;
  background-color: white;
  padding-right: 16px;
  padding-top:4px;
  padding-bottom:4px;
  height:25px;
  width:130px;
  font-weight:bold;
}
#search {
  background: url( ../../images/icons/search.gif ) no-repeat; 
  background-position: right;
  background-color: white;
  padding-right: 16px;
  padding-top:4px;
  padding-bottom:4px;
  height:27px;
  width:130px;
  font-weight:bold;
}
#Detail {
  background: url( ../../images/icons/Detail.gif ) no-repeat; 
  background-position: right;
  background-color: white;
  padding-right: 16px;
  padding-top:4px;
  padding-bottom:4px;
  height:27px;
  width:130px;
  font-weight:bold;
}
#DetailSmall {
  background: url( ../../images/icons/Detail_20.gif ) no-repeat;
  background-position: right;
  background-color: white;
  padding-right: 16px;
  padding-top:4px;
  padding-bottom:4px;
  height:27px;
  width:130px;
  font-weight:bold; 
}
#AddSmall {
  background: url( ../../images/icons/Add_20.gif ) no-repeat;
  background-position: right;
  background-color: white;
  padding-right: 16px;
  padding-top:4px;
  padding-bottom:4px;
  height:27px;
  width:130px;
  font-weight:bold; 
}
#Balance {
  background: url( ../../images/icons/Balance.gif ) no-repeat;
  background-position: right;
  background-color: white;
  padding-right: 16px;
  padding-top:4px;
  padding-bottom:4px;
  height:27px;
  width:130px;
  font-weight:bold; 
}
#Edit {
  background: url( ../../images/icons/edit.gif ) no-repeat; 
  background-position: right;
  background-color: white;
  padding-right: 16px;
  
  padding-top:4px;
  padding-bottom:4px;
  height:27px;
  font-weight:bold;
}
#Add {
  background: url( ../../images/icons/add.gif ) no-repeat; 
  background-position: right;
  background-color: white;
  padding-right: 16px;
  padding-top:4px;
  padding-bottom:4px;
  height:27px;
  width:130px;
  font-weight:bold;
}
#Save {
  background: url( ../../images/icons/Save.png ) no-repeat; 
  background-position: right;
  background-color: white;
  padding-right: 16px;
  padding-top:4px;
  padding-bottom:4px;
  height:23px;
  width:100px;
  font-weight:bold;
}
#Approve {
  background: url( ../../images/icons/Approve_20.gif ) no-repeat; 
  background-position: right;
  background-color: white;
  padding-right: 16px;
  padding-top:4px;
  padding-bottom:4px;
  height:27px;
  width:130px;
  font-weight:bold;
}
#pageName {
  color:black;
  font-size: 13px;
  font-weight: bold;
}
.pageName {
  color:black;
  font-size: 13px;
  font-weight: bold;
}
.topMenu {
  background-color: #E4E4E4;
  /*height : 21px;*/
}
.topMenuActive {
  background-color: #D83132;
}
.form {
  padding : 20px 20px 20px 20px;
  background-color: #F9F7F7; 
  border: 1px solid #DDDDDD;
  width: 500;
}
.long {
  width: 650;
}
td {
  font-size : 11px;
  font-family : Verdana; 
  color : black;
}
th {
  font-size : 11px;
  font-family : Verdana; 
  color : white;
  font-weight:bold;
}
.darkfont	{
  color : black;
}
b {
  
}
a:link  {
  text-decoration: none;  
  color : black;
}
a:visited {
  text-decoration: none; 
  color : black
}
a:hover {
  text-decoration: none; 
  color : orange;
}

a.BigLink:link  {
  text-decoration: none;  
  color : #D83132;
  font-weight:bold;
}
a.BigLink:visited {
  text-decoration: none; 
  color : #D83132;
  font-weight:bold;
}
a.BigLink:hover {
  text-decoration: none; 
  color : #D83132;
  font-weight:bold;
}
.BigLink {
  color : #D83132;
  font-weight:bold;
  cursor: pointer;
}

a.SmallLink:link  {
  text-decoration: none;  
  color : #D83132;
}
a.SmallLink:visited {
  text-decoration: none; 
  color : #D83132;
}
a.SmallLink:hover {
  text-decoration: none; 
  color : #D83132;
}
.SmallLink {
  color : #D83132;
  cursor: pointer;
}

input {
  font-size : 10px;
  font-family : Verdana; 
  color : black;
  height : 20px;
  background-color: white;
  border:1px solid #C8C8C8;
  
}
select  {
  font-size : 10px;
  font-family : Verdana; 
  color : black;
}
textarea  {
  font-size : 10px;
  font-family : Verdana; 
  color : black;
}
ul  {
  line-height: 18px;
}
h3 {
  color:#D83132;
}
.hidden {
  display: none;
}
.show {
  display: box;
}
.error {
  color: #BF2D00;
  /*font-weight:bold;*/
}
#ErrorBox {
  border:1px solid #EAD3B3;
  background-color:#FCE7D4;
  padding:5px;
  visibility:hidden;
  position:absolute;
}
.tableForm {
  border : thin solid Black;
	border-collapse : collapse;
}
.editable {
  background-color: #F9F7F7; 
  border: 1px solid #DDDDDD;
}
.reddy {
  background-color: #eeeeee; 
  border: 1px solid #C8C8C8;
}
.info {
  background-color: white;
  border: 1px solid #D83132;
  text-align: center;
  height:25px;
  width:130px;
  font-weight:bold;
  padding-top:4px;
}
.infoGray {
  background-color: white;
  border:1px solid #C8C8C8;
  text-align: center;
  height:25px;
  width:130px;
  font-weight:bold;
  padding-top:4px;
}
.SmallInfo {
  background-color: white;
  border: 1px solid #D83132;
  text-align: center;
  font-weight:bold;
  padding:2px 2px 2px 2px;
}
#showLoading {
  visibility:hidden;
}
#sketch {
  position:absolute; 
  left:1px; 
  top:60%;
  width:342px;
  height:255px;
}
#teamMahindra {
  position:absolute; 
  left:0px; 
  top:0px;
  width:100%;
  height:63px;
  text-align:center;
  background: url( ../../images/company/i_team.gif ) no-repeat; 
  background-position: center;
  background-color: red;
}
.required {
  border: 1px solid red;
}
.popUp {
  position:absolute; 
  left:px; 
  top:89px;
  background-color: #E4E4E4; 
  border: 1px solid #E4E4E4;
  visibility: hidden;
  width:80px;
  height:35px;
  padding:5px;
  color: white;
}
.checkBox {
  background-color:;
  border: 0px;
}
#notesGuava {
  border: 1px solid #D83132;
  padding:2px 2px 2px 2px;
}
.grid {
  border: 1px solid black;
  border-collapse:collapse;
}


.ListItem1
{
    background-color:silver;
}

.ListItem2
{
    background-color:gray;
}


.Report_CompanyHead
{
    background-color:gray;
}

.Report_CompanyHead td
{
    text-align:center;
}

.Report_Item1
{
    background-color:red;
}

.Report_Item1 td
{
    text-align:center;
}

.Report_Item2
{
    background-color:silver;
}
.Report_Item2 td
{
    text-align:center;
}


.ListHeader
{
    font-famliy:arial;
    font-size:14px;
    color:gray;
    font-weight:bold;
    
}





.MandatoryField
{
    color:red;
}

.FormItemTitle
{
    height:20px;
    text-align:right;
    vertical-align:middle;
}

.InputSelectBox
{
   text-align:left;
   width:150px;
}

.InputText
{
    text-align:left;
    width:150px;
}
.InputNumeric
{
    text-align:right;
    width:150px;
}

.InputTelCode
{
    text-align:left;
    width:25px;
}


.InputTelNr
{
    text-align:left;
    width:55px;
}

.headersTd{
    background-color:#201B51;
    color:#FFFFFF;
    font-weight:bold;
    text-align:center;
}

#the_calendar{
    width:400px;
    background-color:#F9F7F7;
    border:1px solid #DDDDDD;
}

#the_calendar input{
    cursor:pointer;
    background-color:#F9F7F7;
}

#the_calendar td{
    text-align:right;
}

#cal_button{
    border:solid 1px #0000CC;
    width:60px;
    background-color:#FFF;
    border:1px solid #DDDDDD;
    color:#999999;
    text-align:center;
    margin:10px auto;
    font-weight:bold;
    height:20px;
    line-height:20px;
    cursor:pointer;
}

.timeTable{
	font-size:8px;
}