/* Typical defaults for standard markup */
body {background: white;  font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; color: #595959; }
a:link, a:visited {color: #034af3;}
a:hover { color: #1d60ff; text-decoration: none; }
a:active {color: #034af3;}
p { margin-bottom: 10px; line-height: 1.6em; }
h1, h2, h3, h4, h5, h6 {font-size: 1.5em; color: #666666; font-variant: small-caps; text-transform: none; font-weight: 200; margin: 0px; padding: 0px; }
h1 {font-size: 1.6em; padding-bottom: 0px; margin-bottom: 0px; }
h2 {font-size: 1.5em; font-weight: 600; }
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}
td {vertical-align: top;}
.clear {clear: both; }
p.headline {text-align: center; font-size: 1.1em; width: 75%;}
p.body {text-align: left; font-size: .85em; width: 85%;}
p.help {text-align: left; font-size: .85em; width: 75%;}
p.example {text-align: left; font-size: .85em; font-style: italic; width: 80%;}
/* Basic page layout */
#Container {margin:0 auto; width:1152px;}
#HeaderPane {width: 100%;}
#Header {position: relative; margin-left: auto; margin-right: auto; clear: both; z-index:2; background-image:url(../images/DOH_WebHeader2.gif); background-repeat:no-repeat; width:100%; height:20px;}
.HeaderMap {position: absolute; top: 10px; left: 25px; width: 279px; height: 93px; display: inline-block;}
#Search {width: 18em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #F14328; font-size: 0.9em; line-height: 1.7; position: absolute;
 	     margin-top: 10px;
	     margin-right: 10px;
	     margin-left: 910px;
	     font-weight: bold;
	    }
#Search a {color: #143286; text-decoration: none;}
#Search a:hover {color: #FF0000; text-decoration: underline;}
#FilterPane {width: 100%;}
#Title {padding: .5em;}
#Title H1 {padding: 0; margin: 0;}
#ContentPane {clear: both; float: left; width: 100%; /*padding: 10px; */ margin: 10px 0 0 10px; /* For alignment purposes border: 3px solid green;*/}
#ContentPane .MenuColumn {float: left; width: 150px; margin: 10px 0px 0px 5px; padding: 5px; padding-top: 5px; padding-right: 2px; /* For alignment purposes border: 3px solid green; */}
#ContentPane .ContentColumn {float: left; width: 900px; margin-left: 0px; margin-right: 5px; padding: 5px; padding-left: 4px; z-index: 3; /*height: 250px; For alignment purposes border: 3px solid red; */}
#LeftPane {float: left; width: 45%; margin: 0 auto; padding: 10px; height: 250px;}
#RightPane {float: left; width: 45%; margin: 0 auto; padding: 10px; height: 250px;}
#ContentHeader {margin: 5px 0px 10px 10px;text-align: center;}
#ContentArea  {float: left; width: 100%; /*For alignment purposes border: 3px solid red;*/}
#ContentArea .LeftColumn {float: left; width: 350px; margin-left: 5px; margin-right: 0px; padding: 5px; padding-right: 2px;  /*border: 3px solid red;*/ }
#ContentArea .RightColumn {float: left; width: 500px; margin-left: 5px; margin-right: 5px; padding: 5px; padding-left: 4px; /*height: 250px; For alignment purposes  border: 3px solid green; */ }
#FooterPane 
{  	background-color: Bisque;
    color: #595959; 
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    clear: both;
	margin-top: 5px;
	text-align: center;
	padding-top: 20px;
	line-height: 1.2;
	margin-right: auto;
	margin-left: auto;
	height: 30%;
}
#FooterPane a {color: AntiqueWhite; text-decoration: none;}
#FooterPane a:hover {color: Yellow; text-decoration: underline;}
#FooterPane .LeftColumn {float: left;margin: 0 20px 0 10px;width: 470px;border: /*3px solid red;*/}
#FooterPane .RightColumn {float: left;width: 470px;}
#NavBar {padding: 10px;}

.Social-Links{text-align:right;padding:5px 0 0 0;}
	.Social-Links a{margin:0 0 0 0px;}

/* Name Fieldset Styling */
fieldset {-moz-border-radius: 8px;}
legend {border: solid 1px black; background-color: #5D7B9D; color: White; padding: 5px; -moz-border-radius: 8px; border-radius: 8px;}
.NameField {float: left; width: 225px; margin: 5px; padding: 5px;}
.AddressField {float: left; width: 225px; margin: 5px; padding: 5px;}
.ContactField {float: left; width: 225px; margin: 5px; padding: 5px;}
.ProviderField {float: left; width: 225px; margin: 5px; padding: 5px;}
.DocField {float: left; width: 225px; margin: 5px; padding: 5px;}
.MiscField {float: left; width: 225px; margin: 5px; padding: 5px;}
.ReviewTrackingField {float: left; width: 325px; margin: 5px; padding: 5px;}
/* Styling for fieldset textboxes */
.textField { margin-top: 3px; }
.dateField { margin-top: 3px; }
.normalField { background-color: inherit; }
.readOnlyField { background-color: #FEFEDB; }3

/* ------    Awesome Cyles site styles    ------ */
/* footer */
.left-footer { width:48%; float:left;}
.right-footer { width:48%; float:right;}

/* Home page */
/* Header Banner*/
.bannerShadow {padding-bottom: 34px; background:url(/Portals/0/images/Slide-Shadow.png) no-repeat 0 bottom;}
	.header-banner { background-image: url("/Portals/0/images/header-bg.jpg"); background-repeat: repeat-x; background-color:#830c11; min-height:200px; color:#FFF;}
		.header-banner .header-banner-image { float:left; width:280px; margin-left:50px; padding-top:13px;}
		.header-banner .header-banner-text { float:right; width:550px; margin-right:55px;}
			.header-banner .header-banner-text { font-size:16px; line-height:19px; padding-top:10px;}
			.header-banner .header-banner-text h2 { font-size:36px; text-transform:uppercase}
			.header-banner .header-banner-text .header-read-more { font-size:14px; text-align:right;}
			.header-banner .header-banner-text .header-read-more a { color:#FFF;}

/*  Banner Rotator
    -- Banners will automatically cycle along with navigation by inserting 
    -- the desired images into a Text/HTML module using the Banner Container. */
    
 /* Set height of div.Normal to equal the height of banners + 34px for shadow */
.RotatorWrapper {height:339px;background:url(images/Slide-Shadow.png) no-repeat 0 bottom;}

 /* Set width and height of banners within div.Normal img */
.RotatorWrapper img{width:960px;height:305px;} 

.RotatorNav {position:absolute;z-index:20;width:960px;height:40px;background:url(../Images/50black.png) repeat top left;margin:-74px 0 0;padding:0;list-style: none;}
.RotatorNav li {float:left;}
.RotatorNav li a {padding:0 10px;display:block;color:#b8b8b8;line-height:40px;text-decoration:none;}
.RotatorNav li a:hover{text-decoration:underline;}
.RotatorNav li.activeSlide a{color:#fff;}
 
 /* height of slides + 11px for shadow */
 
.SlideShow {height:251px;}

 /* Set width and height of slides within div.Normal img */
/*.SlideShow div.DNNModuleContent > div.Normal img{padding: 15px; border: 1px solid #ccc; top: 0; left: 0; width:320px;height:240px;background:url(images/Slide-Shadow_sm.png) no-repeat 0 bottom;} */
 /* Set width and height of slides within div.Normal img */
.SlideShow img{padding-bottom: 11px; top: 0; left: 0; width:320px;height:240px; background:url(../Images/Slide-Shadow_sm.png) no-repeat 0 bottom;} 


/* Action button styling */
.actionButton { text-align: center; padding-left: 2px; background-color: #fed; color: #050; width: 75px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.65em; }
.actionDisabledButton { text-align: center; padding-left: 2px; background-color: #d3d3d3; width: 75px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.65em; }
.actionButton:hover { border-color: #c63 #930 #930 #c63;}

/* Collapsible reports headers */
.collapseReportPanel {background-color:white; overflow:hidden;width:85%;}
.collapseReportPanelHeader {width:85%; height:30px; background-image: url(../images/bg-menu-main.png); background-repeat:repeat-x; color:#FFF; font-weight:bold;}

/* Styling for refresh labels */
.refreshText { color: black; font-family: Tahoma; font-size: .65em;}


/* Styles for individual edit items in the edit rows of the grid. Note: a style for TD gets the entire block, this targets selected fields. */
#originalField { background-color: Silver; padding: 2px;}
#updatedField {padding: 2px;}

/* Styling for the page loader */
#PageLoad {font-size: 1.2em; color: #666666; width: 80%; height: 500px; padding-left: 35%; padding-top: 250px;}

/* Styling for the footer section */
#StdFooter {padding: .2em .2em .2em .2em; border: 2px outset #212752; text-align: center; font-family: times; font-size: 75%; color: #444444; }
#StdFooter a {font-style : italic; }
#FooterServedBy {color: black; text-align: center; }

/* Styling for the SharePoint SiteCollection selection box user control */
#SiteSelection .SelectionPane {width: 100%; height: 100px; /*margin-right: 10px;*/ }
.SearchPane { margin: 5px;}
.SiteNamePane {margin: 5px;}
.SpSelectionTitle {font-weight: bold; padding-bottom: 10px;}
.SpSiteNameLabel {float: left; padding-left: 5px;}
.SpSearchTypeLabel {float: left; padding-left: 5px; margin-right: 15px;}
.SpSiteName {margin-left: 5px;}
.SpSearchType {margin-left: 5px;}
.SpSubmitButton { margin-right: 55px; padding: auto 10px 10px auto; float: right; display: inline;}

/* Styling for the User Selection panel */
.UserSelection { }
.UserSelectionButton {float: left; margin-left: 5px; }

/* Styling for Navigation bar buttons...*/
#NavBarButtons .NavButton {padding: 5px; width: 45%; border: 1px solid #bbb; display: block;}

/* Styling for the main menu buttons.. */
#ContentHeader .MenuButton {float: left; position: relative; margin: 0px; padding: 2px; border: 1px solid #bbb;}
#MenuButtons .MenuButton {float: left; font-family: Verdana; font-size: .75em; background-color: #AF312D; color: White; width: 95%; margin: opx 0px 10px 3px; padding: 2px; border: 1px solid #bbb;}

/* Styling for error displays */
.ErrorPanel {background-image: url(../images/iconWarning.png); background-repeat: no-repeat; background-position: 15px 8px;
             border: 3px solid #f00; background-color: #fefeaa; margin: 1em 0; text-decoration:bold; font-size: 1.2em; color: #666666; width: 80%; padding-left: 10%; padding-top: 10px; padding-bottom: 10px;}            
#ErrorHeader { font-weight: bold; }

.Separator {background-color: #CCCCCC; height: 1px; width: 100%; float: left; font-size: 1px;line-height: 1px; color: #CCCCCC;}

#TabMenu {float:left; margin-left: 325px; margin-right: 100px;}

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 3px 8px;
	margin: 0px 1px 0px 0px;
	font: bold 0.6em sans-serif;
	background-color: #AF312D;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #CCC;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #AF312D;
	border-bottom: 1px solid #AF312D;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: white;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #CCFEBF;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #CCFEBF;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}