﻿/*

SiteWidth = 996px;

SiteHeight = 758px;

HeaderSectionHeight = 24px;

LogoSectionHeight = 76px;

NavigationSectionHeight = 52px;

ContentSectionHeight = 556px;

FooterSectionHeight = whatever is left over

LeftContentColumnWidth = 138px ;

RightContentColumnWidth = 138px

*/

body
{
	padding: 0px;
	height: 400px;
}

.SiteBackImage
{
	background-image: url ( '../../../Imaging/HttpHandlers/ImageHandler.ashx?ObjectToDraw=ResourceImage&ResourceId=BmpBackgroundTile3x3' );
}

.SiteWidth
{
	width: 996px;
	min-width: 996px;
	max-width: 996px;
}

.SiteWidthLess2
{
	width: 994px;
	min-width: 994px;
	max-width: 994px;
}

.SiteHeight
{
	height: 778px;
	min-height: 778px;
}

.RowHeaderHeight
{
	height: 24px;
	min-height: 24px;
	max-height: 24px;
}

.RowLogoHeight
{
	height: 76px;
	min-height: 76px;
	max-height: 76px;
}

.RowNavigationHeight
{
	/* used to be 58px high with old menu */
	height: 30px;
	min-height: 30px;
	max-height: 30px;
}

.RowContentHeight
{
	/* used to be 556px high with old menu */ /*height : 576px;*/
	min-height: 576px; /*max-height : 576px ;*/
}

.RowContentVAlign
{
	vertical-align: middle;
}

.RowFooterHeight
{
	height: 70px;
	min-height: 70px;
}

.DivCentered
{
	top: 10px;
	background-color: Transparent;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 770px;
}

#SiteContainer
{
	top: 10px;
	background-color: Transparent;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

#RowHeaderDiv
{
	background-color: Transparent;
}

#RowLogoDiv
{
	background-color: White;
	background-image: url(  '../../../Imaging/HttpHandlers/ImageHandler.ashx?ObjectToDraw=ResourceImage&ResourceId=BmpHolsteinCanada260x76' );
	background-position: 20px center;
	background-repeat: no-repeat;
}

#RowNavigationDiv
{
}

#RowContentDiv
{
	background-color: #F5F5F5;
}

#RowFooterDiv
{
	/*overflow : hidden ; */
	background-color: Transparent;
}

#ContentTable
{
	border-style: none;
	border-width: 0; /*background-color: Blue ;*/
}

.ColumnContentSideWidth
{
	width: 138px;
	min-width: 138px;
	max-width: 138px;
	padding: 6px;
}

.ColumnContentCenterWidth
{
	width: 720px;
	min-width: 720px;
	max-width: 720px;
	padding: 6px;
}

.ColumnOneColumnLayout
{
	width: 984px;
	margin-left: 6px;
	margin-bottom: 6px;
	height: 30px;
}

.ColumnContentLook
{
	padding: 0px; /*background-color: Green ;*/
	vertical-align: top;
}

.BackBlack
{
	background-color: Black;
}

.BackYellow
{
	background-color: Yellow;
}

.BackRed
{
	background-color: Red;
}

.BackWhite
{
	background-color: White;
}

.BackDarkRed
{
	background-color: #BD0C08;
}

.DarkRed
{
	color: #BD0C08;
}


a
{
	cursor: default;
	text-decoration: none;

}

a:hover
{
	cursor: pointer;
	text-decoration: underline;
}


.BordersLeftAndRight
{
	border-left: solid 1px #989898;
	border-right: solid 1px #989898;
	border-top: solid 0px;
	border-bottom: solid 0px;
}

.RoundedPanelSide
{
	padding: 6px;
}

.RoundedPanelCenter
{
	padding: 6px;
}

.RoundedPanel
{
	height: 100%;
}

.PrintTitleHeader
{
	color: #444444;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

h1.Title
{
	color: #BD0C08;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}

.FbContent
{
	color: #444444;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
}

.HerdTrendContent
{
	color: #444444;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	font-size: 11px;
	padding-left : 5px;
	margin: 0px;	
	vertical-align: middle;	
	text-align:center;
}

.FbContentLabel
{
	color: #444444;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	min-height: 16px;
	vertical-align: middle;
}

.FbContentButton
{
	color: #BD0C08;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

.HtmlContent
{
	color: #444444;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
}

select
{
	color: #444444;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	border: Solid , 1px , #444444;
}

option
{
	color: #444444;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	font-size: 11px;
}

a.FbContent:hover
{
	cursor: pointer;
	text-decoration: underline;
	color: #BD0C08; /*color:Red ;*/
}

a.FbContent
{
	color: #BD0C08;
	font-weight: bold;
}


li.FbContent a:hover
{
	cursor: pointer;
	text-decoration: underline;
	color: #BD0C08; /*color:Red ;*/
}

li.FbContent a
{
	color: #BD0C08;
}

.AdRotatorTemplate
{
	background-color: Transparent;
	font-family: Verdana, Arial, Georgia;
	color: #444;
	font-size: 8pt;
	text-decoration: underline;
	text-align:center;	
}

.Border
{
	border-color: #555;
	border-width: 1px;
}

td.FbContent
{
	color: #444444;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	font-size: 11px;
	padding: 2px;
	margin: 0px;
}

.RoundedPanelHeader
{
	color: #BD0C08;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	font-size: 11px;
	font-weight: bold;
}

.DropDownListDefault
{
	color: #444444;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	border: solid 1px #444444;
	width: 100%;
}

.DatePickerDefault
{
	color: #444444;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	border-style: none;
	border-width: 0;
}

.TextBoxDefault
{
	color: #444444;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	font-size: 11px;
	border: solid 1px #444444;
}

.Button
{
	color: White;
	background-color: #BD0C08;
	border-width: 1px;
	border-color: Black;
	border-style: solid;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	font-weight: bold;
	font-size: 11px;
}

.Button:hover
{
	color: White;
	background-color: #BD0C08;
	border-width: 1px;
	border-color: Black;
	border-style: solid;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
}


td.MultiPageCell
{
	padding-top: 10px;
}

.FourteenPixel
{
	font-size: 14px;
}

.ThirteenPixel
{
	font-size: 13px;
}

.TwelvePixel
{
	font-size: 12px;
}

.ElevenPixel
{
	font-size: 11px;
}

.TenPixel
{
	font-size: 10px;
}

.NinePixel
{
	font-size: 9px;
}



.Gray
{
	color: #444444;
}

.White
{
	color: White;
}

.DefaultFont
{
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
}

.BannerFont
{
	font-family: Tahoma , Sans-Serif , Arial , Verdana;
}

.Bold
{
	font-weight: bold;
}

.Link:hover
{
	cursor: pointer;
	text-decoration: underline;
}

.Link
{
	cursor: default;
	text-decoration: none;
}

.DefaultLabel
{
	color: #444444;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	font-size: 11px;
}

h1
{
	color: #444444;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

h2
{
	color: #444444;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

h3
{
	color: #444444;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

tr
{
	width: 100%;
}

td
{
	vertical-align: middle;
}

table.Container
{
	border: none 0;
	table-layout: auto;
	vertical-align: top;
}

table.Container tr
{
	width: 100%;
	vertical-align: top;
	border: none 0;
	padding-bottom: 4px;
}

table.Container td
{
	padding-right: 10px;
	vertical-align: top;
	border: none 0;
}

table.Container th
{
	vertical-align: middle;
	background-color: #BBD7FA;
	height: 20px;
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
}

.Hidden
{
	display: none;
}

.Visible
{
	display: block;
}

.Directions
{
	font-family: Verdana, Sans-Serif , Tahoma , Arial;
	font-size: 11px;
	margin: 2px;
	background-color: #EEEEEE;
}


.DivSide
{
	/*width: 166px ; 	min-width: 166px ; 	max-width: 166px ;*/
	min-height: 556px;
	height: 100%;
}


.DivCenter
{
	/*min-width: 662px ;*/
	min-height: 556px;
	height: 100%; /*margin-left: auto ; 	margin-right: auto ;*/
}


.DivCenter2Column
{
	width: 822px;
	min-width: 822px;
	max-width: 822px;
	min-height: 556px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.PaddingTop3px
{
	padding-top: 3px;
}

.PaddingTop6px
{
	padding-top: 6px;
}

.Hover
{
	cursor: pointer;
	text-decoration: underline;
}

.MenuStaticMenuStyle
{
	background-color: blue;
}

.MenuStaticSelectedStyle
{
}

.MenuStaticMenuItemStyle
{
}

.MenuDynamicHoverStyle
{
	cursor: pointer;
	text-decoration: none;
}

.MenuDynamicMenuStyle
{
}

.MenuDynamicSelectedStyle
{
}

.MenuDynamicMenuItemStyle
{
}

.MenuStaticHoverStyle
{
	cursor: pointer;
	text-decoration: none;
}

.TopCenterPanel
{
	width: 100%;
	border-top: solid 1px #A1A1A1;
	background-color: Blue;
}

.BottomCenterPanel
{
	width: 100%;
	border-bottom: solid 1px #A1A1A1;
}

.BorderLeft
{
	border-left: solid 1px #A1A1A1;
}

.BorderRight
{
	border-right: solid 1px #A1A1A1;
}

.TopLeftRoundedCorner
{
	background-image: url(  '../../../Imaging/HttpHandlers/ImageHandler.ashx?ObjectToDraw=RoundedCorner&Width=11&Height=11&Radius=11&BackColor=Transparent&BorderColor=0xA1A1A1&GradientFillColor1=WhiteSmoke&GradientFillColor2=WhiteSmoke&RectangleCorners=TopLeft&LinearGradientMode=Vertical&ResourceId=None' );
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
}

.TopRightRoundedCorner
{
	background-image: url(  '../../../Imaging/HttpHandlers/ImageHandler.ashx?ObjectToDraw=RoundedCorner&Width=11&Height=11&Radius=11&BackColor=Transparent&BorderColor=0xA1A1A1&GradientFillColor1=WhiteSmoke&GradientFillColor2=WhiteSmoke&RectangleCorners=TopRight&LinearGradientMode=Vertical&ResourceId=None' );
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
}

.BottomLeftRoundedCorner
{
	background-image: url(  '../../../Imaging/HttpHandlers/ImageHandler.ashx?ObjectToDraw=RoundedCorner&Width=11&Height=11&Radius=11&BackColor=Transparent&BorderColor=0xA1A1A1&GradientFillColor1=WhiteSmoke&GradientFillColor2=WhiteSmoke&RectangleCorners=BottomLeft&LinearGradientMode=Vertical&ResourceId=None' );
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
}

.BottomRightRoundedCorner
{
	background-image: url(  '../../../Imaging/HttpHandlers/ImageHandler.ashx?ObjectToDraw=RoundedCorner&Width=11&Height=11&Radius=11&BackColor=Transparent&BorderColor=0xA1A1A1&GradientFillColor1=WhiteSmoke&GradientFillColor2=WhiteSmoke&RectangleCorners=BottomRight&LinearGradientMode=Vertical&ResourceId=None' );
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
}

.BorderLeft
{
	border-left: solid 1px #A1A1A1;
}

.BorderRight
{
	border-right: solid 1px #A1A1A1;
}

.Default2ColumnCenterWidth
{
	width: 816px;
}

.DefaultSideColumnWidth
{
	width: 160px;
}

.VerticalCenter
{
	vertical-align: middle;
}

.VerticalTop
{
	vertical-align: top;
}

.VerticalBottom
{
	vertical-align: bottom;
}

.TextAlignRight
{
	text-align: right;
}

.ExVGCowSearch
{
	position: absolute;
	width: 600px;
	height: 100%;
	margin-top: 0px;
	border-right: 1px solid #A1A1A1;
}

.TopCowListing
{
	position: absolute;
	padding: 0 0 0 610px; /*top right bottom left*/
	margin-top: 0px;
}


#sddm
{
	margin: 0;
	padding: 0;
	z-index: 30;
}

#sddm ul
{
	margin: 0 auto;
	width: 500px;
}

#sddm li
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px verdana;
}

#sddm li a
{
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px; /*width: 70px;*/
	background: #bd0c08;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

#sddm li a:hover
{
	background: #49A3FF;
}

#sddm div
{
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #bd0c08;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

#sddm div a
{
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #bd0c08;
	color: #FFFFFF;
	font: 11px verdana;
	font-weight: bold;
}

#sddm div a:hover
{
	background: #49A3FF;
	color: #FFF;
	text-decoration: underline;
}

.contentTable
{
	width:100%;
	border-width:1px;
	border-color:#5C5C5C;
	border-style:solid;
	padding:2px;
	padding-top:3px;
	padding-bottom:3px;
	vertical-align:middle;
	text-align:left;
}

.contentTableHeader
{
	background-color:#D1E2F9;
	color:#5C5C5C;
	font-weight:bold;
}

.contentTableRow
{
	background-color:#FFFFFF;
}

.contentTableRowAlternate
{
	background-color:#F1F1F1;
}

.gridHideCell
{
    display:none;
}

.ContentImage
{
    margin: 15px;
}