﻿html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, hr
{
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th
{
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}
ul, ol
{
	list-style: none;
}
fieldset, img, hr
{
	border: none;
}
caption, th
{
	text-align: left;
}
table
{
	/* border-collapse: collapse; */
	border-spacing: 0;
}

td
{
	vertical-align: top;	
}

body
{
	background-color: Gray;
	text-align: left;
	height: 100%;
	width: 100%;
	font-family: Trebuchet MS;
	font-size: 10pt;
}

h1
{
	font-family: Trebuchet MS;
	font-style: italic;
	color: #343434;
	font-size: 14pt;
	margin: 2px 0px 5px 0px;
	padding: 0px 0px 0px 2px;
}

h2
{
	text-align: left;
	background-color: #336699;
	font-family: Trebuchet;
	font-size: 10pt;
	color: White;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 2px;
	border-bottom: solid 2px #D2D5C5;
	width: 100%;
}

h2.modal
{
	width: 696px;
	text-align: left;
	background-color: #336699;
	font-family: Trebuchet;
	font-size: 10pt;
	color: White;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 2px;
	border-bottom: solid 2px #D2D5C5;
}

h2.OpsForm
{
	text-align: center;
	background-color: #5A5A5A;
	font-family: Trebuchet;
	font-size: 10pt;
	color: #FFFFFF;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 2px;
	border-bottom: solid 2px #D2D5C5;
	width: 100%;
}

h3
{
	width: 100%;
	vertical-align: middle;
	background-color: #A3B3C2;
	text-align: left;
	font-family: Trebuchet;
	font-size: 10pt;
	color: white;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-bottom: solid 2px #D2D5C5;
}
h4
{
	font-family: Trebuchet MS;
	font-style: italic;
	font-weight: bold;
	color: #343434;
	font-size: 1.05em;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 2px;
}


a
{
	font-size: small;
	font-family: Arial;
	color: #585858;
}

th.ContentTable
{
	font-size: 10pt;
	background-color: #5A5A5A;
	color: #FFFFFF;
	text-align: center;
}

.Instructions
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	font-style: normal;
	color: #343434;
	text-decoration: none;
}

.labelbold
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	font-style: normal;
	color: #343434;
	text-decoration: none;
}

.labelItalic
{
	font-weight: normal;
	font-size: 7pt;
	color: #343434;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.label
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	font-style: normal;
	color: #003300;
	text-decoration: none;
}

.OPSMenuText
{
	font-weight: normal;
	font-size: 10pt;
	color: #343434;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

td.OPSMenu
{
	background-color: #5A5A5A;
	border-right: 1px solid;
}


.pageheading
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #343434;
}

.loginTitle
{
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #2E6B98;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}


.buttonStyle
{
	width: 130px;
}

.modalBackground
{
    background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.modalPopup
{
	background-color: #FFFFFF;
	border-width: 2px;
	border-style: solid;
	border-color: Black;
	padding: 5px;
	width: 700px;
	position: relative;
	overflow: auto;
}

.modalPopupWide
{
	background-color: #FFFFFF;
	border-width: 2px;
	border-style: solid;
	border-color: Black;
	padding: 5px;
	width: 800px;
	position: relative;
	overflow: auto;
}

.PleaseWaitStyle
{
	background-color: White;
	border-width: 2px;
	border-style: solid;
	border-color: Black;
	padding: 5px;
	width: 200px;
	height: 100px;
	position: fixed;
}

input.buttonFixedWidth
{
	min-width: 80px;
	padding: 0px 10px 0px 10px;
}

input.externalbutton
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	min-width: 80px;
	padding: 1px 5px 1px 5px;
}

input.actionBar
{
	font-family: Trebuchet MS,arial;
	margin-right: 2px;
	min-width: 90px;
}

div.actionBar
{
	padding: 2px 2px 2px 2px;
	width: 100%;
	float: left;
}

div.PageAlertMessage
{
	background-color: transparent;
	font-family: arial;
	font-style: italic;
	font-size: 8pt;
	font-weight: bold;
	color: Red;
	text-align: Left;
	vertical-align: bottom;
}

div.AnimalTestVaccinFormTable
{
	font-family: Arial;
	font-size: 11px;
	width: 200px;
	float: left;
	border: 1px solid #A3B3C2;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

div.opsInputFormGroupWoutBackcolor
{
	font-family: Trebuchet MS;
	width: 100%;
	float: left;
	margin-top: 5px;
}

div.opsInputFormGroupWithBorder
{
	font-family: Trebuchet MS;
	width: 100%;
	float: left;
	margin-top: 5px;
	border: 1px solid #CFCFCF;
}

div.opsInputFormGroup
{
	font-family: Trebuchet MS;
	width: 100%;
	float: left;
	margin-top: 0px;
}

div.OPSInputFormItem
{
	font-family: Trebuchet MS;
	width: 225px;
	height: 45px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.OPSinputFormItemSmall
{
	font-family: Trebuchet MS;
	width: 285px;
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.OPSinputFormItemSmallheightWide
{
	font-family: Trebuchet MS;
	width: 460px;
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.OPSinputFormItemTall
{
	font-family: Trebuchet MS;
	width: 285px;
	height: 80px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.OPSEXTinputFormGroup
{
	font-family: Trebuchet MS;
	width: 920px;
	float: left;
	margin-top: 5px;
	border: 1px solid #CFCFCF;
}

div.OPSActionBar
{
	background-color: #D2D5C5;
	font-family: arial;
	font-size: small;
	color: Black;
	margin-top: 30px;
	margin-bottom: 0px;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	padding: 2px 2px 2px 2px;
	width: inherit;
	float: left;
}

div.inputFormGroup
{
	font-family: Trebuchet MS;
	width: 920px;
	float: left;
	margin-top: 5px;
}
div.inputFormItem
{
	font-family: Trebuchet MS;
	width: 285px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.inputFormItemTall
{
	font-family: Trebuchet MS;
	width: 285px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.inputFormItemNoWidth
{
	font-family: Trebuchet MS;
	height: 45px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.inputFormItemNoWidthTall
{
	font-family: Trebuchet MS;
	height: 60px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.inputFormItemNoWidthRightMargin
{
	font-family: Trebuchet MS;
	height: 45px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 2px;
	float: left;
}

div.inputFormItemNarrow
{
	font-family: Trebuchet MS;
	width: 200px;
	height: 45px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.inputFormItemNarrowWidthSmall
{
	font-family: Trebuchet MS;
	width: 160px;
	height: 45px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.inputFormItemNarrowTall
{
	font-family: Trebuchet MS;
	width: 200px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.inputFormItemMedium
{
	font-family: Trebuchet MS;
	width: 400px;
	height: 45px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.inputFormItemMediumWideNoHeight
{
	font-family: Trebuchet MS;
	width: 600px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.inputFormItemMediumTall
{
	font-family: Trebuchet MS;
	width: 500px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.inputFormItemWide
{
	font-family: Trebuchet MS;
	width: 801px;
	height: 45px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}


div.inputFormItemWideMultiLine
{
	font-family: Trebuchet MS;
	width: 801px;
	height: 69px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.inputFormItemWideMultiLineTall
{
	font-family: Trebuchet MS;
	width: 801px;
	height: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.inputFormItemWideMultiLineNoHeight
{
	font-family: Trebuchet MS;
	width: 801px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.caption
{
	font-family: arial;
	font-style: italic;
	font-size: .90em;
	color: #2E6B98;
}

div.modalInputFormGroup
{
	font-family: Trebuchet MS;
	width: 700px;
	float: left;
}

div.modalInputFormItemNarrow
{
	font-family: Trebuchet MS;
	width: 150px;
	height: 45px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.modalActionBar
{
	background-color: #D2D5C5;
	font-family: arial;
	font-size: small;
	color: Black;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	padding: 2px 2px 2px 2px;
	width: 696px;
	float: left;
}

label.modalHeader, span.modalHeader
{
	width: 698px;
	font-family: Trebuchet MS;
	font-style: italic;
	color: black;
	font-size: 14pt;
	margin: 2px 0px 5px 0px;
	padding: 0px 0px 0px 2px;
	border-bottom: solid 2px black;
	border-bottom-color: #D2D5C5;
	float: left;
}

.validationIndicator
{
	font-weight: bold;
	font-size: 9pt;
	color: red;
	font-family: Arial, 'Microsoft Sans Serif' , Verdana;
	text-decoration: none;
}

.validationSummary
{
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}



.ListSearchExtenderPrompt
{
	font-size: small;
	font-style: italic;
	color: Black;
	background-color: #C2D1E0;
}

.Grid
{
	border: solid 1px #000000;
	width: 100%;
}

.Grid span
{
	font-size: 11px;
	font-family: arial;
	font-weight: normal;
	font-style: normal;
	color: Black;
}

.Grid Caption
{
	font-family: arial;
	font-style: italic;
	font-size: .75em;
	color: #2E6B98;
}

.Grid td, .Grid label, .Grid a, .Grid tr
{
	margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	color: Black;
	font-size: 11px;
	border: inherit;
	vertical-align: top;
}

.GridHeader
{
	font-weight: normal;
	background-color: #A3B3C2;
	border: transparent;
	text-align: center;
	font-size: small;
}

.SubGridHeader
{
	font-weight: normal;
	background-color: Transparent;
	border: transparent;
	text-align: left;
	font-size: small;
}

.SubGridHeader th
{
	font-style: normal;
	font-weight: bold;
	font-size: small;
}

.GridHeader a
{
	color: #565656;
	font-size: 12px;
	border: transparent;
}

.GridHeader span
{
	color: #ffffff;
}

.GridItem
{
	background-color: #FFFFFF;
	border: solid 1px #FFFFFF;
}

.GridAltItem
{
	background-color: #F0F0F0;
	border: solid 1px #FFFFFF;
}

.GoogleAddressBubble
{
	background-color: Transparent;
	text-align: left;
	font-family: Arial;
	font-size: small;
	font-style: italic;
	font-weight: normal;
	color: #2E6B98;
	display: block;
	width: 300px;
}

.collapsiblePanelHeader
{
	border: 1px solid #2F4F4F;
	background-color: #2E6B98;
	font-family: Arial, Sans-Serif;
	font-size: small;
	font-weight: bold;
	padding: 3px;
	cursor: pointer;
	vertical-align: middle;
}

.collapsePanel
{
	height: 0px;
	overflow: hidden;
}


/* default layout */
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* xp theme */
.ajax__tab_xp .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-line.gif")%>) repeat-x bottom;}
.ajax__tab_xp .ajax__tab_outer {padding-right:4px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) no-repeat right;height:21px;}
.ajax__tab_xp .ajax__tab_inner {padding-left:3px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-right.gif")%>) no-repeat right;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-right.gif")%>) no-repeat right;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_body {float: left;font-family: verdana,tahoma,helvetica;font-size: 10pt;border: 1px solid #999999;border-top: 0;padding: 8px;background-color: #ffffff;}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

