body{
	
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #000000;
	background-color:#666666;
}

/* --------------------------------------Normal Link ----------------------------------------*/
a{
	color:#0000CC;
	text-decoration:none;
}
a.gray{
	color:#5D5D5D;
	text-decoration:none;
}
a:hover { text-decoration:underline; }

.amock{
	color:#0000CC;
	text-decoration:none;
}
amock.gray{
	color:#5D5D5D;
	text-decoration:none;
}
amock:hover { text-decoration:underline; }

.aGrid{
	color:#000;
	text-decoration:none;
}
aGrid:hover { text-decoration:underline; }


.menu
{
    float:left;
    padding:0px 0px 0px 0px;
    margin:0;
    list-style-type:none;
    text-align:center;
	font-weight:bold;
}
.menu a
{
    float:left;
    width:6em;
    text-decoration:none;
    color:#FFFFFF;
    background-color:#666666;
    padding:0.2em 0.6em;
    border-right:1px solid white;
    text-decoration:none;
	font-weight:bold;
}
.menu a:hover {background-color:#000000;text-decoration:none;font-weight:bold;}
.menu li {display:inline;}

.selected_menu
{ background-color:#638fa8;  }

.selected_submenu
{ background-color:#D3E7FO;  }

.default_submenu
{ background-color:#638fa8; }


/* --------------------------------------Normal Link ----------------------------------------*/

/* --------------------------------------Text Should Be Center -----------------------------*/

.center_text { text-align:center; }

/* --------------------------------------Text Should Be Center -----------------------------*/

/*------------------------------- Different Font Styles -------------------------------*/
.popup_rowhead { 
	background-color:#BFBFBF;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	line-height:25px;
	text-align:left;
		
}
.other_heading
{ 
	_font-weight:normal; 
	font-size:11px; 
	font-family: verdana,Arial, Helvetica, sans-serif;
	color:#505151;
	font-weight:bold;
	text-decoration:none;
}
.heading
{
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: bold;
	line-height:30px;
	color:#4FAEDA;
}
.caption
{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	line-height:20px;
	color:#737271;
}
.light_grey
{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	line-height:20px;
	color:#949494;
}

.listtxt
{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	line-height:15px;
}
.boldtxt
{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	color:#000000;
	text-align:left;
	line-height:20px;
}
.darkgray_bold
{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	color:#737271;
	text-align:left;
	line-height:20px;
}
.loginpage
{
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	padding-left:50px;
}
.alpha_sort
{
	font-family: verdana, Arial, sans-serif;
	color:#1C88A6;
	font-size:13px;
}
.graytxt
{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#565559;
}
.defaultcontent
{
	font-family: Tahoma, Arial, sans-serif;
	font-size:11px;
	font-weight: bold;
}
.rowheading{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	line-height:25px;
	text-align:left;
	color:#737271;
}
.normaltext{
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#000000;
}
.report_addr
{	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	line-height:20px;
	text-align:center;
	color:#F7A848;
}
.note
{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	color:#565559;
}

/*------------------------------- End of Different Font Styles -------------------------------*/


/*-------------------------------Different Background-Colors ---------------------------------*/

.body_bgcolor { background-color:#FFFFFF; }

.bg_rowhead { background-color:#E9F3FF; }

.grid_tablebg { background-color:#b2b2b2; }

.rowhead_color { background-color:#CCE3EB; }

.underline { text-decoration:underline; }

.yellow {  background-color:#FFFACD; }

.white { background-color:#FFFFFF; }

.black { background-color:#000000; }

.darkgray_bg { background-color:darkgray; }

.darkgray { color:#737271; }

.light_red { color:#A40000; }

.popup_bg { background-color:#E9F3FF; }

.orange_bg { background-color:#FFCC99; }

.gray { background-color:#CED4D9; }

.light_green {background-color:#CCFFCC; }

.star
{ 
	font-weight:bold;
	color:#FF0000;
}

.mysql_light_red 
{ 
	padding-left:5px;
	color:#A40000;
}
/*------------------------------End of Different Background-Colors ---------------------------------*/

/*------------------------------Footer Colors ---------------------------------*/
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.footer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.footer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#20B1F0;
	text-decoration: none;
}
/*------------------------------End of Footer Colors ---------------------------------*/

/*--------------------------------Inputs Styles---------------------------------------*/
Input.txtbox,textarea{
 	font-family: verdana, Arial, sans-serif;
	background-image: url('../images/field-bg.gif');
	background-repeat: repeat-x;
	border: 1px solid #c8c8c8;
	font-size: 10px;	
	color: #333333;
	padding: 3px;
	width:140px;
}
Input[type=checkbox],Input[type=radio]{
  _border:1px solid #aaaaaa;
  padding:2px 2px 2px 2px;
  background:#FFFFFF url(../images/inputBg.gif) top left no-repeat;
  margin-top:2px;
}

/*------------------------------End of Input Styles--------------------------------------*/


/*-----------------------------------------------Other Styles--------------------------------*/

img{ border:none; }

.selected { color:#A4A4A4; }

.spacer { background-image:url(../images/spacer.gif); }

.h_line { background:url(../images/v_dotted.jpg) repeat-x; }

.bold { font-weight:bold }

.selectbox{ 
	font-size: 10px;
	width:150px; 
}
.dotline{
	min-height:1px;
	background-image:url(../images/h_line.jpg);
}
.divScroll {
 width:1150px;
 overflow:scroll;
 white-space:nowrap;
 }
 .scroll{
     scrollbar-highlight-color:#DEDEDE;
     scrollbar-shadow-color:#616A6B;
     scrollbar-face-color:#D9DDDD;
     scrollbar-arrow-color :#616A6B;
     scrollbar-3dlight-color :#DEDEDE;
     scrollbar-darkshadow-color :#D9DDDD;
     scrollbar-track-color :#EEF0F0;
     scrollbar-border-color:#DEDEDE;
     scrollbar-horizontal:none;
 }
 .tblborder{ 
	border:1px solid; 
	border-color:#8C8C8C;
}
.bodrer_all_direction
{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-style:solid;
	border-top-width:1px;
	border-right-style:solid;
	border-right-width:1px;
	border-left-style:solid;
	border-left-width:1px;
}


/*------------------------------------------------End of Other Styles-------------------------*/


/*------------------------- Button Style ----------------------------------------------*/
.button {
  /*display:block;*/
  border:1px solid #aaaaaa;
  background:#f5f5f5 url(../images/inputBg.gif) top left;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:11px;
  line-height:150%;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
/* Standard */
.button:hover{
  font-size:11px;
  background-color:#dff4ff;
  border:1px solid #000000;
  color:#638fa8;
}
.button:active{
  font-size:11px;
  background-color:#6299c5;
  border:1px solid #B2B2B2;
  color:#638fa8;
}
.gobutton {
	border:0px;
	background:url(../images/go.jpg);
	cursor:pointer;
    height:20px;
	width:39px;
}
.goback_button
 {
	 border:0px;
	 background:url(../images/go_back.jpg);
	 cursor:pointer;
	 height:22px;
	 width:80px;
 }
 .save_button
 {
	 border:0px;
	 background:url(../images/save.jpg);
	 cursor:pointer;
	 height:22px;
	 width:66px;
 }
 .add_state
 {
	 border:0px;
	 background:url(../images/add_newstate.jpg);
	 cursor:pointer;
	 height:19px;
	 width:119px;
 }
  .edit_state
 {
	 border:0px;
	 background:url(../images/edit_state.png);
	 cursor:pointer;
	 height:19px;
	 width:102px;
 }
 .add_city
 {
	 border:0px;
	 background:url(../images/add_new_city.png) no-repeat;
	 cursor:pointer;
	 height:19px;
	 width:119px;
 }
  .edit_city
 {
	 border:0px;
	 background:url(../images/edit_city.png) no-repeat;
	 cursor:pointer;
	 height:19px;
	 width:85px;
 }
 .add_newcompany
 {
	 border:0px;
	 background:url(../images/add_newcompany.jpg);
	 cursor:pointer;
	 height:21px;
	 width:149px;
 }
  .add_newcontact
 {
	 border:0px;
	 background:url(../images/add_newcontact.jpg);
	 cursor:pointer;
	 height:21px;
	 width:131px;
 }
.save_nobg {
	 border:0px;
	 background:url(../images/save_nobg.png);
	 cursor:pointer;
	 height:22px;
	 width:66px;
}
.reset_button{

	 border:0px;
	 background:url(../images/reset.png);
	 cursor:pointer;
	 height:22px;
	 width:70px;
}
.cancel_button{

	 border:0px;
	 background:url(../images/cancel_button.png);
	 cursor:pointer;
	 height:22px;
	 width:66px;
}
.send_mail{

	 border:0px;
	 background:url(../images/email.png);
	 cursor:pointer;
	 height:22px;
	 width:85px;
}
.close_button{

	 border:0px;
	 background:url(../images/close_button.png);
	 cursor:pointer;
	 height:22px;
	 width:68px;
}
 .save_continue
 {
	 border:0px;
	 background:url(../images/save_continue.png);
	 cursor:pointer;
	 height:22px;
	 width:132px;
 }
 .save_close
  {
 	 border:0px;
 	 background:url(../images/save-close.png);
 	 cursor:pointer;
 	 height:20px;
 	 width:110px;
 }
 .add_button
 {
	 border:0px;
	 background:url(../images/add_button.png);
	 cursor:pointer;
	 height:22px;
	 width:63px;
 }
 .flexgrid_search
 {
	 border:0px;
	 background:url(../images/search_button.png);
	 cursor:pointer;
	 height:22px;
	 width:75px;
 }
 .select_project
  {
 	 border:0px;
 	 background:url(../images/select-project.png);
 	 cursor:pointer;
 	 height:19px;
 	 width:111px;
 }
 .select_customer
   {
  	 border:0px;
  	 background:url(../images/select-customer.png);
  	 cursor:pointer;
  	 height:22px;
  	 width:130px;
 }
 .export
   {
  	 border:0px;
  	 background:url(../images/export.png);
  	 cursor:pointer;
  	 height:22px;
  	 width:82px;
 }
 .upload
    {
   	 border:0px;
   	 background:url(../images/upload.png);
   	 cursor:pointer;
   	 height:22px;
   	 width:82px;
 }
.generate_report
{
    	 border:0px;
    	 background:url(../images/generate-report.png);
    	 cursor:pointer;
    	 height:22px;
    	 width:145px;
 }
.addmore
{
     	 border:0px;
     	 background:url(../images/add-more.png);
     	 cursor:pointer;
     	 height:22px;
     	 width:89px;
}
.department{
	border:0px;
	background:url(../images/departments.png);
	width:117px;
	height:22px;
	cursor:pointer;
}
.add_contact{
	border:0px;
	background:url(../images/add-contact.png);
	width:234px;
	height:22px;
	cursor:pointer;
}
.add_lineitem{
	border:0px;
	background:url(../images/add-line-item.png);
	width:117px;
	height:22px;
	cursor:pointer;
}

.calculate{
	border:0px;
	background:url(../images/calculate.png);
	width:89px;
	height:22px;
	cursor:pointer;
}
.to_po{
	border:0px;
	background:url(../images/to-po.png);
	width:79px;
	height:22px;
	cursor:pointer;
}
.to_cpo{
	border:0px;
	background:url(../images/to-cpo.png);
	width:79px;
	height:22px;
	cursor:pointer;
}
.create_po{
	border:0px;
	background:url(../images/create-po.png);
	width:85px;
	height:22px;
	cursor:pointer;
}
.create_cpo{
	border:0px;
	background:url(../images/create-cpo.png);
	width:90px;
	height:22px;
	cursor:pointer;
}
.close_po{
	border:0px;
	background:url(../images/close-po.png);
	width:85px;
	height:22px;
	cursor:pointer;
}
.close_cpo{
	border:0px;
	background:url(../images/close-cpo.png);
	width:85px;
	height:22px;
	cursor:pointer;
}
.open_po{
	border:0px;
	background:url(../images/open-po.png);
	width:79px;
	height:22px;
	cursor:pointer;
}
.open_cpo{
	border:0px;
	background:url(../images/open-cpo.png);
	width:85px;
	height:22px;
	cursor:pointer;
}



/*------------------------- Button Style ----------------------------------------------*/
.small_button {
  border:1px solid #aaaaaa;
  background:#f5f5f5 url(../images/inputBg.gif) top left;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:10px;
  line-height:50%;
  padding-top:4px;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
/* Standard */
.small_button:hover{
  font-size:10px;
  background-color:#dff4ff;
  border:1px solid #000000;
  color:#638fa8;
}
.small_button:active{
  font-size:10px;
  background-color:#6299c5;
  border:1px solid #B2B2B2;
  color:#638fa8;
}
/*------------------------- End of Button Style ----------------------------------------------*/
/*------------------------- End of Button Style ----------------------------------------------*/



/*--------------------------FLASH MESSAGES-----------------------------------------------------*/

#error_msg {
  background:url("../images/delete.gif") no-repeat 0px 0px;
  padding-left: 10px;
  padding-bottom: 2px;
  font-size:11px;
  font-weight: bold;
  color: #EA5200;
  width:50%;
}

/*
 #flash_msg{
	font-family: Tahoma, Arial, sans-serif;
	color:#EA5200;
	font-size:11px;
	border: 1px solid #CC0000;
	margin-top:05px;
	background-color : #FFEBE8;
	width: 50%;
}
*/

#grid_msg{
	font-family: Tahoma, Arial, sans-serif;
	color:#EA5200;
	font-size:11px;
	border: 1px solid #CC0000;
	margin-top:05px;
	background-color : #FFEBE8;
	text-align:center;
	width: 40%;
}
#delete_error
{
	font-family: Tahoma, Arial, sans-serif;
	color:#EA5200;
	font-size:11px;
	border: 1px solid #CC0000;
	margin-top:05px;
	background-color : #FFEBE8;
	width: 50%;
}
/*----------------------------------------- END----------------------------------------------------- */



/*---------------------------------------- For Jquery Error Message----------------------------------*/

label {
  vertical-align: top;
  width: 100px;
  white-space: nowrap;
}

label.error {
  display:block;
  font-family: Tahoma,Arial, Helvetica, sans-serif;
  font-size:10px;
  color: red;
  text-align:left;
  padding-left:2px;
}

.success_msg {
  font-family: Tahoma, Arial, sans-serif;
  font-weight: bold;
  _color: #0060BF;
  color:#EA5200;
  margin-left: 19px;
}
.error_html
{
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	font-size:10px;
	color: red;
	text-align:left;
	padding-left:2px;
	font-weight:none;
}

/*----------------------------------------- For Jquery Error Message End --------------------------------*/

/*---------------------------------Date picker-----------------------------------------------*/
Input.DatePicker{
	display: block;
	width: 125px;
	padding: 2px 2px 4px 20px;
	border: 1px solid #aaaaaa;
	color:#000000;
	font-size: 11px;
	background: #fff url(../images/date.gif) no-repeat top left;
	cursor: pointer;
	
}
Input.DatePicker1{
	display: block;
	width: 125px;
	padding: 2px 2px 4px 20px;
	border: 1px solid #aaaaaa;
	color:#000000;
	font-size: 11px;
	background: #fff url(../images/date.gif) no-repeat top left;
	cursor: pointer;
	
}
/*----------------------------------END--------------------------------------------------------*/

/*------------------------------- BELOW IS THE STYLE FOR THE MENU ----------------------------------------- */
#styletwo
{
	font-family:verdana;
	letter-spacing:0.1em;
	position:relative;
	display:block;
	height:30px;
	font-size:12px;
	line-height:22px;
	background:transparent url(../images/bgOFF.jpg) repeat-x top left;
}
#styletwo ul
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}
#styletwo ul li
{	
	display:block;
	float:left;
	text-align:center;
	margin:0 1px 0 0;
}
#styletwo ul li a
{	
	display:block;
	float:left;
	text-align:center;
	color:#333333;
	text-decoration:none;
	padding:4px 0px 4px 5px;
}
#styletwo ul li a:hover,#styletwo ul li a.current
{ 
	/*color:#638fa8; */
	background-color: #638fa8;
    color: #FFFFFF;
}
/* ------------------------------ ABOVE IS THE STYLE FOR THE MENU --------------------------------------------*/

/*--------------------------------FOR PAGING-------------------------------------------------------------------*/
.pagination { padding: 2px; }

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 10px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a{
background-color: #D9D9D9;
padding: 0 5px;
border: 1px solid #000000;
text-decoration: none; 
color: #000000;
font-size:11px;
}

.pagination a:hover, .pagination a:active{
background-color: #D9D9D9;
color: #000;
background-color: #D9D9D9;
cursor:pointer;
text-decoration: none; 
}

.pagination a.currentpage{
background-color: #D9D9D9;
color: #ff0084 !important;
font-weight: bold;
cursor:pointer;
text-decoration: none;
}
/*--------------------------------END-------------------------------------------------------------------*/


/*--------------------------------JQUERY ODD EVEN ROW COLORS--------------------------------------------*/
.oddtr { background-color:#F3F3F3 ; }
.eventr { background-color:#FBFDFD; }
.trover { background-color: #DFF3FF; }
.trclick { background-color: #CED4D9; }

/*----------------------------------END-----------------------------------------------------------------*/



/*input, textarea, .inputbox {
	padding: 1px;
	font-family: verdana, Arial, sans-serif;
	font-size: 12px;
}*/


/*input {login_.css (line 107)
border-color:#404040 #D4D0C8 #D4D0C8 #404040;
border-style:solid;
border-width:1px;
color:#7F7F7F;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:11px;
height:16px;
margin:0 27px 22px 0;
padding:2px 3px 0;
width:125px;
}
/*.floatr {tf.css (line 22)
float:right;
}*/

.selectboxGrid
{
	font-size: 9px;
	width:70px;
  height:17px; 
}
/*parts styles */

.box1{
  background-color: #CCE3EE;
  position: relaive;
  color:#000;
}

.bar {
  background-color: #CCE3EE;
  color: #000;
  cursor: move;
  font-weight: bold;
  padding-top:10px;
  padding-bottom:5px;
}

.content {
  padding: 1em;
}

/*Mouser over Delete icons view*/
#del_icon{
height:10px;
width:10px;
cursor:pointer;
background:url(../images/mouse_over_del.gif) -0px -0px  no-repeat;
}
#del_icon:hover{
height:10px;
width:10px;
cursor:pointer;
background:url(../images/mouse_over_del.gif) -10px -0px no-repeat;
}