.body 
{
	font-family:Arial;
	font-size:12px;
	/*
	remove for CSS printing in FF : or it can not print long report
	overflow-x:auto;
	overflow-y:auto;
	*/
}

.bodyNoOverflow
{
	font-family:Arial;
	font-size:12px;
	overflow-x:hidden;
	overflow-y:auto;
}

.body table
{
	font-family:Arial;
	font-size:12px;
}

/*
	CSS for Login , Signup & home page
*/
b.rtopHome, b.rbottomHome
{
	display:block;
	background: #FFF
}

b.rtopHome b, b.rbottomHome b
{
	display:block;
	height: 1px;  
	overflow: hidden; 
	background: #414042;
	font-size:1px;
}
b.r1Home{margin: 0 4px }
b.r2Home{margin: 0 2px }
b.r3Home{margin: 0 1px }


/*
	Round corner CSS
*/
 
b.rtop, b.rbottom
{
	display:block;
	background: #FFF
}

b.rtop b, b.rbottom b
{
	display:block;
	height: 1px;  
	overflow: hidden; 
	background: #fff200;
	font-size:1px;
}
b.r1{margin: 0 5px }
b.r2{margin: 0 3px }
b.r3{margin: 0 2px }
b.rtop b.r4, b.rbottom b.r4
{
	margin: 0 1px 0 1px;
	height: 2px;
	font-size:1px;
}

.thc
{
	background: #fff200 none no-repeat scroll 0%;
}

.thcBlack
{
	background: #000 none no-repeat scroll 0%;
}

.Scrollbar 
{	
	scrollbar-3dlight-color:yellow;
	scrollbar-base-color:yellow;
	scrollbar-darkshadow-color:yellow;
}


						/*########################################
							Header : logo , links , search
						#########################################*/
.TopLink
{
	color:#000;font-family:Arial;font-size:12px;
}

.TopLink a:link{cursor:pointer;color:#000;font-family:Arial;font-size:12px;}
.TopLink a:visited{cursor:pointer;color:#000;font-family:Arial;font-size:12px;}
.TopLink a:hover{cursor:pointer;color:#000;font-family:Arial;font-size:12px;}
.TopLink a:active{cursor:pointer;color:#000;font-family:Arial;font-size:12px;}


#txtSearch
{
	border:solid 1px black;
}

.maskDiv
{
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	background-color:white;
}

.maskDivAlpha
{
	filter: alpha(opacity=50); /* ie */
	-moz-opacity: .5; /* mozilla */
	background:#ccc;
	position:absolute;
	top:0;
	left:0;
}

.maskDivTransparent
{
	filter: alpha(opacity=1); /* ie */
	-moz-opacity: .1; /* mozilla */
	background:#ccc;
	position:absolute;
	top:0;
	left:0;
}

.hiddenMessageDiv
{
	display:none;
	position:absolute;
}

.visibleMessageDiv
{
	font-size : 12px;
	position:absolute;
	z-index:1001;
	height:25px;
	width: 70px;
	display:block;
	text-align:center;
	top:5px;
	right:10;
	background-color: #fff87f;
	padding-top : 5px;
}

.messageText
{
	font-weight:bold;
	
}


/*##################################################################################################################
	Main Page CSS
	* Note : lots of CSS selectors are used in this div, if you cant find the css class assign to the html elements , 
		try to look for them by CSS selectors
####################################################################################################################*/
.TabNormal
{
	cursor:pointer;
	background: #fff87f  none no-repeat scroll 0%;
	padding:  4px 5px 3px;
}

.TabActive
{
	cursor:pointer;
	background: #fff200 none no-repeat scroll 0%;
	padding:4px 5px 3px;
	font-weight:bold;
	color : #000;
}

b.TabRTop, b.TabRBottom
{
	display:block;background: #FFF
}

b.TabRTop b, b.TabRBottom b
{
	display:block;
	height: 1px;  
	overflow: hidden; 
	background: #fff87f;
	/*
		Very Important or it cause display bug in IE
	*/
	font-size : 1px;
}

b.TabR1
{
	margin: 0 4px 
}

b.TabR2
{
	margin: 0 2px 
}
b.TabR3
{
	margin: 0 1px 
}

b.TabRTopActive, b.TabRBottomActive
{
	display:block;
	background: #FFF
}
b.TabRTopActive b, b.TabRBottomActive b
{
	display:block;
	height: 1px;  
	overflow: hidden; 
	background: #fff200;
	font-size : 1px;
}

.clickableImage
{
	cursor:pointer;
}

.MainDiv
{
	clear:both;	
}

.MainDiv_JobTable
{
	width:100%;
	empty-cells:show;
	table-layout:fixed;
	overflow:hidden;
	height:500px;
} 

.MainDiv_JobTable td 
{
	padding:2 0;
	border-bottom:1px solid #a09fa0;
	empty-cells:show;	
	white-space:nowrap;
	overflow:hidden;	
	
}

.MainDiv_TimerTable td 
{
	padding:2 0;
	text-align:right;	
	empty-cells:show;	
	white-space:nowrap;
	overflow:hidden;	
	
}

.MainDiv_TimerTable td.thc
{
	border:solid 1px #fff200;
	
}


/*phung add here 20121022*/
.UM_padding
{
	padding-top:5px;
	height:21px;
	
}
/* make height same when it has data*/
.UM_blank
{
	height:26px;	
}
/*padding to div Delete*/
.UM_paddingDiv
{
	padding:3px 4px;
} 

.MainDiv_JobTable td.center
{
	text-align:center;
		
}

tr.MainDiv_JobTableTitleRow td
{
	border:solid 1px #fff200;
}


tr.MainDiv_JobTableTitleRow td
{
	border:solid 1px #fff200;
}

.MainDiv_JobTable td.thc
{
	border:solid 1px #fff200;
	
}

.MainDiv_JobTableTitleRow
{
	font-weight:bold;
	height:20px;
	vertical-align:top;
	background:#fff200;
}

.MainDiv_JobTableFooterRow
{
	height:20px;
	vertical-align:top;
	background:#fff200;
}


.MainDiv_JobTableCell
{
	vertical-align : top;

	padding-top:2px;
	padding-bottom:2px;
}

.mainDiv_ItemRow1
{
	cursor:pointer;
	vertical-align:top;
	height:20px;
}

.mainDiv_ItemRow2
{
	cursor:pointer;
	vertical-align:top;
	background:#FFFBB2;
	height:20px;
}

.mainDiv_ItemRowTimerReport
{
	cursor:pointer;
	vertical-align:top;
	background:#E6E6E6;
	height:20px;
}

.MainDiv_Border
{
	border-bottom:solid 1px #fff200;
}

.MainDiv_JobIcon
{
	padding-left:10px;
	width:30px;
}

.MainDiv_OurRef
{
	width:50px;
	
}

.MainDiv_Date
{
	width:75px;
}

.MainDiv_Owner
{
	width:200px;
}

.MainDiv_Rego
{
	width:100px;
}

.MainDiv_Make
{
	width:	100px;
}

.MainDiv_Model
{
	width:	130px;
}

.MainDiv_Colour
{
	width:150px;
}

.MainDiv_Insurance
{
	
}

.MainDiv_CarPhotoDiv
{
	width:142px;
	height:103px;
	padding:0 1 0 0;
	float:left;
}

.MainDiv_CarPhoto
{
	border:solid 1px black;
	width:142px;
	height:103px;
	cursor:pointer;
	
}

.MainDiv_JobDetailDiv
{
	position:absolute;
	top:100px;
	left:100px;
	width:250px;
	background-color:#fff87f;
	border:solid 1px black;
	padding:5 5 5 5;
	
}




/*###################################
	Summary div CSS
####################################*/

.SummaryDiv
{
	clear:both;
}

.SummaryDiv_cboOurRef
{
	width:70px;
}

tr.SummaryDiv_TitleRow td
{
	border:solid 1px #fff200;
}

.SummaryDiv_TitleRow
{
	font-weight:bold;
	height:14px;
	vertical-align:top;
	background:#fff200;
}

.SummaryDiv_FooterRow
{
	height:14px;
	background:#fff200;
}

.photoDiv
{
	width:172px;
	float:right;
	
}

.SummaryDiv_PhotoDiv_PhotoContainer
{
	padding-top:7px;
}

.photo
{
	display:block;
	height:127px;
	width:168px;
	border : solid 1px black;
	cursor:pointer;
}

.photoSelected
{
	display:block;
	height:127px;
	width:168px;
	border:solid 4px red;
	cursor:pointer;

}

.photoMoveIcon
{
	cursor:pointer;
}

.SummaryDivSummaryInfo_TextBox
{
	width:210px;
	
}

.SummaryDivSummaryInfo_Comment
{
	width:325px;
	height:150px;
}

.SummaryDivSummaryInfo_TotalLoss
{
	padding-left:35px;
	font-weight:bold;
	cursor:pointer;
}

.SummaryDivSummaryInfo_PaintGroup
{
	width:70px;
}

.photoDiv_FullSize
{
	right:190px;
	bottom:20px;
	position:absolute; /*IE*/
	z-index : 255;
}

.photoDiv_FullSizeFF
{
	right:190px;
	bottom:20px;
	position: fixed;	/*FF*/
	z-index : 255;
}

.photoFullSize
{
	max-height:480px;
	max-width:640px;
	border : solid 1px black;
}

.SummaryDiv_NoteDiv
{
	clear:both;
	padding-left :20px;
	padding-top:15px;
}

.SummaryDiv_NoteTable
{	
	table-layout:fixed;
	border-collapse:collapse;
	
}

.SummaryDiv_NoteTable td
{
	overflow:hidden;
	border-bottom : solid 1px black;
}

.SummaryDiv_NoteTable td.SummaryDiv_NoteTable_Comment
{
	padding-left:12px;
	cursor:pointer;
}

.spanNoteLink
{
	padding-left:12px;
	cursor:pointer;
}

/*tuantt add css for timerdiv*/
.SummaryDiv_TimerTable
{	
	table-layout:fixed;
	border-collapse:collapse;
	
}
.SummaryDiv_TimerTable td
{
	
}
.SummaryDiv_TimerDiv
{
	clear:both;
	padding-left :20px;
	padding-top:15px;
}


/*
.SummaryDiv_InvoiceTable td a:link{color:blue;font-family:Arial;font-size:12px;}
.SummaryDiv_InvoiceTable td a:visited{color:blue;font-family:Arial;font-size:12px;}
.SummaryDiv_InvoiceTable td a:hover{color:blue;font-family:Arial;font-size:12px;}
.SummaryDiv_InvoiceTable td a:active{color:blue;font-family:Arial;font-size:12px;}
*/

.SummaryDiv_NoteEditDiv
{
	position:absolute;
	background-color:#FFF;
	border:solid 1px #838383;
	padding: 5 5;
}

.SummaryDiv_CopyQuoteDiv
{
	position:absolute;
	width:220px;
	border:solid 1px #bfbfbf;
	background-color:#f3f2f2;
	z-index : 99;
	padding: 3px 3px;
}

.SummaryDiv_CopyQuoteDiv_ToQuoteNumberTextBox
{
	width:135px;
	float:left;
}


									/*######################################
										Quote Div CSS
									########################################*/
.QuoteDiv_Table
{
	width:100%;	
	border-collapse:collapse;
}

/****************************
		Pick List Area
*****************************/
.QuoteDiv_PickList
{
	float:left;
	width:380px;
}

.QuoteDiv_PickList_Area_TitleRow
{
	padding-left:5px;
	font-weight:bold;
	height:18px;
	background:#fff200;
}

.QuoteDiv_PickList_Area
{
	width:150px;
	overflow-x:hidden;
	overflow-y:auto;
	
}

.QuoteDiv_PickList_Area_Container
{
	overflow:auto;
	
}

.QuoteDiv_PickList_Area_ItemContainer
{
	height:18px;
	overflow:hidden;
}

.QuoteDiv_PickList_Area_Ipad_ItemContainer
{
	height:24px;
	overflow:hidden;
}


.QuoteDiv_PickList_RowNormal
{
	cursor:pointer;
	background: #FFF  none no-repeat scroll 0%;
	padding-left:5px;
	/*
	remove width : because it cause IE to lose teh scroll bar in the pick list
	width : 250px;
	*/
}

.QuoteDiv_PickList_RowActive
{
	cursor:pointer;
	background: #fff87f none no-repeat scroll 0%;
	font-weight:bold;
	padding-left:5px;
	/*
	remove width : because it cause IE to lose teh scroll bar in the pick list
	width : 250px;
	*/
}

b.QuoteDiv_PickList_RowRTopActive, b.QuoteDiv_PickList_RowRBottomActive, b.QuoteDiv_PickList_RowRTop, b.QuoteDiv_PickList_RowRBottom
{
	display:block;background: #FFF
}

b.QuoteDiv_PickList_RowRTopActive b, b.QuoteDiv_PickList_RowRBottomActive b
{
	display:block;
	height: 1px;  
	overflow: hidden; 
	background: #fff87f;
	/*
	background: #a09fa0;
	*/
	/*
		Very Important or it cause display bug in IE
	*/
	font-size : 1px;
}

b.QuoteDiv_PickList_RowRTop b, b.QuoteDiv_PickList_RowRBottom b
{
	display:block;
	height: 1px;  
	overflow: hidden; 
	background: #FFF;
	/*
		Very Important or it cause display bug in IE
	*/
	font-size : 1px;
}


/****************************
		Pick List Area
*****************************/
.QuoteDiv_PickList_Item
{
	width:230px;
	overflow-x:hidden;
	overflow-y:auto;
}

.QuoteDiv_PickList_Item_TitleRow
{
	padding-left:5px;
	font-weight:bold;
	height:18px;
	background:#fff200;
}

.QuoteDiv_PickList_Item_Container
{
	height:400px;
	overflow-x:hidden;
	overflow-y:auto;
	
}

.QuoteDiv_PickList_Item_Table
{
	 width:100%;	
	 table-layout:fixed;	 
	 overflow:hidden;
}

.QuoteDiv_PickList_Item_Table td
{
	padding-left:5px;
	height:14px;
	empty-cells:show;	
	white-space:nowrap;
	overflow:hidden;
}

.QuoteDiv_PickList_Item_ItemContainer
{
	height:18px;
	overflow:hidden;
}

.QuoteDiv_PickList_Item_Ipad_ItemContainer
{
	height:36px;
	overflow:hidden;
}

/****************************
		Quote Editor
*****************************/
#QuoteEditor_RateTextBox
{
	height:14px;
	font-size:10px; 
	border:solid 1px black;
	width:50px;
}

.QuoteEditor_Hour_Dollar_Active
{
	font-weight:bold;
}

.QuoteEditor_Hour_Dollar_Normal
{
}

.QuoteDiv_QuoteEdtior_TitleRow
{
	background:#fff200;
	height:18px;
	padding-left:5px;
}

.QuoteDiv_QuoteEdtior_Table_Container
{
	height:522px;
	overflow:auto;
}

.QuoteDiv_QuoteEdtior_Table
{
	table-layout:fixed;
	width:100%;
	border-style:none;	
}

.QuoteDiv_QuoteEdtior_Table_CommentColum_Title
{
	height:16px;
	empty-cells:show;
	white-space:nowrap;
	overflow:hidden;
}

.QuoteDiv_QuoteEdtior_Table_StatusColumn_Title {
    width: 80px;
}

.QuoteDiv_QuoteEdtior_Table_PartNoColumn_Title
{
	width:100px;
}

.QuoteDiv_QuoteEdtior_Table_MarkUpColumn_Title
{
	text-align:center;
	width:50px;
}

.QuoteDiv_QuoteEdtior_Table_QuantityColumn_Title
{
	text-align:center;
	width:50px;	
}	

.QuoteDiv_QuoteEdtior_Table_DollarColumn_Title
{
	text-align:center;
	width:60px;
}



.QuoteDiv_QuoteEdtior_Table td
{
	empty-cells:show;
	white-space:nowrap;
	overflow:hidden;
	padding-left:5px;
}

.QuoteDiv_QuoteEdtior_Table_CommentColumn
{
	/*
	empty-cells:show;
	white-space:nowrap;
	overflow:hidden;
	padding-left:5px;
	*/	
}

.QuoteDiv_QuoteEdtior_Table_AssessorComment
{
	color:Red;	
	
}

.QuoteDiv_QuoteEdtior_Table_HourColumn
{
	width:50px;
}

.QuoteDiv_QuoteEdtior_Table_PartNoColumn
{
	width:100px;
}
.QuoteDiv_QuoteEdtior_Table_StatusColumn {
    width: 80px;
}
.QuoteDiv_QuoteEdtior_Table_MarkupColumn
{
	text-align:right;
	width:50px;
}

.QuoteDiv_QuoteEdtior_Table_DollarColumn
{
	/*
	text-align:right;
	padding-right:4px;
	*/
	text-align:right;
	width:60px;
}

.QuoteEditor_ItemCell_Normal
{
	border-top: solid 1px white;
	border-left: solid 1px white;
	border-right: solid 1px white;
	border-bottom: solid 1px white;
}

.QuoteEditor_ItemCell_Active
{
	border-top:solid 1px #a09fa0;
	border-left:solid 1px #a09fa0;
	border-right: solid 1px #a09fa0;
	border-bottom: solid 1px #a09fa0;
}

.QuoteEditor_ItemRow_Normal
{
	height:26px;
	background-color: #FFF;
	color: 	#000;
	
}

/*************CSS added for ORM 20080801*********/ 
.QuoteEditor_ItemRow_Accepted
{
	height:26px;	
	background-color:#fff87f; 
	/*color : #E2DFE3;*/
	color : #808080;
}

.QuoteEditor_ItemRow_Added
{
	height:26px;	
	background-color:#fff87f; 
	color : #000;
}

.QuoteEditor_ItemRow_Changed		
{
	height:26px;	
	background-color:#fff87f; 	
	color : #000;
}

.QuoteEditor_ItemRow_AcknowlegdedDelete
{
	height:26px;	
	background-color:#808080; 
	color : #FFF;
}

.QuoteEditor_ItemRow_Deleted	
{
	height:26px;	
	background-color:#000; 
	color : #FFF;
	
}


/*************CSS added for ORM 20080801*********/ 

.QuoteEditor_EditTextBox
{
	border-style:none;
	border-width:1px;
	border-color:#7F9DB9;
	font-size:12px;
}

.dragDiv
{
	font-family:Arial;
	font-size:12px;
	border-style : solid;
	border-color: #a09fa0;
	background-color:#fff87f;
	position:absolute;
	border-width:1px;
	padding-left:13px;
}

/*****************************
	Quote Div PhotoDiv CSS
*****************************/
.QuoteDiv_PhotoDiv_Photo_Table_Container
{
	height:400px;
	overflow:auto;
}

/*##############################################################
	Invoice CSS
###############################################################*/
.summaryDiv_invoiceTable
{
	border:solid 1px #414042;
	width:330px;
	border-collapse: collapse;
}

.czLink
{
	color:Blue;
	text-decoration:underline;
	cursor:pointer;
}

.SummaryDiv_DeletedInvoiceCell
{
	background-image:url("../../images/Summary_page/dot.gif");
	background-repeat:repeat-x;
	background-position:0 7px;
}

/*########################################################
	View Div CSS
##########################################################*/
.ViewDiv_Tab_Active
{
	font-weight:bold;
}

.ViewDiv_Tab_Normal
{
	
}

tr.ViewDiv_TitleRow td
{
	border:solid 1px #fff200;
}

.ViewDiv_TitleRow
{
	height:14px;
	vertical-align:top;
	background:#fff200;
}

	/*
		for css printing , we must use class to hide/show a div , the display:none property will prevent the div to be printed by css
	*/
.HiddenDiv
{
	display:none;
}

.VisibleDiv
{
	display:block;
}


/*######################################################
	View Div Quote Report CSS
########################################################*/

.ViewDiv_QuoteReport
{
	/*
	height:600px;
	*/
	width:620px;
}

.tableHeader
{
	background-color:#FF3300;
	font-weight:bold;
	color:#FFFFFF;	
}

.tableTitle
{
	font-weight:bold;
	padding-bottom : 5px;
}

.tableItem1
{
    padding-left:10px;    
}

.tableItem2
{
    padding-left:10px;
	background-color:#f0f0f0;
}

.tableItemHighLight
{
	background-color:#FFFF99;
}

.partTitleRowPartNo
{
	padding-right: 5px;
	width:100px;
	
}

.adjSymbol
{
	width:50px;
	text-align:center;
}

.tableSubTotal
{
    font-weight:bold;
}

.tableTotal
{
    font-weight:bold;
}

.adjustedDown
{
	color:Red;
	text-align:right;
	padding-right:20px;
}

.adjustedUp
{
	text-align:right;
	padding-right:20px;
	color:#008000;
}

.normalTextBox
{
	text-align:right;
	padding-right:20px;
	color:Black;
}

.commentTextBox
{
	width : 100%;
    height :  100px;
}

.viewQuote_adjColumn
{
	text-align:right;
	padding-right:20px;
}

.ViewDiv_EmailSubjectBody
{
	width:500px;
	border:solid 1px #bfbfbf;
	background-color:#f3f2f2;
	z-index : 99;
}

/*######################################################
	View Div Header CSS
########################################################*/
.ViewDiv_Header_PhotoSmall
{
	width: 160px;	
}

.ViewDiv_Header_PhotoColumn
{
	width: 160px;	
}

/*######################################################
	View Div Header CSS END
########################################################*/

/*###########################################
	User setting div
###########################################*/
.MaskDivNoLoading
{
	filter: alpha(opacity=50); /* ie */
	-moz-opacity: .5; /* mozilla */
	background:#ccc;
	position:absolute;
	top:0;
	left:0;
}

.UserSettingDiv
{
	position:absolute;
	top:25;
	right:20;
	background-color:#FFF;
	width:700;
	z-index:100;
}

.LetterHeadStyleLeft
{
	text-align:left;
	font-size: 14px;
}

.LetterHeadCompanyNameLeft
{
	font-weight:bold;
	font-size : 18px;
}

.LetterHeadCompanyNameLtdLeft
{
	font-weight:bold;
	font-size : 11px;
}

.LetterHeadStyleCenter
{
	text-align:center;
	font-size: 16px;
}

.LetterHeadStyleBlank
{
	height:150px;
}

.LetterHeadCompanyNameCenter
{
	font-weight:bold;
	font-size : 20px;
}

.LetterHeadCompanyNameLtdCenter
{
	font-weight:bold;
	font-size : 20px;
}

.LetterHeadStyleRight
{
	text-align:right;
}

.LetterHeadCompanyNameRight
{
	font-weight:bold;
	font-size : 16px;
}

.LetterHeadCompanyNameLtdRight
{
	font-weight:bold;
	font-size : 16px;
}

.UserSettingDiv_UpdateStatusSpan
{
	color:Red;
}

.UserSettingDiv_BackupMessage
{
	color:red;
	font-weight:bold;
}



/*#################################################
	Pnet Status Div
##################################################*/
.PnetStatusDiv
{
	border:solid 1px #a09fa0;
	position:absolute;
	bottom:80;
	left:240;
	background-color:#FFF;
	width:380px;
	height:260px;
	padding: 3px 3px;
	z-index:100;
}


/*#################################################
	Admin page
##################################################*/
.AdminPage_TitleRow
{
	background-color:#000;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

.AdminPage_UserRow
{
	vertical-align:top;
	border:solid 1px #d7d7d7;
}

.AdminPage_TextBox
{
	border-right: #d7d7d7 1px solid; 
	border-top: #d7d7d7 1px solid; 
	border-left: #d7d7d7 1px solid; 
	border-bottom: #d7d7d7 1px solid

}

.AdminPage_UsernameTextBox
{
	
}

.AdminPage_PasswordTextBox
{
	width:61px;
}

.AdminPage_EmailTextBox
{
	width:184px;
}

.AdminPage_FullNameTextBox
{
	width:133px;
}

.AdminPage_CompanyNameTextBox
{
	width:226px;
}

.AdminPage_CompanyABNTextBox
{
	width:97px;
}

.AdminPage_CompanyPhoneTextBox
{
	width:86px;
}
 
/*****************************************************************************************
	AutoTextDiv
******************************************************************************************/               
.AutoTextDiv
{
	position:absolute;
	background-color:#FFFBB2;
	border:solid 1px #838383;
}

.AutoTextRow
{
	color:#000;
	cursor:pointer;
}

.AutoTextRowHighlight
{
	background-color:#fff200;
	cursor:pointer;
}

/**********************************************************************************************
	TipDiv
**********************************************************************************************/
.TipDiv
{
	border:solid 1px #bfbfbf;
	background-color:#f3f2f2;
	z-index : 99;
	position:absolute;	
}

/***********************************************************************************************
	ConnectionDiv
************************************************************************************************/
.ConnectionDiv
{
	position:absolute;
	background-color: #fff87f;
	text-align:center;
	width:250px;
	z-index : 99;
	font-weight: bold;
}

/*SMS Fegure css START*/
.smsDiv
{
	width:310px;	
	border:solid 1px #bfbfbf;
	background-color:#f3f2f2;
	z-index : 99;
	position:absolute;
}

.darkenBackground 
{


z-index: 20;
height: 100%;
width: 100%;
background-repeat:repeat;
position:absolute;
top: 0px;
left: 0px;
}

/************************************
TrungTC 20140415 CSS for Timer in detail page

************************************/

.mailFromPhotoImg
{
    width:32px;
    float:left;
    height:32px;
}

.allCostDiv
{
    margin-left: 5px;
    background-color: #F2F2F2;
    width:715px; 
}


.costFullNameDiv
{  
    float: left;
    overflow: hidden;
    width: 190px;
    padding-top: 5px;
    
}

.costTotalDurationDiv
{
    float: left;
    padding-top: 5px;
    width: 120px;
}
.costNewEntryButtonDiv
{
    padding-top: 5px; 
    float: right;
    padding-right: 10px;
    width: 100px;
}

.costRowDiv
{
    font-size: 12px;    
    padding-top: 5px;
    width: 100%;
    
}

.costUserInfoDiv
{
    vertical-align: middle;
    font-size: 13px;
    font-weight: 700;    
    cursor: pointer;
    margin-top: 10px;
    padding-top: 5px;
    border-top: #BBBBBB solid 1px;
    height: 35px;
    background-color: #E0E0E0;    
}

.costTotalDiv
{
    vertical-align: middle;
    font-size: 13px;
    font-weight: 700;    
    cursor: pointer;
    margin-top: 0px;
    margin-left:40px;
    padding-top: 0px;
    
    border-top: #BBBBBB solid 1px;
    height: 15px;
    background-color: #E0E0E0;    
}

.costTotalLabel
{
    width:312px;
    float:left;
}


.costTotalValueDiv
{
    float:left;    
    width:300px;
}


.timeTabIcon
{
    border-bottom: solid 2px #FFF;        
    padding-bottom: 2px;
    height:18px;
    cursor:pointer;
    vertical-align:bottom;
    background-color: #EDEDED;
    border: 1px solid #969696;
    border-radius: 1px 6px;
    color: #269DE0;
    font-size: 13px;
    vertical-align: middle;
}          

.costNewEntryButtonDiv
{
    padding-bottom: 0px; 
    float: right;
    padding-right: 10px;
}

.costStartTimeDiv
{
    float: left;
    padding-left:55px;
    width: 25%;
}

.costIcon
{
    overflow: hidden;
    float: left;
    width: 40px;
    height: 20px;    
}

.costbtnSubmit
{
 padding-top:0px;
 float:left;
 padding-right:0px;
 padding-bottom:0px;
padding-left:10px;
 width:10%;   
 cursor:pointer;
 font-weight:bold;
}

.costbtnCancel
{
padding-top:0px;
float: right;
padding-right: 0px;
padding-bottom:0px;
padding-left:0px;
width: 25%;
font-weight:bold;    
cursor:pointer;
}




.costDurationDiv
{
    float: left;
    padding-left:55px;
    width: 20%;
}

.costTypeDiv
{
    float: left;
    width: 85px;
}


.costNoteDiv
{    
    overflow:hidden;
    width:320px;     
}


            
/*****************************************************************************************
	Printing purpose 
		- hide on screen , but we have a CSS class in Print.css to show it for printing
*****************************************************************************************/
.print
{
	display:none;
}

.visibleAdjustment
{
	display:block;	

}

.hiddenAdjustment
{
	display:none;
	
}
.divPhotoNumber {
	vertical-align: top;
	background-color: #FFF301;
	color: black;
	padding: 1px;
	font-weight: bold;
	display: inline-block;
	width: 15px;
	text-align: center;
}

/* css Dropdown */

.dropbtn {
	background-color: #414042;
	color: white;
	/*padding: 10px;*/
	border: none;
	cursor: pointer;
	font-weight: bold;
}

.dropbtn:hover, .dropbtn:focus {
	background-color: #414042;
}

.dropdown {
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown a:hover {
	background-color: #ddd;
}

.show {
	display: block;
}

.btnAudaBridge {
	font-weight: 600;
	color: white;
	padding: 5px;
	background-color: #414042;
	/*border-radius: 5px;*/
	text-align: center;
}

.btnAudaBridge:hover {
	background-color: #FFF702;
	cursor: pointer;
	color: black;
}


.menuMain {
	position: absolute;
	z-index: 100;	
	background: #414042;
	color: #FFF;
	padding: 5px 5px;
}
.menuMain a {
		color: #FFF;
	}