.document_background
{
	BACKGROUND-COLOR: #E1E3E2;
}
.document_header
{
	background:url(../images/headbg1.gif);
        height:50px;
}
.clientlogo
{
    height:50px;
}

.quantumlogo
{
    height:50px;
}

.document_header_text
{
    	FONT-SIZE:15px; 	
      font-family: Georgia; 
      text-align: left; 
      color: #0066CC; 
      font-weight: bold; 
}

.copyrightstext 
{ 
	font-family: verdana; 
	font-size: 10px; 
	/*font-weight: bold; */
	color: #FFFFFF; 
	text-align: center;
    vertical-align:bottom; 
}

.label_approved
{
 	FONT: 8pt Verdana;
	color:Green;
    font-weight:bold;
}
.label_not_approved
{
 	FONT: 8pt Verdana;
	color:Red;
    font-weight: bold;
}

.document_button
{
	background-color :#006699 ; 
        height: 25px; font-family: Verdana; 
	font-size: 8pt; 
	font-weight: bold; 
	color: #000000; 
	text-align: center

}

.fill_button
{
	height: 25px; font-family: Verdana; 
	font-size: 8pt; 
	font-weight: bold; 
	color: #000000; 
	text-align: center;

}

.search_td
{
	background-image: url(../images/back.gif); 
	/*BACKGROUND: #006699;*/
	HEIGHT: 20px; 
      font-family: Verdana; 
      font-size: 10px; 
      font-weight: bold; 
      color: #FFFFFF
}
.search_label
{
	HEIGHT: 20px; 
      font-family: Verdana; 
      font-size: 10px; 
      font-weight: bold; 
      color: #FFFFFF
}

.search_div
{
	/*BACKGROUND: #006699;*/
	HEIGHT: 20px; 
      font-family: Verdana; 
      font-size: 10px; 
      font-weight: bold; 
      color: #FFFFFF
}

.alert
{
	FONT: 10pt Verdana; 
}

.search_img
{
background-image: url(../images/arrow2.gif); height: 10px; width: 8px
}

.textbox
{
    FONT: 8pt Verdana;
    height: 20px;
    text-align :Left;
    
   /*BORDER-RIGHT: #ffffff 1px solid; 
    BORDER-TOP: #ffffff 1px solid; 
    BORDER-LEFT: #ffffff 1px solid; 
    WIDTH: 200px; 
    BORDER-BOTTOM: #ffffff 1px solid*/
	
}

.textboxDisabled
{
    FONT: 8pt Verdana;
    height: 20px;
    text-align :Left;
    background-color:#dee2e2;
   
    
   /*BORDER-RIGHT: #ffffff 1px solid; 
    BORDER-TOP: #ffffff 1px solid; 
    BORDER-LEFT: #ffffff 1px solid; 
    WIDTH: 200px; 
    BORDER-BOTTOM: #ffffff 1px solid*/
	
}


.labeltext
{
    
    height: 15px;
    text-align :Left;
    background-color:#E9E9E9;
    FONT: 8pt Verdana;
     border-style :none;
     color:Black;
	
}

.labelalerttext
{
    height: 20px;
    FONT: 9pt Verdana;
    border-style :none;
    font-weight: bold;
    color:red;
	
}

.textboxDetailGrid
{
    FONT: 8pt Verdana;
    height: 20px;
    text-align :Left;
    BORDER-RIGHT: #666633 1px solid; 
    BORDER-TOP: #666633 1px solid; 
    BORDER-LEFT:#666633 1px solid; 
    BORDER-BOTTOM:#666633 1px solid
	
}

.textboxDetailGridCompulsory
{
    FONT: 8pt Verdana;
    height: 20px;
    text-align :Left;
    background-color:#FFFFCC;
    BORDER-RIGHT: #666633 1px solid; 
    BORDER-TOP: #666633 1px solid; 
    BORDER-LEFT:#666633 1px solid; 
    BORDER-BOTTOM:#666633 1px solid
	
}

.textboxNumberDetailGrid
{
    FONT: 8pt Verdana;
    height: 20px;
    text-align :right;
    BORDER-RIGHT: #666633 1px solid; 
    BORDER-TOP: #666633 1px solid; 
    BORDER-LEFT: #666633 1px solid; 
    BORDER-BOTTOM: #666633 1px solid
	
}

.textboxNumberDetailGridCompulsory
{
    FONT: 8pt Verdana;
    height: 20px;
    text-align :right;
    background-color:#FFFFCC;
    BORDER-RIGHT: #666633 1px solid; 
    BORDER-TOP: #666633 1px solid; 
    BORDER-LEFT: #666633 1px solid; 
    BORDER-BOTTOM: #666633 1px solid
	
}

.textDatePickerDetailGridCompulsory
{
    FONT: 8pt Verdana;
    height: 20px;
    text-align :Left;
	background-color:#FFFFCC;
	BORDER-RIGHT: #666633 1px solid; 
    BORDER-TOP: #666633 1px solid; 
    BORDER-LEFT: #666633 1px solid; 
    BORDER-BOTTOM: #666633 1px solid
}

.textDatePickerDetailGrid
{
    FONT: 8pt Verdana;
    height: 20px;
    text-align :Left;
	BORDER-RIGHT: #666633 1px solid; 
    BORDER-TOP: #666633 1px solid; 
    BORDER-LEFT: #666633 1px solid; 
    BORDER-BOTTOM: #666633 1px solid
}

.textboxNumber
{
    FONT: 8pt Verdana;
    height: 20px;
    text-align :right;

	
}

.textboxNumberRed
{
    FONT: 8pt Verdana;
    height: 20px;
    text-align :right;
    color : red;
	
}

.textboxSearch
{
	font: 8pt Verdana;
	height: 17px;
	text-align :left;
	; width: 150px
}

.textboxNumberGrid
{
	FONT: 8pt Verdana;
    height: 17px;
    text-align :right; 
	background-color:#E5EEFF; 
	width :100%
	/*border-style :groove  ;*/
}
.textboxGrid
{
	FONT: 8pt Verdana;
    height: 17px;
    text-align :left; 
	background-color:#E5EEFF; 
    /*border-style :groove  ;*/
}

.textarea
{
    FONT: 8pt Verdana;
    text-align :Left;
    /*behavior: url(maxlength.htc);
   BORDER-RIGHT: #ffffff 1px solid; 
    BORDER-TOP: #ffffff 1px solid; 
    BORDER-LEFT: #ffffff 1px solid; 
    WIDTH: 200px; 
    BORDER-BOTTOM: #ffffff 1px solid*/
	
}

.reportDetailRow
{
	FONT: 10pt Verdana;
    height: 20px;
    background-color:white;
	color:black;
}

.reportHeaderRow
{
	FONT: 10pt Verdana;
    height: 20px;
    background-color:lightgrey;
	color:black;
	font-weight: bold;
}


.dropdown
{
	FONT: 8pt Verdana;
	/*height: 20px; */
	/*width: 90px;*/ 
	
}
.label
{
	FONT: 8pt Verdana;
	color:Black;
	text-align :right;
	

}

.label_center_align
{
	FONT: 8pt Verdana;
	color:Black;
	text-align :center;
}

.label_left_align
{
	FONT: 8pt Verdana;
	color:Black;
	text-align :left;
}

.label_hr
{
	FONT: 8pt Verdana;
	color:#0066CC;
	text-align :right;
}

.label_search
{
        
	FONT: 8pt Verdana;
	color:#6600CC;
	text-align :right;
}
.contactsTableHeader
{
	FONT: 8pt Verdana;
	color:Black;
	text-align :center;
	height:20px;
	
}

.working_area_header 
{  
	background-image: url(../images/WindowHead.gif); 
      height: 20px; font-family: Verdana; 
	font-size: 10pt; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-align: center
}
.working_area 
{  
	background-color: #E9E9E9
}

hr
{
color: #C9C299;
background: #C9C299;
border: 0;
height: 1px;
}

form
{
margin:0px;
}


.buttonImage 
{  
	/*align:"absmiddle"; 
	clip:  rect(   );*/
	height: 20px; 
}
.working_area_footer 
{ 
	background-image: url(../images/WindowHead.gif); 
	height: 20px; 
	font-family: Georgia; 
	font-size: 12px; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-align: center;
vertical-align:middle; 
}
.radioButton
{
     FONT: 8pt Verdana;
     /*text-align :left; */
	 /*align:left;*/
}
.radioButton_search
{
     FONT: 8pt Verdana;
     /*text-align :left; */
     color:#6600CC;
     /*align:left;*/
	
}

.section_header 
{  
	background-color: #FFFFFF;
      height: 20px; 
}

.label_tip 
{  
	cursor:pointer; 
}

.menu_span
{
	FONT: 8pt Verdana;
	color:Black;

}

.menu_tab_header
{
font-family:courier new; font-size:16px; color:#ffffff; font-weight:bold; background-color:#000000; height:20px;background-image: url(../images/img1.gif);
}

.menu_tab_td
{
font-family:Verdana; font-size:11px; color:#000000; font-weight:normal; background-color:#ffffff;
}


#div_border {position:relative; width:50px; border-right: 1px #000000 solid; border-left: 1px #000000 solid; border-top: 1px #000000 solid; border-bottom: 1px #000000 solid; }

.logout
{
	FONT: bold 7pt Verdana;
	color:white;
	text-align :center;
	text-decoration:none;
	width:40px;
}
.separator
{
	FONT: 8pt Verdana;
	color:black;
	text-align :center;
	width:10px;
}
.username
{
	FONT: bold 7pt Verdana;
	color:black;
	text-align :right;
}

.refresh_message
{
	FONT: bold 7pt Verdana;
	color:blue;
	text-align :center;
}

.location
{
	FONT: bold 8pt Verdana;
	color:red;
	text-align :left;
	word-wrap:break-word;

}
.year
{
	FONT: bold 8pt Verdana;
	color:red;
	text-align :left;

}

.module_name
{
	FONT: bold 7.5pt Verdana;
	color:gray;
	text-align :left;
	word-wrap:break-word;

}			
.compulsoryfield
{
	FONT: 8pt Verdana;
	color:red;
}
.dock-item1 {
	width: 400px;
	color: #000000;
	text-align: left;
	vertical-align:middle;
	text-decoration: none;
	font: bold 11px verdana;
/*	background: url(../images/pro_15_0.gif) ;*/

}


.dock-item3 {
	width: 400px;
	color: #000000;
	text-align: left;
	vertical-align:middle;
	text-decoration: none;
	font: bold 11px verdana;
/*	background: url(../images/pro_15_0.gif) ;*/

}

.dock-item3.a:hover{
color: #ffffff;
background: url(../images/orange_office2003.gif) ;
}


.dock-item-subhead
{
	width: 400px;
	color: #ffffff;
	text-align: center;
	
	text-decoration: none;
	font: bold 10px verdana;
	background: url(../images/back.gif) ;
      height:18px;
}
.textboxCompulsory
{
    	FONT: 8pt Verdana;
    	height: 20px;
    	text-align :Left;
	//background-color:#FFE4B5;
	background-color:#FFFFCC;
}

.textareaCompulsory
{
    	FONT: 8pt Verdana;
    	text-align :Left;
	background-color:#FFFFCC;
      
}

.textboxNumberCompulsory
{
    	FONT: 8pt Verdana;
    	height: 20px;
    	text-align :right;
	background-color:#FFFFCC;
}

.dropdownCompulsory
{
	FONT: 8pt Verdana;
	height: 20px; 
	/*width: 90px;*/ 
	background-color:#FFFFCC;

}

.textDatePicker
{
    FONT: 8pt Verdana;
    height: 20px;
    text-align :Left;
   /*BORDER-RIGHT: #ffffff 1px solid; 
    BORDER-TOP: #ffffff 1px solid; 
    BORDER-LEFT: #ffffff 1px solid; 
    WIDTH: 200px; 
    BORDER-BOTTOM: #ffffff 1px solid*/
	
}

.textDatePickerCompulsory
{
    	FONT: 8pt Verdana;
    	height: 20px;
    	text-align :Left;
	background-color:#FFFFCC;
}


.content_box
{
	color: black;
	width :688px;
	margin : 0px;
	padding: 3px;
	position:absolute;
	left: 15px;
	top: 189px;
	height: 130px;



	
}
.content_box_header
{
	FONT: 8pt Verdana;
	/*border: solid thin white;*/
	/*BACKGROUND-COLOR: #628EE0;*/
	/*border-left-color:#628EE0;
	border-right-color:#628EE0;   
	border-top-color:#628EE0;*/
	height:20px;
	/*BACKGROUND: url(../images/Div_Header_Bg.jpg);*/
	/*BACKGROUND: url(../images/4_1.jpg);*/
}

.content_box_header a
{
	margin:  0px 0px;
	cursor: pointer;
}
.content_box_body
{
	border-top: solid thin white;
	BACKGROUND-COLOR: #E5EEFF;
	background-color :#EFF3FB;
	/*border-top-color :#EFF3FB;
	border-bottom-color:#EFF3FB;
	border-left-color:#EFF3FB;
	border-right-color:#EFF3FB;  */
	padding: 0px 0px;
	border: solid thin black;
}
.expanded
{
	background: url(../Images/expand.jpg) no-repeat left;
	padding-left: 15px;
        cursor:pointer;
}
.collapsed
{
	background: url(../Images/collapse.jpg) no-repeat left;
	padding-left: 15px;
}
.content_box_sub
{
	color: black;
	/*border: solid thin white;*/
	width :100%;
	margin : 0px; padding: 3px;
	/*position:absolute;*/
	
}
.content_box_sub_header
{
	FONT: 9pt Verdana;
	color :white;
	/*border: solid thin white;*/
	border-color :#EFF3FB;
	/*BACKGROUND-COLOR: #ffcc99; #d9e9ff; #deefff*/
	BACKGROUND-COLOR: #628EE0;
	height:15px;
	BACKGROUND: url(../images/Div_Header_Bg.jpg);
}
.content_box_sub_header 
{
	margin:  0px 0px;
	cursor: pointer;
}
.content_box_sub_body
{
	border: solid thin ;
	/*background-color :#EFF3FB;*/
	background-color :#EFF3FB;
	border-top-color :#EFF3FB;
	border-bottom-color:#EFF3FB;
	border-left-color:#EFF3FB;
	border-right-color:#EFF3FB;   
	/*border-color: #628EE0;*/
	padding: 0px 0px;
	width :100%;
}

div.content
{
	background: url(../images/top_left_corner.png) no-repeat top left;
}

div.content_header
{
	background: url(../images/top_right_corner.png) no-repeat top right;
}

div.content_header h2
{
	background: url(../images/top_edge.png) repeat-x top;
	
}

div.content_inner_body
{
	/*background: url(../images/top2_row_bg1.jpg);*/
	background-color :#628EE0; 
	margin: 2px 2px 2px 2px; padding: 1px;
	height :99.5%;
}

div.content_inner_footer
{
	background: url(../images/bottom_edge.png) repeat-x bottom;
	height: 24px; margin: 0px 24px;
}

div.content_body
{
	background: url(../images/right_edge.png) repeat-y top right;
}

div.content_footer
{
	background: url(../images/bottom_right_corner.png) no-repeat bottom right;
}

div.content_outer_body
{
	background: url(../images/left_edge.png) repeat-y top left;
}

div.content_outer_footer
{
	background: url(../images/bottom_left_corner.png) no-repeat bottom left;
}

#footer
{
	clear: both;
	margin-top: -8px;
}

#footer
{
	clear: both;
	margin-top: -8px;
}

#header
{
	margin-bottom: 8px;
}

#main
{
	float: right;
	margin-bottom: 8px; width: 75%;
}

#sidebar
{
	float: left;
	margin-bottom: 8px; width: 25%;
}

#wrapper
{
	height: 100%;
	margin: 0px auto; width: 784px;
}
.Sub_Grid_header 
{  
	background-image: url(../images/chb.gif); 
        height: 25px; font-family: Verdana; 
	font-size: 8pt; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-align: center
}
.Sub_Grid_Sub_Header 
{  
	background-color :#CEDEFF ; 
        height: 20px; font-family: Verdana; 
	font-size: 8pt; 
	font-weight: bold; 
	color: #666633; 
	text-align: left
}
.Sub_Grid_OddRow 
{  
	background-color :lightGrey; 
        height: 20px; font-family: Verdana; 
	font-size: 8pt; 
	word-break:break-all;
	word-wrap:break-word;
	color: #000000; 
	text-align: left
}

.Sub_Grid_SelectedRow 
{  
	background-color :#C8C8C8;
	
    height: 20px; font-family: Verdana; 
	font-size: 8pt; 
	
	color: #000000; 
	text-align: left
}

 
.Detail_Grid_Row 
{  
	
background-color:lightGrey;
border-color:silver;
height: 20px; font-family: Verdana; 
font-size: 8pt; 
text-align:left;
color:Black;

}


.toggler {
                margin:25px 0 25px 0;
		cursor:pointer;
		text-decoration: none;
		font: 9pt verdana;
		font-weight:bold;
		line-height:15px;
		display: block;
                background: #efefef url(../images/togglerc.gif) center right no-repeat;
	}

.Sub_Grid_EvenRow 
{  
	background-color :#CEDEFF; 
         height: 20px; font-family: Verdana; 
	font-size: 8pt; 
	
	color: #000000; 
	text-align: center
}
.Div_Unselected 
{  
	background-color :#CEDEFF ; 
        height: 20px; font-family: Verdana; 
	font-size: 8pt; 
        color: #666633; 
	text-align: left
}

.Div_Unselected_right_align 
{  
	background-color :#CEDEFF ; 
        height: 20px; font-family: Verdana; 
	font-size: 8pt; 
        color: #666633; 
	text-align: right
}

.Div_Selected 
{  
	background-color :#DBDBC8 ; 
        height: 20px; font-family: Verdana; 
	font-size: 8pt; 
	color: #000000; 
	text-align: left
}




.Div_Selected_right_align
{  
	background-color :#DBDBC8 ; 
        height: 20px; font-family: Verdana; 
	font-size: 8pt; 
	color: #000000; 
	text-align: right
}

.imgDeleteGrid
{
        background-image:url(../images/Delete.PNG);
        height:16px;
        width:16px;
        cursor:pointer;
  
}







.Unit_Name 
{  
	
            
        FONT: 8pt Verdana;
	text-align :left;
        font-weight: bold; 
	color: #000080; 
	
        
}


.Backup_Message
{
    	FONT:15px Verdana; 	
       color: #0066CC; 
      font-weight: bold; 
}

.logo_toplength {
	margin-top: 7px;
}

.quotation_online_header
{
	background-image:url(../images/back.gif);
	background-repeat:repeat-x;
	float:left;
	list-style:none;
	margin:0;
	padding:0 10px 0 10px;
	width:100%;
	height: 20px;
	font-family: Verdana; 
	font-size: 10pt; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-align: center
}

.opaqueLayer
{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.6;
	filter:alpha(opacity=5);
	background-color: #000000;
	z-Index:1000;
}

.questionLayer
{
	position:absolute;
	top:0px;
	left:0px;
	width:250px;
	height:10px;
	display:none;
	z-Index:1001;
	border:1px solid black;
	background-color:#FFFFFF;
	text-align:center;
	vertical-align:top;
	padding:10px;
}
.cursor1
{
	cursor:pointer;
}

.glossy_orange 
{  
	background-image: url(../images/cho.gif); 
        height: 30px; font-family: Verdana; 
	font-size: 8pt; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-align: center
}

.glossy_blue 
{  
	background-image: url(../images/chb.gif); 
        height: 30px; font-family: Verdana; 
	font-size: 8pt; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-align: center
}

.fill_message 
{  
	font-family: Verdana; 
	font-size: 11pt; 
	font-weight: bold; 
	color: red; 
	text-align: center
}

.glossy_blue_button
{  
	background: url(../images/bmenubg.gif); 
         font-family: Verdana; 
	font-size: 8pt; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-align: center;
	border-radius:25px;
}

.glossy_Orange_button
{  
	background: url(../images/cho.gif); 
         font-family: Verdana; 
	font-size: 8pt; 
	font-weight: bold; 
	color: #404040; 
	text-align: center
}