﻿
/* Master Page */
.Footer {
	background-color: #689;
	font-size: 0.8em;
	text-align: center;
}
.Content {
	vertical-align:top;
	background-color:white;
	padding:15px;
}
.Logo {
	background-color:white;
}
.Header {
	background-color:white;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #abc;
}
#master_contentplaceholder
{
	 font-size: 12px;
	 width: 708px;
}
.Container {
	background-image: url("Images/msfp_smbus2_01.gif");
}
.SideBar {
	vertical-align:top;
	/* remove when master pages are updated */
	background-color:#336699;
}
.HeaderTitle {
	font-size: x-small;
	text-align: right;
	padding-right: 15px;
}

/* Menu */
.TopLevelMenu
{
	color: white;
	font-size: 11px;
	height: 16px;
	border-bottom: 1px solid #78ADC5;
	cursor: hand;
	cursor: pointer;
}
.TopLevelMenuHover
{
	color: #CDE1EA;
	font-size: 11px;
	height: 16px;
	border-bottom: 1px solid #78ADC5;
	cursor: hand;
	cursor: pointer;
}


/* ComponentArt Tabs */
.TopGroup
{
  z-index:99;
  position:relative;
}

.DefaultTab 
{
  color:black; 
  background-image: url(/Img/Tabs/tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}

.DefaultTabHover 
{
  color:black; 
  background-image: url(/Img/Tabs/hover_tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}

.SelectedTab 
{
  color:black; 
  background-image: url(/Img/Tabs/selected_tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}

.MultiPage
{
  	BORDER-RIGHT: gray 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: gray 1px solid;
    PADDING-LEFT: 10px;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 10px;
    BORDER-LEFT: gray 1px solid;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: gray 1px solid;
    FONT-FAMILY: "MS Sans Serif", Tahoma, sans-serif;
}

.PageContent
{
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  padding-top:5px;
}

/* Page Styles */
.PageHeading
{
	font-size: 18px; 
	color: #336699; 
	font-weight: bold; 
}
.PageSubHeading
{
	font-size: medium; 
	color: #336699; 
	font-weight: bold;
	padding-top:10px;
}
.PageSubHeading2
{
	font-size: small; 
	color: #336699; 
	font-weight: bold;
	padding-top:5px;
}
.DetailHeading1
{
	font-size: small; 
	color: #336699; 
	font-weight: bold;
}
A
{
	color: #242500;
	font-weight: bold;
}
A:hover
{
	color: #CBD165;
}
.ButtonStyle
{
	background-color: #336699;
	color: White;
	border-color: #8ABFD9;
}
TD.Display
{
	font-weight: bold;
}
.Lable1
{
	color: green;
}


/* ComponentArt TreeView */

.Heading
{
  background: url(/img/browser/heading_bg.gif);
  background-color: #737294;
  color: #FFFFFF; 
  border: #57566F 1px solid; 
  font-family: tahoma; 
  font-size: 11px;
  font-weight: bold; 
  padding: 5px; 
  cursor: default; 
}

.TreeGridContainer
{
  background-color: #FFFFFF; 
  border: 1px solid #B1B1B1; 
  border-top-width: 0px;
}

.MenuCallBack
{
  background-color:#FFFFFF;
  border:1px solid #808080;
  width:155px;
  height:205px;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#8D8F95',Direction=135,Strength=2);
}

.DemoContainer
{
  border:1px silver solid; 
  background-color:#F6F6F6;
  height:530px;
  width:100%;
}
.DemoArea
{
  background-color:#F6F6F6;
  width:95%;

}
/* ComponentArt Calander */
.calendar_button
{
	border:none;
	cursor:pointer;
}

.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 12px;
  font-weight: bold;
  font-family: "Verdana",monospace;
  padding: 2px;
  cursor: pointer;
}

.calendar td
{
  font-size:11px;
}

.title
{
	font-weight:bold;
  background-color:#D7D7E5;
}

.day
{
	width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
	width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayheader
{
	width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
	width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:middle;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:middle;
  background-color:#FFFFFF;
}

.TreeView 
{ 
  background-color:White;
  padding-top:1px; 
  padding-left:1px; 
  cursor:default; 
}

.TreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
}

.GrayedTreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  color:gray; 
  cursor:default;
}

.HoverTreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  text-decoration:underline; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default; 
}

.HoverPopupTreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  padding:1px;
  padding-left: 2px; 
  padding-right: 1px;
  background-color: #FFFFFF;
  border: 1px solid #000000; 
  text-decoration: none; 
  color: #000000;
  position: absolute;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
  cursor: default; 
}

.SelectedTreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  background-color: gray; 
  color:white; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default; 
}

.NodeEdit 
{
  border:1px gray solid;
  font-family: tahoma; 
  font-size: 11px;
}

/* ComponentArt Grid */
.Grid 
{ 
  cursor: default;
}

.HeadingCell 
{ 
  background-color: #FFFFFF; 
  background-image: url(/img/browser/header_bg.gif);   
  padding: 3px;
  padding-bottom: 4px;
}

.HeadingCellHover 
{ 
  background-image: url(/img/browser/header_hoverBg.gif);   
  padding: 3px;
  padding-bottom: 4px;
  padding-right: 1px;
}

.HeadingCellActive
{ 
  background-image: url(/img/browser/header_activeBg.gif);   
  padding: 3px;
  padding-bottom: 4px;
  border-right: 1px solid #808099; 
  padding-right: 0px;
}

.HeadingCellText
{
  cursor: default;
  font-family: MS Sans Serif; 
  font-size: 10px; 
  padding-right: 5px;
}

.Row 
{ 
  background-color: #FFFFFF; 
}

.Row td.DataCell 
{ 
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
  font-family: MS Sans Serif; 
  font-size: 10px; 
  cursor: default;
} 

.SortedDataCell 
{ 
  background-color: #F5F5F5; 
} 


.Row td.LastDataCell 
{ 
  background-color: #EFEFF4; 
} 

.SelectedRow 
{ 
}

.SelectedRow td.DataCell 
{ 
  cursor: default;
  background-color: #FFEEC2; 
  padding: 2px; 
  padding-left: 3px; 
  padding-top: 1px; 
  padding-bottom: 1px; 
  font-family: MS Sans Serif; 
  font-size: 10px; 
  border-bottom: 1px solid #4B4B6F; 
  border-top: 1px solid #4B4B6F; 
  border-right: 0px; 
}

.ScrollBar
{
  background-image: url(/img/browser/scroller/scroller_bg.gif); 
}

.ScrollGrip
{
  background-image: url(/img/browser/scroller/scroll_gripBg.gif); 
}

.ScrollPopup
{
  background-color: #FFFFFF; 
  border: 1px solid #666666;
  border-right-width: 2px;
  border-bottom-width: 2px;
  height: 23px;
}

/* ComponentArt Active Splitter */

.ActiveSplitterBar
{
  background-color: #000000;  
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); 
  opacity: 0.4;
}

/* Validator Callouts */

.validatorCalloutHighlight 
{
    background-color: lemonchiffon; 
}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
	font-weight:bold;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}

div.AlertStyle {
      font-size: medium;
      font-weight: bold;
      color: White;
      background-color: #689;
      width: 600px;
      height: 25px;
      visibility: hidden;
    }

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	opacity:.9;
	filter: alpha(opacity=90);
}

.popupHover {
	background-image:url(Images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color: white;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
    overflow:auto;
}

.modalPopupAddress {    
	background-color: white;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:400px;
}

/* PagingBulletedList */
.selectIndex {
    font-weight: bold;
    color: #336699;
    text-decoration:none;
}
.unselectIndex {
    font-weight:normal;
    color: #336699;
    text-decoration:underline;
}

/* GridView */
.GridView_Row {
	background: whitesmoke; /*#f0f2f4;*/
}

.GridView_RowAlt {
	background: whitesmoke;
}

.GridView_Main
{
	background: #bbc1c9;
	border: solid 1px #898d8f;
	border-top: 0px;
	font: normal 11px Arial, Verdana, Sans-serif;
	scrollbar-face-color: #bbc1c9; 
	scrollbar-highlight-color: #bbc1c9; 
	scrollbar-shadow-color: #bbc1c9; 
	scrollbar-3dlight-color: #bbc1c9; 
	scrollbar-arrow-color: #333; 
	scrollbar-track-color: #bbc1c9;
	scrollbar-darkshadow-color: #bbc1c9; 
	cursor: default;
}

.GridView_Header {
	background: url('Images/headerBg.gif') repeat-x;
	border-top: solid 1px #8d9092;
	border-bottom: solid 1px #8d9092;
	padding: 0px 4px;
	height: 26px !important;
	text-align: left;
	color: black;
	font-size: 11px;
}

.GridView_EmptyDataTemplate {
	text-align: left;
	background: white;
	border:  0px;
}

.ListSearchExtenderPrompt
{
	font-style:italic;
	color:Gray;
	background-color:white;
}

.PanelSelectCentre
{
	margin:5px;
	padding:5px;
}

.SectionHeader
{
    display:block;
    font-weight:bold;
	font-style:italic;
	color:dimgrey;
	background-color:white;
	padding-top:10px;
	padding-bottom:2px;
	padding-left:5px;
}

.SectionHeaderTop
{
	font-style:italic;
	color:Gray;
	background-color:white; 
	font-size:14px;
	padding-top:10px;
	padding-bottom:2px;
	padding-left:5px;
}

.ajax__calendar {
    position: relative;
    left: 0px !important;
    top: 0px !important;
    visibility: visible; display: block;
}
.ajax__calendar iframe 
{
    left: 0px !important;
    top: 0px !important;
}


/* Ajax Calendar */

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

/* Ajax Calendar */

.HidePanel
{
	overflow:hidden;
}

.FormDetailsTopLinks
{
	padding-top:10px;
	padding-bottom:2px;
	padding-left:5px;
}

.PanelBlock
{
	padding:10px;
	display:block;
}

/* Forms */

.InputContainer
{
	padding:5px; 
	display:block;
	border-style:solid;
	border-width:thin;
	border-color:Gray;
}

.inputPanel
{
	padding:5px; 
	display:block;
}

.indentInputPanel
{
    padding-left:20px;
}

.doubleIndentInputPanel
{
    padding-left:40px;
}

.tripleIndentInputPanel
{
    padding-left:60px;
}


.Label
{ 
	border-style:solid;
	border-width:thin;
	border-color:Gray;	
}

.Control
{
	border-style:solid;
	border-width:thin;
	border-color:Gray;
}

.LabelTopPosition
{ 
	position:relative;
	left:20px;
	top:-20px;
}
.ControlBottomPosition
{ 
	position:relative;
}


table.pageheader
{
	width:100%;
}

td.pageprevious
{
	text-align:left;
	font-size:small;
	color:Blue;
	width:30%;
}

td.pageheader
{
	text-align:center;
}

td.pagenext
{
	text-align:right;
	font-size:small;
	color:Blue;
	width:30%;
}

.pagelinks
{
	display:block;
	float:left;
	width:75px;
	width:50px;
}

.pagelink
{
	padding-top:10px;
	font-size:small;
	color:Blue;
}

.pagecontent
{
	border-left:solid 1px black;
	margin-left:80px;
	font-size:small;
}

.disabled
{
	color:Gray;
}

.PageIndexLink
{
	font-size:smaller;
}

.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -150px;
    width: 300px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { BACKGROUND-COLOR: #eaece0; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.ListSearchExtenderPrompt
{
  background-color:Silver;
  font-style:italic;
}
.updateProgress div
{
	background-color: white;
	padding: 4px;
	position: absolute;
	top: 10%;
	left: 50%;
}

div.AlertStyle {
  font-size: medium;
  font-weight: bold;
  color: White;
  background-color: #689;
  width: 100%;
  height: 25px;
  visibility: hidden;
}



/*table style generated by www.csstablegenerator.com*/

.table-question {
    border-collapse: collapse;
}
.table-question td, table th {
    border: 0px solid black;
    vertical-align: text-top;
}
.table-question tr:first-child th {
    border-top: 0;
}
.table-question tr td:first-child,
.table-question tr th:first-child {
    border-left: 0;
}
.table-question tr td:last-child,
.table-question tr th:last-child {
    border-right: 0;
}

input[type="submit"]:disabled{
    background-color: silver !important;
    border-color: #F6F6F6 !important;
}

/* Style related to Field Indentation */
.field-indentation-level-1 {
    padding-left:40px
}
.field-indentation-level-2 {
    padding-left:80px
}
.field-indentation-level-3 {
    padding-left:120px
}
.field-indentation-level-4 {
    padding-left:160px
}

/* Style related to Field Section Headers */

.field-sectionHeader h2 {
    font-size: 1.5em;
    margin-bottom: 0;
    font-weight: normal;
}

.field-sectionHeader hr {
    margin: 0 0 10px 0;
    background: -webkit-linear-gradient(left,rgba(255,0,0,0) 0%,rgba(255,0,0,0) 0%,rgba(3,3,3,.65) 0%,rgba(255,0,0,0) 95%,rgba(255,0,0,0) 100%);
    border: 0;
    height: 1px;
}

/* Style related to Field Split Layout */

.field-layoutType-container2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
}

.field-layoutType-container1 {
	float:left;
	width:100%;
	position:relative;
	right:50%;
    padding-left:5px;
    padding-bottom:5px;
}

.field-layoutType-col1 {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	overflow:hidden;
}

.field-layoutType-col2 {
	float:left;
    min-width: 15%;
    max-width:50%;
	position:relative;
	left:50%;
	overflow:hidden;
}