/*  ###########################################################
Author: MrutyumajayaRao.Chenn<mchennu@miraclesoft.com>
###########################################################
*/

/*
Default Body
------------------------------------------------------ */ 
.bodyGeneral{
   margin: 0;
   padding: 0;
   scrollbar-face-color: #FFFFFF; 
   scrollbar-shadow-color: #508fc4;
   scrollbar-highlight-color: #4CA0E0; 
   scrollbar-3dlight-color: #FFFFFF;
   scrollbar-darkshadow-color: #FFFFFF; 
   scrollbar-track-color: #FFFFFF;
   scrollbar-arrow-color: #508fc4;
}

/*
Template Styles
------------------------------------------------------
*/



.templateTable{
   height: 750px;
   left: 0px;
   top: 0px;
   width: 1000px;
   border-top:        2px solid #979AC2;
   border-left:       2px solid #979AC2;
   border-bottom:     1px solid #979AC2;
   border-right:      1px solid #979AC2;
}

.templateTableLogin{
   height: 580px;
   left: 0px;
   top: 0px;
   width: 1000px;
   border-top:        2px solid #979AC2;
   border-left:       2px solid #979AC2;
   border-bottom:     1px solid #979AC2;
   border-right:      1px solid #979AC2;
}

.templateTableLogin{
   height: 580px;
   left: 0px;
   top: 0px;
   width: 1000px;
   border-top:        2px solid #979AC2;
   border-left:       2px solid #979AC2;
   border-bottom:     1px solid #979AC2;
   border-right:      1px solid #979AC2;
}

.templateTable1000x580{
   height: 580px;
   left: 0px;
   top: 0px;
   width: 1000px;
   border-top:        2px solid #979AC2;
   border-left:       2px solid #979AC2;
   border-bottom:     1px solid #979AC2;
   border-right:      1px solid #979AC2;
}

.innerTable {
   border-top: 1px solid #979AC2;
   border-bottom: 1px solid #979AC2;
   height: 685px;
   left: 0px;
   top: 0px;
   width: 1000px;
}

.innerTableLogin {
   border-top: 1px solid #979AC2;
   border-bottom: 1px solid #979AC2;
   height: 515px;
   left: 0px;
   top: 0px;
   width: 1000px;
}

.innerTable1000x515 {
   border-top: 1px solid #979AC2;
   border-bottom: 1px solid #979AC2;
   height: 515px;
   left: 0px;
   top: 0px;
   width: 1000px;
  

}

.templateTable705x440{
   height: 440px;
   left: 0px;
   top: 0px;
   width: 705px;
   border-top:        0px solid #979AC2;
   border-left:       1px solid #979AC2;
   border-bottom:     1px solid #979AC2;
   border-right:      1px solid #979AC2;
}

.innerTable700x440{
   border-bottom: 0px solid #979AC2;
   border-left: 0px solid #979AC2;
   border-right: 0px solid #979AC2;
   border-style: solid;
   border-top: 0px solid #979AC2;
   height: 440px;
   left: 0px;
   top: 0px;
   width: 700px;
}
.tableOfButtons{
  
   background-color : white;
   border-bottom-width :1px ;
   border-left-width :1px ;
   border-right-width :1px ;
   width :300px ;
   height :200px ;
   border: medium double lightblue;
  
}

.cellBorder{
   border-top:        1px solid #979AC2;
   border-bottom:     1px solid #979AC2;
   border-right:      1px solid #979AC2;
   border-left:       1px solid #979AC2;
}

.leftMenuBgColor{
   border-top:        1px solid #979AC2;
   border-bottom:     1px solid #979AC2;
   border-right:      1px solid #979AC2;
   border-left:       1px solid #979AC2;
   background-color : #3E93D4 ;
}

.rightBorder{
   border-right:      1px solid #979AC2;
}

.leftBorder{
   border-left:      1px solid #979AC2;
}

.topBorder{
   border-top:      1px solid #979AC2;
}

.bottomBorder{
   border-bottom:    1px solid #979AC2;
}

.leftTopBorder{
   border-left:    1px solid #979AC2;
   border-top:    1px solid #979AC2;
}



.headerTextNormal{
   color: #3E93D4;
   font-family: lucida-sans;
   font-size: 13px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   padding: 2px;
   text-decoration: none;
}

.headerText{
   background: url(grd-1px_1.1.gif) 0 -237px repeat-x;
   color: #3E93D4;
   font-family: lucida-sans;
   font-size: 13px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   padding: 2px;
   text-decoration: none;
}

.tableHeaderBg{
   background-image: url(bgBlue_10_50.gif);
   background-position: top;
   background-repeat: repeat-x;
   color: #0000cc;
   font-family: lucida-sans;
   font-size: 12px;
   font-variant: small-caps;
   font-weight: bold;
   height: 35px
}

.mailBackground{
   background-image: url(blueHeader_10x35.gif);
   background-position: top;
   background-repeat: repeat-x;
   border-bottom: 0px solid #979AC2;
   height: 400px;
   width: 800px;
}


.horizontalMenuBarBg{
   background-image: url(blueBar_10x35.gif);
   background-repeat: repeat-x;
   border-bottom: 1px solid #979AC2;
   border-left: 2px solid #979AC2;
   border-right: 1px solid #979AC2;
   border-top: 2px solid #979AC2;
   height: 35px;
   left: 0px;
   top: 0px;
   width: 1000px;
}

.headerBg{
   background-image: url(blueHeader_10x35.gif);
   background-position: top;
   background-repeat: repeat-x;
   border-bottom: 1px solid #979AC2;
   height: 35px;
   width: 1000px;
}

.footerBg{
   background-image: url(blueFooter_10x35.gif);
   background-position: top;
   background-repeat: repeat-x;
   font-family: lucida-sans;
   font-size: 11px;
   height: 30px;
   width: 1000px;
}

.mirageLogo{
   background-image: url(mirageLogo_135x32.gif);
   background-repeat: no-repeat;
}

.menuBarHelpLink{
   background-image: url(help00_44x13.gif);
   background-repeat: no-repeat;
   text-decoration: none;
}

.menuBarHelpLink:hover {
   background-image: url(help01_44x13.gif);
   background-repeat: no-repeat;
   text-decoration: none;
}

.menuBarLogInLink{
   background-image: url(logIn00_59x13.gif);
   background-repeat: no-repeat;
   text-decoration: none;
}

.menuBarLogInLink:hover {
   background-image: url(logIn01_59x13.gif);
   background-repeat: no-repeat;
   text-decoration: none;
}

.menuBarLogoutLink{
   background-image: url(logOut00_59x13.gif);
   background-repeat: no-repeat;
   text-decoration: none;
}

.menuBarLogoutLink:hover {
   background-image: url(logOut01_59x13.gif);
   background-repeat: no-repeat;
   text-decoration: none;
}

.menuBarHomeLink{
   background-image: url(home00_59x13.gif);
   background-repeat: no-repeat;
   text-decoration: none;
}

.menuBarHomeLink:hover {
   background-image: url(home01_59x13.gif);
   background-repeat: no-repeat;
   text-decoration: none;
}

.menuBarContactUsLink{
   background-image: url(contactUs00_82x13.gif);
   background-repeat: no-repeat;
   text-decoration: none;
}

.menuBarContactUsLink:hover {
   background-image: url(contactUs01_82x13.gif);
   background-repeat: no-repeat;
   text-decoration: none;
}


.displayObject {
   display: inline;
}

.hideObject {
   display: none;
}

/*
Data Labels
------------------------------------------------------
*/

.fieldCheckLabel{
   color: darkblue;
   font-family: lucida-sans;
   font-size: 12px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   padding: 3px 6px 3px 6px;
   text-align: left;

}

.fieldLabel {
   color: darkblue;
   font-family: lucida-sans;
   font-size: 12px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   padding: 3px 6px 3px 6px;
   text-align: right;
}

.fieldLabelLeft {
   color: darkblue;
   font-family: lucida-sans;
   font-size: 12px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   padding: 3px 6px 3px 6px;
   text-align: left;
}
.fieldLabelCenter {
   color: darkblue;
   font-family: lucida-sans;
   font-size: 12px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   padding: 3px 6px 3px 6px;
   text-align: center;
}

.fieldLabelWhite {
   color: #FFFFFF;
   font-family: lucida-sans;
   font-size: 12px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   padding: 3px 6px 3px 6px;
   text-align: right;
}

.userInfo {
   color: darkblue;
   font-family: lucida-sans;
   font-size: 12px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   padding: 3px 6px 3px 6px;
   text-align: center;
}

.userInfoLeft {
   color: darkblue;
   font-family: lucida-sans;
   font-size: 12px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   padding: 3px 6px 3px 6px;
   text-align: left;
}

.navigationText{
   color: #009900;
   font-family: lucida-sans;
   font-size: 12px;
   font-variant: normal;
   font-weight: normal;
   padding: 2px;
   /*text-decoration: none*/
}

.navigationText:hover{
   color: #000099;
   font-family: lucida-sans;
   font-size: 12px;
   font-variant: normal;
   font-weight: normal;
   padding: 2px;
   text-decoration: none;
}

/*
FORM OBJECTS
------------------------------------------------------
*/

.buttonBg{
   background-image: url(btnBackground_1x22.gif);
   background-repeat: repeat-x;
   border-bottom: 1px solid #979AC2;
   border-left: 1px solid #979AC2;
   border-right: 1px solid #979AC2;
   border-top: 1px solid #979AC2;
   font-size: 11px;
   padding-top: 0px;
   vertical-align: bottom;
   font-weight : normal;
   cursor:pointer;

}

.anchorButton{
   background-image: url(btnBackground_1x22.gif);
   background-repeat: repeat-x;
   border-bottom: 1px solid #979AC2;
   border-left: 1px solid #979AC2;
   border-right: 1px solid #979AC2;
   border-top: 1px solid #979AC2;
   font-size: 11px;
   padding-top: 0px;
   vertical-align: bottom;
   font-weight : normal;
   text-decoration: none;
}

.inputBox {
   BORDER-RIGHT: silver 1px solid; 
   BORDER-TOP: silver 1px solid; 
   FONT-WEIGHT: 500; 
   FONT-SIZE: 12px; 
   BORDER-LEFT: silver 1px solid; 
   BORDER-BOTTOM: silver 1px solid; 
   FONT-STYLE: normal; 
   FONT-FAMILY: arial, helvetica, sans-serif; 
   BACKGROUND-COLOR: #ffffff;
   width :150px;
}

.inputDate {
   border-bottom: 1px solid #979AC2;
   border-left: 2px solid #979AC2;
   border-right: 1px solid #979AC2;
   border-top: 2px solid #979AC2;
   color: #333;
   font-family: lucida-sans;
   font-size: 12px;
   height: 1.7em;
   margin: 0;
   padding: 0;
   width: 80px;
}

.inputTextBlueLarge {
   border-bottom: 1px solid #979AC2;
   border-left: 2px solid #979AC2;
   border-right: 1px solid #979AC2;
   border-top: 2px solid #979AC2;
   color: #333;
   font-family: lucida-sans;
   font-size: 12px;
   height: 1.7em;
   margin: 0;
   padding: 0;
   width: 200px;
}

/* add by raja reddy*/
.inputTextBlueAddressEmp {
   border-bottom: 1px solid #979AC2;
   border-left: 2px solid #979AC2;
   border-right: 1px solid #979AC2;
   border-top: 2px solid #979AC2;
   color: #333;
   font-family: lucida-sans;
   font-size: 12px;
   height: 1.7em;
   margin: 0;
   padding: 0;
   width: 330px;
}


/* add by rajanikanth */
.inputTextBlueComment1 { 
   border-bottom: 1px solid #979AC2;
   border-left: 2px solid #979AC2;
   border-right: 1px solid #979AC2;
   border-top: 2px solid #979AC2;
   color: #333;
   font-family: lucida-sans;
   font-size: 12px;
   height: 1.7em;
   margin: 0;
   padding: 0;
   width: 560px;
}

/* add by rajanikanth */
.inputTextBlueLargeAccount {
   border-bottom: 1px solid #979AC2;
   border-left: 2px solid #979AC2;
   border-right: 1px solid #979AC2;
   border-top: 2px solid #979AC2;
   color: #333;
   font-family: lucida-sans;
   font-size: 12px;
   height: 1.7em;
   margin: 0;
   padding: 0;
   width: 402px;
}

/* add by rajanikanth */
.inputTextBlueAddress1 {
   border-bottom: 1px solid #979AC2;
   border-left: 2px solid #979AC2;
   border-right: 1px solid #979AC2;
   border-top: 2px solid #979AC2;
   color: #333;
   font-family: lucida-sans;
   font-size: 12px;
   height: 1.7em;
   margin: 0;
   padding: 0;
   width: 339px;
}


.inputTextBlueAddress {
   border-bottom: 1px solid #979AC2;
   border-left: 2px solid #979AC2;
   border-right: 1px solid #979AC2;
   border-top: 2px solid #979AC2;
   color: #333;
   font-family: lucida-sans;
   font-size: 12px;
   height: 1.7em;
   margin: 0;
   padding: 0;
   width: 338px;
}

.inputTextBlueExtraLarge {
   border-bottom: 1px solid #979AC2;
   border-left: 2px solid #979AC2;
   border-right: 1px solid #979AC2;
   border-top: 2px solid #979AC2;
   color: #333;
   font-family: lucida-sans;
   font-size: 12px;
   height: 1.7em;
   margin: 0;
   padding: 0;
   width: 585px;
}


.gridCol{
   border-bottom: 0px solid #979AC2;
   border-left: 0px solid #979AC2;
   border-right: 0px solid #979AC2;
   border-top: 0px solid #979AC2;
   color: #333;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   height: 1.7em;
   margin: 0;
   padding: 0;
   width: 100px
}
.gridColumnLarge{
 border-bottom: 0px solid #979AC2;
   border-left: 0px solid #979AC2;
   border-right: 0px solid #979AC2;
   border-top: 0px solid #979AC2;
   color: #333;
   font-family: lucida-sans;
   font-size: 12px;
   height: 1.7em;
   margin: 0;
   padding: 0;
   width: 300px;
}

.inputTextBlue {
   border-bottom: 1px solid #979AC2;
   border-left: 2px solid #979AC2;
   border-right: 1px solid #979AC2;
   border-top: 2px solid #979AC2;
   color: #333;
   font-family: lucida-sans;
   font-size: 12px;
   height: 1.7em;
   margin: 0;
   padding: 0;
   width: 130px;
}
.inputTextBlueUpload {
   border-bottom: 1px solid #979AC2;
   border-left: 2px solid #979AC2;
   border-right: 1px solid #979AC2;
   border-top: 2px solid #979AC2;
   color: #333;
   font-family: lucida-sans;
   font-size: 12px;
   height: 1.7em;
   margin: 0;
   padding: 0;
   width: 200px;
}

.inputTextBlueMedium {
   border-bottom: 1px solid #979AC2;
   border-left: 2px solid #979AC2;
   border-right: 1px solid #979AC2;
   border-top: 2px solid #979AC2;
   color: #333;
   font-family: lucida-sans;
   font-size: 12px;
   height: 1.7em;
   margin: 0;
   padding: 0;
   width: 100px;
}

.inputTextBlueSmall {
   border-bottom: 1px solid #979AC2;
   border-left: 2px solid #979AC2;
   border-right: 1px solid #979AC2;
   border-top: 2px solid #979AC2;
   color: #333;
   font-family: lucida-sans;
   font-size: 12px;
   height: 1.7em;
   margin: 0;
   padding: 0;
   width: 70px;
}

/*Add by Ranga for Timesheets*/
.inputTextHours{
   border-bottom: 1px solid #979AC2;
   border-left: 2px solid #979AC2;
   border-right: 1px solid #979AC2;
   border-top: 2px solid #979AC2;
   color: #333;
   font-family: lucida-sans;
   font-size: 12px;
   height: 1.7em;
   margin: 0;
   padding: 0;
   width: 50px;
}

/*Employee Update Email (Praveen)*/
.inputTextBlueEmail { 
   border-bottom: 1px solid #979AC2;
   border-left: 2px solid #979AC2;
   border-right: 1px solid #979AC2;
   border-top: 2px solid #979AC2;
   color: #333;
   font-family: lucida-sans;
   font-size: 12px;
   height: 1.7em;
   margin: 0;
   padding: 0;
   width: 280px;
}

/* Employee Sefl Registration Email*/
.inputTextBlueReg { 
   border-bottom: 1px solid #979AC2;
   border-left: 2px solid #979AC2;
   border-right: 1px solid #979AC2;
   border-top: 2px solid #979AC2;
   color: #333;
   font-family: lucida-sans;
   font-size: 12px;
   height: 1.7em;
   margin: 0;
   padding: 0;
   width: 250px;
}
/*Employee Travel Frequently Flyer Related Information*/
.inputTextBlueTravel { 
   border-bottom: 1px solid #979AC2;
   border-left: 2px solid #979AC2;
   border-right: 1px solid #979AC2;
   border-top: 2px solid #979AC2;
   color: #333;
   font-family: lucida-sans;
   font-size: 12px;
   height: 1.7em;
   margin: 0;
   padding: 0;
   width: 180px;
}


.inputDateTimePicker{
   width:  100px;
}

.inputSelectGender{
   background-color:  #fff;
   font-family:       lucida-sans;
   font-size:         12px;
   font-weight:       normal;
   letter-spacing:    .1em;
   color:             #333;
   margin-top:        1px;
   margin-bottom:     1px;
   margin-left :     1px ;
   margin-right :    1px ;
   border-top:        1px solid #979AC2;
   border-left:       1px solid #979AC2;
   border-bottom:     1px solid #979AC2;
   border-right:      1px solid #979AC2;
   width :   80px ;
}

.inputSelectSmall {
   background-color:  #fff;
   font-family:       lucida-sans;
   font-size:         12px;
   font-weight:       normal;
   letter-spacing:    .1em;
   color:             #333;
   margin-top:        1px;
   margin-bottom:     1px;
   margin-left :     1px ;
   margin-right :    1px ;
   border-top:        1px solid #979AC2;
   border-left:       1px solid #979AC2;
   border-bottom:     1px solid #979AC2;
   border-right:      1px solid #979AC2;
   width :   50px ;
}
 
.inputSelect {
   background-color:  #fff;
   font-family:       lucida-sans;
   font-size:         12px;
   font-weight:       normal;
   letter-spacing:    .1em;
   color:             #333;
   margin-top:        1px;
   margin-bottom:     1px;
   margin-left :     1px ;
   margin-right :    1px ;
   border-top:        1px solid #979AC2;
   border-left:       1px solid #979AC2;
   border-bottom:     1px solid #979AC2;
   border-right:      1px solid #979AC2;
   width :   130px ;
}

.inputSelectExtraLarge {
   background-color:  #fff;
   font-family:       lucida-sans;
   font-size:         12px;
   font-weight:       normal;
   letter-spacing:    .1em;
   color:             #333;
   margin-top:        1px;
   margin-bottom:     1px;
   margin-left :     1px ;
   margin-right :    1px ;
   border-top:        1px solid #979AC2;
   border-left:       1px solid #979AC2;
   border-bottom:     1px solid #979AC2;
   border-right:      1px solid #979AC2;
   width :   250px ;
}

.inputSelectEmpUpdate {
   background-color:  #fff;
   font-family:       lucida-sans;
   font-size:         12px;
   font-weight:       normal;
   letter-spacing:    .1em;
   color:             #333;
   margin-top:        1px;
   margin-bottom:     1px;
   margin-left :     1px ;
   margin-right :    1px ;
   border-top:        1px solid #979AC2;
   border-left:       1px solid #979AC2;
   border-bottom:     1px solid #979AC2;
   border-right:      1px solid #979AC2;
   width :   480px ;
}

.inputSelectLarge {
   background-color:  #fff;
   font-family:       lucida-sans;
   font-size:         12px;
   font-weight:       normal;
   letter-spacing:    .1em;
   color:             #333;
   margin-top:        1px;
   margin-bottom:     1px;
   margin-left :     1px ;
   margin-right :    1px ;
   border-top:        1px solid #979AC2;
   border-left:       1px solid #979AC2;
   border-bottom:     1px solid #979AC2;
   border-right:      1px solid #979AC2;
   width :   200px ;
}

.inputRadio {
   background-color:  transparent;
   margin-top:        4px;
   margin-bottom:     4px;
   padding:           0;
   border:            0;
}

.inputTextarea {
   border-top:        2px solid #979AC2;
   border-left:       2px solid #979AC2;
   border-bottom:     1px solid #979AC2;
   border-right:      1px solid #979AC2;
   color: #333;
   font-family: lucida-sans;
   font-size: 12px;
   margin: 0;
   padding: 0;
   
}

.activeFile {
   background-color: silver;
   background-image: url(bgBlue.gif);
   background-repeat: repeat-x;
   border-bottom-color: gray;
   border-bottom-style: outset;
   border-bottom-width: 1px;
   border-left-color: gray;
   border-left-style: outset;
   border-left-width: 1px;
   border-right-color: gray;
   border-right-style: outset;
   border-right-width: 1px;
   border-top-color: silver;
   border-top-style: outset;
   border-top-width: 1px;
   color: darkblue;
   font-family: lucida-sans;
   font-size: 12px;
   font-style: normal;
   font-variant: normal;
   font-weight: lighter;
   padding: 3px 6px 3px 6px;
   text-align: right
}



/*
TABLE FORMATTING 
------------------------------------------------------ 
*/ 


.border {
   border:     		1px solid #B2B3CE;
   padding:			0;
   margin-top:        1px;
   margin-bottom:     3px;
}
.tableBorder {
   border-left:     	1px solid #B2B3CE;
   border-right:     	1px solid #B2B3CE;
   border-bottom:         1px solid #B2B3CE;
   padding:			0px;
   margin-top:        1px;
   margin-bottom:     3px;
}
.tableBorderLeft {
   border-left:      1px solid #B2B3CE;
   padding:			0;
   margin-top:        1px;
   margin-bottom:     3px;
}

.tableHeading {
   font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
   font-size:         10px;
   letter-spacing:    .1em;
   font-weight:		bold;
   color:             #fff;
   padding:           0;
   margin:			0;
   background-color:  transparent; 
   white-space: 		nowrap;
}
.tableHeadingBig {
   font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
   font-size:         1px;
   font-weight:		normal;
   color:             #fff;
   padding:           0;
   margin:			0;
   background-color:  transparent;  
}

.tableCellOne {

   font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
   font-size:         11px;
   color:             #38394B;
   padding:           3px 6px 3px 6px;
   border-top:        1px solid #fff;
   border-bottom:     1px solid #B2B3CE;
   border-left:       1px solid #fff;
   border-right:      1px solid #B2B3CE;
}

.tableDescription {
   font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
   font-size:         10px;
   color:             #73769D;
   background-color:  transparent;  
}

/*
For RoleSelect page (raja reddy andra)
-----------------------------------------------------
*/
.templateTableHome{
   /*height: 580px;*/
   left: 0px;
   top: 0px;
   width: 800px;
   border-top:        1px solid #979AC2;
   border-left:       1px solid #979AC2;
   border-bottom:     1px solid #979AC2;
   border-right:      1px solid #979AC2;
}

.innerTableHome {                        
   border-top: 0px solid #979AC2;
   border-bottom: 0px solid #979AC2;
   height: 715px;
   left: 0px;
   top: 0px;
   width: 1000px;
}

.borderBlue {
   border:     		1px solid #6698FF;
   padding:			0;
   margin-top:        1px;
   margin-bottom:     3px;
}
.borderHome {
   border:     		1px solid #FBB917;
   padding:			0;
   margin-top:        1px;
   margin-bottom:     3px;
}


/*
For ContactUs page(raja reddy andra)
------------------------------------------------------
*/

.fieldLabelContact {
   color: #678AB7;
   font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
   font-size: 10px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   padding: 3px 6px 3px 6px;
   text-align: left;
}

.fieldLabelContactAD {
   color: #666666;
   font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
   font-size: 10px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   padding: 3px 6px 3px 6px;
   text-align: left;
}
/*
For Help Page (raja reddy andra)
-------------------------------------------------------
*/
.fieldLabelContactHelpA {
   color: #302226;
   font-family: lucida-sans;
   font-size: 15px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   padding: 3px 6px 3px 6px;
   text-align: left;
}

.fieldLabelContactHelpQ {
   color: #F88017;
   font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
   font-size: 12px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   padding: 3px 6px 3px 6px;
   text-align: left;
}

.innerTableHelp {
   border-top: 0px solid #979AC2;
   border-bottom: 0px solid #979AC2;
   height: 685px;
   left: 0px;
   top: 0px;
   width: 1000px;
}
.bgColor{
   background-color: #3DB1FA;
}


.templateTableHelp{
   height: 750px;
   left: 0px;
   top: 0px;
   width: 1000px;
   border-top:        0px solid #979AC2;
   border-left:       0px solid #979AC2;
   border-bottom:     1px solid #979AC2;
   border-right:      0px solid #979AC2;
}

.mailLink{
   color: #3E93D4;
   font-family: lucida-sans;
   font-size: 15px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   padding: 2px;
   text-decoration: none;    
}

.mailLink:hover{
   color: #FFFFFF;
   font-family: lucida-sans;
   font-size: 15px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   background-color: #F88017;
   padding: 2px;
   text-decoration: none;    
}

/*
For Validation in Login page
------------------------------
*/
.error {
   font-family: lucida-sans;
   font-size: 11px;
   color: red;
   margin-left: 0px;
   display: none;
}


.note{
    font-family: arial;
    font-size: 12px;
    color: green;
    font-style: bold;
    font-variant: normal;
    
}

.messageNote {
   font-family: lucida-sans;
   font-size: 12px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   padding: 3px 6px 3px 6px;
   text-align: right;
   color: red;
}
/* Left Menu CSS*/
.LeftMenuHead{
   font-size:12px;
   font-weight:bold;
   font-family: Arial, sans-serif;
   padding: 5px 5px 5px 0.5em;
   border-bottom: 1px solid #FFFFFF;
   border-top: 1px solid #FFFFFF;
   background-color: #3E93D4;
   color: #fff;
   text-decoration: none;
   width: 100%;
}
.LeftMenuItem{
   color: #FFFFFF;
   text-decoration:none;
   font-size:12px;
   font-family: Arial, sans-serif;
}
/* Field set */

fieldset {
border: 1px solid #3E93D4;
width: 20em
}
 
legend {
color: #3E93D4;
font-weight: bold;
background: #fff;
border: 1px solid #3E93D4;
padding: 1px 2px
}

.calendarCol{
   border-bottom: 0px solid #979AC2;
   border-left: 0px solid #979AC2;
   border-right: 0px solid #979AC2;
   border-top: 0px solid #979AC2;
   color: #333;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   height: 4.0em;
   margin: 0;
   padding: 0;
   width: 115px
}

/*Home Page Styles Start-Chennu*/
.homePortlet{
    border-style: solid;
    border-width: px;
    border-style: outset;
    border-color: #999;
}

.portletTitleBar {
   background-image: url(titlebar.gif);
   background-position: top;
   background-repeat: repeat-x;
   height: 20px;
   padding-top: 3px;
   
}
.portletTitleLeft {
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    text-align: center; 
    padding-top: 2px;
    font-family: Verdana, Arial, sans-serif;
}

.portletTitleCenter {
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    float: center; 
    padding-top: 2px;
    font-family: Verdana, Arial, sans-serif;
}


.portletArea {
    background-color: #fff;
    padding: 5px;
}

/* Fixes Floating Box issue in IE */
* html .portletTitleBar {height: 1%;}

.photo 
    {display:inline; border:1px solid #fff; margin:1px;}
            
.photo a {
    display:block; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #58ACFA;
}

.photo a img {
    display:block; border:5px solid #eee;
}
            
.photo a:hover, .photo a:hover {
    white-space:normal; position:relative;
}
           
.photo a:hover img, .photo a:hover img {
    position:absolute; left:-100px; top:-10px; width:250px; height:250px; border-color:#fff;
}


.calendarHourRow
{
    color: white;
    background-color: #ACCFF2;
    /*background: #6C73B4 url(../images/DBGrid/bg_table_td_two.jpg) repeat  top center ;*/
    /*background-color: #e4e4d7;*/
    font-family: Arial,Verdana, Tahoma,"Sans Serif", "Times New Roman";
    font-size: 12px;
    font-weight: bold;
    height: 3.5em;
    border-top:        2px solid #979AC2;
    border-left:       2px solid #979AC2;
    border-bottom:     1px solid #979AC2;
    border-right:      1px solid #979AC2;
}

.calendarHourRowEvent
{
    background-color: #F2F5A9;
    /*background: #6C73B4 url(../images/DBGrid/bg_table_td_two.jpg) repeat  top center ;*/
    /*background-color: #e4e4d7;*/
    font-family: Arial,Verdana, Tahoma,"Sans Serif", "Times New Roman";
    /*font-family: lucida-sans*/
    font-size: 10px;
    font-weight: normal;
    height: 3.5em;
    border-top:        2px solid #979AC2;
    border-left:       2px solid #979AC2;
    border-bottom:     1px solid #979AC2;
    border-right:      1px solid #979AC2;
}





/*Home Page Styles Start-Chennu*/
.homePortlet {
	border-style: solid;
	border-width: 1px;
	border-style: outset;
	border-color: #999;
}

.portletTitleBar {
	background-image: url(../images/portal/titlebar.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding: 2px 5px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.portletTitleLeft {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	float: left;
	padding-top: 2px;
	font-family: Verdana, Arial, sans-serif;
}

.portletTitleCenter {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	float: center;
	padding-top: 2px;
	font-family: Verdana, Arial, sans-serif;
}

.portletArea {
	background-color: #fff;
	padding: 5px;
}

.portletIcons {
	float: right;
	color: #fff;
	padding-right: 1px;
}

div.portletIcons a:link,div.portletIcons a:hover,div.portletIcons a:visited
	{
	color: #fff;;
	font-size: 10px;
	font-weight: bold;
}

/* Fixes Floating Box issue in IE */
* html .portletTitleBar {
	height: 1%;
}

.clear {
	clear: both;
}

img {
	border: none;
}