/*//////////////////////////////////////////////
************************************************
Fiserv Copyright material version Ver 2.0.
Purpose: USERS Website Prototype.
Date Started: 25 February 2008.
Last Updated: 27 February 2008.
************************************************
 ///////////////////////////////////////////// */


/*general declaration for html*/
html{
	scrollbar-3dlight-color:#ccc; 
	scrollbar-arrow-color:#666; 
	scrollbar-base-color:#666; 
	scrollbar-darkshadow-color:#666; 
	scrollbar-face-color:#CBD6DC; 
	scrollbar-highlight-color:#88959e; 
	scrollbar-shadow-color:transparent;
	}
/*general declaration for webpage*/
body{
	margin:0 auto;
	margin-bottom: 10px;
	padding:0px;
	background-color:#666666;
	font-family:"Frutiger 55 Roman";
	font-size: .75em;
	color:#000000;
	}
/*Link Style*/
a{
	color:#9A6625;
	text-decoration:none;
	}
/*Link Hover Style*/
a:hover{
	color:#9A6625;
	text-decoration:underline;
	}
/*Space between the element*/
.Spacer{
	padding:2px;
	clear:both;
	}
/*read more link*/
.Read_more{
	text-align:right;
	color:#9A6625;
	text-decoration:none;
	}
.Read_more a{
	color:#9A6625;
	text-decoration:none;
	}
/*read more link hover*/
.Read_more a:hover{
	color:#9A6625;
	text-decoration:underline;
	}
/*Input Type Style*/
select{
	color:#000000;
	font-size:.9em;
	}
/*Cursor*/
.pointer{
	cursor:pointer;
	}
/*Margin Bottom to Careers Image*/
.Margin_Bottom{
	margin-bottom: 2px;
	margin-top: 2px;
	}
/*Main outer table*/
.Main_Container{
	background-color:#E2E2E2;
	width:988px;
	padding: 4px auto;
	margin: 0px auto;
	}
/*Header of the site*/
.Header_USERS{
/*	background:#88959e url(../Images/header_bg.gif) left repeat-x;*/
	padding: 0px;
	}
/*Link inside the header of the site*/
.Header_USERS a{
	color:#FFFFFF;
	text-decoration:none;
	}
.Header_USERS a:hover{
	color:#CCCCCC;
	text-decoration:underline;
	}
/*Search Box*/
.Search_Box{
	background-color: #949494;
	padding: 8px 4px;
	color:#FFFFFF;
	border: 1px solid #666;
	width: 97%;
	}
/*Search Box text box*/
.Search_input{
	width:100%;
	border: 1px solid #ccc;
	height:18px;
	}
/*Client Support Box*/
.Client_Box{
	background-color:#666666;
	padding: 9px 4px;
	color:#FFFFFF;
	border: 1px solid #333333;
	width: 100%;
	font-size: 1.0em;
	color:#FFFFFF;
	margin-top:2px;
	}

/*Content Area Left hand side*/
.Content_Area_Left_Nav{
	width: 205px;
	background-color:#88959e;
	padding: 0px 5px 0px 5px;
	}
/*Content Area Center Background color*/
.Center_Bg{
	background-color:#FFFFFF;
	}
/*Content Area Outer Center if scrolling is required*/
.Content_Area_Center_Section{
	background-color:#FFFFFF;
	width: 100%;
	height: 100%;
	padding:0px;
	margin:0px;
	margin-bottom: 5px;
	}
/*Center Content Area*/
.Center_Content_Area{
	padding: 5px 12px;
	color:#000000;
	}
/*Center Content Area Box heading for products etc*/
.Center_Content_Area_Box_Head{
	background:url(../Images/DataTableTHBgRepeatDove.jpg) repeat-x;
	color:#000000;
	font-weight:bold;
	height: 35px;
	padding: 0px 4px;
	}
/*Center Content Area Box area for products etc*/
.Center_Content_Area_Box{
	background-color:#E3E9EC;
	padding: 5px;	
	}
/*Center Content Area Box link*/
.Center_Content_Area_Box a{
	color:#003366;
	text-decoration:none;
	}
/*Center Content Area Box reflection*/
.Center_Content_Area_Box_Bottom{
	background: url(../Images/DataTableFooterBgRepeatDove.jpg) repeat-x;
	height: 30px;
	}
/*Right Content Area Box declaration*/
.Content_Area_Right{
	width: 205px;
	background-color:#88959e;
	padding: 0px 5px;
	color:#000000;
	}
/*Web part on right hand side Declaration*/
.Webpart_Container{
	background-color:#FFFFFF;
	filter: alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	padding: 4px;
	color:#000000;
	margin: 0px 0px 2px 0px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #666666;
	border-right:0px;
	border-left:0px;
	width:96%;
	}
/*Web part on right hand side heading Declaration*/
.Webparts_Heading{
	background: url(../Images/RightPanelModuleFooterBg.gif) left top no-repeat;
	line-height: 25px;
	color:#666666;
	font-weight:bold;
	width:100%;
	}
/*Web part on right hand side td padding Declaration*/
.Webparts_Heading table td{
	padding-left: 4px;
	}
/*Footer of the page declaration*/
.Footer_USERS{
	margin: 0px auto;
	margin-bottom: 10px;
	margin-top: 10px;	
	padding: 0px;
	color:#FFFFFF;
	width:990px;
	}
/*Footer link*/
.Footer_USERS a{
	color:#FFFFFF;
	text-decoration:none;
	}
/*Footer link hover effect*/
.Footer_USERS a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}
/*Main headings in bold*/
.Heading_Main{
	font-size: 1.6em;
	color:#666666;
	font-weight:bold;
	text-transform:capitalize;
	}
/*Main sub headings in bold*/
.Heading_main_sub{
	font-size: 1.2em;
	color:#000000;
	font-weight:bold;
	}
/*Main sub headings in bold in different color*/
.Heading_main_sub{
	font-size: 1.2em;
	color:#9A6625;
	font-weight:bold;
	}
/*Sub headings in Italics in different color*/
.Italics_SubHeading{
	font-style:italic;
	color:#666666;
	font-weight:normal;
	}
/*Main shaded region heading*/
.Content_Area_Center_Area_box_head{
	background:url(../Images/DataTableTHBgRepeatDove.jpg) repeat-x;
	color:#616C87;
	height: 35px;
	padding: 0px 4px;
	}
/*Main content inside shaded region*/
.Content_Area_Center_Area_box{
	background-color:#e3e9ec;
	padding: 5px;	
	}
/*Anchor inside shaded region*/
.Content_Area_Center_Area_box a{
	color:#9A6625;
	text-decoration:none;
	}
/*Bottom of shaded region*/
.Content_Area_Center_Area_box_bottom{
	background: url(../Images/DataTableFooterBgRepeatDove.jpg) repeat-x;
	line-height: 40px;
	}
/*Shaded region declaration*/
.Shades_{
	background-color:#FFFFFF;
	filter: alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	color:#000;
	padding: 10px;
	text-align:left;
	border-top: 2px solid #666;
	border-bottom: 1px solid #666;
	border-right:0px;
	border-left:0px;
	width:100%;
	}

/*Grid Background color Declaration*/
.Gray_Stripe{
	background-color:#f6f6f6;
	padding: 1px;
	line-height: 20px;
	}
/*Alternate Grid Background color Declaration*/
.Gray_Stripe_Alt{
	background-color:#ffffff;
	padding: 1px;
	line-height: 20px;
	}
/*Background image for combined events and Training on same day*/
.Calender_BG{
	background-image:url(../Images/cal_et.gif);
	background-position:left;
	background-repeat:no-repeat;
	}
/*Image border*/
.Img_Border{
	border:1px solid #666;
	}
/*List of items Declaration*/
.List{
	margin:10px;
	}
.List ul{
	margin-top:10px;
	}
.List ul li{
	padding: 1px 0px;
	color:#6B5C4E;
	list-style-position: outside;
	list-style-type: square;
	margin-right: auto; 
	margin-left: -35px;

	}
.List ul li a img{
	border: 0px;
	}

/*Pop Up for Products Declaration*/
#popitmenu{
	position: absolute;
	background-color:#E9EDEF;
	color:#000;
	padding: 10px;
	text-align:left;
	border-top: 2px solid #666;
	border-bottom: 1px solid #666;
	border-right:0px;
	border-left:0px;
	z-index: 100;
	visibility: hidden;
}
/*Paging Button Declaration*/
.Button_active{
	background-image:url(../Images/paging_gradient.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border: 1px solid #666;
	color:#333;
	padding: 0px 4px;
	cursor:pointer;
	}
	
.Button_inactive{
	background-color:#f6f6f6;
	background-repeat:repeat-x;
	background-position:bottom;
	border: 1px solid #666;
	color:#333;
	padding: 0px 4px;
	}
	
.button{
		background:#95a1a9 url(../images/button_bg.gif) left repeat-x;
		color:#FFFFFF;
		border: none;
		padding: 0px 5px 1px 5px;
		cursor: pointer;
	}
	
.Button{
	background-image:url(images/paging_gradient.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border: 1px solid #666;
	color:#333;
	padding: 0px 4px;
	cursor:pointer;
	}
	
/*Newly Created*/
.ProductCalendarImage
{
	width:12px;
	height:12px;
	hspace:"4";
	border:"0";
	align:"left";
}

.Header{
	font-weight:bold;
	}

.Header_Italic{
	font-weight:bold;
	font-style:italic;
	}

.StaticAd
{
	margin-bottom:3px;
	position:relative;
	width:200px;
	height:382px;
	overflow:hidden
}
.DynAdd
{
	cursor:pointer;
}
.StaticAdCanvas0
{
	position:absolute;
	width:200px;
	height:382px;
	filter: alpha(opacity=10);
	top:0;
	left:0
}

.StaticAdCanvas1
{
	position:absolute;
	width:200px;
	height:382px;
	filter: alpha(opacity=10);
	top:0;
	left:0;
	visibility: hidden
}
.Webpart_Container_CU{
	background-color:#FFFFFF;
	filter: alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	padding: 4px;
	color:#000000;
	height: 420px;
	overflow:auto;
	margin: 0px 0px 2px 0px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #666666;
	border-right:0px;
	border-left:0px;
	width:96%;
	}
.SubGroup{
	background-color:#FFFFFF;
	filter: alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	color:#000;
	padding: 10px;
	text-align:left;
	border-top: 2px solid #666;
	border-right:0px;
	border-left:0px;
	width:100%;
	}
.nodata
	{
		color:Black;
		font-weight:bold;
		font-size:13px;
		text-align:center;
		margin-top:6px;
	}
	
.pagination
{
	padding:3px
}
.Button_Paging{
	background-image:url(../images/paging_gradient.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border: 1px solid #666;
	color:#333;
	padding: 0px 4px;
	cursor:pointer;
	}
.linkbutton
	{
	text-align:left;
	background-color:transparent; /* for making background color transparent*/
	text-decoration:none; /* for text underline*/
	color:#9A6625; /* for text color*/
	border:0px; /* border appearance */
	cursor:pointer; /*for cursor appearance*/
	width:auto;
	}
.linkbutton:hover
	{
	text-decoration:underline; 
	}
.WaterMark
{
	color:#999;
}
.CalendarEnT
{
	background:url(../Images/cal_et.gif) no-repeat center;
}
.CalendarEvent
{
	background:url(../Images/cal_events.gif) no-repeat center;
}
.CalendarTraining
{
	background:url(../Images/cal_Trainings.gif) no-repeat center;
}
.CalendarEnTLbl
{
	height:14px;
	width:14px;
	background:url(../Images/cal_et.gif) no-repeat center;
}
.CalendarEventLbl
{
	height:14px;
	width:14px;
	background:url(../Images/cal_events.gif) no-repeat center;
}
.CalendarTrainingLbl
{
	height:14px;
	width:14px;
	background:url(../Images/cal_Trainings.gif) no-repeat center;
}
.Calendar
{
	background-color:White;
	border-color:#999999;
	padding:4px;
	color:Black;
	height:180px;
	width:197px; 
}
.Calendar_WeekDayStyle
{
	background-color:#FFFFCC;
}
.Calendar_OtherMonthStyle
{
	color:#ccc;
}
.Calendar_NextPrevStyle
{
	vertical-align:bottom;
}
.Calendar_DayHeaderStyle
{
	background-color:#CCCCCC;
	font-weight:bold;
	font-size:7pt;
}
.Calendar_TitleStyle
{
	background-color:#999999;
	font-weight:bold;
	border-color:Black;
}
.Calendar_ToDayStyle
{
	background-color:#88aacc;
}
.highlight_text
{
    color:#990000; 
    padding:1px 3px 1px 3px; 
    font-size:11px; 
    font-family:Arial, Helvetica, sans-serif; 
    text-transform:capitalize; 
    font-weight:bold; 
}

.date
{
	color: #B7B7B7; 
	font-size:0.8em; 
	 padding-bottom:8px; 
}

.videoList
{
	background: #F7F7F7; 
	border:#BCBCBC 1px solid; 
	color:#333333; 
	font-size:0.8em; 
	cursor:pointer; 
	cursor:hand; 
	margin:5px;
	padding:5px
}

.videoThumb
{
	background: #F7F7F7; 
	border:#BCBCBC 1px solid; 
	color:#333333; 
	font-size:0.8em; 
	cursor:pointer; 
	cursor:hand; 
	margin:2px;
	padding-right:2px
}

.videoList:hover
{ 
	background:#EAEAEA; 
	border: #292929 1px solid
}

.videoList .heading
{ 
	font-weight:bold; 
	padding:0px 3px 3px 3px 3px
}

.videoList img
{
	padding:3px; 
	margin:0px 3px
}

.panel
{
	height:20px; 
	border-top: #999999 2px solid;  
	color:#fff; 
	background: url(../images/videoBg.gif) top left repeat-x; 
	height:35px; 
	padding:4px 0px 0px 5px
}


/*Home Teasers blocks*/
.Blocks_Home{
	background:url(../images/arrow_topbar.gif) left top no-repeat;
	display: block;
	line-height: 18px;
	color: #4b7dbc;/*#6e757d;*/
	font-size: 1.2em;
	font-weight:bold;
	text-transform: uppercase;
	padding: 7px 0px 0px 28px;
	}
/*Home Teasers blocks second line*/
.Blocks_Home_Second{
	font-size: 1.2em;
	color: #4b7dbc;
	font-weight:bold;
	text-transform: uppercase;
	padding: 0px 0px 0px 28px;
	}
/*
/*End of Newly Created */
/* ================================================================ 
MENU
=================================================================== */
.menu2 {padding:0px; margin:0px; list-style:none; height:36px; background:#fff; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.menu2 ul{margin:0px;}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 9px; cursor:pointer;background: url(../Images/blank.gif);}
.menu2 li a.top_link span {float:left; display:block; padding:0 16px 0 8px; height:36px;background:url(../Images/blank.gif) right top;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 16px 0 8px; height:36px; background:url(../Images/blanka.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(../Images/blank_over.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(../Images/blank_over.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(../Images/blank_overa.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(../Images/blank_over.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(../Images/blank_over.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(../Images/blank_overa.gif) no-repeat right top;}



.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:31px; background: #fff; padding:2px; border:1px solid #ba8747; white-space:nowrap; width:120px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:auto; font-weight:normal;}
.menu2 :hover ul.sub li a {display:block;  height:20px; width:120px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../Images/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#979fa4; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#3a93d2 url(../Images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#3a93d2 url(../Images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:auto; z-index:400; height:auto;}
.imgHover{padding:1px; }
.imgHover:hover,.imgHoverBorder{padding:1px;background:#ba8747}