/**{padding:0; margin:0;}*/

body
{
background-color: #fff !important;
font-family: Verdana Arial;

}

/* framework  css  style font-size:70%; */
.mainbody
{
width: 100%;
margin: 0 auto;

}
.header
{
 /* background-image: url(../img/header_bg.jpg); */
 height: 70px;
 width: 100%;
}
.tarka-site
{
/*border:1px solid #CFCDCD;*/
height:33px;
width:138px;
float:right;
}
.header-top
{
width:100%;
height:60px;
background-color:#006AC1;
color:#fff !important;
border-radius:6px;
}
.logo
{
height:50px;
padding-top:6px;
padding-left:6px;
width:175px;
float:left;
}
.headerDetails
{
/*border:1px solid #CFCDCD;*/
float:right;
height: 40px;
/* width:500px; */
color:#717171;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: 600;
font-size: 12px;
text-align:right;
/* padding-top:2%; */
padding-right:1%;
}
.loginDetails
{
/*border:1px solid #CFCDCD;*/
/* width:457px; */
height:18px;
float:left;
font-size:14px;
color:#fff;
}
#login_user_name_display
{
color:	#fff9a6;
}
.HomeText
{
text-align: right;
width: 75px;
color:#717171;
}
.HomeText a
{
cursor:pointer;
}
.header-bottom
{
height:30px;
width:80%;
}
.package
{
float:left;
height: 20px;
width:370px;
color: #0072BC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align:left;
padding-top:17px;
}
.MainMenu
{
height:0px;
float:left;
text-align:left;
margin-left:2%;
margin-top:11px;
font-size:18px;
}

.contents
{
 /* background-image: url(../img/body_bg.jpg); */
width: 90%;
min-height: 625px;
padding-top:2px;
}
.Content-Header
{
width:100%;
height:24px;
background-color:#fff;
}
.page-info-header
{
height:20px;
width:100%;
float:left;
text-align:left;
margin-left:10%;
}
.page-header-button
{
height:20px;
width:375px;
float:right;
text-align:right;
}
.anchor-header-footer
{
color:#2B65EC;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
background-color:#fff !important;
}
.page_main_div
{
padding-top:0;
padding-left:0;
padding-right:0;

}
#parent_menu
{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
}
#display_module_name
{
color:#0072BC;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}
.footer
{
 /* background-image: url(../img/footer_bg.jpg);  */
 background-color:#006AC1 !important;
height: 36px;
width: 100%;
}
.tarka-info
{
width:900px;
height:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}
.ui-widget-content  .anchor-div
{
 padding-top:8px;
 padding-bottom:2px;
 padding-left:23px;
 height:18px;
 color:#2B65EC;
}
.anchor-div .anchor-div-main   a
{
  color:#2B65EC;
  cursor:pointer;
}
.ui-widget-content  .anchor-div-main
{
 padding-top:8px;
 padding-bottom:2px;
 padding-left:6px;
 height:18px;
 color:#2B65EC;
}
/* End  framework  css  style  */

/*Home page Css style */
.homepage-maindiv
{
height:405px; 
width:100%;
margin-left:0;
}
.homepage-leftdiv
{
float:left;
height:auto; 
width:100%;
}
.Dash-board-home 
{
border:1px solid #C5DBEC;
height:350px; 
width:100%;
}
.Calender-notes-div
{
padding-top:8px;
}
.calender-div
{
width:202px;
float:left;
}
.notes-div
{
border:1px solid #C5DBEC;
float:right;
height:207px;
width:530px;
padding:2px;
}
.messageboard-div
{
border:1px solid #C5DBEC;
height:370px;
width:215px;
float:left;
padding:2px;
}
.notes-header-name
{
color:#717171;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:600;
text-decoration:none;
}
/*	End Home page Style Sheet */


/* .anchor-class {text-decoration:none; cursor:pointer; color:blue; padding-left:10px; font-size:10pt; font-weight:bold; font-family:verdana} */
.anchor-class { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#2B65EC;cursor:pointer;}

.content-tbl{font:9pt Arial, Helvetica, sans-serif; width:817px; }
.addclear{font:9pt Arial, Helvetica, sans-serif; padding-left:4px; width:630px;}
.addclear  input.inputlabel{border:0px;vertical-align: bottom;height:14Px;font:9pt  Arial, Helvetica, sans-serif;}
.content-tbl span, .contenttbl-div{font:8pt Arial;color:#0076a3; display:block; padding:0 0 3px 13px; text-align:left; }
.content-tbl input{border:1px solid #c8c8c8;height:18px;}
.content-tbl input.inputWithImge{border:0px solid #c8c8c8;height:16px;}
.content-tbl input.content-tbl-upload{border:1px solid #c8c8c8; height:25px; font:10pt Arial, Helvetica, sans-serif;}
.img { vertical-align:middle; cursor:pointer; padding-left:1px;padding-bottom:3px;}
.calimg { vertical-align:middle; cursor:pointer; padding-left:5px; padding-bottom:3px; border:0px;}
.content-tbl textarea{border:1px solid #c8c8c8; font:10pt Arial, Helvetica, sans-serif;}
.search-glass{border:1px solid #c8c8c8;height:18px;padding-right:18px;background-image: url(../images/search-glass.gif);background-repeat: no-repeat;background-position:99%;cursor: pointer;}
.dateicon{border:1px solid #c8c8c8;height:18px;padding-right:18px;background-image: url(../images/date.gif);background-repeat: no-repeat;cursor: pointer;background-position: 98%;}
.content-tbl select{border:1px solid #c8c8c8;height:22px;}
.content-tbl input.inputlabel{border:0px;vertical-align: bottom;height:14Px;font:8pt Verdana,Arial, Helvetica, sans-serif;background:#FCFDFD}

.imageInputWrapper{border:1px solid #c8c8c8; padding-bottom:1px; padding-top:1px; padding-right:2px; padding-left:2px; background-color:#FFFFFF;}
.imageInputWrapper img { vertical-align:middle; cursor:pointer; padding-left:1px; padding-right:2px; padding-bottom:2px;}
.LRimageInputWrapper img { vertical-align:middle; cursor:pointer; padding-left:1px;padding-bottom:0px;}
.LRimageInputWrapper{border:1px solid #c8c8c8; padding-top:2px; padding-bottom:3px; padding-right:3px; background-color:#FFFFFF;}

.imageInputWrapperDate{border:1px solid #c8c8c8; padding-bottom:2px; padding-top:0px; padding-right:0px; background-color:#FFFFFF;}
.imageInputWrapperDate img { vertical-align:middle; cursor:pointer; padding-left:1px; padding-bottom:0px; padding-right:0px;}
.LRimageInputWrapperDate img { vertical-align:middle; cursor:pointer; padding-left:1px;padding-bottom:3px;padding-right:0px;}
.LRimageInputWrapperDate{border:1px solid #c8c8c8; padding-top:2px; padding-bottom:3px; padding-right:3px; background-color:#FFFFFF;}
.imageInputDateMonth{border:1px solid #c8c8c8; padding:1px 2px 0px 0px; background-color:#FFFFFF;}
.imageInputDateMonth img{vertical-align:middle; cursor:pointer; padding:2px 0px 2px 6px;}

.tbl_row_new {border-bottom:1px solid #C5DBEC;}

ui-datepicker-div, .ui-datepicker {z-index: 2000;}
.ui-datepicker-div {width:16%}



/*Table Css3*/
.bordered {
    border: 1px solid #CCCCCC;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 1px #CCCCCC;
	 border-spacing: 0; 
	font-size:10pt;
	font-family: 'Segoe UI bold','Segoe UI', Tahoma,Verdana, Arial, Helvetica; font-size:10pt;
}
.bordered tr:hover {
    background: none repeat scroll 0 0 #FBF8E9;
    transition: all 0.1s ease-in-out 0s;
}
.bordered select,input {
     border: 1px solid #CCCCCC;
}
.bordered th {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding:2px;   
}  
.bordered td {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding:3px;   
}
.bordered td a{text-decoration:none;}
.bordered td a:hover{color:#F7A5EF;}
/* starting from 6th tr for every 2(2n),3(3n)  rows css will apply */
/* .bordered tr:nth-child(0n+2){
    background-color: #CACBBD; 
	color:red;
} */

.bordered th {
/*     background-color: #DCE9F9; */  
    background-color: #5C9CCC;    
	font-size:10pt;
	font-weight:bold;
	color:#FFF;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.bordered td:first-child, .bordered th:first-child {
    border-left: medium none;
}
.bordered tr:first-child {
   font-weight:bold;
}

.bordered th:first-child {
    border-radius: 6px 0 0 0;
}
.bordered th:last-child {
    border-radius: 0 6px 0 0;
}
.bordered th:only-child {
    border-radius: 6px 6px 0 0;
}
.bordered tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
}
.bordered tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
}
.bordered tr:nth-child(even){background: #F7F7F7;}
.bordered tr:nth-child(odd){background: #FFF;}