﻿
body {
     margin:0px;
	 padding:0px;
	 font:normal 12px Arial, Verdana, Helvetica, sans-serif; 
	 }
.dashed{
	 border-bottom:1px dashed #666666;
	 }	
	 
input{
	 border:1px solid #999999;
	 font-size: 11px;
	 }		
 
.table_margin{
     margin:20px 0 0 0;
	 } 
	 
	 
a {
     font:Verdana, Arial, Helvetica, sans-serif;
	 color:#000000;
	 text-decoration:underline;
	 }
a:hover{
     font:Verdana, Arial, Helvetica, sans-serif;
	 color:#007f77;
	 text-decoration:none;
	 }
ul {
margin: 0px 0px 0px 20px;
padding-left: 10px;
}

li {
list-style-type: none;
line-height: 20px;
padding-top: 4px;

}
.blueBullet
{
	list-style:none;
	padding-left:30px;
	background:url(../images/blueArrow.png) 4px 6px no-repeat;
	margin-bottom: 0px;
	color:#666;
}
.blueBulletSolid
{
	padding-left:25px;
	font-size: 12px;
	list-style:none;
	padding-left:30px;
	background:url(http://www.breezDigitalMedia.com/images/bullet_blueArrowSolid.png)  10px 8px  no-repeat;
	
}
.bulletCheck {
	font-size: 12px;
	background:url(../images/checkMark.png) 0 2px  no-repeat;
	padding-left:25px;
	line-height:1.5em;
	/* zoom:1;  (in ie7.css) hasLayout! Fixes bulltets no rendering properly when next to a floated item in IE */
	overflow:hidden; /* Does the same thing as the above line for Safari */
}
	 
.cl{
     clear:both;
	 }	 
	 
h1{
     font:normal 24px Verdana, Arial, Helvetica, sans-serif;
	 color:#00bab8;
	
	 }
	 
h2
{
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
/*     font:normal 24px Verdana, Arial, Helvetica, sans-serif; */
     color:#126faa;
/*	 color:#6e6c6d;*/
	 margin:15px 0 0 0;
	 padding:0px 0 0 0;
	 }	 

h3{
	 margin:0px;
	 padding:0px; 
	 font:normal 22px Verdana, Arial, Helvetica, sans-serif;
	 color:#4d95df;
	 }
	 
h4{
	 margin:0px;
	 padding:0px; 
	 font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#FE7700;
	 font-weight:bold;
	 }		 	 
	 
h5{
	 border-bottom:1px dashed #666666;
	 margin:0px 0px 0px 0px;
	 padding:0px 0px 15px 0px;
	 font:normal 18px Verdana, Arial, Helvetica, sans-serif;
	 color:#000000;
	 }
	 
h6{
     font:normal 30px Verdana, Arial, Helvetica, sans-serif;
	 color:#000000;
	 margin:0px;
	 padding:0 0 10px 0;
	 }		 
	 
p {
     margin:10px 0 0 0;
	 padding:0px;
}
	.p{
	 text-align:left;
	 font:normal 16px  Arial, Helvetica, sans-serif;
	 color:#003935;
	 width:534px;
	 line-height:24px;
	 } 
	 
.fl{
     float:left;
	 }
	 
.fr{
     float:right;
	 }	 	 	 
#homepage_bg{ background:url(images/bg_top.gif) repeat-x top;
	 width:100%;
	 margin:0px;
	 padding:0px;
	 }
	 
#billing_bg{ background:url(images/bg_top1.gif) repeat-x top;
	 width:100%;
	 margin:0px;
	 padding:0px;
	 }		 	 
#innerpage_bg{background:url(images/bg_top_inner.gif) repeat-x top;
	 width:100%;
	 margin:0px;
	 padding:0px;
	 }	  

#wrapper{
     width:1024px;
	
	}

#top_panel {
     display:block;
	 float:right;
	 position:absolute;
	 top:5px;
	 right:55px;
	 width: 346px;
	
}
.footerbtn
{
	 display:none;
	 float:right;
	 position:relative;
	 top:-5px;
	 right:20px;
	 width: 25px;
	 cursor:pointer;
}
#top_panel_signUp{
float:right;
position:absolute;
top:60px; 
right:4px; 
height: 30px; 
width: 165px;
}

	 
#logo {
	 margin:0px 0px 0px 0px;
	 padding:20px 0px 0px 0px;
	 }
	 
.smallTxt {
color: red;
font-size: 11px;
}

.text {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #666666;
text-align: right;
}
 .blocker {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: Black;
    opacity: 0.4;
    filter: alpha(opacity=40);
    z-index: 2000;
    display: none;
}
#working 
{
   display: none;
   margin: 0px;
   position:absolute;
   top: 40%;
   left: 50%;
   z-index:9999;
}

.moreInfo
{
	display:none;
	left: 50%;
    top: 25%;
	border: 8px solid #1765E5;
	width:450px;
	height:auto;
	z-index:3000;
	position:absolute;
	background-color:#f9f9f9;
}
#overlayImg 
{
	background-image: url('../images/X.png');
	background-repeat: no-repeat;
	top:-26px;
	right:-419px;
    position:relative;
    height: 50px;
    width: 53px;
    z-index:3001;
    cursor:pointer;
}

.popupWrapper {
    position: absolute;
    z-index: 2001;
    left: 50%;
    top: 40%;
    height: 340px;
    width: 499px;
    background: url('../images/blueTransparent.gif') no-repeat 0 0;
    background-color: #ffffff; 
    opacity: 1;
    display: none;
 
    border: 10px solid #ccc;
    
}
      

.popupWrapper.loginregister {
    width: 499px;
    height: 345px;
   
}
.popupWrapper.loginregister#RegisterPopup {
    width: 499px;
    height: 481px;
    border-color: Black;
    border: 10px solid #ccc;
}
.popupWrapper.loginregister#ContactPopup {
    width: 499px;
    height: 481px;
    border: 10px solid #ccc;
   
}
.popupWrapper.loginregister h3 {
    font-size: 12pt;
    margin: 5px 0 15px 0;
}
.popupWrapper.loginregister label {
    display: block;
    text-align: center;
    padding: 3px 0 1px 0;
}
.popupWrapper.loginregister label.inf {
    width: 150px;
}
.popupWrapper.loginregister label.rememberMeLbl {
    font-size: 10px;
    float: left;
    width: 100px;
}
.popupWrapper.loginregister .popup {
    margin: 10px 20px;
}
.popupWrapper.loginregister .popup input {
    width: auto;
}
.popupWrapper.loginregister .chckBx {
    float: left;
}
.popupWrapper.loginregister .popup a.close {
    text-decoration: underline;
    cursor: pointer;
    color: #1964ff;
    font: bold 18px "Lucida Grande" , Lucida, Verdana, sans-serif;
    padding: 1px 6px 1px 16px;
    float: left;
}
.popupWrapper.loginregister .popup input.btn {
    padding: 1px 10px;
    margin-bottom: 10px;
    margin-left: 25px;
    float: left;
}
.popupWrapper.loginregister .popup span.error {
    color: Red;
    display: block;
    text-align: center;
    font-size: 10pt;
}
/*----------------------------homepage menus ---------------------------*/	 
	 	 
#menus{
     width:500px;
	 float:right;
	 padding:10px 0px 0px 0px;
	 }
	 
#menus ul{
     margin:0px;
	 padding:0px;
	 }
	 
#menus ul li{
	 padding:0px 18px 0px 18px;
	 list-style: none;
	 display: inline;
     font:normal 16px Arial, Helvetica, sans-serif;
	 color: #008ec8;	
     }	
	  
#menus li a {
	 text-decoration: none;
	 font:normal 16px Arial, Helvetica, sans-serif;
	 color: #008ec8;
     }
#menus li a:hover {
	 padding:0px;
	 margin:0px;
	 text-decoration: none;
	 font:normal 16px Arial, Helvetica, sans-serif;
	 color: #ffffff;
     }
/*---------------------------homepage menus ends here---------------------------*/		 
	 
/*---------------------------homepage banner start here---------------------------*/	

#banner{background:url(images/banner.jpg) no-repeat top right;
	 padding:30px 0 0 0px;
	 margin:25px 0 0 0 ;
	 height:280px;
	 text-align:left;
	 font:normal 27px Verdana, Arial, Helvetica, sans-serif;
	 color:#ffffff;
	 line-height:10px;
	 }
	 
#banner p{
	 text-align:left;
	 font:normal 18px Verdana, Arial, Helvetica, sans-serif;
	 color:#003935;
	 width:534px;
	 line-height:24px;
	 }
	 
#banner img{
     margin:20px 0 0 0;
	 padding:0px 15px 0 0px;
	 }
	 
/*---------------------------homepage banner ends here---------------------------*/	 
	 
#container{
	 width:100%;
	 margin:20px 0px 0px 0px;
	 }
 
.box1{
	 padding:0px 20px 0px 0px;
	 width:480px;
	 float:left;
	 font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	 color:#666666;
	 text-align:left;
	 line-height:18px;
	 }
.box1 span{
	 width:254px;
	 margin:5px 0px 0px 0px;
	 }	 
	 
.box2{
	 padding:0px 0px 0px 20px;
	 width:480px;
	 float:left;
	 font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	 color:#666666;
	 line-height:18px;
	 text-align:left;
	 background:url(images/dot.gif) repeat-y top left;
	 }
.box2 span{
	 width:254px;
	 margin:5px 0px 0px 0px;
	 }	 

.heading{
    background-color:#eeeeee;
	font:normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	padding:5px 0px 5px 10px;
	margin:0px 0px 0px 205px;
	}	 	 			 			 		 	 
	 
.imgborder {
	border:7px solid #eeeeee;
	padding:1px;
	margin:0px 10px 0px 0px;
    }
	
.imgborder:hover {
	border:7px solid #dbdbdb;
	padding:1px;
}	
	   
.dot_vertical{
     background:url(images/dot_vertical.gif) repeat-x;
	 height:52px;
	 clear:both;
	 }	

/*---------------------------common footer start here---------------------------*/	
	 
#footer_container{
	 width:100%;
	 height:58px;
	 padding:20px 0px 0px 0px;
	 margin:50px 0px 0px 0px;
	 background-color:#ebebeb;
	 background-image: url(images/footer_container.gif);
	 background-repeat: repeat-x;
	 background-position: top left;
	 border-top: 1px solid #bfbebf;
	 text-align:center;
	 clear:both;
	 }
	 
#footer
{
	background-color:#9FBED6;
	 width:100%;
	 font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	 color:#000000;
	 text-align:center;
	 }		 	 	  	
	  
 
#footer span{
	 padding:0px 0px 0px 400px;
	 font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	 color:#000000;
	 text-align:right;
	 }
	 
/*---------------------------common footer ends here---------------------------*/		 	
#content
{
	clear:both;

	margin: 10px auto 0 100px   ;
	text-align: left;
      
}
#contentFB
{
	clear:both;
	position:relative;
	left:2px;
	top:auto;
	width:610px;
	height: auto;
      
}
.right-navFB{
	position:relative;
	float:left;
	
	width: 120px;
	height: auto;
	border:1px solid #f1f1f1;
	padding:5px;

      
}
#right-nav{
	position:absolute;
	left:6200px;
	top:207px;
	width: 150px;
	height: 492px;
	border:1px solid #0868a4;
	padding:5px;

      
}
#NormalPage li
{
	color:#666;
	padding-left:25px;
	font-size: 12px;
	list-style:none;
	padding-left:30px;
	 background:url(http://www.breezeDigitalMedia.com/images/bullet_blueArrowSolid.png)  10px 10px  no-repeat;
	
}
/*---------------------------common inner page menus start here---------------------------*/	 
#inner_menus{
         list-style:none;
         margin-left: -1px;
         background-color:#999999; 
         height:37px;
         
}

 #inner_menus ul{
         list-style:none;
		 margin-left:30%;
}
         
#inner_menus li{
     margin-top: 1px;
	
         padding:0px 0px 0px 0px;
         list-style: none;
         display: inline;
         font:normal 16px Arial, Helvetica, sans-serif;
         color: #FFFFFF;
         background-image: url(images/stroke.gif);
         background-repeat: repeat-y;
         background-position: top right;
         float: left;
         list-style:none;
         border:none;
     }        
          
#inner_menus a {
         text-decoration: none;
         font:normal 16px Arial, Helvetica, sans-serif;
         color: #FFFFFF;
         display:block;color:#FFFFFF;text-decoration: none;
         padding:8px 20px 8px 18px;        
     }

#inner_menus a:visited {color:#FFFFFF;text-decoration: none;padding:8px 20px 8px 18px; padding:8px 20px 9px 18px;}
#inner_menus a:hover, #inner_menus a:active {background:#008ec8; border-top: 0px solid #ffffff; border-bottom: 0px solid #ffffff; text-decoration:none; color:#000000;}

#inner_menus .on {background:#ff7d01; border-top: 0px solid #7eac00; border-right: 0px solid #365f88; text-decoration:none;color:#000000;
	
}
/*---------------------------common inner page menus ends here---------------------------*/		 	
/*---------------------------facebook menus start here---------------------------*/	 
#inner_menusFB{
         list-style:none;
         margin-left: -1px;
         background-color:#999999; 
         height:37px;
         
}

 #inner_menusFB ul{
         list-style:none;
		 margin-left:30%;
}
         
#inner_menusFB li{
     margin-top: 1px;
	
         padding:0px 0px 0px 0px;
         list-style: none;
         display: inline;
         font:normal 16px Arial, Helvetica, sans-serif;
         color: #FFFFFF;
         background-image: url(images/stroke.gif);
         background-repeat: repeat-y;
         background-position: top right;
         float: left;
         list-style:none;
         border:none;
     }        
          
#inner_menusFB a {
         text-decoration: none;
         font:normal 16px Arial, Helvetica, sans-serif;
         color: #FFFFFF;
         display:block;color:#FFFFFF;text-decoration: none;
         padding:8px 20px 8px 18px;        
     }

#inner_menusFB a:visited {color:#FFFFFF;text-decoration: none;padding:8px 20px 8px 18px; padding:8px 20px 9px 18px;}
#inner_menusFB a:hover, #inner_menus a:active {background:#008ec8; border-top: 0px solid #ffffff; border-bottom: 0px solid #ffffff; text-decoration:none; color:#000000;}

#inner_menusFB .on {background:#9c3; border-top: 0px solid #7eac00; border-right: 0px solid #365f88; text-decoration:none;color:#000000;
	
}	 
.left_navigation{
     margin:0px 0px 0 10px;
	 padding:0px;
	 width:200px;
	 height:600px;
	 float:left;
	 border: 5px solid #f1f1f1;
	 }
.left_navigation .menu {
	width: 89px;
	margin: 8px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	background:url(line.jpg) repeat-y;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	height: auto;
}
.left_navigation .menu ul {
	width:115px;
	margin:0px;
	padding:0px;
	list-style:none;
}
.left_navigation .menu li {
	margin:0px;
	padding:0px;
	display: block;
	
}
.left_navigation .menu li a {
	voice-family: "\"}\"";
	voice-family: inherit;
	text-decoration: none;
	height:10px;
}
.left_navigation .menu li a:link, .menu li a:visited {
	color: #000;
	display: block;
	padding:12px 0px 10px 27px;
	margin:0px;
	width: 69px;
}
.left_navigation .menu li a:hover, .menu li a:active {
	color: #6C7250;
	background:url(li.gif) no-repeat;
	font-weight:normal;
}
.left_navigation .menu .selected {
	background:url(li.gif) no-repeat;
	font-weight:normal;
}
.left_navigation .menu .margin_2px{
	margin:0px 0 -3px 0;
}

.viewedcontacts{
font:normal 20px Arial, Helvetica, sans-serif;
color: #a32957;
border-bottom: 2px solid #a32957;
margin-bottom: 10px;
padding: 0px;
width: 238px;
}

.createdinvoice {
font:normal 20px Arial, Helvetica, sans-serif;
color: #1d9011;
border-bottom:2px solid #1d9011;
margin-bottom: 10px;
padding: 0px;
width: 238px;
}

.viewedinvoices {
font:normal 20px Arial, Helvetica, sans-serif;
color: #2876cd;
border-bottom: 2px solid #2876cd;
margin-bottom: 10px;
padding: 0px;
width: 238px;
} 

.companytxt {
color: #027f78;
}

.companytxt a:link,
.companytxt a:visited{
color: #027f78;
text-decoration: none;
}

.companytxt a:hover{
color: #333333;
text-decoration: underline;
}
 /*
#middle_container{
     margin:10px 0 0 23px;
	 padding:0px;
	 width:700px;
	 height:auto;
	 float:left;
	border:1px solid red;
	 }
*/
#middle_container{
     margin:-10px 0 0 0px;
	 padding:0px;
	 width:700px;
	 height:auto;
	 float:left;
	 }
 

#login_panel{
     margin:5px 0 0 0;
	 padding:0px;
 	 font:normal 14px Arial, Helvetica, sans-serif;
	 color: #000000;
	 text-align:right;
	 width:300px;
	 float:right;
	 }
#login_panel p{
     margin:15px 0 0 0;
	 padding:0px;
	 }	 	 
	 
#login_content span{
	 color: #5a9e00;
	 }		 
#login_content{
     margin:0px 0 0 0 ;
	 padding:10px 0 0 10px;
 	 font:bold 16px Arial, Helvetica, sans-serif;
	 color: #000000;
	 text-align:center;
	 }
#login_content span{
	 color: #5a9e00;
	 }	 	
	 
.mrg {
    ~margin: 5px 20px 0px 10px;
	margin: 5px 10px 0px 10px; !important
}	
		  
/*------------------------------------------------*/
.popular_tags
{
	 background-color: #FFFFFF;
     margin:5px 0 0 0;
	 padding:10px 0 0 0;
	 width:188px;
	 height:auto;
	 text-align:center;
  	 font:normal 14px Arial, Helvetica, sans-serif;
	 color: #000000;
	 border:6px solid red;
}

.popular_tags A
{
	 font:normal 14px Arial, Helvetica, sans-serif;
	 color: #000000;
	 text-decoration:none;
}

.popular_tags A:hover
{
	 font:normal 14px Arial, Helvetica, sans-serif;
	 color: #000000;
	 text-decoration:underline;
}

#popular_tags .size1{

            font-size:30px;
            padding:0px 2px;
            color: #f00476;
}

 

#popular_tags .size1 a,

#popular_tags .size1 a:visited{

            font-size:30px;

            padding:0px 2px;

            color:#f00476; 

            text-decoration: none;

 

}

 

#popular_tags .size1 a:hover{

            font-size:30px;

            padding:0px 2px;

            color: #f00476;

            text-decoration: underline;

}

 

#popular_tags .size2{

            font-size:25px;

            padding:0px 2px;

            color: red;

}

 

#popular_tags .size2 a,

#popular_tags .size2 a:visited{

            font-size:25px;

            padding:0px 2px;

            color: red; 

            text-decoration: none;

 

}

 

#popular_tags .size2 a:hover{

            font-size:25px;

            padding:0px 2px;

            color: red;

            text-decoration: underline;

}

#popular_tags .size3{

            font-size:20px;

            padding:0px 2px;

            color: #CC9966;

}

 

#popular_tags .size3 a,

#popular_tags .size3 a:visited{

            font-size:20px;

            padding:0px 2px;

            color: #CC9966; 

            text-decoration: none;

 

}

 

#popular_tags .size3 a:hover{

            font-size:20px;

            padding:0px 2px;

            color: #CC9966;

            text-decoration: underline;

}

 

#popular_tags .size4{

            font-size:15px;

            padding:0px 2px;

            color: green;

}

 

#popular_tags .size4 a,

#popular_tags .size4 a:visited{

            font-size:15px;

            padding:0px 2px;

            color: green;

            text-decoration: none;

}

 

#popular_tags .size4 a:hover{

            font-size:15px;

            padding:0px 2px;

            color: green;

            text-decoration: underline;

}

#popular_tags .size5{

            font-size:13px;

            padding:0px 2px;

            color: #008981;

}

 

#popular_tags .size5 a,

#popular_tags .size5 a:visited{

            font-size:13px;

            padding:0px 2px;

            color: #008981; 

            text-decoration: none;

 

}

#popular_tags .size5 a:hover{

            font-size:13px;

            padding:0px 2px;

            color: #008981;

            text-decoration: underline;

}

 

 

#popular_tags .size6{

            font-size: 10px;

            padding:0px 2px;

            color: #0009ba;

} 

 

#popular_tags .size6 a,

#popular_tags .size6 a:visited{

            font-size: 10px;

            padding:0px 2px;

            color: #0009ba; 

            text-decoration: none;

 

}

 

#popular_tags .size6 a:hover{

            font-size: 10px;

            padding:0px 2px;

            color: #0009ba; 

            text-decoration: underline;

 

}





/*--------------------------------------------------*/
/*---------------------------popular tags start here---------------------------*/
	 
	 
	 
	 
#popular_tags{
	 background-color: #FFFFFF
     margin:5px 0 0 0;
	 padding:10px 0 10px 0;
	 width:265px;
	 max-height: 350px;
	 text-align:center;
  	 font:normal 14px Arial, Helvetica, sans-serif;
	 color: #000000;
	 border:6px solid #e2e0e0;
	 }
	 
#popular_tags a{
  	 font:normal 14px Arial, Helvetica, sans-serif;
	 color: #000000;
	 text-decoration:none;
	 }
	 
#popular_tags a:hover{
  	 font:normal 14px Arial, Helvetica, sans-serif;
	 color: #000000;
	 text-decoration:underline;
	 }		 	 
	 
#popular_tags b a{
  	 font:normal 24px Arial, Helvetica, sans-serif;
	 color: #000000;
	 text-decoration:none;
	 }

	 
#popular_tags b a:hover{
  	 font:normal 24px Arial, Helvetica, sans-serif;
	 color: #000000;
	 text-decoration:underline;
	 }	 
	 
#popular_tags span a{
  	 font:normal 20px Arial, Helvetica, sans-serif;
	 color: #000000;
	 text-decoration:none;
	 }
	 
#popular_tags span a:hover{
  	 font:normal 20px Arial, Helvetica, sans-serif;
	 color: #000000;
	 text-decoration:underline;
	 }	 
	 
#popular_tags em a{
  	 font:normal 30px Arial, Helvetica, sans-serif;
	 color: #000000;
	 text-decoration:none;
	 }

#popular_tags em a:hover{
  	 font:normal 30px Arial, Helvetica, sans-serif;
	 color: #000000;
	 text-decoration:underline;
	 }	 
	 
	 
/*---------------------------popular tags ends here---------------------------*/	 		 	 	 

#grey_heading{
	 font:normal 24px Arial, Helvetica, sans-serif;
	 color: #828282;
     margin:8px 0 0 0;
	 }	

	 
h1 em{
     font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	 color:#00bab8;
	 float:right;
	 }	 
/*---------------------------Dashboard Headings start here---------------------------*/
.yellow_heading{
	 border-bottom:1px dashed #666666;
	 margin:16px 0px 15px 0px;
	 padding:0px 0px 0px 0px;
	 width:700px;
	 }	
.yellow_heading h2{
	 margin: 10px 0px 0px 0px;
	 padding: 0px 0px 10px 0px; 
	 font:normal 20px Verdana, Arial, Helvetica, sans-serif;
	 color:#000799;
	 }
.blue_heading{
	 border-bottom:1px dashed #666666;
	 margin:15px 0px 15px 0px;
	 padding:0px 0px 0px 0px;
	 width:700px;
	 }	
.blue_heading h2{
	 margin: 10px 0px 0px 0px;
	 padding: 0px 0px 10px 0px; 
	 font:normal 20px Verdana, Arial, Helvetica, sans-serif;
	 color:#008ac4;
	 }
.grey_heading{
	 border-bottom:1px dashed #666666;
	 margin:15px 0px 15px 0px;
	 padding:0px 0px 0px 0px;
	 width:700px;
	 }	

.grey_heading h2{
	 margin: 10px 0px 0px 0px;
	 padding: 0px 0px 10px 0px; 
	 font:normal 20px Verdana, Arial, Helvetica, sans-serif;
	 color:#9bb101;
	 }
	 
.pink_heading{
	 border-bottom:1px dashed #666666;
	 margin:-5px 0px 15px 0px;
	 padding:0px 0px 0px 0px;
	 width:700px;
	 }

.pink_heading h2{
	 margin: 10px 0px 0px 0px;
	 padding: 0px 0px 10px 0px; 
	 font:normal 20px Verdana, Arial, Helvetica, sans-serif;
	 color:#e80476;
	 }	  
	 
.orng_heading{
	 border-bottom:1px dashed #666666;
	 margin:10px 0px 15px 0px;
	 padding:0px 0px 0px 0px;
	 width:700px;
	 }
	 	 
.orng_heading h2{
	 margin: 10px 0px 0px 0px;
	 padding: 0px 0px 10px 0px; 
	 font:normal 20px Verdana, Arial, Helvetica, sans-serif;
	 color:#b70000;
	 }
	 
.grn_heading{
	 border-bottom:1px dashed #666666;
	 margin:25px 0px 15px 0px;
	 padding:0px 0px 0px 0px;
	 width:700px;
	 }	
.grn_heading h2{
	 margin: 10px 0px 0px 0px;
	 padding: 0px 0px 10px 0px; 
	 font:normal 20px Verdana, Arial, Helvetica, sans-serif;
	 color:#ce7900;
	 }		 	 	 

.stats {
width: 700px;
margin: 0 auto;
}

.stats .txt {
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
color: #808080;
}


.statsInvoices .box{
	 background-color: #FFFFFF;
	 padding:6px;
	 margin: 0px 10px 0px 0px;
	 width:200px;
	 height: auto;
	 text-align:center;
  	 font:normal 12px Arial, Helvetica, sans-serif;
	 color: #000000;
	 border:4px solid #e2e0e0;
	 text-align: left;
}

.statsInvoices h2{
	 margin: 10px 0px 0px 0px;
	 padding: 0px 0px 5px 0px; 
	 font:normal 18px Verdana, Arial, Helvetica, sans-serif;
	 color:#00aba1;
}


.statsOverdue .box{
	 background-color: #FFFFFF;
	 padding:6px;
	 margin: 0px 10px 0px 0px;
	 width:200px;
	 height: auto;
	 text-align:center;
  	 font:normal 12px Arial, Helvetica, sans-serif;
	 color: #000000;
	 border:4px solid #e2e0e0;
	 text-align: left;
}

.statsOverdue h2{
	 margin: 10px 0px 0px 0px;
	 padding: 0px 0px 5px 0px; 
	 font:normal 18px Verdana, Arial, Helvetica, sans-serif;
	 color:#b70000;
}

.statsPayments .box{
	 background-color: #FFFFFF;
	 padding:5px;
	 margin: 0px 10px 0px 0px;
	 width:212px;
	 height: auto;
	 text-align:center;
  	 font:normal 12px Arial, Helvetica, sans-serif;
	 color: #000000;
	 border:4px solid #e2e0e0;
	 text-align: left;
}

.statsPayments h2{
	 margin: 10px 0px 0px 0px;
	 padding: 0px 0px 5px 0px; 
	 font:normal 18px Verdana, Arial, Helvetica, sans-serif;
	 color:#689011;
}

.statsOpen .box{
	 background-color: #FFFFFF;
	 padding:5px;
	 margin: 0px 10px 0px 0px;
	 width:440px;
	 height: auto;
	 text-align:center;
  	 font:normal 12px Arial, Helvetica, sans-serif;
	 color: #000000;
	 border:4px solid #e2e0e0;
	 text-align: left;
}

.statsOpen h2{
	 margin: 10px 0px 0px 0px;
	 padding: 0px 0px 5px 0px; 
	 font:normal 18px Verdana, Arial, Helvetica, sans-serif;
	 color:#008ac4;
}

.statsDraft .box{
	 background-color: #FFFFFF;
	 padding:5px;
	 margin: 0px 10px 0px 0px;
	 width:200px;
	 height: auto;
	 text-align:center;
  	 font:normal 12px Arial, Helvetica, sans-serif;
	 color: #000000;
	 border:4px solid #e2e0e0;
	 text-align: left;
}

.statsDraft h2{
	 margin: 10px 0px 0px 0px;
	 padding: 0px 0px 5px 0px; 
	 font:normal 18px Verdana, Arial, Helvetica, sans-serif;
	 color:#0009ba;
}
/*---------------------------Dashboard Headings ends here---------------------------*/

.invoices{
     margin:12px 0 0 0 ;
	 padding:0px;
	 }

.more{
     margin:10px 0 0 0 ;
	 padding:0px;
	 font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	 text-align:right;
	 color:#005d57;
 }
.more a{
	 font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	 color:#005d57;
	 text-decoration:none;
	 }
.more a:hover{
	 font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	 color:#000000;
	 text-decoration:none;
	 }	 	 
	 
	 
.blk_heading{
	 border-bottom:1px dashed #666666;
	 border-right:1px dashed #666666;
	 margin:0px 0px 0px 0px;
	 padding:0px 0px 5px 0px;
	 font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	 color:#000000;
	 }
	 
	 
.grey_content {
	 font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	 color:#00000;
	 text-decoration:none;
	 }
.grey_content a{
	 font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	 color:#65b201;
	 text-decoration:none;
	 }	
	 
.grey_content a:hover{
	 font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	 color:#666666;
	 text-decoration:underline;
	 }	 	 

.invoice_bold{
	 margin:0px 0px 0px 0px;
	 padding:0px 0px 0px 0px;
	 font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#666666;
	 }
	 
.invoice_grn{
	 margin:0px 0px 0px 0px;
	 padding:0px 0px 0px 0px;
	 font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#65b201;
	 }
	 
.invoice_grn a{
	 font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#65b201;
	 text-decoration:none;
	 }
.invoice_grn a:hover{
	 font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#666666;
	 text-decoration:underline;
	 }		 		 		 	 

	 
.dashed_brdr{
     background:url(images/dashed.gif) repeat-x left bottom;
	 height:1px;
	 }

	 		 		 	 	 	 	 	  	 	  	 
/*---------------------------invoice page start here---------------------------*/

.txtarea {
     width:80px;
	 height:18px;
	 margin:0px;
	 padding:0px 0 0 5px;
	 font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	 color:#575757;
	 vertical-align:middle;
	 border:1px solid #999999;
	 }
	 
.dec_txtarea {
     width:190px;
	 height:60px;
	 margin:10px 0 10px 0;
	 padding:0px 0 0 5px;
	 font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	 color:#575757;
	 vertical-align:middle;
	 border:1px solid #999999;
	 overflow-y:scroll;
	 }	 
	 
.textarea {
     width:190px;
	 height:60px;
	 margin:0px 0 10px 0;
	 padding:0px 0 0 5px;
	 font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	 color:#575757;
	 vertical-align:middle;
	 border:1px solid #999999;
	 overflow-y:scroll;
	 }	
	 
.invoice_content {
	 font:normal 13px Verdana, Arial, Helvetica, sans-serif;
	 color:#666666;
	 line-height:18px;
	 }
.invoice_content b{
	 font:bold 15px Verdana, Arial, Helvetica, sans-serif;
	 color:#333333;
	 line-height:18px;
	 }	 
	 
.invoice_brdr{
     border:1px dashed #666666;
	 padding:0px 0px 0px 10px;
	 margin:25px 0 0 0 ;
	 font:normal 13px Verdana, Arial, Helvetica, sans-serif;
	 color:#666666;
	 }
.invoice_brdr b{
	 font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#333333;
	 }	 
	 
.checkbox {
    border:none;
	vertical-align:middle;
	margin:0px;
	padding:0px;

	}
	
.searchbutton{
    border:1px solid #85c32c;
	vertical-align:middle;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#5a920b;
	height:24px;
	margin :0px;
	}
	
.searchbutton:hover{
    border:1px solid #25a49c;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#45c3bb;
	}	
	
.red_heading{
	 border-bottom:1px dashed #666666;
	 margin:0px 0px 15px 0px;
	 padding:0px 0px 0px 0px;
	 width:700px;
	 }	
	 
.red_heading h2{
	 margin:0px;
	 padding:0px; 
	 font:normal 20px Verdana, Arial, Helvetica, sans-serif;
	 color:#aa2900;
	 }
	 
.red_heading em{
	 margin:5px 0 0 0;
	 padding:0px 10px 0 0; 
	 font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#45c3bb;
	 }
	 
.red_heading em a{
	 font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#45c3bb;
	 text-decoration:none;
	 }
.red_heading em a:hover{
	 font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#2b736e;
	 text-decoration:none;
	 }		 
	 	 	 

.invoice_egp{
	 font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	 color:#45c3bb;
	 }
	 
.invoice_filter{
	 font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#45c3bb;
	 width:300px;
	 margin:20px 0 0 0;
	 text-align:right;
	 }
	 
.invoice_filter a{
	 font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#45c3bb;
	 }
	 
.invoice_filter a:hover{
	 font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#2b736e;
	 }

#recurring_panel{
 	 background-color: #FFFFFF;
     margin:5px 0 0 0;
	 padding:0px 0 0 0px;
	 width:265px;
  	 font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	 color: #000000;
	 border:6px solid #e2e0e0;
	 line-height:18px;
	 }
	 
#recurring_panel p{
  	 font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	 color: #666666;
	 line-height:20px;
	 padding:5px 0px 5px 10px;
	 margin:0px;
	 border-bottom:1px solid #d9d9d9;
	 }
	 
#recurring_panel a{
  	 font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	 color: #1a6578;
	 line-height:19px;
	 padding:0px 0px 0px 5px;
	 margin:0px;
	 }

	 
#recurring_panel a:hover{
  	 font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	 color: #042d37;
	 text-decoration:none;
	 }	 	 	 	 
	 
#recurring_panel h1{
     background-color:#65b7cc;
	 font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	 color:#FFFFFF;
	 height:22px;
	 margin:0px;
	 padding:8px 0 0 10px;
	 }

.invoiceForm {
	 border: 1px solid #DDDDDD;
	 padding: 10px 0px 10px 10px;
	 margin: 0px 10px 14px 0px;
	 background-color: #F9F9F9;
}	
.invoiceForm .selectL {
width: 200px;
color: #000000;
}

.invoiceForm .formwidth {
width: 85px;
~width: 100px;
} 
.invoiceForm select {
font-size:  12px;
}


/*---------------------------setting page start here---------------------------*/


.setting{
     font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	 color:#666666;
	 line-height:18px;
	 margin:5px 0 0 0;
	 width:700px;
	 }
	 
.setting a{
     font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	 color:#87c005;
	 text-decoration:underline;
	 }
	 
.setting a:hover{
     font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	 color:#666666;
	 text-decoration:none;
	 }	 	 
	 
.setting h3{
     font:normal 24px Verdana, Arial, Helvetica, sans-serif;
	 color:#d3d3d3;
	 margin:0px;
	 padding:0px 0px 15px 0px;
	 }
	 
.setting h4{
     font:normal 24px Verdana, Arial, Helvetica, sans-serif;
	 color:#575656;
	 margin:0px 0 0 0;
	 padding:0px 0px 15px 0px;
	 }
	 
.blue_bg{
     font:bold 20px Verdana, Arial, Helvetica, sans-serif;
	 color:#ffffff;
	 margin:20px 0 0 0 ;
	 padding:0px 0 0px 0px;
	 background:url(images/blue_bg.gif) repeat-x;
	 height:44px;
	 vertical-align:middle;
	 line-height:40px;
	 }
	 
.setting_txtarea{
     font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	 color:#666666;
	 height:18px;
	 vertical-align:middle;
	 width:300px;
	 }

	 
.brows_button{
     font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	 color:#333333;
	 vertical-align:middle;
	 width:100px;
	 height:24px;
	 border:1px solid #ffffff;
	 background-color:#ece9d8;
	 }
	 
.button_margin{
	 margin:18px 0 0 0;
	 padding:0px 0px 10px 0px;
	 }



.setting_navigation{
     margin:0px;
	 padding:25px 0 0 30px;
	 width:258px;
	 height:37px;
	 background:url(images/setting_nav.gif) no-repeat top;
	 font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#000000;
	 }
	 
.navigation_details{
     margin:0px 0 0 9px;
	 padding:0px 0 0 20px;
	 width:237px;
	 height:autopx;

	 font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#000000;
	 border-bottom:1px solid #cfcfcf;
	 border-left:1px solid #cfcfcf;
	 border-right:1px solid #cfcfcf;
	 }
	 
.navigation_details ul{
     margin:0px;
	 padding:0px 0px 20px 0px;
	 }
	 
.navigation_details li{
     margin:0px;
	 padding:8px 0px 8px 0px;
	 list-style-type:none;
	 display:block;
 	 font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#000000;

	 }
	 
.navigation_details li a{
     margin:0px;
 	 font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#000000;
	 text-decoration:none;
	 }
	 
.navigation_details li a:hover{
     margin:0px;
 	 font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#65b301;
	 text-decoration:none;
	 }
	 
.add_newline{
     margin:20px 0 0 0;
 	 font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#29736e;
	 }
	 
.bluebox{
     margin:20px 0 0 0;
     padding:10px 10px 10px 0px;
	 width:689px;
	 height:auto;
	 background-color:#f0faf6;
	 border:1px solid #cffaf7;
	 text-align:right;
	 font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#000000;	
	 }
	 
.blue_bg .mrg {
padding-top: 0px;
margin: 6px 0px 6px 0px; !important;

}
	 

	  
.invoice_notes{
     margin:5px 0 0 0;
 	 font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	 color:#000000;
	 }
	 
.notes_txtarea{
     width:698px;
	 height:150px;
	 margin:10px 0 0 0;
	 border:1px solid #666666;
     font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	 color:#000000;
	 }	 	 
	 
.savetemplate{
    border:1px solid #85c32c;
	vertical-align:middle;
	width:140px;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#5a920b;
	height:26px;
	margin:15px 0 0 0;
	}	 
	 
	 

/*---------------------------contact page start here---------------------------*/
.company_search{
	margin:22px 0px 0px 0px;
	padding:15px;
	border:1px dashed #666666;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	}
.company_lable{
	padding:3px;
	border:1px solid #666666;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	width:180px;
	margin:10px 0px 10px 0px;
	}

.company_btn{
	padding:2px;
	border:1px solid #85c32c;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	width:80px;
	background-color:#5a920b;
	}			

.companylist{
     margin:10px 0 0 0;
	 padding:15px;
	 border:8px solid #9cd3f9;
	 font:normal 11px verdana, Arial, Helvetica, sans-serif;
	 color: #575656;
	 height:100%;
	 line-height:18px;
	 }
.grn_companylist{
     margin:10px 0 0 0;
	 padding:15px;
	 border:8px solid #aae350;
	 font:normal 11px verdana, Arial, Helvetica, sans-serif;
	 color: #575656;
	 height:100%;
	 line-height:18px;
	 }	 


.address{
    width:240px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#6e6e6d;
	line-height:18px;
	}
	
.contact_title{
	font:normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#575656;
	line-height:18px;
	width:100%;
	}
	
.edit_links{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#be3601;
	}
.edit_links a{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#be3601;
	text-decoration:none;
	}
.edit_links a:hover{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#5a920b;
	text-decoration:none;
	}

.invoice_links{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#5a920b;
	margin:15px 0px 15px 0px;
	}
	
.invoice_links a{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#5a920b;
	text-decoration:underline;
	}
	
.invoice_links a:hover{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#be3601;
	text-decoration:none;
	}
	
.contact_greybox{
	margin:0px;
	padding:0px 15px 15px 15px;
	background-color:#f4f4f4;
	}
.sub_greybox_container{
	padding:15px 0px 0px 0px;
	margin:0px;
	}	
.sub_greybox{
	width:300px;
	}
.sub_greybox b{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#575656;
	}
	
.sub_greybox p{
	padding:5px;
	background-color:#ffffff;
	margin:1px 0px 0px 0px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#e16500;
	}
.sub_greybox span{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#575656;
	}
.sub_greybox span a{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#575656;
	text-decoration:none;
	}
.sub_greybox span a:hover{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#e16500;
	text-decoration:underline;
	}
.company_container{
	margin:40px 0px 0px 0px;
	padding:0px;
	}	 	 		 
/*---------------------------thank you page start here---------------------------*/	 

.thankyou_container{
 	 margin:0px 0px 0px 0px;
	 font:bold 14px verdana, Arial, Helvetica, sans-serif;
	 color: #6e6c6d;
}

.thankyou_container a{
	 font:bold 12px verdana, Arial, Helvetica, sans-serif;
	 color: #6e6c6d;
	 text-decoration: none;
}
.thankyou_container a:hover{
	 color: #6e6c6d;
	 text-decoration: underline;
}

.thankyou_container img{
 	 border:1px solid #666666;
	 }
.thankyou_container p{
 	 border:1px dashed #666666;
	 width:185px;
	 margin:0px 0 24px 0;
	 padding:5px 0 0 10px;
	 height:25px;
	 }	 
	 
.thanks_subcontainer{
 	 margin:20px 14px 0px 14px;
	 width:196px;
	 }
.thanks_innercontainer{
 	 border:1px solid #dbdbdb;
	 margin:20px 0 24px 0;
	 padding:15px;
	 height:100%;
	 } 
.thanks_innercontainer img{
 	 border:1px solid #999999;
	 }
	 
.thanks_innercontainer p{
 	 border:1px dashed #666666;
	 width:185px;
	 margin:0px;
	 padding:5px 0 0 10px;
	 height:25px;
	 font-weight:bold;
	 }
	 
.thanks_txtarea {
 	 border:1px solid #aaaaaa;
	 width:300px;
	 padding:0px 0px 0px 10px;
	 height:120px;
	 margin:0px 0px 0px 0px;
	 font:normal 12px verdana, Arial, Helvetica, sans-serif;
	 line-height:18px;
	 color: #6e6c6d;
	 overflow-y:scroll;
	 }		 	 	 
	 
.thanks_mar{
 	 margin:30px 0px 0px 54px;
	 }	 

/*---------------------------thank you page ends here---------------------------*/	  	 	 	 

/*---------------------------reminder page start here---------------------------*/	  	
.reminder_bluebox {
 	 border:1px solid #c9edfb;
	 background-color:#ebfafd;
	 width:640px;
	 padding:24px 32px 24px 32px;
	 height:100%;
	 margin:24px 0px 24px 0px;
	 font:normal 14px verdana, Arial, Helvetica, sans-serif;
	 line-height:24px;
	 color: #6e6c6d;
	 }
	 
.reminder_bluebox p {
	 padding:10px 0px 10px 32px;
	 margin:0px;
	 font:normal 14px verdana, Arial, Helvetica, sans-serif;
	 line-height:24px;
	 color: #6e6c6d;
	 }	 		 
.invoice_txtarea{
     font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	 color:#6e6c6d;
	 height:16px;
	 width:300px;
	 }
	 
/*---------------------------reminder page ends here---------------------------*/	

/*---------------------------billing and account page start here---------------------------*/

.billing_container {
	margin:40px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:925px;
}

.billing_feature {
	padding:0px 0px 0px 0px;
	background:url(images/billing_bg.gif) repeat-x top;
	font:bold 24px verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
}

.billing_packages {
	margin:0px;
	padding:0px;
	font:normal 18px verdana, Arial, Helvetica, sans-serif;
	color:#ecfcff;
}

.billing_packages p{
	margin:5px 0 0 0;
	padding:0px;
	font:normal 13px verdana, Arial, Helvetica, sans-serif;
	color:#dceb74;
}

.billing_packages span{
	font:normal 18px verdana, Arial, Helvetica, sans-serif;
	color:#ecfcff;
	padding:0px 42px 0px 42px;
}

.packages{
	font:normal 14px verdana, Arial, Helvetica, sans-serif;
	color:#6e6c6d;
	padding:0px 0 0 0px;
	margin:13px 0 0 0;
}

.packages p{
	padding:12px 0 12px 20px;
	margin:0px;
}

.packagesdetail{
	font:normal 20px verdana, Arial, Helvetica, sans-serif;
	color:#6e6c6d;
}


.table_content{
  	 font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	 color: #575656;
	 line-height:18px;
 	 padding:0px 0px 0px 0px;

	 }
	 
.table_brdr{
  	 font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	 color: #575656;
	 line-height:18px;
	 border:1px solid #d2d2d2;
	 margin:0px 0px 0px 0px;
	 }
	 
.table_pad{
	 padding:5px 10px 5px 10px;
	 }
.td_pad{
	 padding:0px 0px 0px 20px;
	 }	 	 
	 
.details_txtarea {
 	 border:1px solid #aaaaaa;
	 width:630px;
	 padding:0px 0px 0px 10px;
	 height:120px;
	 margin:0px 0px 0px 0px;
	 font:normal 12px verdana, Arial, Helvetica, sans-serif;
	 line-height:18px;
	 color: #6e6c6d;
	 overflow-y:scroll;
	 }		 		 	 

/*---------------------------billing and account page ends here---------------------------*/		

	 
/*--------------------------------succMsg & errorMsg-----------------------------*/
.succMsg
{
font:normal 12px arial, verdana, Helvetica, sans-serif;
color: #6e6c6d;
margin:10px 0 20px 0;
padding:5px 10px 10px 10px;
border:1px solid #cffaf7;
background-color:#f0faf6;
}
.errorMsg
{
background-color:#fff4f4;
font:normal 12px arial, verdana, Helvetica, sans-serif;
color:#d01313;
margin:10px 0 20px 0;
padding:10px;
border:1px solid #ff8f8f;
}
/*-------------------------End succMsg & errorMsg-------------------------------*/

/*--------------------------------------MUFEED Registration -------------------------------------------------------------------*/
.registration_textCONT{
	height: auto;
	width: auto;
	clear: both;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #dcdcdc;
	}
.registration_textCONT label{
	margin: 0px 8px 0px 0px;
	width: 165px;
	float: left;
	text-align: right;
	}
.registration_textCONT p{
	margin: 5px 0px 0px 0px;
	display: block;
	}
.registration_textfield {
	height:18px;
	width: 250px;
	margin: 0px;
	}
.registration_dropDOWN {
	height:22px;
	width: 255px;
	margin: 0px;
	}
/*-------------------------End Registration-------------------------------*/
.rightbutton{
	border:1px solid #25a49c;
	vertical-align:middle;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#45c3bb;
	height:24px;
	}
/*----------------------------------------login--------------------------*/
.border_none{border: none;}
.login_main{
 	background: url(images/login_bg.gif) repeat-x 0px 59px;
	border: 1px solid #9ec5c2; 
	margin-bottom:100px; 
	min-height:322px; 
	width:413px;
	text-align: left;
	color: #636262;
 }
.login_main h1{
 	display: block;
	background: url(images/login_hd.gif) repeat-x 0px 0px;
	height: 57px;
	border-bottom: 1px solid #d5d4d4;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color: #005d57;
	margin: 0px;
	padding: 0px 0px 0px 7px; 
 }
.login_hd{
 	padding: 19px 0px 0px 20px;
	display: block;
 }
.login_cont{
	height: auto;
	width:	auto;
	margin: 13px 13px 0px 15px
}
.login_cont p{
 	margin: 0px 0px 10px 0px;
 }
.login_cont p a{
 	color: #29736e;
	text-decoration: underline;
 } 
.login_cont p a:hover{
 	color: #29736e;
	text-decoration: none;
 } 
.login_cont span{
 	margin: 0px 5px 0px 0px;
	float: left;
	display: block;
 }
.login_cont b{
 	font-weight: normal;
	color:  #000;
 }
.login_cont label{
 	margin: 0px 0px 0px 0px;
	text-align: left;
	width: 99px;
	float: left;
	/*border: 1px solid red;*/
	}
.color_text{
 	color: #29736e;
 }
.login_txtarea {
 	 border:1px solid #aaaaaa;
	 width:110px;
	 padding:0px 0px 0px 2px;
	 height:18px;
	 margin:0px;
	 color: #c5c3c3;
	 }		 		 	 
.login_txtfield {
 	 border:1px solid #aaaaaa;
	 width:180px;
	 padding:0px 0px 0px 2px;
	 height:18px;
	 margin:0px;
	 color: #c5c3c3;
	 }
.login_btn{
	background: url(images/login_btn.gif) no-repeat;
	height: 30px;
	width: 106px;
	border: none;
	cursor: pointer;
}

.history_cmnt{
	margin: 10px 0px 5px 0px;
	}
.history_cmnt_area{
	border: 1px solid #5d5c5c;
	margin:8px 0 0 0;
    padding:5px 5px 5px 8px;
	width:686px;
	height:80px;
	font-size: 12px;
	 }
.history_cmnt_area span{
	display: block;
	clear: both;
	font-size: 17px;
	color: #5d9217;
	padding: 0px 0px 4px 0px;
	}
.history_cmnt a{
	color:#29736e;
	text-decoration: underline;
	 }
.history_cmnt a:hover{
	color:#29736e;
	text-decoration: none;
	 }

.paging{  
	 padding:5px;  
	 font-family:Arial, Helvetica, sans-serif;  
	 font-size:12px;  
	 color:black;  
	 font-weight:bold;
	 clear: both;
	 width: 700px;
	 padding-left: 0px;
	 margin: 10px 0px 0px -2px
	}  
  
.paging a{  
	 padding:4px 7px 4px 7px;  
	 margin:0px 2px 0px 2px;  
	 border:1px solid #223802;  
	 background:#00baaf;  
	 color:white;  
	 text-decoration:none;  
	}  

.paging a:hover{  
	 border:1px solid #000000;  
	 background:#005d57;  
	 color:#FFFFFF;  
	 text-decoration:none;  
	 }
	 
/*---------------------------status start here---------------------------*/
.statusall .open {
font-size: 11px;
color: #008ac4;
}

.statusall .open a:link{
font-size: 11px;
color: #008ac4;
text-decoration: none;
}

.statusall .open a:hover{
font-size: 11px;
color: #333333;
}

.statusall .pastdue {
font-size: 11px;
color: #aa2900;
}

.statusall .pastdue a:link{
font-size: 11px;
color: #aa2900;
text-decoration: none;
}

.statusall .pastdue a:hover{
font-size: 11px;
color: #333333;
}

.statusall .draft {
font-size: 11px;
color: #0009ba;
}

.statusall .draft a:link{
font-size: 11px;
color: #0009ba;
text-decoration: none;
}

.statusall .draft a:hover{
font-size: 11px;
color: #0009ba;
}

.statusall .close {
font-size: 11px;
color: #1d9011;
text-decoration: none;
}

.statusall .close a:link{
font-size: 11px;
color: #1d9011;
}

.statusall .close a:hover{
font-size: 11px;
color: #1d9011;
}

.statusall .cancel {
font-size: 11px;
color: #ff3d00;
text-decoration: none;
}

.statusall .cancel a:link{
font-size: 11px;
color: #ff3d00;
}

.statusall .cancel a:hover{
font-size: 11px;
color: #1d9011;
}
.dashedborder{
	 border:1px dashed #666666;
	 padding:  5px;
	 }
	

.textsetting {
	FONT: bold 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #333333;
}
.create {
color: #7aa800;
font:italic bold 18px Georgia, Arial, Verdana, Helvetica, sans-serif;
}

.thank {
padding: 50px 0px 0px 10px;  
text-align:left;  
line-height: 28px;
letter-spacing: 0.2px;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;

}
