#Title
{
	background-color: #A80044 !important;
}

#AppBtn
{
	background-color: #90003A !important;
}

input.btn
{
	background-color: #D20E5D !important; 
}

#SearchToolbar
{
	float: right;
}

#SearchBar
{
	height: 55px;	
	padding-left: 20px;
	background-color: #A80044;
}

#SearchBar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
}

#SearchBar ul li {
	float: left;
	padding-right: 20px;
}

#SearchBar ul li a {
	font-family: "COpenSans";
	font-size: 16pt;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 48px;
}

div.Result
{
	position: fixed; 
	top: 217px;
	left: 13px; 
	right: 13px;
	bottom: 40px;
	overflow: scroll; 
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	z-index: 2;
}

#GridNavigation
{
	position: fixed;
	bottom: 0px;
	height: 40px;
	width: 100%;
	text-align: right;
	line-height: 40px;
	font-family : "COpenSans";
  color : #737272;
  font-size : 14pt;
}

a.Nav:Link, a.Nav:Visited, a.Nav:Active 
{
  font-family : "COpenSans";
  color : #737272;
  font-size : 14pt;
  font-style : normal;
  font-weight : normal;
  text-decoration: none;
}

a.Nav:Hover 
{
  font-family : "COpenSans";
  color : #666666;
  font-size : 14pt;
  font-style : normal;
  font-weight : normal;
  text-decoration: none;
}

b.NavSel 
{
  font-family : "COpenSans";
  color : #737272;
  font-size : 14pt;
  font-style : normal;
  font-weight : bold;
}

/* Normal Grid */
#Grid
{
	margin: 20px;
}

table.Grid
{
	border: 1px solid #CCCCCC;
	padding: 15px;
}

tr.GridHeaderLine th
{
	font-family: "COpenSans";
	font-size: 14pt;
	font-weight: bold;
	color: #595858;
}

b.GridCell
{
	font-family: "COpenSans";
	font-size: 14pt;
	font-weight: normal;
	color: #737272;
}

b.GridCellBold
{
	font-family: "COpenSans";
	font-size: 14pt;
	font-weight: bold;
	color: #737272;
}

b.GridCellDisabled
{
	font-family: "COpenSans";
	font-size: 14pt;
	font-weight: normal;
	color: #CCCCCC;
}

b.GridCellRed
{
	font-family: "COpenSans";
	font-size: 14pt;
	font-weight: normal;
	color: red;
}


tr.GridRow td
{
	border-top: 1px solid #CCCCCC;
}

tr.GridData:nth-child(even) td
{
	background-color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
}

tr.GridData:nth-child(odd) td
{
	background-color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
}

td.GridTotal
{
	border-top: 3px solid #34495E !important;
}

tr.Unhighlight td b
{
	font-weight: normal;
	cursor: hand;
}

tr.Unhighlight td
{
	border-top: 1px solid #CCCCCC;
}

tr.Highlight td b
{
	font-weight: bold;
	color: #FFFFFF;
	cursor: hand;
}

tr.Highlight td b font
{
	color: #FFFFFF;
}

tr.Highlight td input
{
	font-weight: bold;
	color: #FFFFFF;
}

tr.Highlight td
{
	background-color: #4BAED0;
}

/* Dialog Grid */
tr.DialogGridHeaderLine th
{
	font-family: "COpenSans";
	font-size: 10pt;
	font-weight: bold;
	color: #595858;
}

tr.DialogGridFilterLine th
{
	font-family: "COpenSans";
	font-size: 10pt;
	font-weight: bold;
	color: #595858;
	border-bottom: 1px solid #CCCCCC;
}

b.DialogGridCell
{
	font-family: "COpenSans";
	font-size: 10pt;
	font-weight: normal;
	color: #737272;
}

b.DialogGridCellGreen
{
	font-family: "COpenSans";
  color : green;
  font-size : 10pt;
  font-style : normal;
  font-weight : normal;
}

b.DialogGridCellGray
{
	font-family: "COpenSans";
  color : gray;
  font-size : 10pt;
  font-style : normal;
  font-weight : normal;
}

div.DialogTitle
{
	font-family: "COpenSans";
	font-weight: bold;
	font-size: 22pt;
	background-color: #FFFFFF;
	border-bottom: 1px solid #D6D7D9;
	color: #4E5f70;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

div.Menu
{
	position: fixed; 
	top: 197px; 
	left: 0px; 
	bottom: 0px;
	width: 235px;
	height: 100%;
	overflow: hidden;
}

div.MenuFull
{
	position: fixed; 
	top: 120px; 
	left: 0px; 
	bottom: 0px;
	width: 235px;
	height: 100%;
	overflow: hidden;
}

#Menu ul 
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-left: 50px;
}

#Menu ul li
{
}

#Menu ul li a
{
	font-family: "COpenSans";
	font-size: 15pt;
	text-decoration: none;
	color: #38393B;
	line-height: 50px;
}

div.FormContent
{
	position: fixed; 
	top: 167px;
	left: 236px; 
	right: 0px;
	bottom: 0px;
	overflow: scroll; 
	background: #ffffff;
	padding-left: 60px;
	padding-right: 60px;
}

div.FormContentFull
{
	position: fixed; 
	top: 90px;
	left: 236px; 
	right: 0px;
	bottom: 0px;
	overflow: scroll; 
	background: #ffffff;
	padding-left: 60px;
	padding-right: 60px;
}

div.FormTitle
{
	font-family: "COpenSans";
	font-size: 25pt;
	color: #F04187;
	padding-top: 20px;
	padding-bottom: 20px;
}

div.FormSubTitle
{
	font-family: "COpenSans";
	font-size: 17pt;
	font-weight: normal;
	color: #F04187;
	padding-top: 20px;
	padding-bottom: 20px;
}

div.Gallery
{
	height: 128px;
	overflow: scroll;
	overflow-y: hidden;
	border: 1px solid #CCCCCC;
}

input.Radio
{
	width: 32px;
	height: 32px;
}

input.RadioSmall
{
	width: 20px;
	height: 20px;
}

input.Checkbox
{
	width: 60px;
	height: 42px;
}

input.CheckboxSmall
{
	width: 20px;
	height: 20px;
}


input.Edit, select.Edit
{
	width: 100%;
	height: 42px;
	line-height: 42px;
	border: 1px solid #E2DCe4;
	font-family: "COpenSans";
	font-size: 15pt;
	padding-left: 5px;
	color: #727F82;
	background-color: #FFFFFF;
	box-sizing: border-box;
}

input.LookupBtn
{
	-webkit-appearance: none;
	width: 32px;
	height: 42px;
	line-height: 42px;
	border: 1px solid #E2DCe4;
	font-family: "COpenSans";
	font-size: 15pt;
	padding-left: 5px;
	color: #727F82;
	background-color: #FFFFFF;
	box-sizing: border-box;
}

input.LookupLabel
{
	position: relative;
	z-index: 99;
}

.LookupClear
{
	position: absolute;
	margin-left: -26px;
	margin-top: 10px;
    z-index: 999; 
	visibility: hidden;
}

input.ReadOnly, select.ReadOnly
{	
	width: 100%;
	height: 42px;
	line-height: 42px;
	border: 1px solid #E2DCe4;
	font-family: "COpenSans";
	font-size: 15pt;
	padding-left: 5px;
	color: #727F82;
	background-color: #EEEEEE;
	box-sizing: border-box;
}

input.Search, select.Search
{
	width: 100%;
	height: 42px;
	line-height: 42px;
	border: 1px solid #E2DCe4;
	font-family: "COpenSans";
	font-size: 15pt;
	padding-left: 5px;
	color: #727F82;
	background-color: #FFFFFF;
	box-sizing: border-box;
}

input.Error, select.Error
{
	width: 100%;
	height: 42px;
	line-height: 42px;
	border: 1px solid #E2DCe4;
	font-family: "COpenSans";
	font-size: 15pt;
	padding-left: 5px;
	color: #727F82;
	border: 1px solid red;
	background-color: #FFFFFF;
	box-sizing: border-box;
}

textarea.Edit
{
	width: 100%;
	border: 1px solid #E2DCe4;
	font-family: "COpenSans";
	font-size: 15pt;
	padding-left: 5px;
	padding-right: 5px;
	color: #727F82;
	background-color: #FFFFFF;
	box-sizing: border-box;
}

textarea.Error
{
	width: 100%;
	border: 1px solid #E2DCe4;
	font-family: "COpenSans";
	font-size: 15pt;
	padding-left: 5px;
	padding-right: 5px;
	color: #727F82;
	border: 1px solid red;
	background-color: #FFFFFF;
	box-sizing: border-box;
}

input.Label
{
	width: 100%;
	height: 42px;
	line-height: 42px;
	border: none;
	font-family: "COpenSans";
	font-size: 15pt;
	padding-left: 5px;
	padding-right: 5px;
	color: #727F82;
	background-color: #FFFFFF;
	box-sizing: border-box;
}

input.Filter
{
	height: 22px;
	line-height: 22px;
	font-size: 10pt;
	box-sizing: border-box;
	width: 100%;
}

div.Label
{
	font-family : "COpenSans";
	color : #727F82;
	font-size : 15pt;
	font-style : normal;
	font-weight : normal;
}

input.NoBorder
{
	width: 100%;
	height: 42px;
	line-height: 42px;
	border: 1px solid #E2DCe4;
	font-family: "COpenSans";
	font-size: 15pt;
	padding-left: 5px;
	color: #727F82;
	border: none;
	background-color: #FFFFFF;
	box-sizing: border-box;
}

td.NoBorder
{
	border: none !important;
}

a.NewLink:Link, a.NewLink:Visited, a.NewLink:Active 
{
  font-family : "COpenSans";
  color : #3378EB;
  font-size : 18pt;
  font-style : normal;
  font-weight : bold;
  text-decoration: none;
}

a.NewLink:Hover 
{
  font-family : "COpenSans";
  color : #4b8AF2;
  font-size : 18pt;
  font-style : normal;
  font-weight : bold;
  text-decoration: none;
}

a.EditLink:Link, a.EditLink:Visited, a.EditLink:Active 
{
  font-family : "COpenSans";
  color : #3378EB;
  font-size : 18pt;
  font-style : normal;
  font-weight : bold;
  text-decoration: none;
  margin-left: 20px;
}

a.EditLink:Hover 
{
  font-family : "COpenSans";
  color : #4b8AF2;
  font-size : 18pt;
  font-style : normal;
  font-weight : bold;
  text-decoration: none;
}

a.GridLink:Link, a.GridLink:Visited, a.GridLink:Active 
{
  font-family : "COpenSans";
  color : #3378EB;
  font-size : 10pt;
  font-style : normal;
  font-weight : normal;
  text-decoration: none;
  margin-left: 20px;
}

a.GridLink:Hover 
{
  font-family : "COpenSans";
  color : #4b8AF2;
  font-size : 10pt;
  font-style : normal;
  font-weight : normal;
  text-decoration: none;
}

div.DialogPadding
{
	margin: 30px;
}

div.DialogButton
{
	margin: 26px;
	text-align: center;
}

a.Top
{
	font-family : "COpenSans";
	color: #4E5f70;
	text-decoration: none;
}

div.Padding
{
	margin: 5px;
}

div.Message
{
	max-width: 900px;
	margin-left: 26px;
	margin-right: 26px;
	padding: 14px; 
	font-family : "COpenSans";
	font-size: 15pt;
	border-left: 16px solid #F65529; 
	color: #BB3D70;
	background-color: #F3F3F3;
	border-radius: 3px;
}

hr.Section
{
	width: 700px;
	border: none;
	border-bottom: 1px solid #D6D7D9;
}

div.Section
{
	width: 940px;
	border-bottom: 1px solid #D6D7D9;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

div.VLine
{
	width: 2px;
	border-right: 1px solid #D6D7D9;
}

div.ImageViewer
{
	width: 300px;
	border: 1px solid #CCCCCC;
	margin: 5px;
	padding: 5px;
	border-radius: 5px;
}

@media screen and (max-width: 1200px)
{
	div.Menu
	{
		display: none;
	}

	div.FormContent
	{
		left: 0px; 
	}

	div.FormContentFull
	{
		top: 0px;
	}
}