/* Default CSS Stylesheet for a new Web Application project */

BODY
{ FONT-SIZE: 11px; 
	SCROLLBAR-HIGHLIGHT-COLOR: buttonface; 
	SCROLLBAR-SHADOW-COLOR: buttonface; 
	SCROLLBAR-3DLIGHT-COLOR: buttonhighlight; 
	SCROLLBAR-TRACK-COLOR: #eeeeee; 
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; 
	SCROLLBAR-DARKSHADOW-COLOR: buttonshadow 
	}


TABLE
{
	FONT-SIZE: 11px; 
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	}

IMG 	{
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none
	}

A
{
	color: #6AA2B9;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	text-decoration: none;
	}

A:hover
{
	text-decoration: underline;
}


/*====================== ATOM Use ======================================*/

/* Label */
.Label_DarkBlue
{
	color : #669933;
}

.Label_DarkBlue_Bold
{
	font-weight: bold;
	color : #669933;
}

.Label_Gray
{
	color : #7D7B7C;	
}

.Label_Gray_Bold
{
	font-weight: bold;
	color : #7D7B7C;	
	FONT-FAMILY: Arial,Helvetica,sans-serif;	
}

.Label_Gray_Small
{
	FONT-SIZE: 10px;
    color: #7D7B7C;
}

.Label_Section
{
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	color : #7D7B7C;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
}

.Label_SlateBlue
{	
	color: #6AA2B9;
}

.Label_SlateBlue_Bold
{
	font-weight: bold;
	color: #6AA2B9;
	FONT-FAMILY: Arial,Helvetica,sans-serif;	
}

.Label_Black
{
	color: black;
}

.Label_Black_Bold
{
	color: black;
	font-weight: bold;
	FONT-FAMILY: Arial,Helvetica,sans-serif;	
}

.Label_Black_Small
{
	color: black;
	FONT-SIZE: 10px;
}

.Label_CornflowerBlue
{
	color:#6495ED;
}

.Label_CornflowerBlue_Bold
{
	color:#6495ED;
	font-weight: bold;	
	FONT-FAMILY: Arial,Helvetica,sans-serif;	
}

.Label_White
{
	color: white;
}

.Label_White_Bold
{
	color: white;
	font-weight: bold;	
	FONT-FAMILY: Arial,Helvetica,sans-serif;	
}

.Label_PageHeader
{
	font-weight: bold;
	font-size: 17px;
	text-transform: uppercase;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
}

.Label_Update
{
	background-color: #ffffcb;
}

.Label_Invalid
{
	background-color: #ffcccc;
}

.Label_Warn
{
	color: #ff0066;
}

.Label_Warn_Bold
{
	color: #ff0066;
}

.Label_Title
{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	FONT-FAMILY: Helvetica, Arial, sVerdana, ans-serif;
	}

.Label_Title_Small
{
	font-weight: bold;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
} 	
 
.Label_Title_Error
{
	font-weight: bold;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
	font-size: 15px;
	color: #cc0066;
}

.Label_Title_Success
{
font-weight: bold;
FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
font-size: 15px;
color: #0066cc;
}

.Label_Green
{
color: #669933;
}

.Label_Green_bold
{
    font-weight: bold;
    color: #669933;
}

/*
.ATOMLabel
{
    color:Gray
} 
	
.ATOMLabel_Bold
{
    color:Gray;
    font-weight: bold;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
  	} 	

.ATOMLabel_Small
{
    FONT-SIZE: 10px;
    color:Gray  
	}

.ATOMLabel_Value
{
	color: black;
}

.Label_Black_Small
{
	color: black;
    FONT-SIZE: 10px;
	}

.ATOMLabel_Highlight1
{
	color: dodgerblue;
}
	
.ATOMLabel_Highlight1_Bold
{
	font-weight: bold;
	color: dodgerblue;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
}		

.ATOMLabel_Highlight2
{
	color: steelblue;
}
		
.ATOMLabel_Highlight2_Bold
{
	font-weight: bold;
	color: steelblue;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
}				

.ATOMLabel_Success
{
	color: steelblue;
}

.ATOMLabel_Section
{
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	color: steelblue;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
}

.ATOMLabel_Title_Success_Small
{
	font-weight: bold;
	color: #0066cc;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
	}

.ATOMLabel_Title_Error_Small
{
	font-weight: bold;
	color: #cc0066;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
}
*/		
	
/* Line */
.Line_DarkBlue
{
	border-top : #669933 thin solid;
	height: 1px;
	font-size:1px;
}

.Line_Gray
{
	border-top: #7D7B7C 1px solid;
	font-size: 1px;
	height: 1px;
}

.ATOMBar
{
	border-color:#739AD5;
	background-image:url(../Image/menu-arrow-bar.gif);
	background-color:#A2C2EE;
}

.ATOMLine_Dotted
{
	color:Gray; 
	border-bottom: dotted 1px darkgray;
	height: 1px;
	font-size:1px;
}

.ATOMLine_Dotted_Bold
{
color:Gray; 
border-bottom: dotted 3px darkgray;
height: 3px;
font-size:3px;
}
.ATOMLine_Dark_Bold
{
border-top: darkgray 3px solid;
font-size: 3px;
height: 3px;
} 

/*
.ATOMLine
{
	border-top: gainsboro 1px solid;
	height: 1px;
	font-size:1px;
}

.ATOMLine_Dark
{
	border-top: darkgray 1px solid;
	font-size: 1px;
	height: 1px;
}
	

.ATOMLine_Gray
{
	border-top: dimgray 1px solid;
	font-size: 1px;
	height: 1px;
}

.ATOMLine_Title
{
	border-top: steelblue thin solid;
	font-size: 1px;
	height: 1px;
}
*/


/* Image */

.ATOMImage_Left
{
	margin-right: 5px;
	}
	
.ATOMImage_Tight
{
	margin: 0px;
}	

.ATOMImage_LinkButton
{
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none
	}

.ATOMImage_Icon
{
 border-right: dimgray 1px solid;
border-top: gainsboro 1px solid;
border-left: gainsboro 1px solid;
border-bottom: dimgray 1px solid;
} 


/* Text */

.ATOMText
{
	font-size: 11px;
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
}

.ATOMText_Small
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-size: 10px;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
}

.ATOMText_UCase
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-size: 10px;
	text-transform: uppercase;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
}

.ATOMText_Invalid
{
border-right: darkgray 1px solid;
border-top: darkgray 1px solid;
background-color: #ffccd5;
font-size: 11px;
border-left: darkgray 1px solid;
border-bottom: darkgray 1px solid;
} 
  
.ATOMText_Update
{
border-right: darkgray 1px solid;
border-top: darkgray 1px solid;
font-size: 11px;
background-color: #ffffcb;
border-left: darkgray 1px solid;
border-bottom: darkgray 1px solid;
} 

/* Dropdown */

.ATOMDropdown
{
font-size : 11px;
color: #000000;
background-color: #ffffff;
border: 1px solid #326564;
clear: left; 
clip: rect( );
	}	

.ATOMDropdown_Small
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-size: 10px;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
	font-family: Verdana, Helvetica, sans-serif;
	}

.ATOMDropdown_Invalid
{
font-size : 11px;
color: #000000;
background-color: #ffccd5;
border: 1px solid #326564;
clear: left; 
clip: rect( ); 
} 
 
 
.ATOMDropdown_Update
{
font-size : 11px;
color: #000000;
background-color: #ffffcb;
border: 1px solid #326564;
clear: left; 
clip: rect( ); 
} 

/* Checkbox */

.ATOMCheckbox
{
	font-size: 11px;
	}

.ATOMCheckbox_Update
{
font-size: 11px;
background-color: #ffffcb;
}

/* Button */

.ATOMSubMenuButton
{
	background-image:url(../Image/BG_PageHeader.gif);		
}

.ATOMMenuButton
{
	background-image:url(../Image/menu-bkgd.gif);
	background-color:#6A8CCB;
	font-weight :bold ;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;			
}

.ATOMMasterButton
{
border-right: darkgray 1px solid;
border-top: darkgray 1px solid;
font-size: 11px;
border-left: darkgray 1px solid;
cursor: hand;
border-bottom: darkgray 1px solid;
white-space: nowrap;
background-color: #f7bc9c;
}


.ATOMButton
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-size: 11px;
	border-left: darkgray 1px solid;
	cursor: hand;
	border-bottom: darkgray 1px solid;
	white-space: nowrap;
	background-color: #d4d0c8;
	font-weight: bold;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
}

.ATOMButton_Tab
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;	
	font-size: 13px;
	cursor: hand;
	white-space: nowrap;
	background-color: lightgrey;
	font-weight: bold;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
}

.ATOMButton_Tab_Inactive
{
	border-right: #e7e7e7 1px solid;
	border-top: #e7e7e7 1px solid;
	border-left: #e7e7e7 1px solid;
	border-bottom: #e7e7e7 1px solid;	
	font-size: 13px;
	cursor: hand;
	white-space: nowrap;
	background-color: #e7e7e7;
	font-weight: bold;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
}

.ATOMButton_Small
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-size: 10px;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
	    white-space:nowrap;
    cursor:hand;
    background-color: #d4d0c8;
    font-weight: bold;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
}

/* Area: Panel, Dialog, IFrame, etc */

.ATOMArea_Shade
{
	background-color: #e0ded8;
}

.ATOMArea_Shaded_wBorder
{
	border-top: darkgray 1px solid;
	color: #646464;
	text-indent: 11px;
	border-bottom: darkgray 1px solid;
	background-color: #e0ded8;
}

.ATOMArea_Frame
{
border-right: darkgray 1px solid;
border-top: darkgray 1px solid;
border-left: darkgray 1px solid;
border-bottom: darkgray 1px solid;
}

.ATOMArea_Header
{
	color: whitesmoke;
	background-color: gray;
	}
	
.ATOMArea_ToolBar
{
	background-color: whitesmoke;
	}

.ATOMArea_Body
{
border-top: darkgray 1px solid;
	}
	
/* Table */

.ATOMTable_wBorderBackgroud
{
border-right: darkgray 1px solid;
border-top: darkgray 1px solid;
border-left: darkgray 1px solid;
border-bottom: darkgray 1px solid;
background-color: whitesmoke;
}

 .ATOMTable_wRightDottedLine
{
	border-Right: dotted 1px darkgray;
}
  
.ATOMTable_wBottomDottedLine
{
	color:Gray; 
	border-bottom: dotted 1px darkgray;
	}


/* Link */

.MenuHref:hover, .ATOMBHref:hover, .aQL:hover, .aFU:hover
{
	background-color:#FEDB90;
	background-image:url(../Image/menu-up-bkgd.gif);
	color : #000000;
	text-decoration:none;	
}

.MenuHref
{
	color : Black ;
	text-decoration:none;	
	width:100%;
	height:100%;
}

.GeneralLinkButton
{
	color: black;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: none;
}

.GeneralLinkButton:link
{
	border-top-width: 1px;
	border-left-width: 1px;
	border-left-color: #7D7B7C;
	border-bottom-width: 1px;
	border-bottom-color: #7D7B7C;
	color: black;
	border-top-color: #7D7B7C;
	font-family: Arial, Verdana, sans-serif;
	border-right-width: 1px;
	text-decoration: none;
	border-right-color: #7D7B7C;
}

.GeneralLinkButton:visited
{
	color: black;
	font-family: Arial, Verdana, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	text-decoration: none;
	border-bottom-style: none;
}

.GeneralLinkButton:active
{
	color: black;
	font-family: Arial, Verdana, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	text-decoration: none;
	border-bottom-style: none;
	
}



.GeneralLinkButton:hover
{
	border-right: #7D7B7C 1px solid;
	border-top: #7D7B7C 1px solid;
	border-left: #7D7B7C 1px solid;
	color: black;
	border-bottom: #7D7B7C 1px solid;
	font-family: Arial, Verdana, sans-serif;
	background-color: #6AA2B9;
	text-decoration: none;
}
	
/*** GeneralLinkButtonRed: GeneralLinkButton w/ Red Text ***/

.GeneralLinkButtonRed
{
    color: #FF3300;
    font-family: Arial, Verdana, sans-serif;
    text-decoration: none;
}

.GeneralLinkButtonRed:link
{
    border-top-width: 1px;
    border-left-width: 1px;
    border-left-color: #7D7B7C;
    border-bottom-width: 1px;
    border-bottom-color: #7D7B7C;
    color: #FF3300;
    border-top-color: #7D7B7C;
    font-family: Arial, Verdana, sans-serif;
    border-right-width: 1px;
    text-decoration: none;
    border-right-color: #7D7B7C;
}

.GeneralLinkButtonRed:visited
{
	color: #FF3300;
	font-family: Arial, Verdana, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	text-decoration: none;
	border-bottom-style: none;
}

.GeneralLinkButtonRed:active
{
	color: #FF3300;
	font-family: Arial, Verdana, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	text-decoration: none;
	border-bottom-style: none;
	
}

.GeneralLinkButtonRed:hover
{
	border-right: #7D7B7C 1px solid;
	border-top: #7D7B7C 1px solid;
	border-left: #7D7B7C 1px solid;
	color: #FF3300;
	border-bottom: #7D7B7C 1px solid;
	font-family: Arial, Verdana, sans-serif;
	background-color: #6AA2B9;
	text-decoration: none;
}

/***** (END) GeneralLinkButtonRed ***/

.AdButton
{
border-right: white 1px;
border-top: white 1px;
font-size: 11px;
border-left: white 1px;
cursor: hand;
color: mediumblue;
border-bottom: white 1px;
font-family: Verdana, Helvetica, sans-serif;
white-space: nowrap;
background-color: transparent;
text-align: left;
}	
	
/*
.ATOMLinkButton:link
{
	border-right: dimgray 1px;
	padding-right: 1px;
	border-top: dimgray 1px;
	padding-left: 1px;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	padding-bottom: 1px;
	border-left: dimgray 1px;
	color: #000000;
	padding-top: 1px;
	border-bottom: dimgray 1px;
	background-color: transparent;
	text-decoration: none;
}	
		
.ATOMLinkButton:visited
{
	font-size: 11px;
	color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	text-decoration: none;
	border-bottom-style: none;
}			
		
.ATOMLinkButton:active
{
	font-size: 11px;
	color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	text-decoration: none;
	border-bottom-style: none;
}			
			
.ATOMLinkButton:hover
{
	border-right: dimgray 1px solid;
	border-top: dimgray 1px solid;
	border-left: dimgray 1px solid;
	border-bottom: dimgray 1px solid;
	font-size: 11px;
	color: black;
	background-color: lightgrey;
}
*/
.ActiveListScrollBar
{
	scrollbar-face-color: lightgrey;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: BLACK;
}

.TitleScrollBar
{
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
}

.ContentScrollBar
{
	scrollbar-face-color: #7D7B7C;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: BLACK;
}