/* COMMON LAYOUT */
* 										{ font-family: Arial, 'Times New Roman' , Verdana; font-size: small; margin: 0; padding: 0; }
body, html								{ height:100%; }

strong									{ font-weight:bold!important;}
/*  AjaxDatePicker.ascx, ACT.CalendarExtender   */
.ajax__calendar_container		{z-index:10;position:relative;} /* IE z-index bug */
.ajax__calendar_popup_button	{padding-left:2px;width:auto;height:auto;}
.ajax__calendar_textbox			{width:60px;}

/* TELERIK COMBOBOX */
.ComboBoxInput_WebBlue,
.ComboBoxInputHover_WebBlue									{height: 14px!important;}
.ComboBoxImage_WebBlue,
.ComboBoxImageHover_WebBlue									{height: 17px!important;}

.ComboBoxItem_WebBlue, 
.ComboBoxItemHover_WebBlue, 
.ComboBoxItemDisabled_WebBlue 								{line-height:normal!important;}

.ComboBoxDropDown_WebBlue .comboItem    {font-size:9px;}
.ComboBoxDropDown_WebBlue .abbreviation {width:50px;}
.ComboBoxDropDown_WebBlue .description  {width:240px;color:Gray;}

.ComboBoxInput_Web20,
.ComboBoxInputHover_Web20		{height: 14px!important;}
.ComboBoxImage_Web20,
.ComboBoxImageHover_Web20		{height: 17px!important;}

.ComboBoxDropDown_Web20 .comboItem    {font-size:8pt;}
.ComboBoxDropDown_Web20 .abbreviation {width:50px;}
.ComboBoxDropDown_Web20 .description  {width:240px;color:Gray;}

.RadComboBoxDropDown_Web20 .rcbItem,
.RadComboBoxDropDown_Web20 .rcbHovered    { font-size: 8pt!important; }

/* TELERIK MENU */
.RadMenu_Default2006 .group .focused
{
	background: #d4ddf0!Important;
	border-bottom-color: #708fc2!Important;
}

.RadMenu_Default2006 .group .link:hover,
.RadMenu_Default2006 .group .expanded
{
	background: #dddddd!Important;
	border-bottom-color: #7e7e7e!Important;
}


/* COMMON BUTTON */
.Button									{ background-color: #B5B5B5; height: 23px; margin: 5px 0; margin-left: 4px; width: 120px; }
.FloatedRight							{ float: right!Important; margin: 5px 0!Important;}
.FloatedLeft							{ float: left!Important; margin: 5px 0!Important;}
.SendButton								{ background-color: #DEE3F7; color: #10459C; border: solid 1px #BDCBE7; padding:2px;}

.Disabled								{ background-color: #E3E3E3; color:#BABABA;}

/* COMMON FORM STYLES*/
.hr										{ margin: 5px 0px 5px 0px; background-color: #cccccc; height: 1px; padding: 0px; display: block; }
.bold									{ font-weight: bold; }
.cleaner, .Cleaner						{ clear: both; }
textarea 								{ overflow: auto; }
img 									{ border:0;}
a										{ color: #000000;}
a:hover 								{ color: #000080; text-decoration: underline; }
#PageHeader 							{ background-color: #373868; color: #FFFFFF; /*margin-bottom: 20px;*/ width: 100%; padding-bottom: 2px;  }
#PageHeader a 							{ color: #FFFFFF; }
#PageHeader img							{ margin-bottom:2px;}
#PageHeaderMenu  						{ background-color: #D9DCE8; padding-top: 2px; padding-bottom:3px;  }
#PageHeaderMenu a 						{ color: #000000; font-size: 12px; font-weight: normal; text-decoration: none; }
#PageHeaderMenu a:hover 				{ text-decoration: none; color:#1D1C5E;}
#LoginInfoLinks 						{ font-weight: bold; }
fieldset								{ border: 0; }
.CheckBox input							{ height: 18px; margin-top:4px!Important; width: 13px!Important;   }		
.RadioButtonList input					{ width:13px!Important; margin-top:2px!Important;  }		
.PasswordHint                           { color: #373868; font-size: 11px!Important; }		
.cursorHand							{ cursor: pointer; }
.cursorHelp							{ cursor: help; }

/* HELP TOOLTIP */
.helpTooltipButton						{ cursor: help;}
.helpTooltip							{ position: absolute; width: 280px; text-align:left; z-index: 100; border: solid 1px #D4DDF0; background-color: #FFEFD3; padding: 10px; display: none; font-size: 8pt;}
.helpTooltip .helpHighlight				{color:#4F81BD;font-weight:bold;}
.helpTooltip .helpHighlight,
.helpTooltip .bold,
.helpTooltip u							{ font-size:9pt;}
.helpTooltip ul							{ padding-left:15px;}
.helpTooltipPanel						{position:relative;float:left; margin-left: 3px; margin-top: -3px;}


/* ERROR PAGE */
.errorPage *									{ font-family: Arial CE; font-size: 10pt; text-align:center; color: midnightblue;}
.errorPage										{ padding-top:40px;}
.errorPage a									{ color:Blue;}



/* DATAGRID */
.DataGrid 							{ border: solid 0; width: 100%; border-collapse: collapse; }
.DataGrid td						{ font-size: 90%; padding: 0px 1px; padding-left: 2px!Important; text-align: left; /*border: solid 1px #FFFFFF;*/ }
.DataGrid .Pager td 				{ font-size: small; font-weight: bold; }
.DataGrid .Pager td a 				{ color: #FFFFFF; font-weight: normal; text-decoration: none; }
.DataGrid .Pager td a 				{ text-decoration: underline; }
.DataGrid .Header a:hover,
.DataGrid .Pager td a:hover 		{ text-decoration: underline; }
.DataGrid .Item td, 
.DataGrid .Altern td 				{ border: solid 1px #FFFFFF; }
.DataGrid .Footer td				{border-right: solid 1px #FFFFFF;}

/* DT CALENDAR */
#DT_Calendar	{position:absolute;}
.Calendar		{background-color:silver;width:150px;border:solid 1px black;}
.Calendar A, 
.Calendar A:hover	{text-decoration:none;font-weight:normal;}
.Navigation			{background-color:Gray;padding:0px 5px 0px 5px;}
.DayList			{padding:0px 5px 0px 5px;}
.DayNames			{}
.DayRow				{text-align:right;padding:1px 4px 1px 1px;}
.ThisMonth			{color:black;}
.OtherMonth			{color: #555555;}
.Today				{}
.Today A			{color:Red;}
.Day				{}
.NotClickable		{color: darkgray;}
.Footer				{text-align:center;}
.DisabledTextLink	{color:darkgray;}
.TextLink			{color:White;}
.MonthList			{}
.MonthList TD		{width:33%;	text-align:center;}
.QuarterList		{}
.QuarterList TD		{width:50%;text-align:center;}
.YearList			{}


/* COMMON COLUMNS / WIDTH*/
.PersonalNumberColumn 				{ width: 80px; }
input.PersonalNumberColumn 		{ width: 77px; }
input.PersonalNumber					{ width: 64px!Important; }
.LastNameColumn						{ width: 230px; }
input.LastNameColumn					{ width: 227px; }
.FirstNameColumn						{ width: 100px; }
input.FirstNameColumn				{ width: 97px; }
.DegreesColumn							{ width: 50px; }
select.DegreesColumn					{ width: 53px; }
.ActiveColumn							{ width: 75px; }
select.ActiveColumn					{ width: 78px; }
.RecipientColumn						{ width: 150px; }
input.RecipientColumn				{ width: 147px; }
.ColDetail								{ width: 18px; }
.ColDetail input						{ width: 32px; font-size: 95%; padding: 1px; float: left; }
.ColDetail img							{ float: left; margin-left: 5px; margin-top: 1px; }
.ColDetailAlignRight					{ width: 70px; text-align: right!Important;  }
.ColDetailMedium						{ width: 110px; text-align: right!Important; }
.ColDetailWider						{ padding-right: 2em!Important; text-align: right!Important; }
.Filter .TotalRecords				{ color: #FFFFFF; float: right; margin: 1px; }
.DataGrid .ColDetail input			{ _margin: 3px !Important; float: left!Important; height: 13px!Important; margin: 4px !Important; padding: 0!Important; }
.SolidBlackBorder 					{ border: 1px solid black!Important; border-collapse: collapse; }


/* TAB PANEL */
.TabControl							{width: 100%;border-bottom: solid 1px black;height: 26px;}
.TabControl div						{float: left;height: 22px;padding: 1px 2px 1px 2px;cursor: hand;cursor: pointer;color: Black;font-size: 15px;margin-left: 7px;position: relative;top: 1px;text-align: center;width: 181px;border-top: solid 1px #151515;border-left: solid 1px #151515;	border-right: solid 1px #151515;white-space:nowrap;}
.TabControl img						{vertical-align:middle;margin-right:5px;width:24px;height:18px;}
.TabControl .TabItem, 
.TabControl .TabItemHover			{border-top: solid 1px #151515;border-left: solid 1px #151515;border-right: solid 1px #151515;}
.TabControl #TabLast				{}
.TabControl .TabActive, 
.TabControl .TabActiveHover			{font-weight: bold;	border-bottom: solid 1px #B7C7E7;}
.TabControl .TabActive SPAN, 
.TabControl .TabActiveHover SPAN	{}


/* FILTER */
.Filter 									{ background-color: #373868; border: 0; border-bottom-width: 1px; white-space: nowrap; }
.Filter .FloatedCheckbox			{ float: right; height: 13px!Important; margin-right: 5px!Important; margin-top: 5px!Important; padding: 0!Important; }
.Filter fieldset label				{ margin: 3px; }
.Filter a								{
	border-right: 1px solid #373868;
	color: #FFFFFF;
	float: left;
	font-weight: normal;
	margin: 1px 0;
	padding-left: 3px;
	text-decoration: none;
}
.Filter a:hover						{ /*background-color: #53539E;*/ color: #FFFFFF; text-decoration: underline; }
.Filter fieldset						{ background-color: #B5B5B5; height: 24px; }
.Filter input 							{ border-collapse: collapse; margin: 1px 0px 1px 1px!Important; padding: 1px!Important; }
.Filter select							{ border-collapse: collapse; margin: 1px 0px 1px 1px!Important; }
.FilterButton 							{ background-color: #B5B5B5; font-size: 85%; height: 20px; margin: 2px!Important; position: relative; top: 1px; width: 80px; left: 4px; }
.Filter fieldset a 						{ border: 0; color: #000000; font-size: 90%; font-weight: bold; margin-top: 4px; text-decoration: none; }
.Filter fieldset a:hover			{ background-color: #B5B5B5; color: gray!Important; }
/****************************************** CONTENT **********************************/
/*#Content, .Content { padding: 15px 1% 0px 1%; }
  BY DS.*/
#Content 									{ margin: 0 auto; width: 96%; }
#Content h2									{ font-size: 120%; margin: 0.5em 0; }
.BasketInfo 								{ display: block; padding-right: 10px; position: relative; text-align: right; top: 22px; }
.Buttons 									{ width: 100%; }
.Buttons .Left, .Buttons .Right 			{ float: left; white-space: nowrap; }
.Buttons .Right 							{ float: right; }
.Search .TextBox 							{ width: 120px; }
.Search .Button 							{ width: 120px; }
.AppVersion 								{ font-size: 8pt; font-weight: normal; }
#conPortalHeader_lbInfo						{ display:block; _height: 20px; min-height: 20px; position: relative; top:2px; left:15px; margin-bottom:2px; width:80%; }
.ShowInfo									{ margin-top: 8px; margin-bottom:8px;}
.ShowInfo .InfoSuccess 						{ color: #373868; font-weight: bold; }
.ShowInfo .InfoError						{ color: #FF0000; font-weight: bold; }
.InfoText 									{ color: #FF0000; font-weight: bold; }
#Calendar 									{
	filter: blendTrans(duration=.3) Shadow(Color=gray, Direction=135);
	left: 0px;
	padding: 5px 5px 5px 5px;
	position: absolute;
	top: 0px;
}
.Printing 									{ background-color: #FFFFFF; }
.Printing A 								{ color: #000000; font-weight: bold; text-decoration: none; }
.Printing .Buttons .Right 					{ float: right; }
.Printing .DataGrid TD.Caption 				{ font-weight: normal; }
.Printing .DataGrid SPAN.Value 				{ font-weight: bold; }
.Printing .DataGrid .Item 					{ background-color: #DDDDDD; }
.Printing .DataGrid .Altern 				{ background-color: #EEEEEE; }
.Printing .DataGrid .Header TD 				{ background-color: #000000; color: #FFFFFF; font-weight: bold; }
.Printing .DataGrid .Header TD,
 .Printing .DataGrid DIV.Header 		{ background-color: #000000 !important; color: #FFFFFF; padding-left: 5px; text-decoration: none; }
 
 




/******************************* FormBoxWithBlueHeader *********************/
.FormBoxWithBlueHeader 					{ width: 500px; }
.FormBoxWithBlueHeader fieldset			{ background-color: #DDDDDD; border: 0; border: solid 1px #000000; padding: 0.5em; }
.FormBoxWithBlueHeader h3				{background-color: #373868;border: solid 1px #000000;border-bottom: 0;color: #FFFFFF;font-weight: normal;padding-left: 1em;}
.FormBoxWithBlueHeader label,
.FormBoxWithBlueHeader textarea			{ float: left; margin: 1px; padding: 1px; width: 100px; }
.FormBoxWithBlueHeader textarea			{ height: 64px; width: 300px; }
.FormBoxWithBlueHeader label			{ font-weight: bold; margin: 4px; width: 150px;}
/*.FormBoxWithBlueHeader      			{ margin-top: 4px; }*/
.FormBoxWithBlueHeader a				{ text-decoration: none;}
.FormBoxWithBlueHeader a:hover			{ text-decoration: underline;}
.FormBoxWithBlueHeader .FormLabel		{ margin:4px; margin-top:3px; float:left; font-weight: bold; }
.FormBoxWithBlueHeader .roleList label	{ width: 400px; }




/************************************* MESS *******************/
#chkSendInstantly							{ display: inline; float: left; width: 18px; height: 18px; margin:4px;  }
.lbTotalCount								{ float: right; margin-bottom: 5px;}
.IHatePiggyStyles							{ display: block; position: relative; width:150px; background-color: #373868; border:0;}
.MessOne									{ width:100px; text-align: right!Important; }
.MessOne input 								{ font-size: 10px; border: solid 1px black; margin-right: 4px; margin-left: 4px; position: relative; top:-3px; }
.MessOne img 								{ margin:0!Important; padding:0!Important;}
#conPersonalHeader_lbLinks img 				{ margin: 0 1px; }
.MaxSize9170 								{ width:91px; height:70px; overflow: hidden; }




/* OUTLOOK PANEL */
.OutlookPanel										{width:170px;float:left;background-color:#EEEEEE;border:solid 1px black;margin-top: 10px;}
.OutlookPanel .Panel .Folder						{height:0px;}
.OutlookPanel .Panel .OutlookButton, 
.OutlookPanel .PanelActive .OutlookButton			{border-top:solid 1px black;}
.OutlookPanel .OutlookButton input					{padding-left:3px; font-weight:bold;width:170px;text-align: left;background-color: #B5B5B5;}
.OutlookPanel .Folder								{display:none;}
.OutlookPanel .Folder img							{margin:5px 5px 0px 5px;vertical-align:top;float: left;}
.OutlookPanel .PanelActive .OutlookButton			{margin-bottom:5px;}
.OutlookPanel .PanelActive .OutlookButton input		{}
.OutlookPanel .PanelActive .Folder					{display:block;	height:300px;overflow:auto;}
.OutlookPanel .Item, .OutlookPanel .ItemActive		{margin:3px 0px 3px 3px;}
.OutlookPanel .Item a, .OutlookPanel .ItemActive a	{color:Black;font-weight:normal;text-decoration:none;float: left;width: 100px;margin-left: 4px;}
.OutlookPanel .Item a:hover, 
.OutlookPanel .ItemActive a:hover					{text-decoration:underline;	color:Navy;}
.OutlookPanel .ItemActive a							{font-weight:bold;}

.ListHeader							{ background-color: #738EC6; color: #ffffff; font-size: 11px; line-height: 18px; font-weight: bold; }
.ListHeader a						{ color: #ffffff!Important; }
.ListRow								{ background-color: #DEE7EF; color: Black; }
.ListAlternatingRow				{ background-color: White; color: Black; }
.ListWrapper						{ margin-top: 5px; margin-left: 0px; padding: 1px; background-color: #B7C7E7; color: Black; }
.ListBackground					{ padding: 1px; background-color: #FFFFFF; }
.ListBackground td, 
.ListBackground th, 
.ListBackground a					{ padding-left: 3px; padding-right: 3px; font-size: 9pt; }

.Group						{ margin-bottom: 2px; padding-bottom: 5px; padding-top: 5px; width: 100%; }
.Delimiter					{ background-position: 50% bottom; 
background-image: url('../Img/line_dotted.gif'); 
background-repeat: repeat-x; }
.GroupRow *					{ width: 100%; padding-top: 1px; padding-bottom: 1px; font-size: 9pt; }

.MultiPage	{ background-color: #f7f7ff; border: solid 1px #6788BE; padding: 5px 5px 5px 5px; margin-bottom: 5px; position: relative; top: -1px; }

.WarningInfo { background-color: #EEEEEE; padding: 10px; text-align: center; }


/************ RadUploadTable BEGIN ************/

.RadUploadTable         { background: #d6dff7 none repeat scroll 0% !Important; border:1px solid #638abd !Important; filter: none!Important; }
.RadUploadSelectButton  { height:20px; width:63px; }
.RadUploadButton, .radUploadButtonMedium, .RadUploadRemoveButton, .RadUploadSelectButton   { font-weight: normal !Important; }

/************ RadUploadTable END ************/


/* JQuery BasicModal */

/* Overlay */
#modalOverlay {background-color:#000; }

/* Container */
#modalContainer { left:45%; top:15%; margin-left:-300px; background-color:#fff; border:3px solid #ccc; }
#modalContainer a.modalCloseImg {background:url(../Img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#modalContainer #basicModalContent {padding:8px;}
#welcomeMessage {display:none; background-color:#FFFFCE;width:850px; }
#welcomeMessage #Header { background: url(../Img/Personal/logo.gif) no-repeat 98% 5px; height: 80px;}
#welcomeMessage p {padding-left: 10px; color: #3366aa;}
#welcomeMessage #Title { padding-bottom:10px;}
#welcomeMessage #Footer { padding-top: 75px;background: url(../Img/Personal/sign.gif) no-repeat 20px 0; height:110px;}
#welcomeMessage p a { font-weight:bold; color: #3366aa;}
#welcomeMessage #Controls { padding:1em; }

#flashOrder { padding: 1em 2em; }
#flashOrder #headerPanel {float:left; }
#flashOrder #headerPanel,
#flashOrder #headerPanel * {font-style:normal; font-size:15px;}
#flashOrder #logo {float:right;}
#flashOrder fieldset {clear:both; float:left; margin: 2em 0;}
#flashOrder #headerPanel h1 {text-transform:uppercase; font-size: 22px; margin: 1em 0;}
#flashOrder h3 {font-size: 16px; margin: 0.5em 0 1em;}
#flashOrder h4 {font-size: 14px; margin: 0.5em 0; text-decoration: underline;}
#flashOrder #flashImg { float: left; margin: 2em 0;}
#flashOrder ul {margin-left: 1.5em;}
#flashOrder #rules { width: 650px; }
#flashOrder #rules li,
#flashOrder #rules p {margin:0.5em 0;}
#flashOrder #rules li {list-style-position: inside; }
#flashOrder label, 
#flashOrder input[type=text] { margin:0; font-size: 14px; border-style: none; padding:3px; border-width:0;}
#flashOrder table { border-collapse:collapse; }
#flashOrder td,
#flashOrder th  { border: solid 1px #000; }
#flashOrder td { width: 420px;}
#flashOrder th { text-align:left; width: 160px;}
#flashOrder input[type=text] { width: 400px; }
#flashOrder input[type=submit] {margin:6px 0; width: 160px; }

.RadComboBox_Web20 .rcbReadOnly .rcbInput           { color: Black!Important; }
.RadComboBox_Web20 .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -110px!Important; }
.RadComboBox rcbInputCellLeft . rcbInput            { background-position: 0 -110px!Important; }