/* ------------ CANADIAN DAIRY NETWORK -------------- */
/* --------------- Screen Stylesheet ---------------- */

/* --- Detail Page Styles --- */
@import url(animal.css);

/* --- Common Styles --- */
body {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-align: left;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}
form {
	margin: 0;
	padding: 0;
}
input, textarea, select {
	font-size: 11px;
	color: #000;
}
table {
	padding: 0;
	margin: 0;
	border: 0;
}
.ClearFloat {
	clear: both;
}

/* --- HIDE PRINT AREAS --- */
#PrintHeader, #PrintFooter {
	display: none;
}

/* --- SPLASH PAGE --- */
#SplashContainer { /* vertically and horizontally centered */
	left: 50%;
	top: 50%;
	width: 496px;
	height: 142px;
	margin: 0 auto;
	position: absolute;
	margin-left: -248px; /* half of width */
	margin-top: -71px;  /* half of height */
}
#SplashEnglish {
	width: 147px;
	float: left;
	margin: 48px 0 49px 0;
}
#SplashLogo {
	width: 207px;
	height: 142px;
	float: left;
}
#SplashFrench {
	width: 142px;
	float: left;
	margin: 48px 0 49px 0;
}	

/* --- PAGE STRUCTURE --- */
#PageContainer {
	width: 770px;
}
#HeaderArea {
	width: 70em;
	height: 71px;
}
#BodyArea {
	width: 70em;
	background: #FFF url(../images/bg_vmenu.gif) repeat-y left top;
	margin: 0;
	padding: 0;
	vertical-align: top;
	clear: both;
}
#FooterArea {
	width: 770px;
	margin: 0;
	margin-bottom: 3px;
	padding-top: 6px;
	border-top: 1px solid #CCC;
}

/* --- HEADER --- */
#HeaderLogo {
	width: 359px;
	height: 71px;
	float: left;
}
#Date {
	height: 20px;
	float: right;
}
.DateText {
	line-height: 17px;
	font-size: 9px;
	color: #55585B;
	text-align: right;
}
.DateText a:link { color: #585857; text-decoration: none; }
.DateText a:visited { color: #585857; text-decoration: none; }
.DateText a:hover { color: #B80013; text-decoration: underline; }
.DateText a:active { color: #B80013; text-decoration: underline; }

/* --- HORIZONTAL MENU --- */
#HorizMenu {
	width: 69.7em;
	height: 1.9em;
	background: #E3E4E6 url(../images/bg_hmenu.gif) repeat-x top left;
	border: 1px solid #CBCBCD;
	padding: 0;
}
.HMenu {
	line-height: 21px;
	font-size: 11px;
	font-weight: bold;
	color: #55585B;
	list-style: none;
	margin: 0;
	padding: 0;
}
.HMenu a:link { color: #55585B; text-decoration: none; }
.HMenu a:visited { color: #55585B; text-decoration: none; }
.HMenu a:hover { color: #B80013; text-decoration: underline; }
.HMenu a:active { color: #B80013; text-decoration: underline; }
.HMenu li {
	float: left;
	border-right: 1px solid #A2A4A7;
	padding: 0 9px;
}
li.HMenuFirst {
	padding: 0;
	width: 119px;
}
.HMenuFr {
	line-height: 21px;
	font-size: 10px;
	font-weight: bold;
	color: #55585B;
	list-style: none;
	margin: 0;
	padding: 0;
}
.HMenuFr a:link { color: #55585B; text-decoration: none; }
.HMenuFr a:visited { color: #55585B; text-decoration: none; }
.HMenuFr a:hover { color: #B80013; text-decoration: underline; }
.HMenuFr a:active { color: #B80013; text-decoration: underline; }
.HMenuFr li {
	float: left;
	border-right: 1px solid #A2A4A7;
	padding: 0 7px;
}
.HMenuFr li.HMenuFirst {
	padding: 0;
	width: 119px;
}

/* --- HORIZONTAL MENU DROP DOWNS --- */
#HSubMenu, #HSubMenu2 {
	display: block;
	position: absolute;
	visibility: hidden;
	z-index: 7;
}
#HSubMenu {
	left: 176px;
	top: 93px;
}
#HSubMenu2 {
	left: 95px;
	top: 22px;
}
#HSubMenu table, #HSubMenu2 table {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #A2A4A8;
	background: #FFF;
}
#HSubMenu td, #HSubMenu2 td {
	border: 1px solid #A2A4A8;
	border-top: none;
	float: none;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
}
#HSubMenu a, #HSubMenu2 a {
	display: block;
	height: 21px;
	width: 76px;
	padding: 0 9px;
	background: #FFF;
}
#HSubMenu a:hover, #HSubMenu2 a:hover {
	background: #DDDEE1;
}
#SubMenuOver {
	position: absolute;
	z-index: 6;
	visibility: hidden;
	top: 93px;
	left: 140px;
}

/* --- SIGN IN --- */
#SignInArea {
	position: absolute;
	top: 1.5em;
	left: 47.4em;
	width: 21.4em;
	height: 6.1em;
	border: 1px solid #9C9EA0;
	background: #BEBFC3 url(../images/bg_signin.jpg) repeat-y top left;
	padding: 4px 6px;
	z-index: 7;
}
#SignedIn {
	position: absolute;
	top: 33px;
	left: 48.3em;
	width: 236px;
	height: 30px;
	z-index: 7;
	text-align: right;
}
#SaveOptions {
	position: relative;
	left: -10em;
	top: -1em;
	z-index: 8;
	display: none;
}

#SignInArea table, td {
	margin: 0;
	padding: 0;
}
.SignInField {
	width: 89px;
	font-size: 9px;
}
.SignInLabels {
	font-size: 10px;
	font-weight: bold;
	color: #585857;
}
.SignInLinks{
	font-size: 10px;
	color: #55585B;
}
.SignInLinks a:link { color: #55585B; text-decoration: underline; }
.SignInLinks a:visited { color: #55585B; text-decoration: underline; }
.SignInLinks a:hover { color: #B80013; text-decoration: none; }
.SignInLinks a:active { color: #B80013; text-decoration: none; }
.SignInText {
	font-size: 10px;
	color: #55585B;
}
.SignInText p {
	padding: 3px 0;
	margin: 0;
}
.SignInText a:link { color: #55585B; text-decoration: underline; }
.SignInText a:visited { color: #55585B; text-decoration: underline; }
.SignInText a:hover { color: #B80013; text-decoration: none; }
.SignInText a:active { color: #B80013; text-decoration: none; }
.SignOut {
	text-align: right;
}
.SignInButton {
	background: #FFF;
	border: 1px solid #B80013;
	color: #B80013;
	font-weight: bold;
}
.SignInError {
	color: #B80013;
	font-weight: bold;
}

/* --- BODY AREA --- */

#VertMenu {
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: 120px;
}
#ContentArea {
	width: 639px;
	text-align: left;
	vertical-align: top;
	padding: 10px 0 10px 10px;
	margin: 0;
	background-color: #FFF;
}

/* --- HOME PAGE --- */
#ContentAreaIndex {
	width: 639px;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	padding-bottom: 6px;
	padding-left: 10px;
	background-color: none;
}
#WelcomeArea {
	/*width: 380px;*/
	padding: 10px 9px 0 0;
	background: url(../images/bg_welcomedivide.jpg) no-repeat right center;
}
.WelcomeText {
	font-size: 11px;
	color: #55585B;
	text-align: justify;
}
.WelcomeText a:link { color: #B80013; text-decoration: underline; }
.WelcomeText a:visited { color: #B80013; text-decoration: underline; }
.WelcomeText a:hover { color: #000; text-decoration: none; }
.WelcomeText a:active { color: #000; text-decoration: none; }
.WelcomeText p {
	margin: 8px 0;
}
.WelcomeText div {
	margin: 0;
}
#QuicklinksArea {
	width: 250px;
	padding: 0 0 0 5px;
	vertical-align: middle;
}
#QuickLinksArea p {
	margin: 0;
	padding: 0;
}
#NewsArea {
	margin-top: 5px;
}
#NewsTitle {
	width: 309px;
	margin: 0;
	padding: 0;
	background: url(../images/bg_news.gif) repeat-x top left;
	border: 1px solid #BDBDBF;
}
.NewsText {
	width: 309px;
	font-size: 10px;
	color: #55585B;
	padding: 0 10px;
	border: 1px solid #BDBDBF;
	border-top: none;
}
.NewsText p {
	margin: 9px 0;
	padding: 0;
}
.NewsText a:link {
	font-size: 11px;
	font-weight: bold;
	color: #55585B;
	text-decoration: none;
}
.NewsText a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #55585B;
	text-decoration: none;
}
.NewsText a:hover {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
.NewsText a:active {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
#RKDLink {
	position: absolute;
	font-size: 9px;
	color: #7C7C7C;
	z-index: 4;
	margin-top: 6px;
	margin-left: 10px;
}
#RKDLink a:link { color: #7C7C7C; text-decoration: none; }
#RKDLink a:visited { color: #7C7C7C; text-decoration: none; }
#RKDLink a:hover { color: #000; text-decoration: none; }
#RKDLink a:active { color: #000; text-decoration: none; }

/* --- VERTICAL MENU --- */
#VMenu {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 120px;
}
#VMenu li {
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #C9C9CC;
}
.VertMenu {
	font-size: 11px;
	font-weight: bold;
	color: #B80013;
	text-indent: -20px;
	voice-family: "\"}\""; 
    voice-family:inherit;
	text-indent: 0;
}
.VertMenu a:link { color: #B80013; text-decoration: none; }
.VertMenu a:visited { color: #B80013; text-decoration: none; }
.VertMenu a:hover { color: #000; text-decoration: underline; }
.VertMenu a:active { color: #000; text-decoration: underline; }
#VMenu ul {
	list-style: none;
	list-style-image: none;
	background: #EAEAEC;
	margin: 0;
	padding: 0;
	border-left: 1px solid #DBDBDD;
	border-bottom: 1px solid #DBDBDD;
	/*display: none;*/
}
#VMenu ul li {
	margin: 0;
	padding: 5px 0 2px 0;
	border-top: 1px solid #DBDBDD;
	border-bottom: none;
	padding-left: 26px;
	voice-family: "\"}\""; 
    voice-family:inherit;
	padding-left: 10px;
}
.VertSubMenu {
	font-size: 11px;
	font-weight: bold;
	color: #55585B;
}
.VertSubMenu a:link { color: #55585B; text-decoration: none; }
.VertSubMenu a:visited { color: #55585B; text-decoration: none; }
.VertSubMenu a:hover { color: #000; text-decoration: underline; }
.VertSubMenu a:active { color: #000; text-decoration: underline; }
.VMenuSelect {
	background: #B80013;
	color: #FFF;
}
.VMenuSelect a:link { background: #B80013; color: #FFF; }
.VMenuSelect a:visited { background: #B80013; color: #FFF; }
.VMenuSelect a:hover { background: #B80013; color: #000;}
.VMenuSelect a:active { background: #B80013; color: #000; }
.Arrow {
	background: url(../images/vmenu-arrow.gif) no-repeat 110px 10px;
}
.ArrowMid {
	background: url(../images/vmenu-arrow.gif) no-repeat 110px 15px;
}

/* --- FOOTER AREA --- */
#FooterArea p {
	margin: 0;
}
.FooterText {
	font-size: 9px;
	color: #585857;
	text-align: right;
}
.FooterText a:link { color: #585857; text-decoration: none; }
.FooterText a:visited { color: #585857; text-decoration: none; }
.FooterText a:hover { color: #B80013; text-decoration: underline; }
.FooterText a:active { color: #B80013; text-decoration: underline; }

/* --- CONTENT STYLES --- */
.ContentText {
	font-size: 11px;
	color: #333;
	vertical-align: top;
}
.ContentText a:link { color: #B80013; text-decoration: underline; }
.ContentText a:visited { color: #B80013; text-decoration: underline; }
.ContentText a:hover { color: #585857; text-decoration: none; }
.ContentText a:active { color: #585857; text-decoration: none; }
.ContentText strong {
	font-weight: bold;
	color: #585857;
}
.ContentText p, .ContentText ol {
	line-height: 18px;
}
.PageTitle {
	font-size: 20px;
	font-weight: bold;
	color: #B80013;
	font-style: oblique;
	letter-spacing: -1px;
}
.SubTitle {
	font-size: 14px;
	font-weight: bold;
	color: #585857;
}
hr {
	color: #BDBDBF;
	background-color: #BDBDBF;
	height: 1px;
	width: 95%;
	border: 0;
}
ul {
	list-style-image: url(../images/bullet_list.gif);
	line-height: 15px;
}
ul.Sitemap {
	list-style-image: none;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}
.Sitemap a:link { color: #B80013; text-decoration: underline; }
.Sitemap a:visited { color: #B80013; text-decoration: underline; }
.Sitemap a:hover { color: #666; text-decoration: none; }
.Sitemap a:active { color: #666; text-decoration: none; }
ul.Sitemap ul {
	list-style-image: none;
	list-style: none;
	font-size: 11px;
}
.Sitemap ul a:link { color: #585857; text-decoration: underline; }
.Sitemap ul a:visited { color: #585857; text-decoration: underline; }
.Sitemap ul a:hover { color: #000; text-decoration: none; }
.Sitemap ul a:active { color: #000; text-decoration: none; }
.Calendar {
	font-size: 10px;
	color: #55585B;
}
.Calendar p {
	margin: 9px 0;
	padding: 0;
}
.CalendarEventTitle {
	font-size: 11px;
	font-weight: bold;
	color: #55585B;
}
.Calendar a:link {
	color: #55585B;
	text-decoration: underline;
}
.Calendar a:visited {
	color: #55585B;
	text-decoration: underline;
}
.Calendar a:hover {
	color: #000;
	text-decoration: none;
}
.Calendar a:active {
	color: #000;
	text-decoration: none;
}
.TableStyle td {
	padding: 4px;
	border: none;
	border-right: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	font-size: 11px;
	text-align: left;
	vertical-align: top;
}
.SimpleTable td {
	padding: 4px;
	border: none;
	font-size: 11px;
	text-align: left;
}
td.TableTitle {
	background: gray;
	border: solid 1px black;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 4px;
}
.Note {
	font-style: italic;
}


/* DEFAULT TAB STYLES */
.tab {
	font-family: Veranda,arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	background-color: #CCCDD0;
	margin-right: 2px;
}
.tab TD {
	padding: 2px;
	padding-left: 6px;
}
.tab_on {
	font-family: Veranda,arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: #B80013;
	margin-right: 2px;
}
.tab_on TD {
	padding: 2px;
	padding-left: 6px;
}
.tab_hover {
	font-family: Veranda,arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: #AD9785;
	margin-right: 2px;
}
.tab_hover TD {
	padding: 2px;
	padding-left: 6px;
}
.tab a:link {
	text-decoration: none;
	color: #333;
}
.tab a:visited {
	text-decoration: none;
	color: #333;
}
.tab_on a:link {
	text-decoration: none;
	color: #ffffff;
}
.tab_on a:visited {
	text-decoration: none;
	color: #ffffff;
}
.tab_hover a:link {
	text-decoration: none;
	color: #ffffff;
}
.tab_hover a:visited {
	text-decoration: none;
	color: #ffffff;
}
.tab_hover a:hover {
	text-decoration: none;
	color: #ffffff;
}
.tab_bar {
	width: 100%;
	margin-bottom: 1px;
}
.tab_bar_baseline {
	width: 100%;
	border-bottom: solid 1px #BBB;
	margin-bottom: 10px;
}




/* ANIMAL TAB STYLES */
.tab_animal {
	font-family: Veranda,arial,sans-serif;
	font-size: 11px;
	color: #333;
	background-color: #CCCDD0;
	margin-right: 2px;
}
.tab_animal TD {
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 10px;
}
.tab_animal_on {
	font-family: Veranda,arial,sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #B80013;
	margin-right: 2px;
}
.tab_animal_on TD {
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 10px;
}
.tab_animal_hover {
	font-family: Veranda,arial,sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #AD9785;
	margin-right: 2px;
}
.tab_animal_hover TD {
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 10px;
}
.tab_animal a:link {
	text-decoration: none;
	color: #333;
}
.tab_animal a:visited {
	text-decoration: none;
	color: #333;
}
.tab_animal_on a:link {
	text-decoration: none;
	color: #ffffff;
}
.tab_animal_on a:visited {
	text-decoration: none;
	color: #ffffff;
}
.tab_animal_hover a:link {
	text-decoration: none;
	color: #ffffff;
}
.tab_animal_hover a:visited {
	text-decoration: none;
	color: #ffffff;
}
.tab_animal_hover a:hover {
	text-decoration: none;
	color: #ffffff;
}
.tab_animal_bar {
	width: 100%;
	margin-bottom: 1px;
}
.tab_animal_bar_baseline {
	width: 100%;
	border-bottom: solid 1px #BBB;
	margin-bottom: 10px;
}


/* ANIMAL LIST STYLES */
.list_table {
	width: 100%;
	border-collapse: collapse;
}

.list_col_head {
	border: solid 1px white;
	vertical-align: bottom;
	padding: 1px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.list_col_head a:link {
	color: #222;
	text-decoration: none;
}
.list_col_head a:visited {
	color: #222;
	text-decoration: none;
}

.list_col_head_sortable {
	border: solid 1px white;
	vertical-align: bottom;
	padding: 1px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: hand;
}
.list_col_head_sortable a:link {
	color: #222;
	text-decoration: none;
}
.list_col_head_sortable a:visited {
	color: #222;
	text-decoration: none;
}

.list_col_head_selected {
	border: solid 1px white;
	background-color: #B80013;
	vertical-align: bottom;
	padding: 1px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.list_col_head_selected a:link {
	color: white;
	text-decoration: none;
}
.list_col_head_selected a:visited {
	color: white;
	text-decoration: none;
}
.list_col_head_selected a:hover {
	color: white;
	text-decoration: none;
}






.list_col_head_sort {
	border: solid 1px white;
	background-color: #B80013;
	vertical-align: bottom;
	padding: 1px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.list_col_head_sort a:link {
	color: white;
	text-decoration: none;
}
.list_col_head_sort a:visited {
	color: white;
	text-decoration: none;
}
.list_col_head_sort a:hover {
	color: white;
	text-decoration: none;
}
.list_col_cell {
	border: solid 1px #CCCDD0;
	text-align: center;
	padding: 1px;
}
.list_col_cell a:link { color: #B80013; text-decoration: underline; }
.list_col_cell a:visited { color: #B80013; text-decoration: underline; }
.list_col_cell a:hover { color: #000; text-decoration: none; }
.list_col_cell a:active { color: #000; text-decoration: none; }
.list_col_cell_alt {
	border: solid 1px #CCCDD0;
	text-align: center;
	padding: 1px;
	background-color: #F5EBD5;
}
.list_col_cell_alt a:link { color: #B80013; text-decoration: underline; }
.list_col_cell_alt a:visited { color: #B80013; text-decoration: underline; }
.list_col_cell_alt a:hover { color: #000; text-decoration: none; }
.list_col_cell_alt a:active { color: #000; text-decoration: none; }
.list_col_cell_sort {
	border: solid 1px #CCCDD0;
	text-align: center;
	padding: 1px;
	background-color: #B80013;
	color: white;
}
.list_col_cell_sort a:link { color: #FFF; text-decoration: underline; }
.list_col_cell_sort a:visited { color: #FFF; text-decoration: underline; }
.list_col_cell_sort a:hover { color: #000; text-decoration: none; }
.list_col_cell_sort a:active { color: #000; text-decoration: none; }
.list_col_cell_summary {
	border: solid 1px #CCCDD0;
	padding: 1px;
	text-indent: 20px;
}
.list_col_cell_summary a:link { color: #B80013; text-decoration: underline; }
.list_col_cell_summary a:visited { color: #B80013; text-decoration: underline; }
.list_col_cell_summary a:hover { color: #000; text-decoration: none; }
.list_col_cell_summary a:active { color: #000; text-decoration: none; }
.list_head {
	font-family: Tahoma, sans-serif;
	background-color: #CCCDD0;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	line-height: 11px;
	text-align: center;
}
.list_row {
	font-family: arial, sans-serif;
	font-size: 9px;
	line-height: 10px;
	color: black;
}
.list_row_alt {
	font-family: arial, sans-serif;
	background-color: #F5EBD5;
	font-size: 9px;
	line-height: 10px;
	color: black;
}
.summary {
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	text-align: right;
}

/* #CACDD1	*/
.PageError {
	color: #900;
	text-align: center;
	margin: 20px;
}

/* Genetic Evaluations */
.SelectProofYear { width: 78px; }
.SelectProofMonth { width: 120px; }
.GeneticEvalTable td {
	padding: 3px;
	text-align: center;
	vertical-align: center;
	border-right: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	font-size: 11px;
}
td.TableLabelsLeft { text-align: left; }
td.TableSubLabels { text-align: left; padding-left: 25px; }

/* --- For Animal Manager Pages --- */
.pedEdit {
	border: medium solid rgb(0, 255, 255);
	visibility: hidden;
}
.pedShow {
	border: thin dashed rgb(180, 180, 180);
}
.pedShowDisabled {
	border: thin solid rgb(0, 0, 255);
}

/* July 15th Edits - Gianni */

h2 {
	color: #b80013; 
	font-size: 20px;
	margin: 0;
	padding: 0;
}

#QuicklinksAreaUser {
	width: 250px;
	padding: 0 0 0 5px;
	background: url(../images/bg_welcomedivide.jpg) no-repeat left top;
}

h3 {
	color: #b80013;
	font-size: 12px;
	margin: 10px 0 0 0;
	*margin-bottom: -15px;
}