﻿body
{
    background-color:#fff;
	padding:0px;
	margin:0px;
}
ul
{ padding:0px;
  margin:0px;
}
#wrapper {
	height: 100%;
	width: 100%;
}
.Grid
{
    height:600px;
    width:999px;
}
.masterhdr {
	clear: both;
	height:130px;
	width: 100%;
	background-image: url(_images/HdrRptFrx.jpg); 
   
	background-repeat: repeat-x;
	background-position:bottom;
	background-color:#fff;
}
.masterhdrLogin {
	clear: both;
	height:130px;
	width: 100%;
	/*background-image: url(_images/HdrRptFrx.jpg);
	background-repeat: repeat-x;
	background-position:bottom;*/
	background-color:#fff;
}
.masterhdrinner {
	height:90px;
	width: 1079px;
	margin-right: auto;
	margin-left: auto;
}
.hdrtopspace {
	clear: both;
	
}
.logo-wrapper {
	clear: both;
	height: auto;
}
.cashlogo {
    float: left;
    margin-top: 5px;
    padding-top: 20px;
   
    background-image: url('_images/Logo.png');
    background-repeat: no-repeat;
    width: 250px;
    height: 55px;
}
.cashlogoLogin{
     float: left;
    margin-top :25px;
        padding-top: 20px;
   background-image: url('_images/Logo.png');
    background-repeat: no-repeat;
    width:500px;
 height: 55px;
}
.label{
    color:#536399;
}
.hdrtitle {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:20px;
	color: #FFF;
	float: left;
	height: 60px;
	padding-top: 20px;
	padding-left: 15px;
    width:450px;
    overflow :hidden;

}
.powerdlogo {
	float: right;
	width:250px;
    height:40px;
    padding-top :10px;
    text-align:right;
	
    
}


 .home-contents
{
  clear:both;
  height:auto;  
   
}
.middle-wrapper {
	height: auto;
	width: 1080px;
	font-family:Verdana;
	font-size:11px;
	color:#000;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	padding-bottom :15px;
	background-color:#FFF;
    
	
	
    -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;
}
.footerspace {
	clear: both;
	height: 15px;
	width: 100%;
}
.tdraw
{   
    margin-bottom:5px;
    padding-left:5px;
    font-size:11px;
    margin-right:5px;
}

#footer {
	clear: both;
	height: 25px;
	width: 100%;
}
.footerinner {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #175A85;
	
	height: 20px;
	width:1100px;
	padding-top: 5px;
}
.menuitem
{    height:auto;
    clear:both;
    border-bottom-style: solid;
	border-bottom-color:#35881e; 
}
.clear
{
    clear:both;
}
.textbox
{
 
	border: 1px solid #ccc;
	padding-left:5px;
	color:#333;
	 margin-bottom:5px;
	 margin-top:0px;
	 margin-right: 3px;
	margin-left:3px;
    }
.btn
{
    border: thin solid #ccc;
    border-radius:5px;
    background-color:#f2f2f0;
    color:#333;
    
    background-repeat:repeat-x;
    background-position:50% bottom;
    font-family:Trebuchet MS;
    margin-left:5px;
     margin-right:5px;
    margin-bottom:10px;
     background-image:url('_images/btnbg.jpg');
    
     font-size:14px;
}
.cal_btn

{
    border: thin solid #ccc;
    border-radius:5px;
   background-color:#f2f2f0;
    color:#333;
    height:5px;
    width:70px;
    
    background-repeat:repeat-x;
    background-position:50% bottom;
    font-family:Trebuchet MS;
    
     background-image:url(_images/btnbg.jpg);
    
     font-size:12px;
     text-align:center;

}
.cal_textbox {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	height:15px;
	width: 175px;
	border: thin solid #CCC;
	
	padding-left: 5px;
	margin-bottom: 3px;
	margin-left:3px;
}
.txtfields {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	border: thin solid #CCC;
	
	padding-left: 5px;
	margin-bottom: 3px;
	
	margin-left:3px;
    height: 24px;
}
.centrewraper
{
    width:1080px;
    
    background-color:#f2f2f0;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    font-family:Verdana;
    font-size:11px;
  
}

.label-container
{
    
    color:#fff;
    font-size:11px;
    font-family:Verdana;
   padding-top: 15px;
}
.lfttable
{
    width:800px;
    float:left;
   
}
a
{
    text-decoration:none;
    color:#333;
    
}
.heading
{
 font-size:14px;
 color: #333;
 padding-left:5px;
 font-weight:normal;
padding-bottom:10px;
text-align:left;
margin-bottom:5px;
 

}

.user-label
{width:150px;
 float:right;
 height:20px;
 padding-top:3px;
 text-align:right
}

.calendar-label
{
    width:20px;
 float:right;
 height:20px;
  padding-top:3px;
}

.currency-label
{
    width:200px;

 height:20px;
  padding-top:3px;  
   text-align:left;
}

.u-icon
{width:16px;
 height:18px;
 
 background-position:top;
 background-repeat:no-repeat;
 float:left;
margin-right:5px; 
 
}
.c-icon
{width:18px;
 height:20px;
 
 background-position:top;
 background-repeat:no-repeat;
 float:left;
margin-right:5px; 
 
}
.marquee
{
    clear:both;
    height:20px;
    border: 2px 
    border-bottom-style:solid;
	border-bottom-color: #165986;

	font-size:12px;
}

.home-left 
{
    margin-top:3px;
	float: left;
	height: auto;
    width:970px;
	border:1px dashed #ccc;
	padding:2px;
	border-radius:10px;
	padding-left:7px;
	
}
.home-title {
	clear: both;
	height: 30px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 22px;
	color: #245399;
}
.home-titlevideo {
	clear: both;
	height: auto;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 22px;
	color: #245399;
	text-align: center;
	margin-bottom: 5px;
}
.video {
	height:350px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
.home-titleCopy {
	clear: both;
	height: 15px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 22px;
	color: #245399;
}
.home-titleLG{
	clear: both;
	height: 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #245399;
	  padding-left:10px;
}
.engl
{
  clear: both;
	height: 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	color:  #245399;
    padding-left:15px;
}
.engl ul
{
    list-style-type:circle;
}
.engl ul li
{
    float:left;
    width:100px;
}


.home-right 
{   
    
	float:right;
	height: auto;
	
	background-color:#f2f2f0;
	height:auto;
	margin-top:5px;
}
.home-para {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #333;
	width:600px;
}
.home-titlebtm {
	clear: both;
	height: auto;
}
.clear {
	clear: both;
}
.title1 {
	float: left;
	height: auto;
	width:131px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	text-align: center;
	margin-right: 40px;
	padding-top: 10px;
	color: #224A88;
}

.home-icons {
	clear: both;
	height: auto;
}
.hmeicon-spce {
	float: left;
	height: 89px;
	width:80px;
}
.home-title ul {
	list-style-type: none;
}
.home-title ul li {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
	width: 110px;
	text-align: left;
}
.icon {
	float: left;
	height: 89px;
	width: 89px;
    
 
}
.icon1 {
	float: left;
	height: 89px;
	width: 89px;
     background-image: url('_images/mailGrn.jpg');
    background-repeat: no-repeat;
 
}
.icon2 {
	float: left;
	height: 89px;
	width: 89px;
     background-image: url('_images/skypegrn.jpg');
    background-repeat: no-repeat;
 
}
.icon3{
	float: left;
	height: 89px;
	width: 89px;
     background-image: url('_images/grnSupt.jpg');
    background-repeat: no-repeat;
 
}
a {
	color: #244F93;
	text-decoration: none;
}
.languageCtnr
{
    height:400px;
    clear:both;
}
.helpfiles
{
    clear:both;
    height:auto;
}
.ADV
{ width:965px;
    
    height:auto;
    color:White;
    margin-top:5px;
    margin-bottom:5px;
    background-color:#f2f2f0;
}
.email
{
    color: #245399;
    font-size:12px;
     clear:both;
   padding-top:10px;
   clear:both;
   height:auto;
   padding-left:12px;
}



/*PRINTING*/

.ModalPopupBG
{
	background-color: black;
	filter: alpha(opacity=50);
	opacity: 0.7;
}

.popup_Container {
	background-color:#fffeb2;
	border:2px solid #000000;
	padding: 0px 0px 0px 0px;
}

.popupConfirmation
{
	width: 100%;
	height: 100%;
}

.popup_Titlebar {
	background: url(Images/titlebar_bg.jpg);
	height: 29px;
}

.popup_Body
{
	padding:15px 15px 15px 15px;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	line-height:15pt;
	clear:both;
	padding:20px;
}

.TitlebarLeft 
{
	float:left;
	padding-left:5px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
}
.TitlebarRight 
{
	background:url(Images/cross_icon_normal.png);
	background-position:right;
	background-repeat:no-repeat;
	height:15px;
	width:16px;
	float:right;
	cursor:pointer;
	margin-right:5px;
	margin-top:5px;
}

.popup_Buttons
{
	margin:10px;
}


.td
{margin-bottom:3px;
}
 
#popitmenu{
position: absolute;
background-color: white;
ight: 500px;
	float: l
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #2A6082;
color: white;
}
.roundContnr
{
    padding:10px;
    margin:5px;
    border:1px solid #2b7e13;
     background-color:#edefea;
      border-radius:10px; 
}
.videoWrapper {
	height: auto;
	width: 999px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
.leftMenu {
	height: 500px;
	float: left;
	width: 350px;
		background-color: #f2f2f0;
}
.cat-Title {
	background-color: #1f7208;
	clear: both;
	height: 30px;
	font-size:20px;
	color: #FFF;
	padding-top: 10px;
	padding-left: 15px;
}
.videomenu-Item {
	clear: both;
	height: auto;
}
.videomenu-Item ul {
	list-style-type: none;
}
.videomenu-Item ul li {
	clear: both;
	height: 50px;
	background-image: url(_images/hover.jpg);
	background-repeat: repeat-x;
	font-size: 16px;
	color: #175A85;
	display: block;
}
.videomenu-Item ul li a {
	text-decoration: none;
	color: #175A85;
	display: block;
	height: 37px;
	padding-top: 13px;
	padding-left: 15px;
}
rightArea {
	height: auto;
	width: 600px;
	float:left;
	margin-left:10px;
    margin-right: 0px;
}
.video {
	height:350px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
.clear {
	clear: both;
}
.videomenu-Item ul li a:hover {
	text-decoration: none;
	color: #175A85;
	background-repeat: repeat-x;
	background-image: url(_images/mHover.jpg);
}
	.topSpcevideo {
	clear: both;
	height: 25px;
	font-size: 18px;
	color: #175A85;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.videocontnr {
	width:750PX;
	height: 380px;
	background-color: #E3E3E3;
	border: thin solid #E3E3E3;
	padding-top: 25px;
	border-radius:10px;
}
.RedColor{
 color: #ae0f0f;
}
.greenColor{
color : #165986;
}
.dropfields {
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	border: thin solid #ccc;
    margin-right:5px;
    margin-bottom:5px;
	
	padding-left: 2px;
    padding-top:2px;
    padding-bottom:2px;
    padding-right:3px;
    margin-left:3px;
   
}
/**
 * GRIDVIEW STYLES
 **/
.gridview {
        
        width: 100%;
        font-size: small;
}
.gridview th {
        background: #428530;
        padding: 5px; 

}
.gridview th a{
        color: #003300;
        text-decoration: none;
}
.gridview th a:hover{
        color: #003300;
        text-decoration: underline;
}
.gridview td  {
        background: #ffffff;
        color: #333333; 
        padding: 4px;
}
.gridview tr.even td {
        background: #FFFFFF;
}
.gridview td a{
        color: #003300; 
        padding: 2px;
        text-decoration: none;
}
.gridview td a:hover {
        color: red;
        font-weight: bold;
        text-decoration:underline;     
}
.ModalPopupBG
{
	background-color: black;
	filter: alpha(opacity=50);
	opacity: 0.7;
}

.popup_Container {
	background-color:#fffeb2;
	border:2px solid #000000;
	padding: 0px 0px 0px 0px;
}

.popupConfirmation
{
	width: 100%;
	height: 100%;
}

.popup_Titlebar {
	background: url(Images/titlebar_bg.jpg);
	height: 29px;
}

.popup_Body
{
	padding:15px 15px 15px 15px;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	line-height:15pt;
	clear:both;
	padding:20px;
}

.TitlebarLeft 
{
	float:left;
	padding-left:5px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
}
.TitlebarRight 
{
	background:url(Images/cross_icon_normal.png);
	background-position:right;
	background-repeat:no-repeat;
	height:15px;
	width:16px;
	float:right;
	cursor:pointer;
	margin-right:5px;
	margin-top:5px;
}

.popup_Buttons
{
	margin:10px;
}


.td
{margin-bottom:3px;
}
 
#FFF;
	padding-top: 10px;
	padding-left: 15px;
}
.videomenu-Item {
	clear: both;
	height: auto;
}
.videomenu-Item ul {
	list-style-type: none;
}
.videomenu-Item ul li {
	clear: both;
	height: 50px;
	background-image: url(_images/hover.jpg);
	background-repeat: repeat-x;
	font-size: 16px;
	color: #175A85;
	display: block;
}
.videomenu-Item eco
.roundContnr
{
    padding:10px;
    margin:5px;
    border:1px solid #1d5a83;
     background-color:#edefea;
      border-radius:10px;
    width: 1049px;
}
.videoWrapper {
	height: auto;
	width: 1079px;
	margin-right: auto;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
.leftMenu {
	height: 500px;
	float: left;
	width: 267px;
		background-color: #f2f2f0;
}
.cat-Title {
	background-color: #1f7208;
	clear: both;
	height: 30px;
	font-size:20px;
	color: #FFF;
	padding-top: 10px;
	padding-left: 15px;
}
.videomenu-Item {
	clear: both;
	height: auto;
}
.videomenu-Item ul {
	list-style-type: none;
}
.videomenu-Item ul li {
	clear: both;
	height: 50px;
	background-image: url(_images/hover.jpg);
	background-repeat: repeat-x;
	font-size: 16px;
	color: #175A85;
	display: block;
}
.videomenu-Item ul li a {
	text-decoration: none;
	color: #175A85;
	display: block;
	height: 37px;
	padding-top: 13px;
	padding-left: 15px;
}
.rightArea {
	height: auto;
	width: 600px;
	float:left;
	margin-left:10px;
    margin-right: 121px;
}
.video {
	height:350px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
.clear {
	clear: both;
}
.videomenu-Item ul li a:hover {
	text-decoration: none;
	color: #175A85;
	background-repeat: repeat-x;
	background-image: url(_images/mHover.jpg);
}
	.topSpcevideo {
	clear: both;
	height: 25px;
	font-size: 18px;
	color: #175A85;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.videocontnr {
	width:750PX;
	height: 380px;
	background-color: #E3E3E3;
	border: thin solid #E3E3E3;
	padding-top: 25px;
	border-radius:10px;
}
.RedColor{
 color: #ae0f0f;
}
.greenColor{
color : #165986;
}
.dropfields {
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	border: thin solid #ccc;
    margin-right:5px;
    margin-bottom:5px;
	
	padding-left: 2px;
    padding-top:2px;
    padding-bottom:2px;
    padding-right:3px;
    margin-left: 0px;
   
}
.middle-wrapperLogin {
	height: auto;
	width: 979px;
	font-family:Verdana;
	font-size:11px;
	color:#000;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	/*padding-bottom :15px;*/
	background-color:#FFF;
    
	
	
    -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;
}

	background-color:#FFF;
    
	
	
    -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;
}

.lfr-panel-title span{
 display:none;
}

.lfr-panel-title:after{
    color:#35881e;
 content: "Welcome to Hantidhowr.";   
}
.homeParaChngble span{
display:none;
}
.homeParaChngble:after{
    content:"Hantidhowr is  an online accounting system for small businesses.  You can manage your customer accounts, sales transactions, expenses as well as  general accounting.";
}
.m0l0oout {
	text-decoration : none; 
	/*border: 1px solid #2b7e13;*/ 
	

	 margin: 0px 2 2 0px; 
	color: #fff;
	font-size: 11px; 
	
 } 
 
.LogBaner{
     
    float :left;
    width:600px;
         height :287px ;
         /*background-image :url(_images/Baner.jpg ) ;*/
         background-repeat:no-repeat;margin-top:10px;
}
.DashBox{
    border:solid 2px #63bf46;
     width: 96%;
    border-radius :10px;
    text-align :center;
    padding :10px;
}
.h4{
  color :#1d5c0a; 
  font-size :x-small;
  margin :0px;
  padding :0px;
}
.loginCntnr {
    padding-top:20px;
	height: 230px;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
    
	border-radius:15px;
	border: thin solid #165986;

} 
.feature-right{
    width:338px;
    float:right;
    height:290px;
}
.loginFeature {
     width:330px;
    margin-left:auto;
    margin-right:auto;
   
    height:291px;
    border-radius:10px;
}
.loginTitle {
	clear: both;
	height: 70px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:18px;
    color:#535556;
    padding-left:10px;
    padding-right:10px;
}
.spce {
	clear: both;
	height: 15px;
}
.brder {
	
	height: 25px;
	
	padding-top: 5px;
	padding-left: 5px;
}


.logSpce {
	clear: both;
	height: 20px;
}
 .textField{
    padding-left:10px;
    color:#333;
    margin-bottom :8px;
    font-size:14px;
}