body
{
	font-family:Verdana;
	color:Black;
	background-color:#F5F6E7;
}

.Background
{
	background-color:#F5F6E7;
}

.Button
{
	font-family:Verdana;
	font-size:10pt;
	width:80px;
}

.ApplyInputButton
{
	font-family:Verdana;
	font-size:10pt;
	width:80px;
}

.ButtonGridControl
{
    font-family:Verdana;
	font-size:10pt;
	width:80px;
}

.speciesButton
{
    font-family:Verdana;
	font-size:10pt;
	width:135px;
}

.sharepointViewFilesButton
{
    font-family:Verdana;
	font-size:10pt;
	width:80px;
}

.sharepointUploadFileButton
{
    font-family:Verdana;
	font-size:10pt;
	width:90px;
}

.sharepointUploadImageButton
{
    font-family:Verdana;
	font-size:10pt;
	width:110px;
}

.sharepointGenerateButton
{
    font-family:Verdana;
	font-size:10pt;
	width:80px;
}

.mosIndicatorButton
{
    font-family:Verdana;
	font-size:10pt;
	width:160px;
}

.TextBox
{
	font-family:Verdana;
	font-size:10pt;
	border-style:solid;
	border-color:ActiveBorder;
	border-width:1px;
}



.ErrorMessage
{
	font-family:Verdana;
	font-size:10pt;
	color:Red;
}

.TextArea
{
	font-family:Verdana;
	font-size:10pt;
}

.Disabled
{
	background-color:#DDDDDD;
}

.ReadOnly
{
	background-color:#F5F6E7;
}

.DropDown
{
	font-family:Verdana;
	font-size:10pt;
}

.CheckBoxList
{
	font-family:Verdana;
	font-size:10pt;
}

.CheckBox
{
	font-family:Verdana;
	font-size:10pt;
	font-weight:bold;
}

.ClientCheckBox
{
	font-family:Verdana;
	font-size:10pt;
	font-weight:bold;
}

.CondidentialCheckBox
{
	font-family:Verdana;
	font-size:10pt;
	color:Red;
	font-weight:bold;
}

.menu_item
{
	color: Blue;
	background-color: #F5F6E7;
	font-family:Verdana;
	font-size: 10pt;
	text-decoration:underline;
}

.menu_group
{
	background-color: #006633;
	/* They did not like the gradient look, and preferred a solid colour instead.
     * filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#8852A37E', endColorStr='#ff006633', gradientType='0'); */
	/* This is the gradient used to generate the colours for the non-selected tab image.
	 * filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#88006633', endColorStr='#1152A37E', gradientType='0');*/
	font-family:Verdana;
	font-size: 10pt;
	font-weight: bold;
	color:White;
    cursor:pointer;
    border-bottom: solid 1px #F5F6E7;
}

td#Content
{
	background-color:#F5F6E7;
	height: 239px;
	width:100%;
	vertical-align:top;
	padding-left:5px;
	padding-top:5px;
}

.modalPopupBackground 
{
    background:#CCCCCC;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalProgressGreyBackground 
{
    background:#CCCCCC;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalProgressRedBackground 
{
    background:Red;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalPopup
{
    text-align:center;
    padding-top: 30px; 
    border-style:solid; 
    border-width:1px; 
    background-color:White; 
    width:300px; 
    height:100px;
}

.modalDialogPopup
{
    text-align:center;
    padding: 10px 10px 10px 10px;
    border-style:solid; 
    border-width:1px; 
    background-color:White; 
}

.rowTemplateOuterDiv
{
	position: absolute;
	left: 0px;
	background-color: Transparent;
	width: 1000px;
	height: 700px;
	border-style:none;
	border-width:0px;
	vertical-align:middle;
	text-align:center;
	/*filter: alpha(opacity=50);	*/
}

.rowTemplateInnerDiv
{
	text-align: left; 
	position:relative; 
	background-color:White;
	border-style:ridge;
	border-width:5px;
	border-color:#AAAAAA;
	top:50px;
}

/*td,th,input,select,h1,h2,h3,h4,p,li,ul,span {
	font-family:Verdana;
	font-size:15px;
}*/

.BreadCrumb
{
	font-size:8pt;
	color:White;
	/*  I'm not sure if I like it bold or not.
		font-weight:bold;*/
	vertical-align:middle;
}

.MenuBarGroupBackground
{
	font-family:Verdana;
	background-color: #006633;
	/* They did not like the gradient look, and preferred a solid colour instead.
	 * filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#8852A37E', endColorStr='#ff006633', gradientType='0'); */
	height:20px;
	padding-left:2px;
	font-size: 8pt;
}

.HeaderBackground
{
	/*filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#883b9d4b', endColorStr='#013b9d4b', gradientType='1')	*/
	background-color:#F5F6E7;
}
.HeaderApplicationTitle
{
	font-size:20pt;
	/*font-weight:bold;*/
}
.HeaderModuleTitle
{
	font-size:16pt;
	/*font-weight:bold;*/
}

.ErrorTitle
{
	font-size:12pt;
	color: Red;
	font-family: Verdana;
}

.TextBold
{
	font-size:10pt;
	font-weight:bold;
	font-family: Verdana;
}

.LoginTextBold
{
	font-size:14pt;
	font-weight:bold;
	color:White;
}

.TextUnBold
{
    font-family: Verdana;
	font-size:10pt;
}

.WebGroupBox
{
    font-size:10pt;
	font-weight:bold;
	font-family: Verdana;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: gray;
    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;
}

.GridButton
{
	font-family:Verdana;
	width:80px;
	font-size:10pt;
}

.WebGrid_AddNewBox
{
	font-family:Verdana;
}

.ClientUltraWebGrid
{
	font-family:Verdana;
}

.UWGButton
{
	font-family:Verdana;
	width: 50px;
}

B
{
	font-size:14px;
}

.NoBorder { 
    border-top-width: 0px; 
    border-right-width: 0px; 
    border-bottom-width: 0px;
    border-left-width: 0px; 
}

.ClientRadioButtonList
{
	font-family:Verdana;
	font-size:10pt;
}

.ClientWebDateChooser
{

}

.ClientWebDateTimeEdit
{

}

.ClientWebMaskEdit
{
	
}

.ClientWebNumericEdit
{
	
}

.ClientWebPercentEdit
{
	
}

.HelpLink
{
	font-size:8pt;
	color:White;
	/*  I'm not sure if I like it bold or not.
		font-weight:bold;*/
	vertical-align:middle;
}

.searchControlMapButton
{
    font-family:Verdana;
	font-size:10pt;
	width:80px;
}

#dialogContextMenu {
	position: absolute;
	padding: 3px 5px;
	font-family: "Segoe UI", "MS Sans Serif", sans-serif;
	font-size: 9pt;
	color: MenuText;
	background-color: Menu;
	border: outset 2px ThreeDHighlight;
	border-bottom-color: ThreeDDarkShadow;
	border-right-color: ThreeDLightShadow;
}
.dialogContextMenuItem {
	margin: 2px 0;
	padding: 2px 3px;
	width: 80px;
}

.dialogContextMenuItemSelected {
	background-color: Highlight;
}

/* J. Foster - Dec. 29, 2015 - Squish #18636
 * In IE 11, there are new 'x' buttons to clear text/numeric fields that Helen would like hidden.
 * There are several posts that talk about using the -ms-clear and -ms-reveal classes to hide them.
 * However, there is a bug/feature in IE11 where it doesn't look at these css classes if you're in compatibility mode.
 * Leaving this around in case that bug/feature gets fixed. */
input::-ms-clear { width : 0; height: 0; display: none;} 
input::-ms-reveal { width : 0; height: 0; }

/* J. Foster - Oct. 22, 2014 - Squish #18573
 * Preliminary attempt to create a modal progress window with a glass barrier behind it. 
 * Rolling back changes for now, but may re-visit in future.
.modalWrapper { top: 50%; left: 50%; position: absolute; width: 450px; margin-left: -200px; 
z-index: 995;
	background-color:#F5F6E7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0, 0.5);
	-moz-box-shadow:    0px 0px 8px rgba(0,0,0, 0.5);
	box-shadow:         0px 0px 8px rgba(0,0,0, 0.5); }
.modal { text-align: center; padding: 20px; font-size: 14px; line-height: 1.5;}
.modal .title { padding: 10px 20px; }

#fade        { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; z-index: 990; }
*/

/*------ MODAL Popups (E.g. Announcements, Select Lineage) ------*/	
/*------ Main Body of any Modal Popups ------*/	
.modalWrapper { background: #F5F6E7; }

/*------ Header of any Modal Popups ------*/	
.modal .title, .modal .title h2 
{ 
    color: #FFFFFF;
    background: #006633; 
}

/*------ Panels on Main Page ------*/
.panelHeader
{
    background-color: #006633;
    color: #F5F6E7;
    padding: 5px;
}

.modalFade { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; z-index: 990; }

.modalWrapper { top: 15%; left: 50%; position: absolute; width: 500px; margin-left: -250px; 
z-index: 995;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0, 0.5);
	-moz-box-shadow:    0px 0px 8px rgba(0,0,0, 0.5);
	box-shadow:         0px 0px 8px rgba(0,0,0, 0.5); }

.modal { }
.modal .btnClose { position: static; top: 2px; right: 2px; }
.modal .title { padding: 6px 10px; }
.modal .article { padding: 20px; font-size: 14px; line-height: 2.5; text-align: center; }
.modal .section { margin-bottom: 20px; text-align: left; } 

#loginDetailsTable 
{ 
    background:url('images/CREP_logo_Background.jpg'); background-repeat: no-repeat; 
    /*border-right: gray thin inset; border-top: gray thin inset; border-left: gray thin inset; border-bottom: gray thin inset;*/
}

.padtop
{
    padding-top: 2px;
}

.padleft
{
    padding-left: 10px;
}

.padright
{
    padding-right: 10px;
}

.padbottom
{
    padding-bottom: 125px;
}

#orgLogoImage
{
    margin-left: 38px;
}