/**
 * Common style rules for homepage layout
 *
 * @author Veeresh D.
 * @date March 2008
 */
 
 
/* Current Date informatin appearing over Tab controller */
#tabbedDatePart 
{
	color: white;
	font-family: Trebuchet MS; 
	font-size: 10;
}

/* This is to make flexible tables */

.freeTableClass
{
	padding: 0pt;  
	border-collapse: collapse;
	width: 100%;	
	margin: 0px;
}

.freeMarginPadding 
{
	margin: 0px;
	padding: 0px;
}

#innerbodyTableId
{
	width: 100%;
	height: 100%;
	/* border: 1px inset silver; 
	border-style: solid; */ /* border of all left, result, right components */
}

/* Used for Dialog Form Component */
.loginListItems
{
	font: 12px Arial;
	line-height: 2;
	color: #2E61AF;
}

/* Below two classes of styles are used for Advanced Search features */
.formLeftFields
{
	text-align: right;
}
.formRightFields
{
	width: 300px;	
	font: 12px Arial;
	font-weight: bold;		
}

.formTextComponents
{
	font: 12px Arial;	 	 
}

.articleTitle
{
	font: 12px Arial;
	font-weight: bold;
	color:	#2E61AF;
}

/* Below rules are for notification of alert messages to various component*/
DIV.notification
{	
	padding: 1px;
	/* 
	background: url('../images/notificationBg.gif'); 
	background-repeat: repeat-y;
	width: 140px; 
	*/
	
	background: black;
	position: absolute;
	display: block;
	color: white ;
	font-family: Trebuchet MS;
	font-size: 12;		
	font-weight: bold;	
	/* opacity: 0.80;				*//* Required for Opera */
	/* -moz-opacity: 0.80;			*//* older Gecko-based browsers */
	filter:alpha(opacity=80);	*//* For IE6&7 */		
}


.blueHeading
{
	color: steelblue;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

/* Button styles */
.button_blue 
{
	BORDER-RIGHT: #3282c5 1px solid; 
	PADDING-RIGHT: 8px; 
	BORDER-TOP: #3282c5 1px solid; 
	PADDING-LEFT: 8px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	BACKGROUND-IMAGE: url(../images/buttons/bg_button_blue.gif); 
	PADDING-BOTTOM: 3px; 
	OVERFLOW: visible; 
	BORDER-LEFT: #3282c5 1px solid; 
	CURSOR: pointer; 
	COLOR: #fff; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: #3282c5 1px solid; 
	BACKGROUND-REPEAT: repeat-x; 
	FONT-FAMILY: Arial,Helvetica,sans-serif; 
	BACKGROUND-COLOR: #4691ce
}

.button_bluesmall 
{
	BORDER-RIGHT: #2b7fc4 1px solid; 
	PADDING-RIGHT: 4px; 
	BORDER-TOP: #2b7fc4 1px solid; 
	PADDING-LEFT: 4px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	BACKGROUND-IMAGE: url(../images/buttons/bg_button_blue.gif); 
	PADDING-BOTTOM: 1px; 
	OVERFLOW: visible; 
	BORDER-LEFT: #2b7fc4 1px solid; 
	CURSOR: pointer; 
	COLOR: #fff; 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: #2b7fc4 1px solid; 
	FONT-FAMILY: Arial,Helvetica,sans-serif; 
	BACKGROUND-COLOR: #83b8e2
}
.button_bluedark {
	BORDER-RIGHT: #2b7fc4 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #2b7fc4 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/buttons/bg_button_blue.gif); PADDING-BOTTOM: 3px; OVERFLOW: visible; BORDER-LEFT: #2b7fc4 1px solid; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 3px; BORDER-BOTTOM: #2b7fc4 1px solid; FONT-FAMILY: Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #83b8e2
}
.button_green {
	BORDER-RIGHT: #a7d25a 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #a7d25a 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/buttons/bg_button_green.gif); PADDING-BOTTOM: 3px; OVERFLOW: visible; BORDER-LEFT: #a7d25a 1px solid; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 3px; BORDER-BOTTOM: #a7d25a 1px solid; FONT-FAMILY: Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #bee083
}
.button_greendark {
	BORDER-RIGHT: #549828 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #549828 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/buttons/bg_button_greendark.gif); PADDING-BOTTOM: 3px; OVERFLOW: visible; BORDER-LEFT: #549828 1px solid; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 3px; BORDER-BOTTOM: #549828 1px solid; BACKGROUND-REPEAT: repeat-x; FONT-FAMILY: Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #549828
}
.button_red {
	BORDER-RIGHT: #ee2a03 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #ee2a03 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/buttons/bg_button_red.gif); PADDING-BOTTOM: 3px; OVERFLOW: visible; BORDER-LEFT: #ee2a03 1px solid; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 3px; BORDER-BOTTOM: #ee2a03 1px solid; FONT-FAMILY: Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #ee2a03
}
.button_yellow {
	BORDER-RIGHT: #efb200 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #efb200 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/buttons/bg_button_yellow.gif); PADDING-BOTTOM: 3px; OVERFLOW: visible; BORDER-LEFT: #efb200 1px solid; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 3px; BORDER-BOTTOM: #efb200 1px solid; FONT-FAMILY: Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #fed668
}
.button_orange {
	BORDER-RIGHT: #ef6c00 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f5a15c 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/buttons/bg_button_orange.gif); PADDING-BOTTOM: 3px; OVERFLOW: visible; BORDER-LEFT: #f5862c 1px solid; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 3px; BORDER-BOTTOM: #ef6c00 1px solid; FONT-FAMILY: Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #fdab68
}
.button_orangedark {
	BORDER-RIGHT: #e64100 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ef865c 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/buttons/bg_button_orangedark.gif); PADDING-BOTTOM: 3px; OVERFLOW: visible; BORDER-LEFT: #ef5c10 1px solid; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 3px; BORDER-BOTTOM: #e64100 1px solid; FONT-FAMILY: Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #fc873c
}
.button_grey {
	BORDER-RIGHT: #7390ae 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #96aec6 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/buttons/bg_button_grey.gif); PADDING-BOTTOM: 3px; OVERFLOW: visible; BORDER-LEFT: #547397 1px solid; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 3px; BORDER-BOTTOM: #6c86a5 1px solid; FONT-FAMILY: Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #96aec6
}

/* Div for transparent background */
#backgroundFilter
{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=40);
    opacity: 0.5;
    display: none;
    z-index: 1000;
    width: 100%;
    height: 100%;
}

/* Div for transparent background */
#backgroundPrinterFilter
{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=40);
    opacity: 0.5;
    display: none;
    z-index: 1000;
    width: 100%;
    height: 100%;
}
/* Div of pop-up */
#popupWindow
{
    position: absolute;
    padding: 1px;
    z-index: 1005;
    display: none;
    background-color: #ddd;
    border: 1px solid black;
}

.transparent_class {
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

.dissolvedBg
{
	background: url('../images/whitebg4.jpg'); 
	background-repeat: repeat-x;
}
.spanShortCutLinks
{
	text-align: right; 
	width: 100%;
}

/* For curved panels */
/* Whiote - medium corner */
.roundtl,.roundtr,.roundbl,.roundbr
{
	background: url(../images/roundsw.gif);
	height: 7px;
	width: 5px;
}
.roundm	{	background-color: white;	}
.roundtl,.roundbl {	float: left;	}
.roundtr,.roundbr {	float: right;	}
.roundtr {	background-position: right top;	}
.roundbr {	background-position: right bottom;	}
.roundbl {	background-position: left bottom;	}

/* Gray - medium corner */
.roundGraytl,.roundGraytr,.roundGraybl,.roundGraybr
{
	background: url(../images/roundsg.gif);
	height: 7px;
	width: 5px;
}
.roundGraym	{	background-color: #696969;	}
.roundGraytl,.roundGraybl {	float: left;	}
.roundGraytr,.roundGraybr {	float: right;	}
.roundGraytr {	background-position: right top;	}
.roundGraybr {	background-position: right bottom;	}
.roundGraybl {	background-position: left bottom;	}

/* Curved grey borders for month isues */

.t {background: url(../images/border/t.gif) 0 0 repeat-x; font-size:14px;}
.b {background: url(../images/border/b.gif) 0 100% repeat-x}
.l {background: url(../images/border/l.gif) 0 0 repeat-y}
.r {background: url(../images/border/r.gif) 100% 0 repeat-y}
.bl {background: url(../images/border/bl2.gif) 0 100% no-repeat; }
.br {background: url(../images/border/br2.gif) 100% 100% no-repeat}
.tl {background: url(../images/border/tl2.gif) 0 0 no-repeat}
.tr {background: url(../images/border/tr2.gif) 100% 0 no-repeat; padding:8px;}